:root{--navy:#1b2a63;--navy-deep:#131f4a;--teal:#1f9e94;--teal-bright:#23b2a6;--ink:#14213d;--muted:#5a6b86;--bg:#fbfaf6;--panel:#fff;--line:#e9e4d8;--shadow:0 1px 2px rgba(20,33,61,.04),0 8px 30px rgba(20,33,61,.06);--radius:16px;--maxw:1080px;font-synthesis-weight:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--navy);text-decoration:none}a:hover{color:var(--teal)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}h1,h2,h3{line-height:1.2;letter-spacing:-.02em;color:var(--ink)}h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800}h2{font-size:clamp(1.5rem,3.2vw,2.1rem);margin-bottom:.6em}h2,h3{font-weight:700}h3{font-size:1.15rem}p{color:var(--ink)}.lead{font-size:clamp(1.05rem,2.2vw,1.3rem);max-width:40ch}.lead,.muted{color:var(--muted)}section{padding:72px 0;border-top:1px solid var(--line)}section:first-of-type{border-top:0}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:12px 24px;gap:22px}.nav a.brand,.nav-inner{display:flex;align-items:center}.nav a.brand{gap:9px;font-weight:800;color:var(--ink)}.nav a.brand img{height:36px;width:auto;display:block}.nav .links{display:flex;gap:20px;margin-left:auto;align-items:center;flex-wrap:wrap}.nav .links a{color:var(--muted);font-size:.95rem;font-weight:500}.nav .links a.active,.nav .links a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:600;font-size:.98rem;border:1px solid transparent;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-deep);color:#fff;box-shadow:var(--shadow)}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-bright);color:#fff;box-shadow:var(--shadow)}.btn-ghost{background:var(--panel);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--navy);color:var(--navy)}.hero{padding:84px 0 64px}.hero h1{max-width:16ch}.hero .lead{margin-top:18px;max-width:46ch}.hero .cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero .tags{margin-top:22px;color:var(--muted);font-size:.9rem}.grid{display:grid;grid-gap:18px;gap:18px}.grid.c2{grid-template-columns:repeat(2,1fr)}.grid.c3{grid-template-columns:repeat(3,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card h3{margin-bottom:6px}.card .k{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.card .k,.pill{font-weight:700}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;background:#e8f5f3;color:#0f6b63;border:1px solid #cbe9e5}.pill.grey{background:#eef0f4;color:var(--muted);border-color:var(--line)}.steps{counter-reset:step;display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr)}.steps.c4{grid-template-columns:repeat(4,1fr)}.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.step:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;font-size:.9rem;margin-bottom:12px}.form{display:grid;grid-gap:12px;gap:12px;max-width:460px}.form label{font-size:.9rem;font-weight:600;color:var(--ink)}.form input,.form select,.form textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--panel);color:var(--ink)}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--teal);border-color:transparent}.form .row{display:flex;gap:10px}.note{font-size:.88rem;color:var(--muted)}.ok{color:#0f6b63}.err,.ok{font-weight:600}.err{color:#b3261e}.hp{position:absolute;left:-9999px}.kicker{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:700}.callout{background:linear-gradient(135deg,var(--navy),var(--teal));border-radius:var(--radius);padding:40px;text-align:center}.callout,.callout h2,.callout p{color:#fff}.callout .btn-ghost{background:hsla(0,0%,100%,.12);color:#fff;border-color:hsla(0,0%,100%,.35)}.callout .btn-ghost:hover{background:hsla(0,0%,100%,.2);color:#fff}.prose{max-width:68ch}.prose p{margin:0 0 1.1em}.prose h2{margin-top:1.6em}.prose h3{margin-top:1.4em;margin-bottom:.3em}.prose ul{margin:0 0 1.1em 1.2em}.prose li{margin-bottom:.4em}.wbox{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.wbox-form{padding:24px;display:grid;grid-gap:14px;gap:14px;border-right:1px solid var(--line)}.wbox-form>label,.wbox-grid label{display:grid;grid-gap:5px;gap:5px;font-size:.82rem;font-weight:600;color:var(--ink)}.wbox-form input,.wbox-form select,.wbox-grid input,.wbox-grid select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:.95rem;background:var(--panel);color:var(--ink)}.wbox-form input:focus,.wbox-form select:focus,.wbox-grid input:focus,.wbox-grid select:focus{outline:2px solid var(--teal);border-color:transparent}.wbox-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.wbox-presets{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:999px;padding:5px 11px;font-size:.8rem;font-weight:600;cursor:pointer}.chip:hover{border-color:var(--teal);color:var(--ink)}.wbox-out{padding:24px;display:grid;grid-gap:12px;gap:12px;align-content:start;background:#fcfdfd}.wbox-headline{display:flex;gap:24px}.wbox-k{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.wbox-price{color:var(--ink)}.wbox-eta,.wbox-price{font-size:2.1rem;font-weight:800;letter-spacing:-.02em}.wbox-eta{color:var(--navy)}.wbox-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--line)}.wbox-bar span{display:block;min-width:2px}.wbox-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 14px;gap:4px 14px;font-size:.82rem;color:var(--muted)}.wbox-legend li{display:flex;align-items:center;gap:6px}.wbox-legend b{color:var(--ink);font-weight:700;margin-left:auto}.wbox-legend .dot,.wbox-out .dot{width:9px;height:9px;border-radius:3px;display:inline-block;flex:none}.wbox-note{line-height:1.5}.wbox-note,.wbox-spot{font-size:.82rem;color:var(--muted)}.wbox-spot{display:flex;gap:9px;align-items:flex-start;font-weight:500;cursor:pointer;line-height:1.45}.wbox-spot input{width:16px;height:16px;margin-top:2px;flex:none;accent-color:var(--teal)}.wbox-spot b{color:var(--ink)}@media (max-width:820px){.wbox{grid-template-columns:1fr}.wbox-form{border-right:0;border-bottom:1px solid var(--line)}}.banner-demo{margin-top:20px;padding:12px 16px;border-radius:10px;background:#fff6e6;border:1px solid #f0d9a8;color:#7a5a12;font-size:.88rem;font-weight:500;max-width:60ch}.ctable{width:100%;border-collapse:collapse;font-size:.92rem}.ctable td,.ctable th{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}.ctable th{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}ul.tight{margin:4px 0 10px 1.2em}ul.tight li{margin-bottom:3px;font-size:.9rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.footer{border-top:1px solid var(--line);padding:48px 0;color:var(--muted);font-size:.92rem}.footer .cols{display:flex;gap:48px;flex-wrap:wrap}.footer a{color:var(--muted)}.footer .brand,.footer a:hover{color:var(--ink)}.footer .brand{font-weight:800}@media (max-width:1000px){.steps.c4{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.grid.c2,.grid.c3,.steps,.steps.c4{grid-template-columns:1fr}.nav .links{gap:14px}.nav .links a.hide-sm{display:none}}