:root{--navy:#15213B;--navy2:#1F2D4D;--amber:#EE9A4D;--cream:#F4F2EC;--ink:#1B2233;--mute:#5B6478;--line:#E2DED3;--soft:#C5CCDA;--teal:#195D7E}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;font-size:17px}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}
header{background:var(--navy);color:var(--cream);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo{width:40px;height:40px;display:block}
.brand b{font-size:15px;letter-spacing:2.5px;font-weight:700}
nav.links{display:flex;gap:26px;font-size:15px;align-items:center}
nav.links a{text-decoration:none;color:var(--soft)}nav.links a:hover,nav.links a.on{color:var(--cream)}
nav.links a.cta{color:var(--navy);background:var(--amber);padding:8px 16px;border-radius:999px;font-weight:600}
.menu{display:none;background:none;border:1px solid #3a4867;color:var(--cream);border-radius:8px;padding:6px 12px;font-size:15px}
.hero{background:var(--navy);color:var(--cream);padding:96px 0 104px}
.hero.small{padding:64px 0 72px}
.kicker{letter-spacing:3.5px;color:var(--amber);font-weight:700;font-size:13px;text-transform:uppercase}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:54px;line-height:1.1;margin:16px 0 20px;max-width:880px}
.hero.small h1{font-size:44px}
.lead{font-size:20px;color:var(--soft);max-width:720px;margin:0}
.btns{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 24px;border-radius:999px;text-decoration:none;font-weight:600;font-size:16px}
.btn.p{background:var(--amber);color:var(--navy)}.btn.s{border:1px solid #4a5878;color:var(--cream)}
.btn.d{background:var(--teal);color:var(--cream)}
section{padding:84px 0}section.alt{background:#fff}
h2{font-family:Georgia,serif;font-weight:400;font-size:36px;line-height:1.2;margin:10px 0 18px}
h3{font-size:19px;margin:0 0 8px}
.intro{max-width:720px;color:var(--mute);font-size:18px;margin:0 0 44px}
.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}
section.alt .card{background:var(--cream)}
.card p{margin:0;color:var(--mute);font-size:16px}
.card .n{color:var(--teal);font-weight:700;font-size:14px;letter-spacing:2px;margin-bottom:10px}
.card ul{margin:12px 0 0;padding-left:18px;color:var(--mute);font-size:16px}
.card a.more{display:inline-block;margin-top:16px;font-weight:600;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--teal)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.steps{counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s;padding:18px 0 18px 56px;border-top:1px solid var(--line);position:relative;color:var(--mute)}
.steps li b{display:block;color:var(--ink);margin-bottom:2px}
.steps li:before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:18px;font-family:Georgia,serif;color:var(--amber);font-size:22px}
.band{background:var(--navy);color:var(--cream);padding:72px 0}
.band h2{margin-top:0}.band p{color:var(--soft);max-width:640px}
.tag{display:inline-block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;background:#FBE7D3;color:#8A4B12;padding:4px 10px;border-radius:999px;font-weight:700;margin-bottom:12px}
.demo{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:36px 0;border-top:1px solid var(--line)}
.mock{background:var(--navy);border-radius:16px;padding:22px;color:var(--cream);font-size:14px;min-height:240px}
.mock .row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #2c3a5c;color:var(--soft)}
.mock .row b{color:var(--cream)}.mock .h{color:var(--amber);letter-spacing:2px;font-size:12px;font-weight:700;margin-bottom:10px}
.mock .chat{margin-top:14px;background:var(--navy2);border-radius:10px;padding:12px 14px;color:var(--soft)}
.mock .chat b{color:var(--amber)}
form{display:grid;gap:16px}
label{font-weight:600;font-size:15px;display:grid;gap:6px}
input,select,textarea{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
textarea{min-height:140px}
button.btn{border:0;cursor:pointer;justify-self:start}
footer{background:var(--navy);color:var(--soft);font-size:14px;padding:48px 0 36px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
footer a{color:var(--cream);text-decoration:none}footer .legal{border-top:1px solid #2c3a5c;margin-top:32px;padding-top:20px;font-size:12.5px;color:#8C96AB}
@media (max-width:900px){
 h1{font-size:40px}.hero.small h1{font-size:34px}h2{font-size:30px}
 .g3{grid-template-columns:1fr 1fr}.split,.demo{grid-template-columns:1fr;gap:28px}.fgrid{grid-template-columns:1fr 1fr}
 nav.links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--navy);flex-direction:column;padding:16px 28px 24px;gap:16px}
 nav.links.open{display:flex}.menu{display:block}nav.links a.cta{align-self:start}
}
@media (max-width:600px){.g2,.g3,.fgrid{grid-template-columns:1fr}h1{font-size:34px}.hero{padding:64px 0 72px}section{padding:60px 0}.lead{font-size:18px}}

.person .av{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;margin-bottom:16px;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
.person .role{color:var(--teal);font-weight:600;font-size:14px;margin:-2px 0 12px}
.person p{margin-bottom:10px}.person .cred{font-size:13.5px;margin-top:12px}

.tag.live{background:#DCEFE6;color:#1D6B47}.tag.proto{background:#FBE7D3;color:#8A4B12}
.tool{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:40px 0;border-top:1px solid var(--line)}
.tnum{font-family:Georgia,serif;font-size:56px;line-height:1;color:var(--teal)}
.thead{font-size:18px;color:var(--ink);margin:0 0 14px}
.tl{margin:0;padding-left:20px;color:var(--mute);columns:2;column-gap:40px}.tl li{break-inside:avoid;margin-bottom:8px}
.tnote{font-size:14px;color:var(--mute);margin:14px 0 0;font-style:italic}
table.cmp{width:100%;border-collapse:collapse;font-size:15.5px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cmp th{background:var(--navy);color:var(--cream);text-align:left;padding:14px 16px;font-weight:600}
.cmp td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top;color:var(--mute)}
.cmp td:first-child{color:var(--ink);font-weight:600;white-space:nowrap}
.cmp a{color:var(--teal);font-weight:600;text-decoration:none}
@media (max-width:900px){.tl{columns:1}.tool{grid-template-columns:1fr;gap:6px}.tnum{font-size:40px}.cmp{font-size:14px}.cmp td:first-child{white-space:normal}}
@media (max-width:600px){table.cmp,.cmp tbody,.cmp tr,.cmp td{display:block}.cmp thead{display:none}.cmp td{border-top:0;padding:6px 16px}.cmp tr{border-top:1px solid var(--line);padding:10px 0}}

.founder{width:140px;height:140px;border-radius:50%;object-fit:cover;display:block;margin-bottom:22px;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--line)}

.shot{margin:22px 0 0}.shot img{width:100%;display:block;border-radius:12px;border:1px solid var(--line);box-shadow:0 12px 32px rgba(21,33,59,.10)}
.shot figcaption{font-size:12.5px;color:var(--mute);margin-top:8px;letter-spacing:.3px}
.card .thumb{width:100%;border-radius:10px;border:1px solid var(--line);display:block;margin-bottom:14px;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.case{padding:44px 0;border-top:1px solid var(--line);display:grid;gap:28px}
.cgrid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:28px;margin-top:8px}.cgrid p,.cgrid ul{color:var(--mute);font-size:16px;margin:0}.cgrid ul{padding-left:18px}.cgrid li{margin-bottom:8px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.stats div{background:var(--navy);color:var(--soft);border-radius:14px;padding:20px 22px;font-size:14.5px}
.stats b{display:block;color:var(--amber);font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.15;margin-bottom:6px}
nav.links{gap:20px}
@media (max-width:900px){.cgrid{grid-template-columns:1fr}}
.proof{background:#0F1930;color:var(--soft);padding:30px 0;border-top:1px solid #24304d}
.proofgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:24px;align-items:center}
.pf{display:flex;align-items:center;gap:14px}.pf img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--amber)}
.pf b{display:block;color:var(--cream);font-size:16px}.pf span{font-size:13.5px}
.ps b{display:block;color:var(--amber);font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.1}
.ps span{font-size:13px;line-height:1.4;display:block;margin-top:4px}
.btn.sm{padding:9px 18px;font-size:14px;margin-top:16px}
.btn.o{border:1px solid var(--teal);color:var(--teal)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-top:12px}
.faq summary{cursor:pointer;font-weight:600;font-size:16.5px}.faq details p{color:var(--mute);margin:10px 0 0;font-size:16px}
.prose{max-width:760px}.prose p{color:var(--mute);margin:0 0 18px}.prose b{color:var(--ink)}.prose a{color:var(--teal)}
@media (max-width:900px){.proofgrid{grid-template-columns:1fr 1fr}.pf{grid-column:1/-1}}