:root{--ink:#0f1111;--ink2:#55595b;--mute:#8b8f90;--bg:#fafaf8;--paper:#fff;--line:#e6e5e1;--line2:#d4d3ce;--deep:#1d2423;--acc:#3d6b5c;
--serif:"Newsreader",Georgia,serif;--sans:"Inter",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}@media(max-width:640px){.wrap{padding:0 20px}}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;margin:0 0 .5em;line-height:1.05}
h1{font-size:clamp(2.6rem,6.2vw,5.2rem)}h2{font-size:clamp(2rem,4.2vw,3.4rem)}h3{font-size:1.45rem;letter-spacing:-.01em;line-height:1.2}
p{margin:0 0 1em}.sub{font-size:1.12rem;color:var(--ink2);max-width:34em;line-height:1.6}
.eyebrow{font:500 .74rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:block;margin-bottom:18px}
.center{text-align:center}.center .sub{margin-left:auto;margin-right:auto}
/* nav */
header.top{position:sticky;top:0;z-index:30;background:rgba(250,250,248,.92);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid transparent}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{text-decoration:none;font:400 1.45rem var(--serif);letter-spacing:-.02em}
nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:.9rem;color:var(--ink)}nav a.l:hover{color:var(--ink2)}
@media(max-width:760px){nav a.l{display:none}}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;font:500 .92rem var(--sans);padding:13px 22px;border:1px solid var(--ink);border-radius:4px;cursor:pointer;transition:opacity .2s}
.btn:hover{opacity:.86}.btn.sm{padding:8px 15px;font-size:.85rem}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}.btn.ghost:hover{border-color:var(--ink);opacity:1}
.btn.light{background:#fff;color:var(--ink);border-color:#fff}
/* hero */
.hero{padding:88px 0 56px}.hero .split{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:end}
@media(max-width:900px){.hero .split{grid-template-columns:1fr;gap:24px}}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}
.code-link{font-size:.88rem;color:var(--ink2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}html.has-ref .code-link{display:none}
/* stage: textured dark panel housing product UI */
.stage{position:relative;margin-top:56px;border-radius:6px;background:var(--deep);padding:72px 64px;overflow:hidden;isolation:isolate}
.stage:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='5' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .86 0 0 0 0 .84 0 0 0 1.4 -.35'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23n)'/%3E%3C/svg%3E");background-size:600px}
.stage:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' opacity='.6'/%3E%3C/svg%3E")}
@media(max-width:760px){.stage{padding:28px 14px;margin-top:36px}}
.illus{position:absolute;right:18px;bottom:12px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.stage .illus{z-index:2}
/* app window */
.app{background:var(--paper);border-radius:8px;box-shadow:0 40px 80px -30px rgba(0,0,0,.55);display:grid;grid-template-columns:210px 1fr;overflow:hidden;font-size:13px;color:var(--ink);max-width:1060px;margin:0 auto}
.side{background:#121515;color:#c9cdcb;padding:18px 14px}.side .brand{font:400 1.15rem var(--serif);color:#fff;margin:0 6px 18px}
.side .grp{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#6f7573;margin:16px 6px 6px}
.side a{display:flex;justify-content:space-between;padding:7px 8px;border-radius:4px;text-decoration:none;font-size:12.5px}.side a.on{background:#262b2a;color:#fff}.side a small{color:#6f7573}
.main{padding:22px 24px;background:#fbfbfa}
.mhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.mhead h4{font:400 1.35rem var(--serif);margin:0;letter-spacing:-.01em}.chip{font-size:11px;border:1px solid var(--line2);border-radius:999px;padding:3px 10px;color:var(--ink2);white-space:nowrap}
.chip.dk{background:var(--ink);color:#fff;border-color:var(--ink)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px}
.card .k{font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}.card .v{font:400 2.1rem var(--serif);letter-spacing:-.02em;line-height:1.1;margin-top:6px}
.card .note{font-size:11.5px;color:var(--ink2)}
.bars{display:flex;align-items:flex-end;gap:5px;height:70px;margin-top:12px}.bars i{flex:1;background:#d9dcda;border-radius:2px 2px 0 0}.bars i.d{background:var(--ink)}
.rows .r{display:grid;grid-template-columns:1fr 90px 90px;gap:10px;padding:9px 0;border-top:1px solid var(--line);align-items:center;font-size:12.5px}
.rows .r.h{color:var(--mute);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;border-top:0}
.tag{font-size:11px;padding:2px 8px;border-radius:3px;background:#eef2f0;color:var(--acc);justify-self:start}.tag.g{background:#f1f1ef;color:var(--ink2)}
@media(max-width:760px){.app{grid-template-columns:1fr}.side{display:none}.grid2{grid-template-columns:1fr}.main{padding:16px}.rows .r{grid-template-columns:1fr 78px 70px}}
/* trust strip */
.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:56px}
.trust div{padding:22px 20px;border-left:1px solid var(--line);font-size:.86rem;color:var(--ink2)}.trust div:first-child{border-left:0;padding-left:0}
.trust b{display:block;color:var(--ink);font-weight:500;margin-bottom:2px}
@media(max-width:760px){.trust{grid-template-columns:1fr 1fr}.trust div{border-left:0;padding-left:0;border-top:1px solid var(--line)}.trust div:nth-child(-n+2){border-top:0}}
section{padding:120px 0}@media(max-width:760px){section{padding:76px 0}}
.dark{background:var(--deep);color:#eef0ef}.dark .sub,.dark .eyebrow{color:#9aa3a0}.dark .feature{border-color:rgba(255,255,255,.14)}.dark .feature p{color:#aab2af}
/* features */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px}@media(max-width:860px){.features{grid-template-columns:1fr}}
.feature{border-top:1px solid var(--line2);padding:26px 28px 0 0}.feature .n{font-size:.8rem;color:var(--mute);display:block;margin-bottom:28px}
.feature p{color:var(--ink2);font-size:.95rem}
/* showcase rows */
.show{display:grid;grid-template-columns:1fr 1.25fr;gap:72px;align-items:center;margin-top:96px}.show.rev{grid-template-columns:1.25fr 1fr}.show.rev .txt{order:2}
@media(max-width:900px){.show,.show.rev{grid-template-columns:1fr;gap:28px;margin-top:64px}.show.rev .txt{order:0}}
.show ul{list-style:none;padding:0;margin:22px 0 0}.show li{padding:11px 0;border-top:1px solid var(--line);font-size:.95rem;color:var(--ink2)}.show li b{color:var(--ink);font-weight:500}
.panel{position:relative;background:#e9eae6;border-radius:6px;padding:40px}@media(max-width:640px){.panel{padding:14px}}
.panel .illus{color:var(--mute)}
.win{background:#fff;border-radius:8px;box-shadow:0 24px 50px -28px rgba(0,0,0,.35);font-size:13px;overflow:hidden}
.win .bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink2)}
.win .body{padding:18px}
.msg{max-width:86%;padding:10px 13px;border-radius:8px;margin-bottom:10px;line-height:1.5}.msg.q{background:#f2f2ef}.msg.a{background:var(--ink);color:#fff;margin-left:auto}
.msg small{display:block;font-size:10.5px;color:var(--mute);margin-bottom:3px}.msg.a small{color:#9ba19f}
.wave{display:flex;gap:3px;align-items:center;height:26px;margin-top:6px}.wave i{width:3px;background:var(--ink);border-radius:2px;opacity:.75}
.prog{height:3px;background:var(--line);border-radius:2px;margin-top:14px}.prog i{display:block;height:100%;width:62%;background:var(--ink);border-radius:2px}
.matrix{position:relative;height:190px;border-left:1px solid var(--line2);border-bottom:1px solid var(--line2);margin:8px 0 24px 18px}
.matrix:before,.matrix:after{content:"";position:absolute;background:var(--line)}.matrix:before{left:50%;top:0;bottom:0;width:1px}.matrix:after{top:50%;left:0;right:0;height:1px}
.matrix i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%)}.matrix i.o{background:#fff;border:1.5px solid var(--ink)}
.matrix .ax{position:absolute;font-size:10px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
/* pricing */
.price{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line2);border-radius:6px;background:#fff;overflow:hidden;margin-top:56px}
@media(max-width:860px){.price{grid-template-columns:1fr}}
.price>div{padding:44px}@media(max-width:640px){.price>div{padding:26px}}.price .l{border-right:1px solid var(--line)}@media(max-width:860px){.price .l{border-right:0;border-bottom:1px solid var(--line)}}
.amt{font:400 4.2rem var(--serif);letter-spacing:-.03em;line-height:1}.amt s{font-size:1.6rem;color:var(--mute);margin-left:12px;display:none}html.has-ref .amt s{display:inline}
ul.inc{list-style:none;padding:0;margin:0}ul.inc li{padding:12px 0 12px 26px;border-top:1px solid var(--line);position:relative;font-size:.95rem}ul.inc li:first-child{border-top:0}
ul.inc li:before{content:"";position:absolute;left:2px;top:19px;width:10px;height:5px;border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(-45deg)}
.small{font-size:.84rem;color:var(--ink2)}
/* faq */
.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:64px}@media(max-width:860px){.faq{grid-template-columns:1fr;gap:20px}}
details{border-top:1px solid var(--line2);padding:22px 0}details:last-child{border-bottom:1px solid var(--line2)}
summary{cursor:pointer;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--mute);font-size:1.3rem;line-height:1}details[open] summary:after{content:"−"}details p{margin:12px 0 0;color:var(--ink2);max-width:40em}
.closing{text-align:center}.closing .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
footer{padding:44px 0;border-top:1px solid var(--line);font-size:.82rem;color:var(--mute)}footer .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}footer a{color:var(--ink2)}
.ph{background:#f4eed6;color:#6b5517;border:1px dashed #b89a45;border-radius:3px;padding:0 5px;font:500 .8em ui-monospace,Menlo,monospace}
.dark .ph{background:#3a3524;color:#e8d79c;border-color:#8a7740}
.ref-note{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;font-size:.82rem;padding:11px 16px;border-radius:4px;z-index:50;box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}
.ref-note code{font:500 .8rem ui-monospace,Menlo,monospace;background:rgba(255,255,255,.12);padding:1px 6px;border-radius:3px}.ref-note .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7fc4a6;margin-right:8px;vertical-align:middle}
@media(max-width:560px){.ref-note{left:12px;right:12px;bottom:12px;text-align:center}}
/* tables/forms */
table.math{border-collapse:collapse;width:100%}table.math td{padding:16px 0;border-top:1px solid var(--line2)}table.math tr:last-child td{border-bottom:1px solid var(--line2)}table.math td:last-child{text-align:right;font:400 1.6rem var(--serif)}
form.card2{background:#fff;border:1px solid var(--line2);border-radius:6px;padding:36px}@media(max-width:640px){form.card2{padding:22px}}
label{display:block;font-size:.8rem;font-weight:500;color:var(--ink2);margin:0 0 6px}.f{margin-bottom:18px}
input,select,textarea{width:100%;font:inherit;font-size:.95rem;padding:11px 12px;border:1px solid var(--line2);border-radius:4px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:-1px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:560px){.f2{grid-template-columns:1fr}}
#form-status{margin-top:12px;font-size:.88rem}
.thanks{min-height:72vh;display:flex;align-items:center}.thanks .box{max-width:720px}
.show-partner{display:none}html.thanks-partner .show-partner{display:block}html.thanks-partner .show-buyer{display:none}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px}@media(max-width:760px){.steps3{grid-template-columns:1fr}}
.steps3 div{border-top:1px solid var(--line2);padding:20px 24px 0 0}.steps3 b{display:block;font-weight:500;margin-bottom:4px}.steps3 p{color:var(--ink2);font-size:.92rem}
@media (prefers-reduced-motion:no-preference){.rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.rise.d1{animation-delay:.12s}.rise.d2{animation-delay:.24s}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
.win,.app{color:var(--ink)}
.hero .split{grid-template-columns:1.6fr 1fr}.hero h1{font-size:clamp(2.5rem,5.4vw,4.6rem);max-width:12em}
@media(max-width:900px){.hero .split{grid-template-columns:1fr}}
.msg.q{color:#1c1e1f}
@media(max-width:760px){.stage{padding-bottom:40px}.stage .illus,.panel .illus{right:0;left:0;text-align:center;bottom:12px}.panel{padding-bottom:34px}}
.msg.a .wave i{background:#fff}
@media(max-width:760px){.panel{padding-bottom:42px!important}}
.rows.one .r{grid-template-columns:1fr}.rows.one .r span:empty{display:none}
.features.four{grid-template-columns:repeat(4,1fr)}@media(max-width:1000px){.features.four{grid-template-columns:1fr 1fr}}@media(max-width:600px){.features.four{grid-template-columns:1fr}}
.steps3.four{grid-template-columns:repeat(4,1fr)}@media(max-width:860px){.steps3.four{grid-template-columns:1fr 1fr}}@media(max-width:520px){.steps3.four{grid-template-columns:1fr}}
@media(max-width:760px){.stage{padding-bottom:60px}}
.consent{font-size:.78rem;color:var(--mute);max-width:34em;margin:12px 0 0;line-height:1.5}.consent a{color:inherit}.dark .consent{color:#9aa3a0}
.legal{padding:72px 0 96px}.legal .wrap{max-width:780px}.legal h1{font-size:clamp(2.3rem,4.5vw,3.4rem)}
.legal h2{font-size:1.45rem;margin:2.2em 0 .6em}.legal p,.legal li{color:var(--ink2);font-size:.98rem}.legal ul{padding-left:20px}.legal li{margin-bottom:8px}.legal b{color:var(--ink);font-weight:500}
.tnote{background:#f4eed6;border:1px solid #e2d5a6;color:#6b5517!important;padding:12px 16px;border-radius:4px;font-size:.88rem!important}