.landing-page{--bg:#0d1a27;--bg-soft:#0a1420;--panel:#fff;--text:#101418;--muted:#5b6472;--accent:#2b6cb0;--accent-light:#94c2ff;--accent-dark:#1e4e80;--accent-soft:#e8f0fe;--green:#1a7f4b;--zrm-orange:#ff7800;color:var(--text);background:var(--panel);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5}.landing-page img{display:block}.landing-page .btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s,opacity .15s;display:inline-flex}.landing-page .btn:active{transform:scale(.97)}.landing-page .btn-primary{color:#fff;background:linear-gradient(135deg,#4f8fdc,#2b6cb0);box-shadow:0 8px 24px #2b6cb059,0 2px 6px #2b6cb040}.landing-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px #2b6cb073,0 3px 8px #2b6cb04d}.landing-page .btn-ghost-dark{color:#fff;background:#ffffff14;border-color:#ffffff38}.landing-page .btn-ghost-dark:hover{background:#ffffff29}.landing-page .btn-light{color:var(--accent-dark);background:#fff}.landing-page .btn-light:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000029}.landing-page .hero{background:radial-gradient(1200px 600px at 15% -10%, #1c3a63 0%, transparent 60%), radial-gradient(1000px 700px at 100% 0%, #143355 0%, transparent 55%), var(--bg);color:#fff;text-align:center;padding:96px 40px 100px;position:relative;overflow:hidden}.landing-page .hero:before,.landing-page .hero:after{content:"";filter:blur(70px);opacity:.35;pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite lp-float;position:absolute}.landing-page .hero:before{background:#3b7dd8;width:420px;height:420px;top:-140px;left:8%}.landing-page .hero:after{background:#7db7ff;width:380px;height:380px;animation-delay:-6s;bottom:-160px;right:10%}@keyframes lp-float{0%,to{transform:translate(0)}50%{transform:translate(30px,-24px)}}.landing-page .hero-inner{max-width:760px;margin:0 auto;animation:.7s both lp-rise-in;position:relative}@keyframes lp-rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-page .eyebrow{letter-spacing:.04em;color:#bcd6f7;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.landing-page .eyebrow .dot{background:var(--zrm-orange);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #ff780047}.landing-page .hero h1{letter-spacing:-.02em;margin:0 0 20px;font-size:52px;line-height:1.08}.landing-page .hero h1 .accent{background:linear-gradient(120deg,#7db7ff,#b7d9ff);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-page .hero p.sub{color:#ffffffb8;max-width:560px;margin:0 auto 36px;font-size:18px}.landing-page .hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:56px;display:flex}.landing-page .hero-note{color:#ffffff80;margin-top:-40px;margin-bottom:0;font-size:12.5px}.landing-page section{padding:96px 40px}.landing-page .section-inner{max-width:1080px;margin:0 auto}.landing-page .section-head{text-align:center;max-width:620px;margin:0 auto 56px}.landing-page .kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:12.5px;font-weight:700}.landing-page .section-head h2{letter-spacing:-.01em;margin:0 0 14px;font-size:34px}.landing-page .section-head p{color:var(--muted);margin:0;font-size:16px}.landing-page .quote-wrap{background:var(--bg-soft);color:#fff}.landing-page .grid4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (max-width:980px){.landing-page .grid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.landing-page .grid4{grid-template-columns:1fr}}.landing-page .feature-card{background:#fff;border:1px solid #e7e9ee;border-radius:16px;padding:26px 22px;transition:transform .18s,box-shadow .18s,border-color .18s}.landing-page .feature-card:hover{border-color:#d7deea;transform:translateY(-4px);box-shadow:0 16px 36px #141e3214}.landing-page .feature-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-dark);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.landing-page .feature-card h3{margin:0 0 8px;font-size:15.5px}.landing-page .feature-card p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.landing-page .trust-banner{background:linear-gradient(135deg,#fbfbfc,#f2f5f9);border:1px solid #e7e9ee;border-radius:16px;align-items:center;gap:24px;margin-top:18px;padding:28px 32px;display:flex}.landing-page .trust-banner .feature-icon{flex-shrink:0;width:48px;height:48px}.landing-page .trust-banner h3{margin:0 0 6px;font-size:16px}.landing-page .trust-banner p{color:var(--muted);max-width:660px;margin:0;font-size:13.5px;line-height:1.55}@media (max-width:700px){.landing-page .trust-banner{flex-direction:column;align-items:flex-start}}.landing-page .steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (max-width:820px){.landing-page .steps{grid-template-columns:1fr}}.landing-page .step{padding-left:4px;position:relative}.landing-page .step-num{color:#fff;background:linear-gradient(135deg,#4f8fdc,#2b6cb0);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.landing-page .step h3{margin:0 0 8px;font-size:16px}.landing-page .step p{color:var(--muted);margin:0;font-size:13.5px}.landing-page .flow-section{padding:96px 0 40px}.landing-page .flow-track{grid-template-columns:1fr 1fr 1fr;gap:32px;max-width:1200px;margin:0 auto;padding:0 40px;display:grid}.landing-page .flow-steps{flex-direction:column;display:flex}.landing-page .flow-step{opacity:.32;flex-direction:column;justify-content:center;min-height:68vh;transition:opacity .3s;display:flex}.landing-page .flow-step[data-step="2"]{min-height:140vh}.landing-page .flow-step.active{opacity:1}.landing-page .flow-step:last-child{min-height:130vh}.landing-page .flow-step-content{will-change:transform}.landing-page .flow-step-num{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.landing-page .flow-step h3{letter-spacing:-.01em;margin:0 0 9px;font-size:21px}.landing-page .flow-step p{color:var(--muted);max-width:380px;margin:0;font-size:14px;line-height:1.55}.landing-page .flow-visual{z-index:1;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.landing-page .flow-shell{background:var(--bg-soft);color:#fff;border:1.5px solid #ffffff24;border-radius:28px;max-width:1200px;margin:0 auto 40px;padding:56px 0 24px;container-type:inline-size}.landing-page .flow-shell .flow-step-num{color:var(--accent-light)}.landing-page .flow-shell .flow-step p{color:#ffffff9e}.landing-page .flow-divider{border-top:2px solid var(--zrm-orange);width:100cqw;margin:40px calc(50% - 50cqw)}.landing-page .flow-divider-label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-light);padding:10px 40px 0;font-size:12px;font-weight:700}.landing-page .flow-frame{opacity:0;background:#fff;border:1.5px solid #e2e4e9;border-radius:16px;width:100%;height:380px;transition:opacity .4s;position:relative;overflow:hidden;box-shadow:0 20px 50px #141e321a}.landing-page .flow-frame.has-active{opacity:1}.landing-page .flow-card{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;padding:24px 26px;transition:opacity .5s;display:flex;position:absolute;inset:0}.landing-page .flow-card.active{opacity:1;pointer-events:auto;z-index:2}.landing-page .flow-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);align-items:center;gap:7px;margin-bottom:14px;font-size:11.5px;font-weight:700;display:flex}.landing-page .flow-card-body{color:var(--text);white-space:pre-line;font-size:14.5px;line-height:1.6}.landing-page .flow-overlay{opacity:0;pointer-events:none;z-index:3;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.landing-page .flow-overlay.active{opacity:1;pointer-events:auto}.landing-page .inbound-overlay{text-align:center;color:var(--accent-dark);background:#fff;padding:24px 26px;font-size:15px;font-weight:600}.landing-page .pushed-overlay{background:0 0;align-items:flex-start;padding-top:20px}.landing-page .pushed-overlay-pill{background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #2b6cb052}.landing-page .flow-spinner-card{justify-content:center;align-items:center}.landing-page .flow-spinner{border:3px solid #e2e4e9;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite lp-flow-spin}@keyframes lp-flow-spin{to{transform:rotate(360deg)}}.landing-page .flow-envelope{opacity:0;color:var(--accent-light);pointer-events:none;z-index:4;position:absolute;top:50%;left:50%;transform:translate(-50%,-210px)scale(.8)}.landing-page .flow-envelope.flying{animation:1.1s ease-in forwards lp-flow-envelope-fly}@keyframes lp-flow-envelope-fly{0%{opacity:0;transform:translate(-50%,-210px)scale(.8)}18%{opacity:1;transform:translate(-50%,-230px)scale(1)}to{opacity:0;transform:translate(-50%,-640px)scale(.6)}}.landing-page .flow-strike{color:var(--muted);text-decoration:line-through}.landing-page .flow-card[data-stage="5"] .flow-sensitivity-after,.landing-page .flow-card[data-stage="5"].redacted .flow-sensitivity-before{display:none}.landing-page .flow-card[data-stage="5"].redacted .flow-sensitivity-after{display:inline}.landing-page .flow-flag{color:#b5690a;background:#fff4e5;border-radius:7px;align-items:center;gap:5px;margin-top:10px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.landing-page .flow-cipher{letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px}.landing-page .flow-cli{border:1px solid #e2e4e9;border-radius:9px;overflow:hidden}.landing-page .flow-cli-bar{background:#e8eaee;gap:5px;padding:6px 9px;display:flex}.landing-page .flow-cli-bar span{background:#d3d7dd;border-radius:50%;width:6px;height:6px}.landing-page .flow-cli-body{background:#fbfbfc;padding:11px 13px}.landing-page .flow-cli-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:3px;font-size:10px}.landing-page .flow-cli-text{margin-bottom:9px;font-size:12.5px}.landing-page .flow-version-chip{color:var(--accent-dark);background:#eef2f8;border-radius:8px;margin-right:5px;padding:3px 7px;font-size:10px;display:inline-flex}.landing-page .flow-version-chip.active{background:var(--accent);color:#fff}.landing-page .flow-pending,.landing-page .flow-success{align-items:center;display:flex}.landing-page .flow-success{color:var(--green);gap:8px;font-size:14.5px;font-weight:700;display:none}.landing-page .flow-card.sent .flow-pending{display:none}.landing-page .flow-card.sent .flow-success{display:flex}.landing-page .flow-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .15s,background-color .15s;display:inline-flex}.landing-page .flow-send-btn.pressed{filter:brightness(.85);transform:scale(.9)}@media (max-width:900px){.landing-page .flow-shell{border-radius:20px;padding:32px 0 16px}.landing-page .flow-track{grid-template-columns:1fr}.landing-page .flow-visual{height:auto;margin-bottom:36px;position:static}.landing-page .flow-frame{opacity:1;height:auto}.landing-page .flow-card{opacity:1;pointer-events:auto;display:none;position:static}.landing-page .flow-card.flow-inbound-card,.landing-page .flow-card[data-stage="2"]{display:flex}.landing-page .flow-overlay,.landing-page .flow-envelope{display:none}.landing-page .flow-step,.landing-page .flow-step[data-step="2"]{opacity:1;min-height:auto;padding-bottom:30px}.landing-page .flow-step:last-child{min-height:auto}}.landing-page .cta-band{background:radial-gradient(900px 500px at 50% 0%, #1c3a63 0%, transparent 60%), var(--bg);color:#fff;text-align:center;padding:100px 40px}.landing-page .cta-band h2{margin:0 0 14px;font-size:32px}.landing-page .cta-band p{color:#ffffffb3;margin:0 0 34px;font-size:16px}.landing-page .cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.landing-page footer{text-align:center;border-top:1px solid #ececef;padding:32px 40px}.landing-page footer img{opacity:.55;width:auto;height:16px;margin:0 auto 8px}.landing-page footer p{color:var(--muted);margin:0;font-size:12px}
