:root{--bg:#000;--bg2:#0E0E10;--panel:#141417;--panel2:#1B1B20;--line:#26262B;--ink:#fff;--muted:#A3A3AB;--red:#B5173D;--red2:#D8264F;--blue:#1E3EC9;--blue2:#5B78F0;--ok:#2FBF7F;--amber:#E0A040}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--red2);outline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
h1,h2,h3,.logo{font-family:"Poppins",system-ui,sans-serif;font-weight:600;margin:0;line-height:1.1;letter-spacing:-.02em}
h1{font-size:clamp(2.6rem,5.6vw,4.8rem);font-weight:700}
h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}
h3{font-size:1.3rem}
p{margin:0}
.muted{color:var(--muted)}
.logo{font-size:2rem;text-decoration:none;letter-spacing:-.04em;font-weight:700}
.logo i{font-style:normal;color:var(--red2)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:999px;text-decoration:none;font-weight:600;font-size:1rem;background:var(--red);color:#fff;border:1.5px solid var(--red);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}
.btn:hover{background:var(--red2);border-color:var(--red2)}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.28)}
.btn.ghost:hover{border-color:#fff;background:transparent}
.btn.sm{padding:9px 16px;font-size:.86rem}
.btn.blue{background:var(--blue);border-color:var(--blue)}
.btn.blue:hover{background:var(--blue2);border-color:var(--blue2)}
.btn:disabled{opacity:.35;cursor:default}

header{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
nav{display:flex;align-items:center;gap:32px}
nav a{text-decoration:none;font-size:.95rem;color:var(--muted)}
nav a:hover{color:#fff}
nav .btn{padding:10px 20px;font-size:.9rem}
@media (max-width:820px){nav a:not(.btn){display:none}}

/* hero */
.hero{position:relative;overflow:hidden;padding:120px 0 110px;border-bottom:1px solid var(--line)}
.hero .glow{position:absolute;right:-200px;top:-200px;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(181,23,61,.35),transparent 60%);pointer-events:none}
.hero .wave{position:absolute;left:0;right:0;bottom:-40px;width:100%;height:auto;pointer-events:none}
.hero .wrap{position:relative;max-width:900px}
.hero .mark{font-family:"Poppins",sans-serif;font-weight:700;font-size:clamp(4rem,11vw,9rem);letter-spacing:-.05em;line-height:.9;margin-bottom:34px}
.hero .mark i{font-style:normal;color:var(--red2)}
.hero .lede{margin-top:26px;font-size:1.25rem;color:var(--muted);max-width:33em;line-height:1.5}
.hero .actions{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap}
.hero .note{margin-top:22px;font-size:.92rem;color:var(--muted)}

/* tour */
.tour{padding:100px 0 80px}
.tour .head{max-width:44em;margin-bottom:56px}
.tour .head p{margin-top:16px;font-size:1.15rem;color:var(--muted)}
.tourgrid{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}
.rail{position:sticky;top:96px}
.rail button{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:center;width:100%;text-align:left;background:none;border:0;color:var(--muted);padding:12px 8px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem}
.rail button:hover{color:#fff;background:rgba(255,255,255,.04)}
.rail button.on{color:#fff;background:var(--panel)}
.rail .n{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:"Poppins",sans-serif;font-weight:600;font-size:.85rem}
.rail button.on .n{background:var(--red);border-color:var(--red)}
.rail button.done .n{border-color:var(--ok);color:var(--ok)}
.rail .who{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:12px;font-size:.88rem;color:var(--muted)}
.rail .who b{display:block;color:#fff;font-weight:600;margin-bottom:4px}
@media (max-width:900px){.tourgrid{grid-template-columns:1fr}.rail{position:static;display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.rail button{width:auto;grid-template-columns:auto;padding:8px 12px;white-space:nowrap}.rail button span:last-child{display:none}.rail .who{display:none}}
.step{display:none}
.step.on{display:block}
.step .kicker{display:inline-flex;align-items:center;gap:10px;font-family:"Poppins",sans-serif;font-weight:600;font-size:.9rem;color:var(--red2);margin-bottom:12px}
.step .kicker.b{color:var(--blue2)}
.step .kicker::before{content:"";width:9px;height:13px;border-radius:999px;background:currentColor}
.step h3{font-size:clamp(1.5rem,2.4vw,2rem)}
.step .story{margin-top:12px;color:var(--muted);font-size:1.05rem;max-width:38em}
.step .try{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:.88rem;color:#fff;background:rgba(216,38,79,.14);border:1px solid rgba(216,38,79,.35);padding:6px 12px;border-radius:999px}
.step .try::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red2)}
.screen{margin-top:26px}
.ai{margin-top:22px;display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px 20px;border-radius:12px;background:linear-gradient(135deg,rgba(30,62,201,.22),rgba(30,62,201,.06));border:1px solid rgba(91,120,240,.35)}
.ai .badge{font-family:"Poppins",sans-serif;font-weight:700;font-size:.8rem;color:#fff;background:var(--blue);border-radius:6px;padding:3px 8px;align-self:start;white-space:nowrap}
.ai .badge i{font-style:normal;color:#9FB2FF}
.ai p{font-size:.95rem;color:#DCE1FF}
.ai .act{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.ai .act button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:6px 14px;font-size:.84rem;cursor:pointer;font-family:inherit}
.ai .act button:hover{background:rgba(255,255,255,.16)}
.stepnav{display:flex;justify-content:space-between;align-items:center;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
.stepnav .pos{color:var(--muted);font-size:.9rem}

/* panels */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.9);font-size:.9rem}
.panel .bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.85rem;gap:12px;flex-wrap:wrap}
.panel .bar b{font-family:"Poppins",sans-serif;font-weight:600;color:#fff;font-size:1rem}
.row{display:grid;gap:14px;align-items:center;padding:12px 20px;border-top:1px solid var(--line);transition:background .3s}
.row.hi{background:rgba(216,38,79,.08)}
.row.dim{opacity:.4}
.tag{font-size:.74rem;padding:3px 10px;border-radius:999px;font-weight:600;white-space:nowrap;display:inline-block}
.tag.r{background:rgba(216,38,79,.18);color:#FF6B8A}.tag.a{background:rgba(224,160,64,.18);color:#F2B85C}.tag.g{background:rgba(47,191,127,.16);color:#4FD79A}.tag.n{background:rgba(255,255,255,.08);color:var(--muted)}.tag.b{background:rgba(30,62,201,.25);color:#9FB2FF}
.mono{font-variant-numeric:tabular-nums}
.small{font-size:.8rem;color:var(--muted)}
.lnk{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-family:inherit;font-size:.82rem;padding:0}
.lnk:hover{color:#fff}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);padding:8px}
.kpi{padding:14px 12px}
.kpi .v{font-family:"Poppins",sans-serif;font-weight:600;font-size:1.7rem;line-height:1}
.kpi .v.r{color:#FF6B8A}.kpi .v.g{color:#4FD79A}
.kpi .l{font-size:.74rem;color:var(--muted);margin-top:6px}
@media (max-width:560px){.kpis{grid-template-columns:1fr 1fr}}

/* target list */
.tg{grid-template-columns:1.4fr .9fr .7fr .7fr auto}
.tg .fin{display:flex;gap:14px;font-size:.82rem;color:var(--muted)}
.tg .fin b{color:#fff;font-weight:500}
@media (max-width:640px){.tg{grid-template-columns:1fr auto}.tg .hide{display:none}}

/* ring */
.ringwrap{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;padding:24px 20px}
.ring{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;position:relative}
.ring::after{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--panel)}
.ring div{position:relative;z-index:1;text-align:center}
.ring b{display:block;font-family:"Poppins",sans-serif;font-size:2rem;font-weight:600;line-height:1}
.ring span{font-size:.78rem;color:var(--muted)}
.slider{margin-top:10px}
.slider input{width:100%;accent-color:var(--red2)}
.slider .lab{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted)}
.funnel{padding:6px 20px 16px;border-top:1px solid var(--line)}
.fbar{display:grid;grid-template-columns:120px 1fr 90px;gap:12px;align-items:center;padding:7px 0;font-size:.84rem}
.fbar .b{height:9px;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--red2))}
.fbar .n{text-align:right;color:var(--muted)}
@media (max-width:640px){.ringwrap{grid-template-columns:1fr;justify-items:center}}

/* bidders */
.bd{grid-template-columns:1.2fr 1fr auto auto auto}
.fee{padding:18px 20px;border-top:1px solid var(--line);background:linear-gradient(0deg,rgba(181,23,61,.12),transparent);display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.fee .big{font-family:"Poppins",sans-serif;font-weight:600;font-size:2rem;line-height:1;transition:color .3s}
.fee .s{color:var(--muted);font-size:.84rem;margin-top:6px}
.fee .calc{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.7}
.fee .calc b{color:#fff;font-weight:500}
@media (max-width:640px){.bd{grid-template-columns:1fr auto auto}.bd .hide{display:none}.fee{grid-template-columns:1fr}}

/* dataroom */
.grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);font-size:.84rem}
.grid>div{padding:10px 16px;border-top:1px solid var(--line);border-left:1px solid var(--line);display:flex;align-items:center;gap:8px}
.grid>div:nth-child(4n+1){border-left:0}
.grid .h{color:var(--muted);font-size:.76rem;border-top:0}
.grid input{accent-color:var(--ok);width:16px;height:16px;margin:0}
.grid label{cursor:pointer;display:flex;align-items:center;gap:8px}
.log{padding:12px 20px 16px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted);line-height:1.8}
.log b{color:#fff;font-weight:500}

/* obligations */
.ob{grid-template-columns:auto 1.4fr 1fr auto}
.ob .d{font-family:"Poppins",sans-serif;font-weight:600;font-size:.8rem;color:var(--muted);width:64px}

/* entity */
.ent{display:grid;grid-template-columns:1fr 1fr}
.ent>div{padding:16px 20px}
.ent>div+div{border-left:1px solid var(--line)}
.ent h4{margin:0 0 10px;font-family:"Poppins",sans-serif;font-weight:600;font-size:.85rem;color:var(--muted)}
.ent ul{list-style:none;margin:0;padding:0;font-size:.86rem}
.ent li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--line)}
.ent li span:last-child{color:var(--muted)}
.docs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px;border-top:1px solid var(--line)}
.doc{border:1px solid var(--line);border-radius:10px;padding:12px 14px;position:relative;font-size:.86rem}
.doc b{display:block;font-weight:600}
.doc span{color:var(--muted);font-size:.78rem}
.doc i{position:absolute;top:13px;right:13px;width:10px;height:10px;border-radius:50%;background:var(--ok);font-style:normal}
.doc i.r{background:var(--red2)}
.reso{display:none;padding:18px 20px;border-top:1px solid var(--line);font-size:.86rem;line-height:1.7;background:var(--panel2)}
.reso.on{display:block}
.reso mark{background:rgba(91,120,240,.25);color:#fff;border-radius:3px;padding:0 4px}
.reso mark.todo{background:rgba(224,160,64,.25)}
@media (max-width:640px){.ent{grid-template-columns:1fr}.ent>div+div{border-left:0;border-top:1px solid var(--line)}}

/* compliance */
.cp{grid-template-columns:1.5fr 1fr auto auto}
@media (max-width:640px){.cp{grid-template-columns:1fr auto}.cp .hide{display:none}}

/* dashboard */
.sig{grid-template-columns:auto 1fr auto}
.sig .t b{font-weight:600}.sig .t span{display:block;color:var(--muted);font-size:.78rem}
.meters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px;border-top:1px solid var(--line)}
.meter{border:1px solid var(--line);border-radius:10px;padding:12px}
.meter .v{font-family:"Poppins",sans-serif;font-weight:600;font-size:1.5rem;line-height:1}
.meter .v.g{color:#4FD79A}.meter .v.a{color:#F2B85C}.meter .v.r{color:#FF6B8A}
.meter .l{font-size:.78rem;margin-top:6px}.meter .s{font-size:.72rem;color:var(--muted)}
@media (max-width:640px){.meters{grid-template-columns:1fr 1fr}}

/* AI section */
.aisec{padding:110px 0;border-top:1px solid var(--line);background:radial-gradient(900px 500px at 70% 0%,rgba(30,62,201,.25),transparent 60%)}
.aisec .head{max-width:44em}
.aisec .head p{margin-top:16px;color:var(--muted);font-size:1.15rem}
.aigrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:56px}
.aicard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px 30px}
.aicard .badge{display:inline-block;font-family:"Poppins",sans-serif;font-weight:700;font-size:.78rem;color:#9FB2FF;margin-bottom:14px}
.aicard h3{margin-bottom:10px}
.aicard p{color:var(--muted);font-size:.98rem}
.aicard .ex{margin-top:16px;padding:12px 14px;border-radius:10px;background:var(--panel2);font-size:.86rem;line-height:1.6;color:#DCE1FF;border-left:2px solid var(--blue2)}
@media (max-width:860px){.aigrid{grid-template-columns:1fr}}

/* pillars summary */
.pillars{padding:110px 0;border-top:1px solid var(--line)}
.prail{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px}
.prail::before{content:"";position:absolute;left:16.6%;right:16.6%;top:34px;height:2px;background:linear-gradient(90deg,var(--red),var(--red) 55%,var(--blue))}
.pillar{position:relative;text-align:center}
.pill{width:56px;height:70px;border-radius:999px;background:var(--red);margin:0 auto 26px;position:relative;display:flex;align-items:center;justify-content:center}
.pill.b{background:var(--blue)}
.pill::before{content:"";position:absolute;inset:6px 8px;background:#fff;border-radius:999px}
.pill span{position:relative;font-family:"Poppins",sans-serif;font-weight:700;color:var(--red);font-size:1.35rem}
.pill.b span{color:var(--blue)}
.pillar h3{font-size:1.9rem;letter-spacing:-.03em}
.pillar ul{list-style:none;margin:20px 0 0;padding:0;text-align:left;display:inline-block}
.pillar li{padding:5px 0 5px 20px;position:relative;font-size:.98rem}
.pillar li::before{content:"";position:absolute;left:0;top:14px;width:7px;height:7px;border-radius:50%;background:var(--red2)}
.pillar.b li::before{background:var(--blue2)}
@media (max-width:820px){.prail{grid-template-columns:1fr;gap:56px}.prail::before{display:none}}

/* who + contact */
.who{padding:100px 0;border-top:1px solid var(--line)}
.who .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.who .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:34px 30px}
.who .card::before{content:"";display:block;width:36px;height:3px;background:var(--red2);border-radius:2px;margin-bottom:22px}
.who .card:nth-child(3)::before{background:var(--blue)}
.who h3{margin-bottom:10px}.who p{color:var(--muted);font-size:1rem}
@media (max-width:860px){.who .grid3{grid-template-columns:1fr}}
.contact{padding:120px 0;background:var(--bg2);border-top:1px solid var(--line)}
.contact .grow{font-family:"Poppins",sans-serif;font-weight:700;font-size:clamp(3rem,9vw,7.5rem);letter-spacing:-.05em;line-height:.95}
.contact .grow i{font-style:normal;color:var(--red2)}
.contact .cols{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:52px;align-items:start}
.contact .cols p{color:var(--muted);font-size:1.15rem;max-width:30em}
.contact .lines{font-size:1.05rem;line-height:1.8}
.contact .lines a{text-decoration:none;display:block;font-family:"Poppins",sans-serif;font-weight:600;font-size:1.4rem;color:#fff}
.contact .lines a:hover{color:var(--red2)}
.contact .lines small{display:block;color:var(--muted);font-size:.95rem;margin-top:12px}
@media (max-width:860px){.contact .cols{grid-template-columns:1fr;gap:36px}}

/* insights */
.ins{padding:110px 0;border-top:1px solid var(--line)}
.ins .head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.ins .head p{color:var(--muted);font-size:1.1rem;max-width:36em;margin-top:12px}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.post{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px 28px;text-decoration:none;display:flex;flex-direction:column;gap:12px;transition:border-color .15s}
.post:hover{border-color:rgba(255,255,255,.35)}
.post .cat{font-family:"Poppins",sans-serif;font-weight:600;font-size:.78rem;color:var(--red2)}
.post .cat.b{color:var(--blue2)}
.post h3{font-size:1.25rem;line-height:1.3}
.post p{color:var(--muted);font-size:.95rem;flex:1}
.post .meta{font-size:.82rem;color:var(--muted)}
@media (max-width:860px){.posts{grid-template-columns:1fr}}
/* article view */
body.reading main>section:not(.article),body.reading main>div.strip{display:none}
.article{display:none;padding:80px 0 100px}
body.reading .article{display:block}
.article .wrap{max-width:760px}
.article .back{display:inline-block;font-size:.9rem;color:var(--muted);text-decoration:none;margin-bottom:36px}
.article .back:hover{color:#fff}
.article .cat{font-family:"Poppins",sans-serif;font-weight:600;font-size:.82rem;color:var(--red2);margin-bottom:14px}
.article h1{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:600}
.article .meta{color:var(--muted);font-size:.92rem;margin:18px 0 40px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.article .body p{font-size:1.1rem;line-height:1.7;margin-bottom:22px;color:#E6E6EA}
.article .body h2{font-size:1.5rem;margin:40px 0 14px}
.article .body .ex{margin:26px 0;padding:18px 22px;border-left:3px solid var(--red2);background:var(--panel);border-radius:0 12px 12px 0;font-size:.98rem;line-height:1.7;font-variant-numeric:tabular-nums}
.article .body .ex b{font-weight:600}
.article .body ul{margin:0 0 22px;padding-left:22px;font-size:1.05rem;line-height:1.7;color:#E6E6EA}
.article .cta{margin-top:48px;padding:28px 30px;border:1px solid var(--line);border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.article .cta p{color:var(--muted)}
.artpage{display:none}.artpage.on{display:block}

footer{padding:32px 0;font-size:.88rem;color:var(--muted);border-top:1px solid var(--line)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.article .body blockquote{margin:26px 0;padding:18px 22px;border-left:3px solid var(--red2);background:var(--panel);border-radius:0 12px 12px 0;font-size:.98rem;line-height:1.7;font-variant-numeric:tabular-nums}
.article .body a{color:#9FB2FF}
.demo{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px}
.demo input,.demo textarea{background:var(--panel);border:1px solid var(--line);color:#fff;border-radius:10px;padding:12px 14px;font:inherit;font-size:.95rem}
.demo textarea,.demo button{grid-column:1/-1}
.demo button{justify-content:center}
.demo-ok{margin-top:28px;padding:16px 20px;border:1px solid var(--ok);border-radius:12px;color:#4FD79A;max-width:520px}
@media (max-width:560px){.demo{grid-template-columns:1fr}}
