.landing{overflow:hidden;background:var(--bg)}.landing-hero{position:relative;max-width:1300px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:100px 40px 86px;isolation:isolate}.hero-orbit{position:absolute;z-index:-1;width:700px;height:700px;right:-250px;top:-230px;border-radius:50%;background:radial-gradient(circle,#6366f126,transparent 68%);pointer-events:none}.landing-eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--blue);display:inline-flex;gap:9px;align-items:center}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#20bca4;box-shadow:0 0 0 4px #20bca416}.landing-copy h1{font-size:clamp(38px,4.8vw,66px);line-height:1.06;letter-spacing:-2.8px;font-weight:780;margin:23px 0}.landing-copy h1 em{font-style:normal;background:linear-gradient(110deg,var(--blue),#9681f5);background-clip:text;-webkit-background-clip:text;color:transparent}.landing-copy>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:520px}.landing-copy .hero-actions{flex-wrap:wrap}.landing-footnote{font-size:12px;color:var(--muted)}.hero-proof{display:flex;gap:17px;flex-wrap:wrap;margin-top:30px;font-size:11px;color:var(--muted)}
.live-preview{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 90px #161f4020;transform:rotate(-1deg);transition:transform .4s}.live-preview:hover{transform:rotate(0)}.preview-chrome{padding:18px;border-bottom:1px solid var(--line);display:flex;gap:9px;align-items:center;font-size:12px}.preview-mark{display:grid;place-items:center;width:26px;height:26px;background:var(--blue);border-radius:8px;color:white;font-weight:800}.demo-label{margin-left:auto;font-size:8px;letter-spacing:.08em;color:var(--muted)}.scenario-switch{display:flex;gap:5px;margin:18px 20px 0;background:var(--bg);border-radius:9px;padding:4px}.scenario-switch button{flex:1;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:12px;padding:8px;cursor:pointer}.scenario-switch button.active{background:var(--panel);color:var(--ink);box-shadow:0 2px 6px #0001}.preview-summary{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:24px 20px 12px}.preview-summary small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.preview-summary h2{font-size:17px;letter-spacing:-.5px;margin:6px 0}.preview-count{text-align:right}.preview-count b{display:block;font-size:27px;line-height:1.1;color:var(--blue)}.preview-count span{font-size:9px;color:var(--muted)}.preview-item{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.preview-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--pale);color:var(--blue);flex-shrink:0}.preview-item>div{flex:1;min-width:0}.preview-item b{display:block;font-size:12px}.preview-item small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.preview-pill{white-space:nowrap;background:var(--pale);color:var(--blue);font-size:10px;padding:4px 7px;border-radius:6px}.urgent .preview-pill{background:#f59e0b20;color:var(--amber)}.preview-evidence{margin:18px;padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.preview-evidence>span{font-size:8px;letter-spacing:.13em;font-weight:800;color:var(--blue)}.preview-evidence p{font-size:12px;line-height:1.7}.preview-evidence>div{display:flex;justify-content:space-between;gap:8px;font-size:9px}.preview-evidence small{color:var(--muted)}.preview-evidence b{color:var(--green)}.preview-bottom{padding:0 20px 18px;font-size:10px;color:var(--muted);display:flex;gap:10px;align-items:center}
.document-ribbon{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;border-block:1px solid var(--line);padding:25px 24px;background:var(--panel);color:var(--muted)}.document-ribbon>span{font-size:9px;letter-spacing:.12em;max-width:170px}.document-ribbon b{font-size:13px}.landing-section{max-width:1200px;margin:auto;padding:86px 32px 12px}.landing-section-heading{max-width:640px;margin-bottom:36px}.landing h2{letter-spacing:-1.5px}.landing-section-heading h2,.security-intro h2{font-size:clamp(30px,3.5vw,44px);line-height:1.14;margin:13px 0}.landing-section-heading p{font-size:16px;color:var(--muted)}.walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:32px}.walkthrough-controls{display:grid;gap:8px}.walkthrough-controls button{display:flex;gap:20px;align-items:center;padding:23px;background:transparent;border:1px solid transparent;border-radius:13px;color:var(--ink);text-align:left;cursor:pointer;font:inherit}.walkthrough-controls button.active{background:var(--panel);border-color:var(--line);box-shadow:0 6px 20px #00000006}.walkthrough-controls button>span{color:var(--blue);font-size:12px;font-weight:800}.walkthrough-controls button div{flex:1}.walkthrough-controls b,.walkthrough-controls small{display:block}.walkthrough-controls small{margin-top:5px;color:var(--muted)}.walkthrough-controls i{font-style:normal;color:var(--blue)}.walkthrough-stage{border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--pale));padding:38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:360px}.stage-icon{width:54px;height:54px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:15px;font-size:24px;margin-bottom:26px}.walkthrough-stage h3{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:10px 0}.walkthrough-stage p{color:var(--muted);line-height:1.8}.stage-tags{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 25px}.stage-tags span{font-size:11px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.walkthrough-stage>small{font-size:10px;color:var(--muted)}
.landing-features{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.landing-features article{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.feature-number{font-size:9px;letter-spacing:.1em;font-weight:800;color:var(--blue)}.landing-features h3{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:22px 0 12px}.landing-features p{color:var(--muted);line-height:1.8;font-size:13px}.world-map{margin-top:28px}.world-map>span{display:block;border:1px solid var(--blue);border-radius:9px;padding:10px;text-align:center;font-size:12px;color:var(--blue)}.world-map>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.world-map b{font-size:10px;font-weight:500;padding:9px;background:var(--pale);border-radius:7px}.sample-question{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:12px 12px 12px 0;background:var(--pale);font-size:14px}.mini-timeline{display:flex;justify-content:space-between;gap:6px;margin-top:30px;border-top:2px solid var(--line)}.mini-timeline span{font-size:9px;padding-top:12px;position:relative}.mini-timeline span::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--blue);position:absolute;top:-5px;left:0}
.security-panel{display:grid;grid-template-columns:.85fr 1.3fr;gap:45px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:42px}.security-intro p{color:var(--muted);line-height:1.8;margin-bottom:25px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.security-grid article>span{color:var(--blue);font-size:21px}.security-grid h3{font-size:14px;margin:8px 0}.security-grid p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.security-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;font-size:12px;line-height:1.8;color:var(--muted)}.security-note b{color:var(--ink)}.landing-faq{max-width:870px;padding-bottom:70px}.landing-faq details{border-bottom:1px solid var(--line);padding:20px 0}.landing-faq summary{font-weight:650;cursor:pointer}.landing-faq details p{color:var(--muted);line-height:1.8;font-size:14px}.landing-final{text-align:center;position:relative;padding:70px 24px 95px;background:radial-gradient(ellipse at bottom,#6366f11f,transparent 65%)}.landing-final h2{font-size:clamp(34px,4.5vw,56px);line-height:1.12;margin:20px 0}.landing-final p{color:var(--muted);margin-bottom:28px}.revealed{animation:landing-in .65s ease-out both}@keyframes landing-in{from{transform:translateY(18px)}to{transform:translateY(0)}}
@media(max-width:1050px){.landing-hero{gap:30px;padding:70px 28px}.hero-actions .big{font-size:13px}.landing-features{grid-template-columns:1fr 1fr}.feature-world{grid-column:1/-1}.security-panel{gap:25px;padding:30px}.document-ribbon{gap:25px}}
@media(max-width:750px){.landing-hero{grid-template-columns:1fr;padding:54px 22px;gap:40px}.landing-copy h1{letter-spacing:-1.7px}.landing-copy>p{font-size:16px}.live-preview{transform:none;max-width:520px;width:100%;margin:auto}.walkthrough,.security-panel{grid-template-columns:1fr}.landing-section{padding:55px 22px 0}.landing-features{grid-template-columns:1fr}.feature-world{grid-column:auto}.landing-section-heading h2{letter-spacing:-1px}.security-grid{gap:20px}.security-panel{padding:26px}.document-ribbon>span{max-width:none;flex-basis:100%;text-align:center}.landing-faq{padding-bottom:55px}.walkthrough-stage{padding:28px}.landing .public-pricing{padding-top:35px}.preview-chrome{gap:6px}.demo-label{font-size:7px}.security-intro h2{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){.live-preview{transform:none;transition:none}.revealed{animation:none}}
.landing .preview-summary h2{letter-spacing:-.3px}.landing .pricing-head h2{font-size:36px;line-height:1.15;margin:12px 0}