:root{color-scheme:light;--ink: #07162b;--muted: #5d6d83;--line: #d5e3ef;--soft: #f3f8fd;--panel: #ffffff;--navy: #000915;--deep: #011b34;--cyan: #18d7ff;--cyan-soft: #e5f9ff;--blue: #0878ff;--royal: #0054d8;--gold: #c9902b;--red: #b9373e;--green: #0a8f75;--glow: 0 0 24px rgba(24, 215, 255, .32);--shadow: 0 22px 60px rgba(0, 15, 35, .16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 50% -10%,rgba(24,215,255,.18),transparent 36%),linear-gradient(180deg,#f3f8fdf0,#f7fbff),#f7fbff}button{border:0;font:inherit}main{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(18px,4vw,56px) 16px;color:#f7fbfa;background:radial-gradient(circle at 15% 0%,rgba(24,215,255,.22),transparent 28%),linear-gradient(110deg,#000915fc,#001b34f5);border-bottom:1px solid rgba(24,215,255,.22)}.brand-lockup{display:flex;align-items:center;gap:18px}.brand-lockup img{width:clamp(72px,9vw,108px);height:clamp(72px,9vw,108px);object-fit:cover;border:1px solid rgba(24,215,255,.32);border-radius:8px;box-shadow:var(--glow)}.topbar h1,.topbar p,.screen h2,.screen h3,.screen p{margin:0}.topbar h1{font-size:clamp(1.45rem,2.5vw,2.5rem);line-height:1.05;letter-spacing:0}.brand-attribution{display:block;margin-top:7px;color:#f7fbfac2;font-size:clamp(.72rem,1vw,.95rem);font-weight:500;line-height:1.25}.promise{color:#f7fbfac7;margin-top:8px!important}.eyebrow{color:var(--royal);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topbar .eyebrow{color:var(--cyan)}.progress{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;background:#c7d7e6;padding:1px clamp(18px,4vw,56px)}.progress button{min-height:46px;color:#48545e;background:#ffffffe0;cursor:pointer}.progress button:disabled{cursor:not-allowed;opacity:.45}.progress .active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--royal))}.screen{padding:clamp(24px,4vw,56px)}.landing{display:grid;gap:clamp(24px,4vw,44px)}.landing-hero{display:grid;grid-template-columns:minmax(0,.98fr) minmax(360px,.72fr);gap:clamp(24px,4vw,48px);align-items:stretch;min-height:620px;padding:clamp(28px,5vw,64px);color:#fff;background:radial-gradient(circle at 76% 20%,rgba(24,215,255,.25),transparent 25%),linear-gradient(135deg,#000915fa,#011b34f5 52%,#062b5cf0);border:1px solid rgba(24,215,255,.2);border-radius:8px;box-shadow:var(--shadow)}.landing-copy{display:flex;flex-direction:column;justify-content:center;max-width:940px}.landing-copy .eyebrow{color:var(--cyan)}.landing-copy h2{max-width:980px;font-size:clamp(2.5rem,6vw,6.4rem);line-height:.94;letter-spacing:0}.landing-copy p:not(.eyebrow){max-width:790px;margin-top:22px;color:#f4faffd1;font-size:clamp(1rem,1.35vw,1.24rem);line-height:1.55}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;color:#fff;background:#ffffff17;border:1px solid rgba(24,215,255,.38);border-radius:6px;cursor:pointer;font-weight:800}.landing-visual{display:grid;align-content:center;gap:14px}.hero-grid,.two-col,.graph-layout{display:grid;gap:28px;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);align-items:start}.intro{min-height:620px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,5vw,56px);color:#fff;background:radial-gradient(circle at 50% 21%,rgba(24,215,255,.36),transparent 18%),linear-gradient(180deg,#00091514,#000915eb),linear-gradient(135deg,#000915,#011b34 48%,#062b5c);border-radius:8px;box-shadow:var(--shadow)}.doc-showcase{width:min(100%,560px);aspect-ratio:16 / 9;margin-bottom:auto;align-self:center;overflow:hidden;border:1px solid rgba(24,215,255,.32);border-radius:8px;box-shadow:0 0 44px #18d7ff3d}.doc-showcase img{width:100%;height:100%;display:block;object-fit:cover}.change-card{display:grid;gap:6px;padding:18px;background:#ffffff1a;border:1px solid rgba(24,215,255,.26);border-radius:8px;box-shadow:var(--glow)}.change-card span,.signal-grid span{color:#e6f8ffb8;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.change-card strong{font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.1}.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.signal-grid div{display:grid;gap:5px;padding:14px;background:#ffffff14;border:1px solid rgba(24,215,255,.18);border-radius:8px}.signal-grid strong{color:#fff;font-size:1.1rem}.problem-band,.workflow-visual{display:grid;gap:16px}.problem-band{grid-template-columns:repeat(3,minmax(0,1fr))}.problem-band article,.workflow-visual article{background:#fffffff2;border:1px solid rgba(213,227,239,.95);border-radius:8px;box-shadow:var(--shadow)}.problem-band article{padding:24px}.problem-band h3,.workflow-visual h3,.demo-section h2{margin:0}.problem-band p,.workflow-visual p{margin-top:10px!important;color:var(--muted);line-height:1.5}.workflow-visual{grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-visual article{position:relative;min-height:210px;padding:22px;overflow:hidden}.workflow-visual article:after{content:"";position:absolute;right:-32px;top:34px;width:92px;height:92px;background:radial-gradient(circle,rgba(24,215,255,.18),transparent 68%)}.workflow-visual svg{color:var(--blue);margin-bottom:20px}.demo-section{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:24px;align-items:start}.demo-section>div:first-child{position:sticky;top:18px;padding:22px 0}.demo-section h2{margin-top:8px;font-size:clamp(1.7rem,3.2vw,3rem);line-height:1}.landing-agents{color:#fff;padding:18px;background:radial-gradient(circle at 15% 10%,rgba(24,215,255,.18),transparent 26%),linear-gradient(135deg,var(--navy),var(--deep));border:1px solid rgba(24,215,255,.18);border-radius:8px;box-shadow:var(--shadow)}.intro .eyebrow{color:var(--cyan)}.intro h2{max-width:780px;font-size:clamp(2rem,5vw,4.8rem);line-height:.98;letter-spacing:0}.intro p:not(.eyebrow){max-width:680px;color:#ffffffd1;margin-top:18px;font-size:1.05rem}.choice-panel,.impact-grid,.draft-grid,.exec-grid{display:grid;gap:18px}.choice-panel{grid-template-columns:1fr}.environment,.detail-panel,.review-band,.impact-card,.draft,.people-table,.applicability,.exec-panel,.audit,.requirement-card,.authorization,.activated,.blocked{background:#fffffff2;border:1px solid rgba(215,222,228,.9);border-radius:8px;box-shadow:var(--shadow)}.environment{padding:24px}.card-head{display:grid;gap:8px}.path-label,.level{width:max-content;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:800;background:var(--cyan-soft);color:var(--royal)}.environment h3,.section-title h2,.detail-panel h3{font-size:clamp(1.4rem,2.4vw,2.15rem);line-height:1.06;letter-spacing:0}.environment p{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.metric-grid div,.info-rows p,.exec-metric,.recommendations div{display:flex;justify-content:space-between;gap:14px;padding:12px;background:var(--soft);border:1px solid #e4eaee;border-radius:6px}.metric-grid span,.info-rows span,.exec-metric span,.recommendations span,.state-row span,.readiness span{color:var(--muted);font-size:.84rem}.notice{padding:14px;background:var(--cyan-soft);border-left:4px solid var(--cyan);border-radius:6px}.issue-cloud,.enablement{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.issue-cloud span,.enablement span{padding:7px 10px;background:#fff4e4;color:#744706;border:1px solid #f2d4a5;border-radius:999px;font-size:.84rem;font-weight:700}.primary,.ghost,.success{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:6px;cursor:pointer;font-weight:800}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--royal));box-shadow:0 10px 24px #0054d838}.success{color:#fff;background:var(--green)}.ghost{color:#fff;border:1px solid rgba(24,215,255,.42);background:#18d7ff14}.primary:disabled{opacity:.45;cursor:not-allowed}.wide{width:100%}.agent-strip,.agent-rail{display:grid;gap:10px}.agent-strip{grid-template-columns:repeat(5,minmax(120px,1fr));margin-top:28px}.agent,.guardrail{display:grid;gap:6px;padding:14px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.agent span,.guardrail span{color:#ffffffc7;font-size:.82rem}.section-title{display:grid;grid-template-columns:42px 1fr;gap:4px 14px;max-width:950px;margin-bottom:24px}.section-title>div{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:8px;box-shadow:var(--glow)}.review-band{padding:20px;margin-bottom:24px}.recommendations{display:grid;gap:10px;margin:14px 0}.graph-layout{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}.graph{position:relative;min-height:620px;background:radial-gradient(circle at 50% 15%,rgba(24,215,255,.14),transparent 34%),linear-gradient(90deg,rgba(8,120,255,.09) 1px,transparent 1px),linear-gradient(rgba(8,120,255,.09) 1px,transparent 1px),#f7faf9;background-size:42px 42px;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.graph svg{position:absolute;inset:0;width:100%;height:100%}.graph line{stroke:#0878ff6b;stroke-width:.7}.node{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:112px;min-height:72px;padding:9px;color:var(--ink);background:#fff;border:2px solid #cce4fb;border-radius:8px;box-shadow:0 12px 30px #1620291f;cursor:pointer}.node span{color:var(--muted);font-size:.68rem}.node.selected{color:#fff;background:linear-gradient(135deg,var(--blue),var(--royal));border-color:var(--cyan);box-shadow:var(--glow)}.node.selected span{color:#ffffffd1}.detail-panel{padding:22px;display:grid;gap:18px}.info-rows{display:grid;gap:8px}.relationship{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #e6ecef}.relationship span{color:var(--muted)}.requirement-card{padding:24px;margin-bottom:16px}.requirement-card.future{border-color:#0a7d795c}.requirement-card h3{margin:8px 0 14px;font-size:clamp(1.25rem,2.5vw,2.1rem);line-height:1.12}.agent-rail{padding:18px;color:var(--ink);background:#fffffff0;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.agent-rail .agent,.agent-rail .guardrail{background:var(--soft);border-color:#e2e9ec}.agent-rail .agent span,.agent-rail .guardrail span{color:var(--muted)}.agent-rail .active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--royal))}.agent-rail .active span{color:#ffffffd1}.agent-rail.compact{margin-bottom:18px;grid-template-columns:repeat(5,1fr)}.agent-rail.compact .eyebrow,.agent-rail.compact .guardrail{grid-column:1 / -1}.state-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.state-head{padding:16px;color:#fff;font-weight:900}.state-head.current{background:var(--deep)}.state-head.future{background:var(--blue)}.state-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;border-top:1px solid var(--line)}.state-row>div{display:grid;gap:5px;min-height:86px;padding:16px}.state-row>div+div{background:#f0f6fb;border-left:1px solid var(--line)}.applicability,.people-table,.audit{padding:20px;margin-top:20px}.segmented,.small-actions,.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.segmented button,.small-actions button,.tabs button{min-height:36px;padding:0 12px;color:var(--ink);background:#eef2f4;border:1px solid #dbe3e7;border-radius:6px;cursor:pointer;font-weight:800}.segmented .selected,.small-actions .selected{color:#fff;background:linear-gradient(135deg,var(--blue),var(--royal));border-color:var(--blue)}.impact-grid{grid-template-columns:repeat(5,minmax(210px,1fr))}.impact-card,.draft{padding:18px}.impact-top{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.level.high{color:#fff;background:var(--red)}.level.medium{color:#fff;background:var(--gold)}.table-wrap{overflow-x:auto;margin-top:14px}table{width:100%;min-width:800px;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #e2e8eb;vertical-align:top}th{color:#40505c;background:var(--soft);font-size:.82rem}.draft-grid{grid-template-columns:repeat(4,minmax(230px,1fr));margin-bottom:18px}.draft p{color:var(--muted);margin-top:12px}.readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.readiness{padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.readiness div{display:flex;justify-content:space-between;gap:12px}.readiness strong{font-size:1.55rem}meter{width:100%;height:12px;margin:12px 0}.blocked,.authorization,.activated{display:flex;gap:16px;align-items:start;padding:18px;margin-top:16px}.blocked{border-color:#e8b0b4}.blocked svg{color:var(--red)}.activated svg{color:var(--green)}.exec-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}.exec-panel{padding:20px}.exec-panel h3{margin-bottom:14px}.exec-metric{margin-bottom:8px}.exec-metric strong{font-size:1.55rem}.date-row{padding:12px 0;border-bottom:1px solid #e1e8eb}.timeline{display:grid;gap:0;margin-top:16px}.timeline div{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:10px 0}.timeline span{width:12px;height:12px;margin-top:4px;background:var(--cyan);border-radius:999px;box-shadow:0 0 0 5px #18d7ff29}@media(max-width:1200px){.landing-hero,.demo-section,.hero-grid,.two-col,.graph-layout{grid-template-columns:1fr}.problem-band,.workflow-visual{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-section>div:first-child{position:static;padding:0}.impact-grid,.draft-grid,.exec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-rail.compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{align-items:start;flex-direction:column}.progress{grid-template-columns:repeat(4,minmax(0,1fr))}.progress button{min-height:40px;font-size:.8rem}.intro{min-height:560px}.landing-hero{min-height:auto;padding:26px}.landing-copy h2{font-size:clamp(2.2rem,13vw,4.2rem)}.landing-actions{align-items:stretch;flex-direction:column}.agent-strip,.problem-band,.workflow-visual,.signal-grid,.impact-grid,.draft-grid,.exec-grid,.readiness-grid,.metric-grid,.agent-rail.compact{grid-template-columns:1fr}.graph{min-height:540px}.node{width:92px;min-height:62px;font-size:.78rem}.state-table,.state-row{display:block}.state-head,.state-row>div{border-left:0!important}}
