:root{--bg:#fff;--surface:#fff;--soft:#f5f5f6;--text:#17181a;--muted:#69717a;--line:rgba(23,24,26,.1);--red:#ed1b24;--red2:#bd0d16;--graphite:#48494d;--green:#21825f;--amber:#b87816;--shadow:0 30px 80px rgba(23,24,26,.09);--ease:cubic-bezier(.2,.8,.2,1)}
html[data-theme="dark"]{--bg:#111214;--surface:#18191c;--soft:#202125;--text:#f6f6f7;--muted:#a6abb2;--line:rgba(255,255,255,.1);--shadow:0 36px 100px rgba(0,0,0,.42)}
*{box-sizing:border-box}html,body{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(circle at 98% 0,color-mix(in srgb,var(--red) 7%,transparent),transparent 35rem)}a{color:inherit;text-decoration:none}button,input{font:inherit}.portal{min-height:100svh;display:grid;place-items:center;padding:clamp(14px,2.6vw,34px)}.frame{width:min(1480px,100%);min-height:min(850px,calc(100svh - 38px));display:grid;grid-template-columns:minmax(410px,.91fr) minmax(540px,1.09fr);overflow:hidden;border:1px solid var(--line);border-radius:34px;background:var(--surface);box-shadow:var(--shadow)}.copy{padding:clamp(34px,5vw,72px);display:flex;flex-direction:column;min-width:0}.brand{display:flex;align-items:center;gap:12px;align-self:flex-start}.brand-logo{width:150px;height:70px;padding:7px;border:1px solid var(--line);border-radius:16px;background:#fff;object-fit:contain}.brand-copy small{display:block;color:var(--muted);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.brand-copy strong{display:block;margin-top:5px;font-size:11px;letter-spacing:.14em}.eyebrow{margin-top:clamp(34px,6vh,66px);display:flex;align-items:center;gap:10px;color:var(--red);font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--red)}h1{max-width:670px;margin:20px 0 0;font-size:clamp(52px,6vw,88px);font-weight:600;line-height:.91;letter-spacing:-.07em}h1 em{font-style:normal;color:var(--red)}.intro{max-width:610px;margin:24px 0 0;color:var(--muted);font-size:14px;line-height:1.72}.access{margin-top:auto;padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.portal-link{position:relative;min-height:122px;padding:16px;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:start;gap:12px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:.3s var(--ease)}.portal-link:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--red) 38%,var(--line));box-shadow:0 18px 40px rgba(23,24,26,.08)}.portal-link.primary{background:#17181a;color:#fff;border-color:#17181a}.portal-link .index{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:var(--soft);font-size:12px;font-weight:850}.portal-link.primary .index{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.13)}.portal-link strong{display:block;margin-top:4px;font-size:18px;letter-spacing:-.025em}.portal-link small{display:block;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.45}.portal-link.primary small{color:#aeb4bb}.portal-link .arrow{align-self:end;font-size:21px;color:var(--muted)}.portal-link:hover .arrow{color:var(--red)}.portal-help{position:absolute;right:11px;top:11px;width:23px;height:23px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:9px;font-weight:850;opacity:.55;z-index:3}.portal-link .arrow{margin-top:44px}.ecosystem-access{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.ecosystem-access a{min-width:0;padding:11px 12px;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:9px;align-items:center;border:1px solid var(--line);border-radius:15px;background:var(--soft);transition:.22s var(--ease)}.ecosystem-access a:hover{border-color:var(--red);background:var(--surface)}.ecosystem-access span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface);color:var(--red);font-size:7px;font-weight:900;letter-spacing:.07em}.ecosystem-access strong{display:block;font-size:10px}.ecosystem-access small{display:block;margin-top:3px;color:var(--muted);font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ecosystem-access b{font-size:13px;color:var(--muted)}.portal-note{margin:11px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.visual{position:relative;margin:12px 12px 12px 0;min-height:710px;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,var(--soft),var(--surface));border:1px solid var(--line)}.visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:52px 52px;opacity:.46;mask-image:linear-gradient(to bottom right,#000,transparent 88%)}.visual-head{position:absolute;z-index:3;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center}.live{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 13%,transparent)}.visual-head b{padding:7px 10px;border-radius:9px;background:#17181a;color:#fff;font-size:8px;letter-spacing:.12em}.visual-summary{position:absolute;z-index:3;left:7%;right:7%;top:12%;padding:18px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 91%,transparent);backdrop-filter:blur(16px)}.visual-summary small{display:block;color:var(--red);font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.visual-summary strong{display:block;max-width:590px;margin-top:9px;font-size:clamp(23px,2.5vw,36px);line-height:1.04;letter-spacing:-.045em}.visual-summary p{max-width:610px;margin:9px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.pipeline{position:absolute;z-index:2;left:7%;right:7%;top:34%;bottom:20%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1.18fr 1fr;gap:9px}.stage{position:relative;padding:14px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 91%,transparent);backdrop-filter:blur(14px);display:flex;flex-direction:column;min-width:0}.stage:nth-child(1),.stage:nth-child(2){grid-column:span 6}.stage:nth-child(n+3){grid-column:span 3}.stage small{color:var(--muted);font-size:7px;letter-spacing:.1em;text-transform:uppercase}.stage strong{margin-top:auto;font-size:clamp(14px,1.35vw,21px);line-height:1.02;letter-spacing:-.04em}.stage:nth-child(-n+2) strong{font-size:clamp(20px,2vw,31px)}.stage p{margin:6px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.stage .dot{position:absolute;right:13px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--green)}.stage.warn .dot{background:var(--amber)}.stage.critical .dot{background:var(--red)}.stage.final{background:#17181a;color:#fff}.stage.final small,.stage.final p{color:#b7bcc2}.visual-foot{position:absolute;z-index:4;left:28px;right:28px;bottom:24px;display:grid;grid-template-columns:1.2fr repeat(3,.8fr);overflow:hidden;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px)}.visual-foot div{padding:15px 16px;border-left:1px solid var(--line)}.visual-foot div:first-child{border-left:0}.visual-foot small{display:block;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.12em}.visual-foot strong{display:block;margin-top:7px;font-size:13px}.visual-foot .main-value strong{font-size:20px;color:var(--red)}
@media(max-width:1180px){.frame{grid-template-columns:minmax(360px,.87fr) minmax(500px,1.13fr)}.copy{padding:34px}.access{grid-template-columns:1fr}.portal-link{min-height:82px}.portal-link .arrow{margin-top:23px}.ecosystem-access{grid-template-columns:1fr}}
@media(max-width:1050px){.frame{grid-template-columns:1fr;min-height:0}.visual{margin:0 12px 12px;min-height:660px}.copy{padding:30px 28px 22px}.eyebrow{margin-top:34px}.access{padding-top:30px;grid-template-columns:1fr 1fr}.portal-link{min-height:110px}.ecosystem-access{grid-template-columns:1fr 1fr}.pipeline{top:34%}}
@media(max-width:700px){.portal{padding:8px}.frame{border-radius:22px}.copy{padding:22px 17px 18px}.brand-logo{width:118px;height:58px}.brand-copy{display:none}.eyebrow{margin-top:28px}.copy h1{font-size:42px}.intro{font-size:12px}.access{margin-top:24px;padding-top:0;grid-template-columns:1fr}.portal-link{min-height:82px;grid-template-columns:38px 1fr 28px;padding:12px 11px;gap:10px;border-radius:15px}.portal-link .index{width:38px;height:38px;border-radius:11px}.portal-link strong{font-size:15px}.portal-link small{margin-top:4px;font-size:9px}.portal-link .arrow{margin-top:22px}.ecosystem-access{grid-template-columns:1fr}.visual{min-height:670px;margin-inline:8px}.visual-summary{top:11%;left:4%;right:4%}.pipeline{left:4%;right:4%;top:35%;bottom:24%;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}.stage,.stage:nth-child(1),.stage:nth-child(2),.stage:nth-child(n+3){grid-column:auto}.stage:nth-child(-n+2) strong{font-size:18px}.visual-foot{left:12px;right:12px;bottom:12px;grid-template-columns:1fr 1fr}.visual-foot div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.visual-foot div:nth-child(4){border-top:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}