:root{--bg:#080b0d;--panel:#101518;--panel-2:#151c20;--panel-3:#253037;--text:#f4f7f8;--muted:#91a0a8;--line:#202a30;--accent:#069;--accent2:#0b8ac7;--good:#52d49a;--radius:24px;--shadow:0 24px 80px #00000040}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 50% -20%,#0e2632 0,#080b0d 34rem);margin:0;padding-bottom:92px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1120px,100% - 32px);margin-inline:auto}.siteHeader{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b0dc7;border-bottom:1px solid #ffffff12;align-items:center;height:68px;padding:0 max(16px,50% - 560px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;font-size:23px;font-weight:750}.brand strong{color:var(--accent2)}.brandBy{color:var(--muted);margin-left:8px;font-size:12px}.headerSpacer{flex:1}.headerCta,.ghostButton,.primaryButton{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:20px;padding:13px 18px;font-weight:700;transition:all .2s;display:inline-flex}.headerCta{background:var(--panel-2);border-color:var(--line);font-size:13px}.primaryButton{background:var(--accent);color:#fff;cursor:pointer;border:none}.primaryButton:hover{background:var(--accent2);transform:translateY(-1px)}.primaryButton:disabled{opacity:.65;cursor:wait}.ghostButton{border-color:var(--line);background:#ffffff05}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;min-height:590px;padding-block:90px 72px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#74bde2;margin:0 0 14px;font-size:11px;font-weight:800}.hero h1,.detailHero h1{letter-spacing:-.065em;max-width:820px;margin:0 0 26px;font-size:clamp(46px,7vw,84px);line-height:.9}.hero h1 span{color:#96a2a8}.heroCopy>p:not(.eyebrow){color:#b5c0c6;max-width:680px;font-size:18px;line-height:1.6}.heroActions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#141b1ff0,#0d1215f5)}.heroMetric{flex-direction:column;justify-content:center;min-height:330px;padding:34px;display:flex}.heroMetric>span,.heroMetric>small{color:var(--muted)}.heroMetric>strong{letter-spacing:-.07em;margin:18px 0;font-size:96px;line-height:.9}.metricBars{border-radius:99px;gap:3px;height:8px;margin-top:25px;display:flex;overflow:hidden}.metricBars i{background:var(--accent);display:block}.metricBars i:nth-child(2){opacity:.66}.metricBars i:nth-child(3){opacity:.32}.metricLegend{color:var(--muted);justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.proofStrip{border-block:1px solid var(--line);background:#ffffff04}.proofInner{grid-template-columns:repeat(4,1fr);padding-block:22px;display:grid}.proofInner div{border-right:1px solid var(--line);align-items:baseline;gap:8px;padding-left:24px;display:flex}.proofInner div:first-child{padding-left:0}.proofInner div:last-child{border-right:0}.proofInner strong{font-size:26px}.proofInner span{color:var(--muted);font-size:12px}.scrollerSection{padding:80px 0}.sectionHeading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.sectionHeading h2,.about h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,5vw,58px)}.countPill{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:8px 12px;font-size:12px}.filters{grid-template-columns:1fr 260px;gap:10px;margin-bottom:24px;display:grid}.filters input,.filters select,.rateRow input{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:14px;outline:none;padding:15px 16px}.filters input:focus,.filters select:focus,.rateRow input:focus,textarea:focus{border-color:var(--accent)}.roleFeed{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.roleCard{border:1px solid var(--line);background:linear-gradient(#11181c,#0e1316);border-radius:28px;flex-direction:column;min-height:520px;padding:28px;display:flex;position:relative;overflow:hidden}.roleCard:after{content:"";background:var(--accent);filter:blur(100px);opacity:.08;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-60px}.rank{color:#52616a;font-size:12px;font-weight:800;position:absolute;top:24px;right:28px}.saveButton{border:1px solid var(--line);color:#c3ced3;z-index:2;background:#0c1114;border-radius:50%;width:36px;height:36px;font-size:20px;position:absolute;top:52px;right:27px}.saveButton.saved{color:#ff6a9e}.roleCardTop{justify-content:space-between;gap:20px;margin-top:10px;display:flex}.roleCard h2{letter-spacing:-.04em;max-width:350px;margin:0 0 10px;font-size:32px;line-height:1}.muted{color:var(--muted)}.roleSummary{color:#b6c1c7;margin:26px 0;line-height:1.55}.scoreWrap{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.scoreRing{border-radius:50%;place-items:center;width:100px;height:100px;display:grid;position:relative}.scoreRing:before{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:8px}.scoreInner{align-items:baseline;display:flex;position:relative}.scoreInner strong{letter-spacing:-.05em;font-size:29px}.scoreInner span,.scoreLabel{color:var(--muted);font-size:10px}.splitScores{grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 22px;display:grid}.splitScores>div{border:1px solid var(--line);background:#0a0f11;border-radius:15px;padding:14px 11px}.splitScores strong{font-size:24px;display:block}.splitScores span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.splitScores.large>div{padding:22px}.splitScores.large strong{font-size:40px}.splitScores.large span{font-size:12px}.opportunityLine{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.opportunityLine span{color:var(--muted);font-size:12px}.opportunityLine strong{font-size:22px}.agentChips{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.agentChips span{color:#8dc5e2;background:#0b1920;border:1px solid #234457;border-radius:99px;padding:7px 9px;font-size:10px}.roleCard>.primaryButton{margin-top:auto}.about{border-top:1px solid var(--line);padding:80px 0 120px}.about>p:not(.eyebrow){color:var(--muted);max-width:700px;font-size:18px;line-height:1.6}.about .primaryButton{margin-top:18px}.bottomNav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c1013e0;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:repeat(5,1fr);width:min(600px,100% - 24px);height:68px;padding:7px 8px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000073}.navItem{color:#7e8b92;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.navIcon{font-size:22px;line-height:1}.navItem.active{color:#d8e8f0}.centerNav .navIcon{background:var(--accent);color:#fff;border-radius:15px;place-items:center;width:42px;height:42px;margin-top:-22px;font-size:25px;display:grid;box-shadow:0 12px 25px #00669959}.analysisPage{padding:42px 0 120px}.analysisGrid{grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);align-items:start;gap:20px;display:grid}.analysisInput{padding:28px;position:sticky;top:88px}.analysisInput h1{letter-spacing:-.05em;margin:0 0 18px;font-size:42px;line-height:1}.analysisInput label{color:#c1ccd2;margin:20px 0 8px;font-size:12px;font-weight:700;display:block}.analysisInput textarea{resize:vertical;color:#e5edf1;border:1px solid var(--line);background:#090d0f;border-radius:16px;outline:none;width:100%;padding:15px;line-height:1.5}.rateRow{grid-template-columns:1fr 130px;align-items:center;gap:12px;display:grid}.rateRow label{margin:0}.analysisInput>.primaryButton{width:100%;margin-top:18px}.fineprint{line-height:1.5;color:#718087!important;font-size:11px!important}.analysisOutput{flex-direction:column;gap:14px;display:flex}.analysisOutput>.panel{padding:26px}.emptyState{text-align:center;min-height:500px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.emptyState h2{color:var(--text);margin:15px 0 5px;font-size:30px}.bigPlus{background:var(--accent);color:#fff;border-radius:22px;place-items:center;width:70px;height:70px;font-size:42px;display:grid}.progressHeader{justify-content:space-between;font-size:12px;display:flex}.progressHeader span{color:var(--muted)}.stageList{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.stageItem{color:#9fd2eb;background:#0a1820;border:1px solid #214255;border-radius:99px;padding:8px 10px;font-size:11px}.stageCheck{color:var(--good);margin-right:6px}.pulseLine{background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%;height:2px;margin-top:18px;animation:1.5s linear infinite pulse}@keyframes pulse{to{background-position:-200% 0}}.resultHero{justify-content:space-between;align-items:center;display:flex}.resultHero h2{letter-spacing:-.05em;margin:0 0 8px;font-size:42px}.analysisOutput h3{margin:0 0 18px;font-size:22px}.taskTable{flex-direction:column;display:flex}.taskRow{border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding:14px 0;display:flex}.taskRow:first-child{border-top:0}.taskRow>div:first-child{flex-direction:column;gap:4px;display:flex}.taskRow span{color:var(--muted);font-size:11px}.miniScores{align-items:center;gap:6px;display:flex}.miniScores span{border:1px solid var(--line);color:#aebbc1;border-radius:99px;padding:6px 8px}.agentGrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.agentCard{border:1px solid var(--line);background:#0a0f11;border-radius:16px;padding:18px}.agentCard>span{color:#437791;font-size:10px}.agentCard strong{margin:8px 0;font-size:17px;display:block}.agentCard p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.economicBase{grid-template-columns:1fr 1fr;gap:10px;display:grid}.economicBase>div,.scenarioGrid>div{border:1px solid var(--line);background:#0a0f11;border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.economicBase span,.scenarioGrid span,.scenarioGrid small{color:var(--muted);font-size:11px}.economicBase strong{font-size:22px}.scenarioGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.scenarioGrid strong{color:#d9edf7;font-size:25px}.roadmapGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.roadmapGrid>div{border:1px solid var(--line);background:#0a0f11;border-radius:16px;padding:18px}.roadmapGrid ul{color:var(--muted);padding-left:17px;font-size:12px;line-height:1.5}.cvaiCta{margin-top:18px}.errorBox{color:#ffb7c6;background:#2a1117;border:1px solid #63313b;border-radius:16px;padding:16px}.roleDetail{flex-direction:column;gap:14px;padding:42px 0 120px;display:flex}.backLink{color:var(--muted);margin:4px 0 8px;font-size:12px}.roleDetail>.panel{padding:32px}.detailHero{justify-content:space-between;align-items:center;gap:40px;display:flex}.detailHero h1{margin-bottom:18px;font-size:64px}.detailHero>div>p:not(.eyebrow){color:#b6c1c7;max-width:700px;line-height:1.6}.detailMeta{flex-wrap:wrap;gap:8px;display:flex}.detailMeta span{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:8px 11px;font-size:11px}.economicsDetail{justify-content:space-between;align-items:center;gap:30px;display:flex}.economicsDetail h2{letter-spacing:-.05em;margin:6px 0;font-size:48px}.economicsDetail p{max-width:700px}@media (max-width:860px){.hero{grid-template-columns:1fr;gap:30px;padding-block:72px 55px}.heroMetric{min-height:260px}.roleFeed,.analysisGrid{grid-template-columns:1fr}.analysisInput{position:relative;top:0}.proofInner{grid-template-columns:repeat(2,1fr);gap:18px}.proofInner div{border:0;padding:0}.filters,.roadmapGrid,.scenarioGrid{grid-template-columns:1fr}.detailHero,.economicsDetail{flex-direction:column;align-items:flex-start}.detailHero h1{font-size:50px}}@media (max-width:560px){.shell{width:min(100% - 20px,1120px)}.siteHeader{height:60px}.headerCta{padding:9px 12px}.hero{min-height:auto;padding-top:60px}.hero h1{font-size:50px}.heroCopy>p:not(.eyebrow){font-size:15px}.heroActions>*{width:100%}.heroMetric>strong{font-size:78px}.proofInner{padding:18px 0}.roleCard{min-height:0;padding:22px}.roleCardTop{flex-direction:column}.scoreWrap{align-items:flex-start}.roleCard h2{font-size:29px}.scoreRing{width:86px;height:86px}.splitScores.large strong{font-size:30px}.analysisPage{padding-top:20px}.analysisInput h1{font-size:35px}.analysisOutput>.panel,.analysisInput{padding:20px}.agentGrid,.economicBase{grid-template-columns:1fr}.resultHero{flex-direction:column;align-items:flex-start}.taskRow{flex-direction:column}.bottomNav{bottom:8px}.roleDetail>.panel{padding:22px}.detailHero h1{font-size:44px}}.headerCtaAccent{background:var(--accent);border-color:var(--accent);color:#fff}.headerCtaAccent:hover{background:var(--accent2);border-color:var(--accent2)}.aboutCtas,.detailCtas{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.buildPage{padding:56px 0 120px}.buildPage h1{letter-spacing:-.06em;max-width:820px;margin:0 0 22px;font-size:clamp(46px,7vw,80px);line-height:.92}.buildPage h1 span{color:var(--accent2)}.buildLede{color:#b5c0c6;max-width:680px;margin:0 0 44px;font-size:18px;line-height:1.6}.buildGrid{grid-template-columns:1.2fr .8fr;align-items:start;gap:22px;display:grid}.buildPanel{flex-direction:column;gap:8px;padding:32px;display:flex}.buildPanel label{color:#c1ccd2;flex-direction:column;gap:8px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.buildPanel input,.buildPanel select,.buildPanel textarea{color:#e5edf1;border:1px solid var(--line);background:#090d0f;border-radius:14px;outline:none;padding:14px 15px;font-weight:400}.buildPanel input:focus,.buildPanel select:focus,.buildPanel textarea:focus{border-color:var(--accent)}.buildPanel textarea{resize:vertical;line-height:1.5}.buildPanel .primaryButton{width:100%;margin-top:22px}.buildContext{background:#0a1820;border:1px solid #21434f;border-radius:16px;flex-direction:column;gap:4px;margin-bottom:10px;padding:16px 18px;display:flex}.buildContext strong{letter-spacing:-.02em;font-size:18px}.buildContext small{color:#8ec3e0;font-size:11px}.buildAside{flex-direction:column;gap:18px;padding:30px 32px;display:flex}.buildAside h3{margin:0;font-size:18px}.buildAside ol{color:var(--muted);flex-direction:column;gap:12px;margin:0;padding-left:20px;font-size:14px;line-height:1.6;display:flex}.buildAside ol strong{color:var(--text);margin-bottom:2px;font-size:14px;display:block}.buildStats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.buildStats>div{border:1px solid var(--line);background:#0a0f11;border-radius:14px;flex-direction:column;gap:4px;padding:14px 12px;display:flex}.buildStats strong{letter-spacing:-.03em;font-size:20px}.buildStats span{color:var(--muted);font-size:10px;line-height:1.4}.buildSuccess{justify-content:center;gap:16px;min-height:340px}.buildSuccess h2{letter-spacing:-.04em;margin:0;font-size:32px}.buildSuccess code{color:#8ec3e0;background:#0a1820;border:1px solid #21434f;border-radius:6px;padding:2px 8px;font-size:14px}.buildSuccess .primaryButton{align-self:flex-start;width:auto;margin-top:12px}@media (max-width:860px){.buildGrid{grid-template-columns:1fr}.buildAside{order:-1}.buildStats{grid-template-columns:1fr}}
