.landing{--bg:#f7f5ef;--bg-2:#efece2;--panel:#fff;--line:#e3dfd0;--ink:#0e0e10;--ink-dim:#3d3f44;--ink-mute:#86878c;--accent:#ef7a1b;--accent-2:#d65a14;--accent-soft:#fde6d0;--good:#2f8f5c;--warn:#c2410c;--grid:#0e0e100d;--font:"Inter","SF Pro Text",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--mono:"JetBrains Mono","SF Mono",ui-monospace,Menlo,Consolas,monospace;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background-color:var(--bg);isolation:isolate;min-height:100vh;font-size:16px;line-height:1.55}.landing h3,.landing h4{font-weight:700}.landing p{margin:1em 0}.landing-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#0e0e100d 1px,#0000 1px),linear-gradient(90deg,#0e0e100d 1px,#0000 1px);background-size:40px 40px;background-position:0 var(--grid-offset,0px);position:fixed;inset:0}.landing .scroll-progress{background:linear-gradient(90deg,var(--accent),var(--accent-2));width:100%;height:2px;transform:scaleX(var(--scroll-progress,0));transform-origin:0;z-index:60;pointer-events:none;position:fixed;top:0;left:0}@media (prefers-reduced-motion:reduce){.landing-grid{background-position:0 0!important}.landing .scroll-progress{display:none}}.landing a{color:inherit;text-decoration:none}.landing img{max-width:100%;display:block}.landing ::selection{background:var(--accent);color:#fff}.landing .wrap{max-width:1180px;margin:0 auto;padding:0 24px}.landing nav{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--line);background:#fafaf7d1;position:sticky;top:0}.landing nav .row{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.landing .brand{letter-spacing:.2px;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.landing .brand-mark{object-fit:contain;border-radius:9px;flex:none;width:44px;height:44px;display:block}.landing .nav-links{color:var(--ink-dim);gap:28px;font-size:14px;display:flex}.landing .nav-links a:hover{color:var(--ink)}.landing .nav-cta{background:var(--accent);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:transform .12s;display:inline-flex}.landing .nav-cta:hover{transform:translateY(-1px)}@media (width<=720px){.landing .nav-links{display:none}}.landing .hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.landing .hero .wrap{max-width:1320px}.landing .hero-bg{pointer-events:none;background:radial-gradient(900px 500px at 80% -10%,#ef7a1b1a,#0000 60%),radial-gradient(700px 400px at 10% 0,#2f8f5c0f,#0000 60%);position:absolute;inset:0}.landing .hero-inner{grid-template-columns:.85fr 1.3fr;align-items:center;gap:44px;padding:88px 0 96px;display:grid;position:relative}@media (width<=960px){.landing .hero-inner{grid-template-columns:1fr;gap:40px;padding:64px 0 72px}}.landing .eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid #ef7a1b4d;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.landing .eyebrow .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #ef7a1b2e}.landing h1{letter-spacing:-.02em;margin:18px 0;font-size:clamp(34px,5vw,58px);font-weight:700;line-height:1.04}.landing h1 em{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.landing .sub{color:var(--ink-dim);max-width:560px;font-size:18px}.landing .ctas{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.landing .btn{border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex}.landing .btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px -10px #ef7a1b8c}.landing .btn-primary:hover{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 14px 28px -12px #ef7a1b99}.landing .btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.landing .btn-ghost:hover{border-color:var(--ink-dim)}.landing .arrow{transition:transform .15s;display:inline-block;transform:translateY(0)}.landing .btn:hover .arrow{transform:translate(3px)}.landing .micro{color:var(--ink-mute);font-size:13px;font-family:var(--mono);margin-top:14px}.landing .canvas-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;position:relative;box-shadow:0 30px 60px -30px #0e0e102e,0 2px 6px #0e0e100d}.landing .canvas-card .titlebar{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.landing .canvas-card .dots{gap:6px;display:flex}.landing .canvas-card .dots span{background:#dfdcd0;border-radius:50%;width:10px;height:10px}.landing .canvas-card svg{background:#fbfaf5;border-radius:8px;width:100%;height:auto;display:block}.landing .canvas-card img,.landing .canvas-card video{background:#000;border-radius:8px;width:100%;height:auto;display:block}.landing .trust{border-bottom:1px solid var(--line);background:var(--bg-2)}.landing .trust-row{font-family:var(--mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.16em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:12px;display:flex}.landing .trust-row strong{color:var(--ink);font-weight:600}.landing section{border-bottom:1px solid var(--line);padding:96px 0}@media (width<=720px){.landing section{padding:64px 0}}.landing .kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:12px}.landing h2{letter-spacing:-.015em;margin:0 0 18px;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.1}.landing .lede{color:var(--ink-dim);max-width:680px;font-size:17px}.landing .pain{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}@media (width<=820px){.landing .pain{grid-template-columns:1fr}}.landing .pain-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px;box-shadow:0 1px #0e0e1005}.landing .pain-card .pic{font-family:var(--mono);color:var(--warn);margin-bottom:8px;font-size:11px}.landing .pain-card h4{margin:0 0 6px;font-size:17px}.landing .pain-card p{color:var(--ink-dim);margin:0;font-size:14.5px}.landing .features{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px;display:grid}@media (width<=820px){.landing .features{grid-template-columns:1fr}}.landing .feat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:26px;position:relative;overflow:hidden;box-shadow:0 1px #0e0e1005}.landing .feat:hover{border-color:var(--accent)}.landing .feat .num{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.14em;font-size:11px}.landing .feat h3{margin:6px 0 8px;font-size:20px}.landing .feat p{color:var(--ink-dim);margin:0;font-size:15px}.landing .feat .chip{font-family:var(--mono);color:var(--accent-2);background:var(--accent-soft);border:1px solid #ef7a1b40;border-radius:6px;margin-top:14px;padding:4px 8px;font-size:11px;display:inline-flex}.landing .steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;display:grid}@media (width<=820px){.landing .steps{grid-template-columns:1fr}}.landing .step{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px;position:relative;box-shadow:0 1px #0e0e1005}.landing .step:before{counter-increment:s;content:"0" counter(s);font-family:var(--mono);color:var(--ink-mute);letter-spacing:.1em;font-size:11px;position:absolute;top:14px;right:16px}.landing .step h4{margin:0 0 6px;font-size:16px}.landing .step p{color:var(--ink-dim);margin:0;font-size:14px}.landing .scale{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:36px;overflow:hidden}.landing .scale-row{border-top:1px solid var(--line);grid-template-columns:160px 1fr 220px;align-items:center;padding:14px 18px;display:grid}.landing .scale-row:first-child{background:var(--bg-2);font-family:var(--mono);color:var(--ink-mute);letter-spacing:.14em;text-transform:uppercase;border-top:none;font-size:11px}.landing .pill{align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex}.landing .swatch{border-radius:3px;width:12px;height:12px}.landing .s0{background:#22c55e}.landing .s1{background:#84cc16}.landing .s2{background:#facc15}.landing .s3{background:#f97316}.landing .s4{background:#ef4444}.landing .scale-row span.lbl{color:var(--ink-dim);font-size:14px}.landing .scale-row span.thresh{font-family:var(--mono);color:var(--ink-dim);text-align:right;font-size:13px}@media (width<=720px){.landing .scale-row{grid-template-columns:1fr;gap:4px}.landing .scale-row span.thresh{text-align:left}}.landing .cases{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;display:grid}@media (width<=820px){.landing .cases{grid-template-columns:1fr}}.landing .case{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px;box-shadow:0 1px #0e0e1005}.landing .case h4{margin:0 0 6px;font-size:17px}.landing .case p{color:var(--ink-dim);margin:0;font-size:14.5px}.landing .final{text-align:center;background:radial-gradient(700px 320px at 50% 0%, #ef7a1b1a, transparent 70%), linear-gradient(180deg,transparent,var(--bg-2));padding:96px 0}.landing .final h2{max-width:760px;margin:0 auto 16px}.landing .final p{color:var(--ink-dim);max-width:560px;margin:0 auto 30px}.landing footer{color:var(--ink-mute);font-size:13px;font-family:var(--mono);padding:32px 0}.landing footer .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.landing .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}.landing .reveal.in{opacity:1;transform:none}.landing .modal{z-index:100;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.landing .modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e0e1073;position:absolute;inset:0}.landing .modal-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;max-width:440px;padding:28px 28px 24px;animation:.18s ease-out landing-rise;position:relative;box-shadow:0 30px 60px -20px #0e0e1040}@keyframes landing-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.landing .modal-close{width:32px;height:32px;color:var(--ink-mute);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.landing .modal-close:hover{background:var(--bg-2);color:var(--ink)}.landing .modal-head{margin-bottom:18px}.landing .modal-head h3{letter-spacing:-.01em;margin:4px 0 0;font-size:22px}.landing #signup-plan{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px}.landing .modal-form{flex-direction:column;gap:14px;display:flex}.landing .modal-form .row-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.landing .modal-form label{color:var(--ink-dim);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.landing .modal-form .field-hint{color:var(--ink-mute);font-size:12px;font-weight:400;line-height:1.4}.landing .modal-form .field-error{color:var(--warn);font-size:12px;font-weight:500;line-height:1.4}.landing .modal-form input[aria-invalid=true]{border-color:var(--warn)}.landing .modal-form input::placeholder{color:var(--ink-mute);opacity:.7}.landing .modal-form input,.landing .modal-form select{width:100%;min-width:0;font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;padding:10px 12px;font-size:15px;transition:border-color .12s,box-shadow .12s}.landing .modal-form input:focus,.landing .modal-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.landing .modal-form button[type=submit]{justify-content:center;width:100%;margin-top:6px}.landing .modal-thanks{text-align:center;padding:14px 0 6px}.landing .modal-thanks h3{margin:0 0 6px;font-size:22px}.landing .modal-thanks p{color:var(--ink-dim);margin:0;font-size:14.5px}
