:root { --ink:#16221c; --soft:#506259; --muted:#8a9890; --canvas:#f7f8f5; --surface:#fff; --mint:#2c9d76; --mint-dark:#1b7658; --mint-soft:#e2f4e9; --line:rgba(25,49,38,.11); --mono:"DM Mono",ui-monospace,monospace; --sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit}.marketing-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--line);background:rgba(247,248,245,.86);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand-lockup{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:-.05em}.brand-mark{width:27px;height:27px;display:flex;gap:3px;align-items:end;padding:5px 4px;border-radius:8px;background:var(--ink)}.brand-mark i{display:block;width:4px;border-radius:3px;background:#bde9d0}.brand-mark i:nth-child(1){height:7px;opacity:.8}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:18px;opacity:.9}.marketing-nav nav{display:flex;gap:28px;margin-left:90px}.marketing-nav nav a,.nav-login{color:var(--soft);font-size:11px;text-decoration:none;font-weight:600}.marketing-nav nav a:hover,.nav-login:hover{color:var(--ink)}.nav-login{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.nav-login span{margin-left:5px;color:var(--mint-dark);font-size:14px}.hero-section{display:grid;grid-template-columns:minmax(0, .9fr) minmax(480px, 1.1fr);gap:40px;align-items:center;max-width:1220px;margin:0 auto;padding:106px 28px 105px}.eyebrow{color:var(--mint-dark);font:500 9px var(--mono);letter-spacing:.13em}.live-indicator{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(44,157,118,.12)}h1{max-width:590px;margin:17px 0 18px;font-size:clamp(42px,5.4vw,77px);line-height:.98;letter-spacing:-.085em;font-weight:800;text-wrap:balance}.hero-lede{max-width:510px;margin:0;color:var(--soft);font-size:16px;line-height:1.65}.scan-form{max-width:500px;margin-top:34px}.scan-form label{display:block;margin-bottom:9px;color:var(--ink);font-size:11px;font-weight:800}.input-row{display:flex;gap:7px}.input-row input{min-width:0;flex:1;height:48px;padding:0 15px;border:1px solid #cbd8ce;border-radius:9px;outline:none;background:var(--surface);color:var(--ink);font-size:12px;box-shadow:0 2px 7px rgba(36,62,46,.03)}.input-row input:focus{border-color:#79c29a;box-shadow:0 0 0 3px rgba(44,157,118,.12)}.input-row button{height:48px;padding:0 17px;border:1px solid var(--mint);border-radius:9px;background:var(--mint);color:#fff;font-size:11px;font-weight:800;white-space:nowrap}.input-row button:hover{background:var(--mint-dark)}.input-row button span{margin-left:7px;font-size:16px}.form-note{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--muted);font:9px var(--mono)}.form-note span{color:var(--mint)}.proof-row{display:flex;align-items:center;gap:11px;margin-top:39px;color:var(--muted);font:9px var(--mono)}.proof-row b{color:var(--ink-soft);font-weight:500}.proof-dot{width:3px;height:3px;border-radius:50%;background:#b5c1b8}.hero-visual{position:relative;min-height:490px;display:grid;place-items:center}.preview-window{position:relative;width:min(100%,550px);z-index:1;border:1px solid rgba(32,75,55,.16);border-radius:15px;background:#fbfdfa;box-shadow:0 30px 80px rgba(29,67,47,.14),0 3px 7px rgba(29,67,47,.05);transform:rotate(-2.2deg)}.preview-top{height:39px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid var(--line);color:#91a098;font:8px var(--mono)}.window-dots{display:flex;gap:4px;margin-right:7px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#c7d1ca}.window-dots i:nth-child(1){background:#d3b58b}.window-dots i:nth-child(2){background:#c8d9b8}.window-dots i:nth-child(3){background:#a8d0bd}.preview-live{margin-left:auto;color:var(--mint-dark)}.preview-body{padding:25px 25px 22px}.preview-greeting{display:flex;flex-direction:column;gap:8px}.preview-greeting span{color:#91a098;font:8px var(--mono);letter-spacing:.1em}.preview-greeting strong{font-size:20px;letter-spacing:-.06em}.preview-opportunity{display:grid;grid-template-columns:28px minmax(0,1fr) 70px;gap:12px;align-items:start;margin-top:19px;padding:14px 13px;border:1px solid var(--line);border-radius:9px;background:#fff}.featured-opportunity{border-color:#bde0c9;background:#f4fbf5}.opportunity-number{color:#afbab1;font:9px var(--mono)}.opportunity-copy{display:flex;flex-direction:column;gap:6px}.opportunity-copy strong{font-size:11px;letter-spacing:-.025em}.opportunity-copy small{color:#74877b;font-size:9px;line-height:1.4}.opportunity-copy em{color:var(--mint-dark);font:8px var(--mono);font-style:normal}.preview-pill{width:max-content;padding:4px 6px 3px;border-radius:4px;background:var(--mint-soft);color:var(--mint-dark);font:8px var(--mono);letter-spacing:.08em}.quiet-pill{background:#edf0ec;color:#8b998f}.preview-upside{color:var(--mint-dark);font-size:15px;letter-spacing:-.06em;font-weight:800;text-align:right}.preview-upside small{display:block;margin-top:4px;color:#829388;font:8px var(--mono);letter-spacing:0}.soft-upside{color:#789486}.result-upside{color:#4e80a7}.orbit{position:absolute;border:1px dashed #bedeca;border-radius:50%;opacity:.7}.orbit-one{width:570px;height:570px}.orbit-two{width:400px;height:400px;border-color:#d7e5d9}.floating-signal{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.93);box-shadow:0 13px 35px rgba(27,68,46,.12)}.floating-signal>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--mint-soft);color:var(--mint-dark);font-size:13px}.floating-signal div{display:flex;flex-direction:column;gap:3px}.floating-signal strong{font-size:10px}.floating-signal small{color:var(--muted);font:8px var(--mono)}.signal-top{top:64px;right:0}.signal-bottom{bottom:48px;left:0}.signal-check{background:#e6edf9!important;color:#4e78b8!important}.logo-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1220px;margin:0 auto;padding:20px 28px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font:9px var(--mono)}.logo-strip div{display:flex;align-items:center;gap:34px;color:#849087;font-size:12px;letter-spacing:-.04em}.logo-strip b{font-weight:700}.how-section{max-width:1220px;margin:0 auto;padding:120px 28px 130px;display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.section-intro h2,.loop-copy h2,.pricing-section h2{margin:14px 0 16px;font-size:41px;line-height:1.02;letter-spacing:-.075em}.section-intro h2 em,.loop-copy h2 em{color:var(--mint-dark);font-style:normal}.section-intro p,.loop-copy p{max-width:300px;color:var(--soft);font-size:13px;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article{position:relative;min-height:280px;padding:19px 17px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa}.step-number{color:#b1bcb4;font:9px var(--mono)}.step-icon{display:grid;place-items:center;width:37px;height:37px;margin:37px 0 20px;border-radius:10px;background:var(--mint-soft);color:var(--mint-dark);font-size:19px}.steps article:nth-child(2) .step-icon{background:#e9eef9;color:#5c78b1}.steps article:nth-child(3) .step-icon{background:#fbefd9;color:#a2742b}.steps h3{margin:0 0 9px;font-size:15px;letter-spacing:-.04em}.steps p{margin:0;color:var(--soft);font-size:11px;line-height:1.55}.step-caption{position:absolute;bottom:18px;left:17px;color:var(--muted);font:8px var(--mono);letter-spacing:.03em}.loop-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding:107px max(28px,calc((100vw - 1220px)/2));background:#eaf3eb}.loop-copy p{max-width:360px}.text-link{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:var(--mint-dark);font-size:11px;font-weight:800;text-decoration:none}.text-link span{font-size:15px}.loop-diagram{position:relative;height:360px;display:grid;place-items:center}.loop-diagram svg{position:absolute;inset:0;width:100%;height:100%}.loop-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:130px;border:1px solid #a8d4b6;border-radius:50%;background:#f9fdf9;box-shadow:0 9px 28px rgba(55,111,78,.1)}.loop-center span{color:#7c9987;font:8px var(--mono);text-transform:uppercase;letter-spacing:.1em}.loop-center strong{margin-top:8px;color:var(--mint-dark);font-size:18px;letter-spacing:-.06em}.loop-node{position:absolute;z-index:1;display:flex;flex-direction:column;gap:3px}.loop-node b{color:var(--mint-dark);font:8px var(--mono)}.loop-node strong{font-size:11px}.loop-node small{color:#82968a;font:8px var(--mono)}.node-observe{top:20px;left:29%}.node-reason{top:75px;right:9%}.node-act{bottom:15px;right:30%}.node-learn{bottom:77px;left:8%}.pricing-section{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1220px;margin:0 auto;padding:115px 28px}.pricing-section h2{font-size:35px}.pricing-section p{margin:0;color:var(--soft);font-size:13px}.pricing-card{display:flex;align-items:center;gap:36px;min-width:470px;padding:22px 22px 22px 25px;border:1px solid #bfe2ca;border-radius:12px;background:#eef8f0}.pricing-card div{display:flex;flex-direction:column;gap:7px}.plan-label{color:var(--mint-dark);font:9px var(--mono);letter-spacing:.1em}.pricing-card strong{font-size:25px;letter-spacing:-.07em}.pricing-card strong span{margin-left:4px;color:#7d9185;font:9px var(--mono);letter-spacing:0}.pricing-card small{color:#71877a;font-size:9px}.pricing-card button{margin-left:auto;padding:12px 14px;border:1px solid var(--mint);border-radius:8px;background:var(--mint);color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.marketing-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px max(28px,calc((100vw - 1220px)/2));border-top:1px solid var(--line);color:var(--muted);font:9px var(--mono)}.marketing-footer .brand-lockup{font:13px var(--sans);color:var(--ink)}.scan-toast{position:fixed;right:25px;bottom:24px;z-index:8;display:flex;align-items:center;gap:10px;min-width:300px;padding:12px 14px;border:1px solid #b8dec5;border-radius:10px;background:#f0fbf3;box-shadow:0 16px 45px rgba(35,86,53,.17);transform:translateY(20px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.scan-toast.show{transform:translateY(0);opacity:1;pointer-events:auto}.scan-toast>span{color:var(--mint);font-size:17px}.scan-toast div{display:flex;flex-direction:column;gap:3px}.scan-toast strong{color:var(--mint-dark);font-size:10px}.scan-toast small{color:#769080;font-size:9px}.scan-toast a{margin-left:auto;color:var(--mint-dark);font-size:10px;font-weight:800;text-decoration:none}
@media(max-width:900px){.marketing-nav nav{margin-left:0}.hero-section{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:430px}.how-section,.loop-section{grid-template-columns:1fr;gap:44px}.steps{max-width:650px}.pricing-section{display:block}.pricing-card{min-width:0;margin-top:30px}.logo-strip div{gap:18px}.logo-strip{display:block}.logo-strip div{margin-top:17px;flex-wrap:wrap}}@media(max-width:620px){.marketing-nav{padding:0 17px}.marketing-nav nav{display:none}.hero-section{padding:55px 17px 70px}.hero-visual{min-height:350px;margin-top:20px}.preview-window{width:100%;transform:rotate(-1.5deg)}.preview-body{padding:18px}.preview-opportunity{grid-template-columns:21px minmax(0,1fr) 54px;gap:7px;padding:11px 9px}.preview-opportunity:nth-of-type(3){display:none}.signal-top{top:12px;right:-4px}.signal-bottom{bottom:5px;left:-4px}.floating-signal{padding:8px}.floating-signal small{font-size:7px}.proof-row{flex-wrap:wrap;gap:7px;margin-top:27px}.how-section,.loop-section{padding:76px 17px 82px}.section-intro h2,.loop-copy h2{font-size:35px}.steps{grid-template-columns:1fr}.steps article{min-height:225px}.step-icon{margin-top:23px}.pricing-section{padding:75px 17px}.pricing-card{display:block;padding:20px}.pricing-card button{margin-top:18px}.marketing-footer{display:block;padding:20px 17px}.marketing-footer>span:not(.brand-lockup){display:block;margin-top:13px}.input-row{display:block}.input-row button,.input-row input{width:100%}.input-row button{margin-top:7px}}