.hero{align-items:center;min-height:100vh;padding:10rem 0 6rem;display:flex;position:relative;overflow:hidden}.hero-bg-grid{background-image:linear-gradient(#f9731608 1px,#0000 1px),linear-gradient(90deg,#f9731608 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(80% 60% at 50% 40%,#000,#0000)}.hero-container{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-badge{border-radius:var(--radius-full);color:var(--color-primary);margin-bottom:var(--space-xl);background:#f9731614;border:1px solid #f9731633;align-items:center;gap:.5rem;padding:.375rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.badge-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero-title{letter-spacing:-.03em;margin-bottom:var(--space-xl);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:900;line-height:1.08}.gradient-text{background:linear-gradient(135deg,#f97316,#fb923c,#fdba74);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);max-width:540px;font-size:1.1875rem;line-height:1.7}.hero-cta{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.hero-proof{flex-direction:column;gap:.5rem;display:flex}.proof-item{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.hero-visual{justify-content:center;display:flex}.phone-mockup{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:36px;width:280px;height:560px;padding:12px;animation:6s ease-in-out infinite phone-float;position:relative;box-shadow:0 0 0 2px #f9731626,0 25px 80px #00000080,0 0 120px #f973160f}@keyframes phone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.phone-screen{background:#0a0e1a;border-radius:26px;width:100%;height:100%;overflow:hidden}.scan-ui{flex-direction:column;height:100%;padding:1rem;display:flex}.scan-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.scan-logo{color:#fff;font-size:.875rem;font-weight:700}.scan-status{color:#22c55e;font-size:.6875rem}.scan-viewfinder{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.scan-corners{position:absolute;inset:10%}.scan-corners span{border-color:var(--color-primary);border-style:solid;border-width:0;width:20px;height:20px;position:absolute}.scan-corners span:first-child{border-top-width:3px;border-left-width:3px;border-top-left-radius:6px;top:0;left:0}.scan-corners span:nth-child(2){border-top-width:3px;border-right-width:3px;border-top-right-radius:6px;top:0;right:0}.scan-corners span:nth-child(3){border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:6px;bottom:0;left:0}.scan-corners span:nth-child(4){border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:6px;bottom:0;right:0}.scan-line{background:linear-gradient(90deg,transparent,var(--color-primary),transparent);height:2px;animation:2.5s ease-in-out infinite scan-sweep;position:absolute;left:12%;right:12%}@keyframes scan-sweep{0%{opacity:0;top:15%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:75%}}.scan-result{border-radius:var(--radius-lg);background:#22c55e14;border:1px solid #22c55e33;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem;display:flex}.result-icon{color:#22c55e;background:#22c55e26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.result-info{flex-direction:column;gap:.125rem;display:flex}.result-name{color:#fff;font-size:.8125rem;font-weight:600}.result-detail{color:var(--color-text-muted);font-size:.6875rem;line-height:1.4}.pain-section{padding:var(--space-4xl)0}.pain-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.pain-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);transition:all var(--transition-base)}.pain-card:hover{border-color:#ef44444d;transform:translateY(-4px);box-shadow:0 20px 60px #ef44440f}.pain-emoji{margin-bottom:var(--space-md);font-size:2rem}.pain-card h3{margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:700}.pain-card p{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:.9375rem;line-height:1.7}.pain-cost{color:#ef4444;border-radius:var(--radius-full);background:#ef444414;padding:.25rem .625rem;font-size:.8125rem;font-weight:600;display:inline-block}.features-section{padding:var(--space-4xl)0}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.feature-card.featured{background:linear-gradient(135deg,#f973160a,#f9731603);border-color:#f973164d}.feature-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-md);background:#f9731614;justify-content:center;align-items:center;display:flex}.feature-card h3{margin-bottom:var(--space-sm);font-size:1.0625rem;font-weight:700}.feature-card p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}.compare-section{padding:var(--space-4xl)0}.compare-table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;font-size:.9375rem}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.compare-table thead th{background:var(--color-surface);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.compare-table tbody td{color:var(--color-text-secondary)}.compare-highlight{color:var(--color-text)!important;background:#f973160a!important}.compare-logo-text{color:var(--color-primary);text-transform:none;letter-spacing:0;font-size:.9375rem;font-weight:700}.compare-table .check{color:#22c55e;font-weight:700}.compare-table .cross{color:#ef4444;font-weight:700}.compare-table .warn{color:#f59e0b;font-weight:700}.templates-section{padding:var(--space-4xl)0}.templates-wrapper{gap:var(--space-4xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.templates-content h2{margin:var(--space-md)0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;line-height:1.2}.templates-content>p{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:1rem;line-height:1.7}.templates-list{margin-bottom:var(--space-xl);flex-direction:column;gap:.625rem;padding:0;list-style:none;display:flex}.templates-list li{color:var(--color-text-secondary);align-items:center;gap:.625rem;font-size:.9375rem;display:flex}.templates-hint{color:var(--color-text-muted);font-size:.8125rem;font-style:italic}.templates-form-wrapper h3{margin-bottom:var(--space-xl);font-size:1.25rem;font-weight:700}.faq-section{padding:var(--space-4xl)0}.faq-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-base);overflow:hidden}.faq-item[open]{border-color:var(--color-border-hover)}.faq-item summary{padding:var(--space-xl);cursor:pointer;justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--color-text-muted);transition:transform var(--transition-base);margin-left:var(--space-md);flex-shrink:0;font-size:1.25rem;font-weight:300}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 var(--space-xl)var(--space-xl);color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}.faq-item a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.final-cta{padding:var(--space-4xl)0}.cta-content{text-align:center;border-radius:var(--radius-2xl);padding:var(--space-4xl)var(--space-2xl);background:linear-gradient(135deg,#f973160f,#f9731605);border:1px solid #f9731626}.cta-content h2{margin-bottom:var(--space-md);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;line-height:1.15}.cta-content>p{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);font-size:1.125rem}.cta-buttons{justify-content:center;display:flex}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-md);font-size:.8125rem;font-weight:600;display:inline-block}.section-header h2{margin-bottom:var(--space-md);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.15}.section-desc{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.btn-xl{padding:1rem 2.5rem;font-size:1.0625rem;font-weight:700}@media (max-width:900px){.hero{min-height:auto;padding:7rem 0 4rem}.hero-container{text-align:center;grid-template-columns:1fr}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-proof{align-items:center}.hero-visual{order:-1}.phone-mockup{width:220px;height:440px}.pain-grid,.features-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.compare-table{font-size:.8125rem}.compare-table th,.compare-table td{padding:.75rem}.templates-wrapper,.faq-grid{grid-template-columns:1fr}}