.hero{position:relative;padding:9rem 0 8rem;overflow:hidden;min-height:100svh;display:flex;align-items:center}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(249,115,22,.03) 1px,transparent 0),linear-gradient(90deg,rgba(249,115,22,.03) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent);pointer-events:none;z-index:0}.hero-container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(var(--space-2xl),5vw,var(--space-4xl));align-items:center}.hero-content{max-width:760px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.375rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:2rem;box-shadow:0 1px 2px rgba(0,0,0,.1)}.badge-pulse{position:relative;display:flex;height:.5rem;width:.5rem}.badge-pulse-inner{position:absolute;height:100%;width:100%;background-color:var(--color-primary-light);opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.badge-pulse-dot,.badge-pulse-inner{display:inline-flex;border-radius:var(--radius-full)}.badge-pulse-dot{position:relative;height:.5rem;width:.5rem;background-color:var(--color-primary)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.hero-title{font-size:clamp(2.4rem,4.9vw,3.75rem);font-weight:850;line-height:1;letter-spacing:-.03em;margin-bottom:1.35rem;color:var(--color-text)}.hero-title-accent,.hero-title-main{display:block}.hero-title-main{font-size:.88em;line-height:1.03}.hero-title-line{display:block}.hero-title-line+.hero-title-line{margin-top:.26em}.hero-title-accent{font-size:1.16em;line-height:1.02;margin-top:.37em}.hero-subtitle{font-size:1.125rem;line-height:1.65;color:var(--color-text-secondary);margin-bottom:2rem;max-width:560px;font-weight:300}.hero-features{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:3rem;list-style:none}.feature-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500}.feature-item svg{color:var(--color-primary)}.comparison-panel{display:flex;flex-direction:column;background:rgba(11,16,26,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:1.5rem;padding:.5rem;margin-bottom:2rem;box-shadow:0 40px 100px -20px rgba(0,0,0,.5)}@media (min-width:640px){.comparison-panel{flex-direction:row}}.comparison-competitor-group{display:flex;flex:2 1}.competitor-slot{flex:1 1;padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.competitor-brand{display:flex;align-items:center;gap:.375rem;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.5rem}.competitor-value{font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.comparison-divider{width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.08),transparent);margin:.5rem 0}.scancrib-slot{flex:1.3 1;padding:1.25rem 1.5rem;background:linear-gradient(180deg,#2A1608,#1A0D05);border:1px solid rgba(249,115,22,.4);border-radius:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease;box-shadow:0 10px 40px rgba(249,115,22,.25)}.scancrib-slot:hover{transform:scale(1.02)}.scancrib-slot:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:50%;background:radial-gradient(circle at top,rgba(249,115,22,.2) 0,transparent 70%);pointer-events:none}.scancrib-brand{color:var(--color-primary-light);font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;z-index:1}.scancrib-value{font-size:1.375rem;font-weight:800;color:#fff;z-index:1;letter-spacing:-.01em}.scancrib-badge{display:inline-block;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#FDBA74;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.2);padding:.25rem .625rem;border-radius:.375rem;margin-top:.5rem;z-index:1}html[data-theme=light] .comparison-panel{background:rgba(255,255,255,.82);border-color:rgba(15,23,42,.08);box-shadow:0 28px 70px -30px rgba(15,23,42,.18)}html[data-theme=light] .comparison-competitor-group{background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(241,245,249,.9));border-radius:1.25rem}html[data-theme=light] .competitor-brand{color:var(--color-text-muted)}html[data-theme=light] .competitor-value{color:var(--color-text)}html[data-theme=light] .comparison-divider{background:linear-gradient(180deg,transparent,rgba(148,163,184,.55),transparent)}html[data-theme=light] .scancrib-slot{background:linear-gradient(180deg,#3B1807,#241006);border-color:rgba(249,115,22,.42);box-shadow:0 22px 50px -24px rgba(124,45,18,.42)}.hero-actions{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:1280px){.hero-actions{flex-direction:row;align-items:center}}.split-cta{position:relative;display:inline-flex;align-items:stretch;min-height:3.9rem;background:var(--color-primary);border-radius:.75rem;padding:0;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 24px -8px rgba(249,115,22,.28);overflow:hidden;transition:all .2s ease;cursor:pointer;text-decoration:none}.split-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px -8px rgba(249,115,22,.4)}.cta-main-text{color:#fff;font-size:.875rem;font-weight:700;padding:1rem 1.2rem;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);display:flex;align-items:center;justify-content:center}.cta-v-divider{width:1px;background:rgba(255,255,255,.15)}.cta-meta-text{display:flex;align-items:center;justify-content:center;gap:.3rem;background:rgba(0,0,0,.12);color:#fff;font-size:.8125rem;font-weight:700;padding:1rem;transition:background .2s ease}.cta-meta-text svg{width:14px;height:14px}.split-cta:hover .cta-meta-text{background:rgba(0,0,0,.2)}.import-action{display:flex;align-items:center;gap:.875rem;text-align:left;background:none;border:none;cursor:pointer;transition:transform .2s ease}.import-action:hover{transform:translateX(4px)}.import-icon-box{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:50%;color:var(--color-text-muted);transition:all .2s ease}.import-action:hover .import-icon-box{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}.import-text-box{display:flex;flex-direction:column}.import-top{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.import-bottom{font-size:.875rem;color:var(--color-text-secondary);font-weight:700;display:flex;align-items:center}.import-arrow{opacity:0;transform:translateX(-8px);transition:all .3s ease;margin-left:.375rem}.import-action:hover .import-arrow{opacity:1;transform:translateX(0)}.hero-visual{display:flex;justify-content:center;position:relative;perspective:1000px}.visual-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:rgba(249,115,22,.1);filter:blur(100px);border-radius:50%;pointer-events:none}.floating-badge{position:absolute;top:8rem;left:-2rem;z-index:20;background:rgba(22,32,50,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:.75rem 1.25rem;border-radius:1.25rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transform:rotate(-3deg);transition:transform .3s ease}.floating-badge:hover{transform:rotate(0)}.badge-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(249,115,22,.2);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.badge-content{display:flex;flex-direction:column}.badge-label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.badge-value{font-size:.875rem;font-weight:700;color:#fff}.phone-mockup-v2{width:300px;height:600px;background:#0F172A;border:8px solid #1e293b;border-radius:2.75rem;box-shadow:0 40px 80px -20px rgba(0,0,0,.6);overflow:hidden;position:relative;transition:transform .5s ease}.phone-mockup-v2:hover{transform:translateY(-8px)}.browser-bar{height:5rem;background:#0B1120;border-bottom:1px solid rgba(255,255,255,.05);padding:0 1rem .5rem;display:flex;flex-direction:column;justify-content:flex-end}.phone-status{position:absolute;top:.5rem;left:0;width:100%;padding:0 1.5rem;display:flex;justify-content:space-between;font-size:.625rem;color:#64748B;font-weight:600}.phone-sensors{display:flex;gap:.25rem}.sensor-dot{width:.75rem;height:.75rem;border-radius:50%;background:#1E293B}.url-box{height:2.5rem;background:#162032;border-radius:.75rem;gap:.5rem;color:#94A3B8;font-size:.875rem;font-weight:500}.scan-app-v2,.url-box{display:flex;align-items:center;justify-content:center}.scan-app-v2{flex:1 1;background:#0A0F1C;flex-direction:column;padding:1.5rem;position:relative}.app-header{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center}.app-logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;opacity:.8}.grid-dot{width:.5rem;height:.5rem;border-radius:1px}.status-indicator{padding:.25rem .625rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:999px;display:flex;align-items:center;gap:.375rem}.status-dot{width:.375rem;height:.375rem;border-radius:50%;background:#10B981;animation:pulse 2s infinite}.status-text{font-size:.5625rem;font-weight:800;color:#10B981;text-transform:uppercase;letter-spacing:.05em}.viewfinder-v2{width:12rem;height:12rem;border-radius:1.5rem;position:relative}.corner-v2{position:absolute;width:2rem;height:2rem;border:0 solid rgba(249,115,22,.8)}.tl{top:0;left:0;border-top-width:2px;border-left-width:2px;border-top-left-radius:.75rem}.tr{top:0;right:0;border-top-width:2px;border-right-width:2px;border-top-right-radius:.75rem}.bl{left:0;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:.75rem}.bl,.br{bottom:0}.br{right:0;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:.75rem}.laser-line{left:0;width:100%;height:1px;background:#F97316;box-shadow:0 0 12px #F97316;animation:scan-v2 2s ease-in-out infinite}.laser-line,.qr-ghost-v2{position:absolute;top:50%}.qr-ghost-v2{left:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;opacity:.2}.qr-box-v2{border:2px solid #fff;border-radius:2px}.qr-solid-v2{background:#fff;border-radius:2px}.scan-card-v2{width:100%;background:#162032;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1rem;margin-top:2rem;position:relative;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.3)}.card-sidestrip{position:absolute;left:0;top:0;bottom:0;width:4px;background:#10B981}.card-content-v2{display:flex;gap:.75rem}.card-icon-box{width:2rem;height:2rem;border-radius:50%;background:rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center;color:#10B981;flex-shrink:0}.card-info-v2 h3{font-size:.875rem;font-weight:700;color:#fff;margin:0}.card-info-v2 p{font-size:.6875rem;color:#94A3B8;margin:.375rem 0 0;line-height:1.4}.browser-bottom-nav{height:4rem;background:#0B1120;border-top:1px solid rgba(255,255,255,.05);justify-content:space-evenly;padding:0 1rem .75rem;position:absolute;bottom:0;left:0;right:0}.browser-bottom-nav,.nav-icon{display:flex;align-items:center}.nav-icon{color:#94A3B8;opacity:.5;transition:all .2s ease;justify-content:center;padding:.5rem;border-radius:.5rem}.nav-icon:hover{opacity:1;background:rgba(255,255,255,.05)}.nav-icon svg{width:1.25rem;height:1.25rem}.pain-section{padding:var(--space-4xl) 0}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.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:rgba(239,68,68,.3);transform:translateY(-4px);box-shadow:0 20px 60px rgba(239,68,68,.06)}.pain-emoji{font-size:2rem;margin-bottom:var(--space-md)}.pain-card h3{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-sm)}.pain-card p{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.pain-cost{display:inline-block;font-size:.8125rem;font-weight:600;color:#EF4444;padding:.25rem .625rem;background:rgba(239,68,68,.08);border-radius:var(--radius-full)}.features-section{padding:var(--space-4xl) 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.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);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.feature-card.featured{border-color:rgba(249,115,22,.3);background:linear-gradient(135deg,rgba(249,115,22,.04),rgba(249,115,22,.01))}.feature-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:rgba(249,115,22,.08);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--space-md)}.feature-card h3{font-size:1.0625rem;font-weight:700;margin-bottom:var(--space-sm);display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.feature-status{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:var(--radius-sm);flex-shrink:0;white-space:nowrap}.feature-status.available{background:rgba(34,197,94,.1);color:#16a34a}.feature-status.beta{background:rgba(56,189,248,.1);color:#0284c7}.feature-status.coming-soon{background:rgba(161,161,170,.1);color:#71717a}.feature-card p{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.7}.compare-section{padding:var(--space-4xl) 0}.compare-table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border)}.compare-table{width:100%;border-collapse:collapse;font-size:.9375rem}.compare-table td,.compare-table th{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--color-border)}.compare-table thead th{background:var(--color-surface);font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.compare-table .sub-th{font-size:.6875rem;text-transform:none;font-weight:500;color:var(--color-text-tertiary);letter-spacing:0;display:block;margin-top:.25rem}.compare-table tbody td{color:var(--color-text-secondary)}.compare-highlight{background:rgba(249,115,22,.04)!important;color:var(--color-text)!important}.compare-logo-text{color:var(--color-primary);font-weight:700;font-size:.9375rem;text-transform:none;letter-spacing:0}.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{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-3xl)}.templates-content h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;line-height:1.2;margin:var(--space-md) 0}.templates-content>p{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-xl)}.templates-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.625rem;margin-bottom:var(--space-xl)}.templates-list li{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--color-text-secondary)}.templates-hint{font-size:.8125rem;color:var(--color-text-muted);font-style:italic}.templates-form-wrapper h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-xl)}.faq-section{padding:var(--space-4xl) 0}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-base)}.faq-item[open]{border-color:var(--color-border-hover)}.faq-item summary{padding:var(--space-xl);font-weight:600;font-size:.9375rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.25rem;font-weight:300;color:var(--color-text-muted);transition:transform var(--transition-base);flex-shrink:0;margin-left:var(--space-md)}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 var(--space-xl) var(--space-xl);font-size:.9375rem;color:var(--color-text-secondary);line-height:1.7}.faq-item a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.final-cta{padding:var(--space-4xl) 0}.cta-content{text-align:center;background:linear-gradient(135deg,rgba(249,115,22,.06),rgba(249,115,22,.02));border:1px solid rgba(249,115,22,.15);border-radius:var(--radius-2xl);padding:var(--space-4xl) var(--space-2xl)}.cta-content h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;line-height:1.15;margin-bottom:var(--space-md)}.cta-content>p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.cta-buttons{display:flex;justify-content:center}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-label{display:inline-block;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-md)}.section-header h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.15;margin-bottom:var(--space-md)}.section-desc{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.btn-xl{padding:1rem 2.5rem;font-size:1.0625rem;font-weight:700}@media (max-width:900px){.hero{padding:5rem 0 8rem;min-height:auto}.hero-title{max-width:none}.hero-container{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta{flex-direction:column;align-items:center;justify-content:center}.hero-primary-cta{width:100%;justify-content:center}.hero-primary-cta-label,.hero-primary-cta-meta{min-height:3rem}.hero-secondary-cta{width:100%;align-items:center;text-align:center}.hero-proof{display:flex;flex-direction:column;align-items:center}.hero-visual{order:-1}.hero-visual-chip{display:none}.phone-mockup{width:220px;height:440px}.features-grid,.pain-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.compare-table{font-size:.8125rem}.compare-table td,.compare-table th{padding:.75rem}.faq-grid,.templates-wrapper{grid-template-columns:1fr}}