.home-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(28px,5vw,58px);position:relative;overflow:hidden;border:1px solid var(--stroke);border-radius:30px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);margin-bottom:24px;isolation:isolate}
.home-hero:before{content:"";position:absolute;inset:auto -12% -52% 28%;height:78%;background:radial-gradient(circle,rgba(49,87,213,.20),transparent 67%);z-index:-1}.home-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-170px;top:-190px;background:linear-gradient(145deg,rgba(49,87,213,.17),rgba(118,84,111,.10));z-index:-1}
.home-hero h1{max-width:770px}.home-hero .lead{max-width:760px;color:var(--muted);font-size:clamp(17px,2.2vw,21px);margin:0}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:12px 17px;font-weight:800;border:1px solid var(--stroke);transition:transform .18s ease,box-shadow .18s ease,background .18s ease;text-decoration:none}.button:hover{text-decoration:none;transform:translateY(-2px)}.button.primary{background:var(--primary);color:var(--on-primary);border-color:transparent;box-shadow:0 10px 28px rgba(49,87,213,.24)}.button.secondary{background:var(--surface);color:var(--ink)}
.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.hero-icon{width:min(360px,78%);aspect-ratio:1;border-radius:30%;box-shadow:0 30px 80px rgba(28,48,145,.28);transform:rotate(-3deg);object-fit:cover}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--stroke);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:15px;font-weight:800;font-size:13px}.float-card b{font-size:19px;line-height:1;color:var(--primary)}.float-card.one{top:8%;left:0}.float-card.two{right:0;top:27%}.float-card.three{left:8%;bottom:5%}.pulse-dot{width:9px;height:9px;border-radius:99px;background:var(--good);box-shadow:0 0 0 6px var(--soft-good)}
.section{margin-top:24px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:0 3px 14px}.section-heading h2{font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.04em;margin:0}.section-heading p{max-width:650px;color:var(--muted);margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.feature-card{grid-column:span 4;position:relative;overflow:hidden;border:1px solid var(--stroke);background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-height:245px}.feature-card.wide{grid-column:span 8}.feature-card.tall{grid-row:span 2}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--primary-container);color:var(--on-primary-container);font-size:22px;font-weight:900;margin-bottom:42px}.feature-card h3{font-size:21px;margin:0 0 8px;letter-spacing:-.025em}.feature-card p{color:var(--muted);margin:0}.feature-kicker{position:absolute;top:24px;right:24px;color:var(--primary);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin-top:16px;color:var(--muted);font-size:14px}.mini-list span:before{content:"✓";color:var(--good);font-weight:900;margin-right:7px}
.scanner-showcase{display:grid;grid-template-columns:minmax(0,.88fr) minmax(340px,1.12fr);gap:28px;align-items:center;border:1px solid var(--stroke);border-radius:30px;background:linear-gradient(140deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);padding:clamp(24px,4vw,42px);overflow:hidden}.phone-wrap{position:relative;display:grid;place-items:center;min-height:660px}.phone{width:min(360px,82%);border-radius:44px;box-shadow:0 30px 80px rgba(18,28,76,.25);display:block}.scanner-art{position:absolute;width:180px;border-radius:36px;right:2%;bottom:10%;box-shadow:0 18px 48px rgba(49,87,213,.26);transform:rotate(7deg)}.check-row{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;margin:17px 0}.check-row .check{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--soft-good);color:var(--good);font-weight:900}.check-row strong{display:block;margin-bottom:2px}.check-row span{color:var(--muted);font-size:14px}
.premium-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.premium-card{overflow:hidden;border:1px solid var(--stroke);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.premium-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.premium-copy{padding:22px 24px 25px}.premium-copy h3{font-size:23px;letter-spacing:-.03em;margin:0 0 7px}.premium-copy p{color:var(--muted);margin:0}.premium-badge{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:7px 10px;border-radius:999px;background:var(--soft-primary);color:var(--primary);font-weight:800;font-size:12px}
.privacy-banner{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;border:1px solid var(--stroke);border-radius:28px;padding:clamp(24px,4vw,38px);background:linear-gradient(135deg,var(--soft-primary),var(--soft-good));box-shadow:var(--shadow)}.privacy-banner h2{font-size:clamp(28px,4vw,42px);margin:0 0 8px;letter-spacing:-.04em}.privacy-banner p{color:var(--muted);margin:0}.privacy-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy-pill{border:1px solid var(--stroke);background:color-mix(in srgb,var(--surface) 82%,transparent);border-radius:15px;padding:12px 13px;font-weight:800;font-size:13px}
.use-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.use-case{border:1px solid var(--stroke);background:var(--surface);border-radius:16px;padding:16px;min-height:112px}.use-case b{display:block;margin-bottom:5px}.use-case span{color:var(--muted);font-size:13px}
.platform-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.platform-box{border:1px solid var(--stroke);background:var(--surface);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.platform-box h3{margin:0 0 8px;font-size:22px}.platform-box p{margin:0;color:var(--muted)}.platform-label{display:inline-block;margin-bottom:14px;padding:6px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:850}
.cta{position:relative;overflow:hidden;text-align:center;padding:clamp(34px,6vw,64px);border:1px solid var(--stroke);border-radius:30px;background:linear-gradient(135deg,var(--primary-container),var(--surface));box-shadow:var(--shadow)}.cta h2{font-size:clamp(32px,5vw,52px);line-height:1.05;margin:0 0 10px;letter-spacing:-.05em}.cta p{max-width:680px;color:var(--muted);margin:0 auto}.availability{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.store-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:13px;border:1px solid var(--stroke);background:var(--surface);font-weight:800}.store-chip small{display:block;color:var(--muted);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.home-hero,.scanner-showcase,.privacy-banner{grid-template-columns:1fr}.hero-visual{min-height:420px}.feature-card,.feature-card.wide{grid-column:span 6}.phone-wrap{min-height:590px}.use-cases{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading p{margin-top:8px}}
@media(max-width:640px){.home-hero{padding:26px 20px}.hero-visual{min-height:360px}.float-card{font-size:11px;padding:9px}.float-card b{font-size:16px}.feature-card,.feature-card.wide{grid-column:span 12}.premium-grid,.platform-row{grid-template-columns:1fr}.mini-list,.privacy-points{grid-template-columns:1fr}.use-cases{grid-template-columns:1fr 1fr}.phone-wrap{min-height:520px}.scanner-art{width:140px}.section-heading h2{font-size:30px}}
@media(max-width:420px){.use-cases{grid-template-columns:1fr}.hero-visual{min-height:320px}.float-card.three{left:0}.float-card.two{right:-4%}.phone-wrap{min-height:470px}}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.visible,.button{transition:none;transform:none}}