html{overflow-x:hidden;-webkit-text-size-adjust:100%}html,body{max-width:100%;width:100%}
:root{
  --bg:#0B1120;--bg-2:#0E1626;--surface:#121C30;--surface-2:#16233C;
  --border:#243352;--border-soft:#1B2840;--text:#E9EEF9;--muted:#8A99B8;--muted-dim:#5E6E8E;
  --brand:#4F7DF0;--brand-2:#7AA0FF;--green:#34D6A4;
  --display:"Space Grotesk",sans-serif;--body:"Inter",sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --maxw:1080px;
}
html[data-theme="light"]{
  --bg:#EEF2F9;--bg-2:#FFFFFF;--surface:#FFFFFF;--surface-2:#F4F7FC;
  --border:#DBE2EF;--border-soft:#E9EEF7;--text:#152038;--muted:#586176;--muted-dim:#8B93A6;
  --brand:#3D63D8;--brand-2:#2F55C6;--green:#13895E;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
html[data-theme="light"] body{background:linear-gradient(180deg,#EDF1F8,#F4F6FB 280px)}
a{color:var(--brand-2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* header */
header{border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:30;
  background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;gap:18px;height:64px}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:18px;color:var(--text)}
.brand:hover{text-decoration:none}
.mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#5d89f5,#3a63c8);display:grid;place-items:center}
.mark svg{width:17px;height:17px}
.pp-ai{color:var(--brand-2);margin-left:.2em}
.nav .sp{flex:1}
.nav a.lnk{color:var(--muted);font-size:14.5px;font-weight:500}
.nav a.lnk:hover{color:var(--text);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:600;
  font-size:14px;padding:9px 16px;cursor:pointer;border:1px solid transparent;transition:.15s}
.btn-ghost{border-color:var(--border);color:var(--text);background:var(--surface)}
.btn-ghost:hover{background:var(--surface-2);text-decoration:none}
.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-2);text-decoration:none}
.themebtn{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;
  padding:6px 9px;font-size:13px;cursor:pointer;line-height:1}


/* ---- standalone marketing pages ---- */
.brand-logo{height:19px;width:auto;display:block}
.brand-light{display:none}
html[data-theme="light"] .brand-dark{display:none}
html[data-theme="light"] .brand-light{display:block}
main.page{max-width:820px;padding-top:40px;padding-bottom:20px}
.crumbs{font-size:13px;color:var(--muted-dim);margin-bottom:18px}
main.page h1{font-family:var(--display);font-size:38px;font-weight:700;line-height:1.15;margin-bottom:14px}
main.page .lede{font-size:19px;color:var(--muted);margin-bottom:34px;line-height:1.55}
main.page h2{font-family:var(--display);font-size:25px;font-weight:600;margin:38px 0 12px;line-height:1.25}
main.page h3{font-family:var(--display);font-size:17.5px;font-weight:600;margin:22px 0 6px}
main.page p{margin-bottom:15px}
main.page ul,main.page ol{margin:0 0 18px 22px}
main.page li{margin-bottom:9px}
main.page strong{color:var(--text)}
.qa{border-top:1px solid var(--border-soft);padding-top:14px;margin-top:14px}
.qa h3{margin-top:0}
/* plan table */
.table-wrap{overflow-x:auto;margin:18px 0 24px;border:1px solid var(--border-soft);border-radius:14px}
table.plans{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
table.plans caption{caption-side:top;text-align:left;padding:14px 16px 0;color:var(--muted-dim);font-size:13px}
table.plans th,table.plans td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-soft)}
table.plans thead th{color:var(--muted);font-weight:600;font-size:13px;letter-spacing:.02em;
  background:var(--surface-2);white-space:nowrap}
table.plans tbody th{font-family:var(--display);font-weight:600;color:var(--text)}
table.plans tbody tr:last-child th,table.plans tbody tr:last-child td{border-bottom:0}
/* contact boxes */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 10px}
.cbox{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:18px}
.cbox .lab{font-family:var(--mono);font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--brand-2)}
.cbox .val{font-family:var(--display);font-size:17px;font-weight:600;margin:7px 0 6px}
.cbox p{color:var(--muted);font-size:14px;margin:0}
/* cta band */
.cta-band{background:linear-gradient(135deg,#3f68d8,#2b4bb0);border-radius:18px;
  padding:34px 30px;margin:48px 0 20px;color:#F4F7FF}
.cta-band h2{margin:0 0 8px;color:#fff;font-size:23px}
.cta-band p{color:rgba(244,247,255,.86);margin-bottom:18px}
.cta-band .btn-ghost{background:transparent;border-color:rgba(255,255,255,.3);color:#F4F7FF;margin-left:9px}
.cta-band .btn-ghost:hover{background:rgba(255,255,255,.08)}
.cta-band .btn-primary{background:#fff;color:#22397f}
.cta-band .btn-primary:hover{background:#EEF2FF}
/* footer */
footer{border-top:1px solid var(--border-soft);margin-top:30px;padding:40px 0 46px}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:26px}
.foot-cols strong{display:block;font-family:var(--display);font-size:14px;margin-bottom:11px;color:var(--text)}
.foot-cols a{display:block;color:var(--muted);font-size:14px;margin-bottom:7px}
.foot-cols a:hover{color:var(--text)}
.copy{color:var(--muted-dim);font-size:13px;border-top:1px solid var(--border-soft);padding-top:20px}
@media(max-width:800px){
  main.page h1{font-size:30px}
  .contact-grid,.foot-cols{grid-template-columns:1fr}
  .cta-band .btn-ghost{margin-left:0;margin-top:9px}
}