
:root{
  --bg:#fbf9fe;
  --bg-2:#f5effc;
  --paper:#ffffff;
  --paper-2:#fbfafc;
  --ink:#171421;
  --ink-soft:#3f4256;
  --muted:#6f7286;
  --line:#ddd7e8;
  --line-strong:#c9bedc;
  --purple:#7c35e8;
  --purple-2:#a96bff;
  --pink:#ef6ec4;
  --green:#39a96b;
  --blue:#467de9;
  --amber:#d28a28;
  --red:#d64c4c;
  --body:"IBM Plex Sans", system-ui, sans-serif;
  --display:Aldrich, "IBM Plex Sans", sans-serif;
  --page:1180px;
  --narrow:900px;
  --nav-h:88px;
  --s1:8px;
  --s2:12px;
  --s3:16px;
  --s4:24px;
  --s5:32px;
  --s6:48px;
  --s7:64px;
  --s8:88px;
  --r1:16px;
  --r2:24px;
  --shadow:0 20px 60px rgba(36,24,58,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:var(--body);
  background:
    radial-gradient(900px 480px at -4% 4%, rgba(239,110,196,.22), transparent 58%),
    radial-gradient(720px 520px at 92% 16%, rgba(124,53,232,.12), transparent 58%),
    radial-gradient(760px 520px at 90% 92%, rgba(57,169,107,.12), transparent 60%),
    linear-gradient(135deg, #ffffff 0%, var(--bg) 44%, #f5f8fb 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  line-height:1.62;
}
a{color:inherit;text-decoration:none}
p{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.68;max-width:78ch}
p+p{margin-top:var(--s3)}
main{padding:0 0 var(--s7)}
.wrap{width:min(var(--page), calc(100% - 64px));margin:0 auto}
.narrow{width:min(var(--narrow), calc(100% - 64px));margin:0 auto}
.nav{height:var(--nav-h);display:flex;align-items:center;gap:var(--s4);width:min(var(--page), calc(100% - 64px));margin:0 auto;position:relative;z-index:10}
.brand{display:flex;align-items:center;margin-right:auto}
.logo-img{height:76px;width:auto;display:block;border-radius:18px}
.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nav-links a{font-family:var(--display);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:#4b4b64;white-space:nowrap}
.nav-links a:hover{color:var(--purple)}
.nav-links a.cta{padding:10px 16px;border:1px solid var(--purple);border-radius:999px;color:var(--purple);background:rgba(255,255,255,.52)}
.nav-toggle{display:none;border:0;background:transparent;padding:6px}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:4px 0;border-radius:4px}
@media(max-width:860px){
  .wrap,.narrow,.nav{width:min(100% - 36px, var(--page))}
  .logo-img{height:62px}.nav{height:82px}.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:76px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;padding:var(--s3);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav-links a{padding:8px 0;width:100%}
}
.label,.eyebrow,.section-num,.kicker{font-family:var(--display);font-size:11px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--purple)}
h1,h2,h3{font-family:var(--body);letter-spacing:-.035em;line-height:1.08;margin:0;color:var(--ink)}
h1{font-size:clamp(38px,5.2vw,58px);max-width:14ch;font-weight:650}
h2{font-size:clamp(28px,3vw,40px);font-weight:650;max-width:18ch}
h3{font-size:21px;font-weight:650;letter-spacing:-.02em;line-height:1.24}
.lede{font-size:19px;line-height:1.62;max-width:68ch;color:var(--ink-soft)}
.hero{padding:var(--s6) 0 var(--s7)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:var(--s6);align-items:center}
.hero .eyebrow{margin-bottom:var(--s3)}
.hero .lede{margin-top:var(--s4)}
.actions{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s5)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;min-height:46px;padding:0 22px;font-family:var(--display);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line-strong);background:rgba(255,255,255,.72);color:var(--ink);box-shadow:0 12px 36px rgba(40,20,80,.06)}
.btn.primary{background:linear-gradient(135deg,var(--purple),var(--purple-2));border:0;color:#fff}
.btn.green{background:linear-gradient(135deg,var(--green),#66d48f);border:0;color:#fff}
.btn:hover{transform:translateY(-1px)}
.visual-card{background:rgba(255,255,255,.78);border:1px solid rgba(201,190,220,.78);border-radius:28px;padding:var(--s4);box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.console{border-radius:22px;overflow:hidden;background:#111827;color:#f8fbff;box-shadow:0 32px 80px rgba(40,30,80,.18)}
.console-head{height:42px;display:flex;align-items:center;gap:7px;padding:0 var(--s3);background:#1b2133;border-bottom:1px solid rgba(255,255,255,.08)}
.dot{width:9px;height:9px;border-radius:50%;background:#7a839b}.console-body{padding:var(--s4)}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.metric{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:var(--s3);background:rgba(255,255,255,.06);min-height:124px}.metric strong{display:block;color:#fff;font-size:16px}.metric span{display:block;color:#b9c2d3;font-size:13px;margin-top:6px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-family:var(--display);font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-top:10px;background:rgba(255,255,255,.1);color:#fff}.pill.green{background:rgba(57,169,107,.18);color:#78e09f}.pill.red{background:rgba(214,76,76,.18);color:#ff8f8f}.pill.high{background:var(--red);color:#fff}.pill.purple{color:var(--purple);background:#f1e8ff;border:1px solid #dbc7ff}
section.block{padding:var(--s7) 0;border-top:1px solid var(--line)}
.section-head{display:block;margin-bottom:var(--s5)}
.section-head .num{font-family:var(--display);font-size:11px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--purple);margin-bottom:var(--s3)}
.section-head h2{max-width:none}
.section-head p{max-width:880px;margin-top:var(--s2)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:start}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
.panel{background:rgba(255,255,255,.72);border:1px solid rgba(201,190,220,.7);border-radius:24px;padding:var(--s5);box-shadow:0 18px 60px rgba(36,24,58,.08)}
.card{background:rgba(255,255,255,.68);border:1px solid rgba(201,190,220,.72);border-radius:20px;padding:var(--s4);min-height:160px}.card h3{margin-bottom:var(--s2)}.card p{font-size:15px}.card .label{margin-bottom:var(--s2);display:block;color:var(--purple)}
.flush-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}.flush-item{padding-top:var(--s3);border-top:1px solid var(--line)}.flush-item h3{font-size:18px;margin-bottom:var(--s2)}
.product-strip{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:center}.product-copy .label{display:block;margin-bottom:var(--s3)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s3)}
blockquote.quote{font-size:clamp(25px,3vw,38px);line-height:1.18;font-weight:650;letter-spacing:-.035em;margin:0;max-width:24ch}.quote em{font-style:italic;color:var(--purple)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.compare .side{padding:var(--s4);border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.54)}.compare .side.good{background:linear-gradient(135deg,rgba(57,169,107,.09),rgba(255,255,255,.76));border-color:rgba(57,169,107,.28)}ul.clean{list-style:none;padding:0;margin:var(--s3) 0 0}ul.clean li{margin:10px 0;color:var(--ink-soft);font-size:15px}.arrow::before{content:"›";color:var(--purple);margin-right:9px}
.cta-band{padding:var(--s6);border-radius:30px;background:linear-gradient(135deg,rgba(124,53,232,.16),rgba(239,110,196,.12),rgba(57,169,107,.10));border:1px solid var(--line);box-shadow:var(--shadow)}
.footer{border-top:1px solid var(--line);padding:var(--s4) 0;color:var(--muted);font-size:13px}.footer-inner{width:min(var(--page),calc(100% - 64px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.footer-links{display:flex;gap:var(--s4);align-items:center;flex-wrap:wrap}.li-icon{width:18px;height:18px;border-radius:3px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}
.cookiebar{position:fixed;left:20px;right:20px;bottom:20px;z-index:999;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:var(--s3);display:none}.cookiebar.show{display:block}.cookiebar-in{display:flex;align-items:center;gap:var(--s3);justify-content:space-between}.cookiebar p{font-size:13px}.cookiebar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-family:var(--display);font-size:10px;text-transform:uppercase}.cookiebar .accept{background:var(--purple);color:#fff;border:0}.cookiebar .buttons{display:flex;gap:8px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.form-grid .full{grid-column:1/-1}label{font-family:var(--display);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);display:block;margin-bottom:8px}input,textarea{width:100%;border:1px solid var(--line-strong);background:rgba(255,255,255,.72);border-radius:16px;padding:14px 16px;font:inherit;color:var(--ink);outline:none}textarea{min-height:150px;resize:vertical}input:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(124,53,232,.10)}
.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.founder-card{display:grid;grid-template-columns:86px 1fr;gap:var(--s3);align-items:start}.avatar{width:74px;height:74px;border-radius:18px;object-fit:cover;background:#efe7ff}.role{font-family:var(--display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin:4px 0 12px}.small{font-size:14px;color:var(--muted)}
.feed-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:var(--s4);align-items:start}.latest-card{overflow:hidden}.latest-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff;display:block;border-radius:18px}.feed-list{max-height:680px;overflow:auto;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.62)}.feed-list .feed-title{position:sticky;top:0;background:rgba(255,255,255,.92);padding:var(--s3);border-bottom:1px solid var(--line);font-family:var(--display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.feed-item{display:grid;grid-template-columns:86px 1fr;gap:var(--s3);padding:var(--s3);border-bottom:1px solid var(--line)}.feed-item img{width:86px;height:64px;object-fit:cover;border-radius:12px;background:#fff}.feed-item strong{display:block;font-size:15px;line-height:1.25}.feed-item span{font-family:var(--display);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin-top:6px;display:block}
.contact-lines p{margin-top:8px}.contact-lines p+p{margin-top:4px}.legal{max-width:940px}.legal .panel{padding:var(--s6)}.legal h2{font-size:24px;max-width:none;margin:var(--s5) 0 var(--s2)}.legal h2:first-child{margin-top:0}.legal h3{font-size:18px;margin:var(--s4) 0 var(--s2)}.legal li{margin:8px 0;color:var(--ink-soft)}
@media(max-width:900px){.hero-grid,.two-col,.product-strip,.compare,.feed-layout{grid-template-columns:1fr}.three-col,.four-col,.flush-grid,.founder-grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}h1{max-width:18ch}.wrap,.footer-inner{width:min(100% - 36px,var(--page))}}
@media(max-width:520px){h1{font-size:36px}h2{font-size:28px}.panel,.cta-band{padding:var(--s4)}.hero{padding:var(--s5) 0}.metric-grid{grid-template-columns:1fr}}

/* V15 homepage layout corrections */
.hero-full{padding:var(--s6) 0 var(--s7)}
.hero-copy-full{display:block;max-width:var(--page)}
.hero-copy-full h1{max-width:none;font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-.045em}
.hero-copy-full .lede{max-width:860px;margin-top:var(--s4)}
.hero-copy-full .actions{margin-top:var(--s5)}
.section-stack{display:block;margin-bottom:var(--s5)}
.section-stack .num{font-family:var(--display);font-size:11px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--purple);margin-bottom:var(--s3)}
.section-stack h2{max-width:none}
.section-stack p{max-width:880px;margin-top:var(--s2)}
.pattern-stack{display:block}
.pattern-stack .label{display:block;margin-bottom:var(--s3)}
.pattern-stack .quote{max-width:100%;font-size:clamp(28px,3vw,40px);line-height:1.14;margin-bottom:var(--s5)}
.pattern-stack .flush-grid{margin-top:0}
.cta-band .section-stack{margin-bottom:0;text-align:center}
.cta-band .section-stack h2{max-width:none}
.cta-band .section-stack p{max-width:900px;margin-left:auto;margin-right:auto}
.cta-band .actions{justify-content:center}
.cta-band .num{display:block;text-align:center}

@media(max-width:900px){.hero-copy-full h1{font-size:clamp(38px,10vw,56px)}.pattern-stack .quote{font-size:clamp(30px,8vw,44px)}}


/* V19: V17 styling carried across all pages */
.section-head{display:block;margin-bottom:var(--s5)}
.section-head .num{font-family:var(--display);font-size:11px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--purple);margin-bottom:var(--s3)}
.section-head h2{max-width:none}
.section-head p{max-width:880px;margin-top:var(--s2)}
.hero .wrap:not(.hero-grid):not(.hero-copy-full) h1{max-width:none}
.hero-grid h1{max-width:none}
.hero-grid .lede{max-width:860px}
.founder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);align-items:start}
.founder-card{display:block;min-height:0}
.founder-card .avatar{width:104px;height:104px;border-radius:22px;object-fit:cover;margin-bottom:var(--s3);display:block}
.founder-card h3{margin-bottom:4px}
.founder-card p{max-width:none;font-size:15px;line-height:1.68}
@media(max-width:900px){.founder-grid{grid-template-columns:1fr}}


/* V20: CTA alignment fix */
.cta-band{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.cta-band h1,
.cta-band h2,
.cta-band h3,
.cta-band p{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.cta-band h2{
  max-width:820px;
}
.cta-band p{
  max-width:900px;
}
.cta-band .actions{
  justify-content:center;
}
.panel.investor-cta,
.panel.contact-panel,
.investor-cta{
  text-align:center;
}
.panel.investor-cta .actions,
.investor-cta .actions{
  justify-content:center;
}


/* V22 security hardening: moved inline styles into CSS */
.latest-body{padding:24px}
.read-full{margin-top:24px}
