:root{--bg: #03060c;--text: #e8edf5;--muted: #8e9bb1;--line: rgba(255, 255, 255, .12);--blue: #2f6feb;--blue-hover: #4580f0;--blue-soft: #8fb3ff;--ok: #3ccf8e;--bad: #ff5c61;--warn: #f5b74a;--display: "Red Hat Display", system-ui, sans-serif;--body: "Red Hat Text", system-ui, sans-serif;--ease: cubic-bezier(.16, .84, .24, 1);--pad: clamp(20px, 5vw, 76px)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px;border-radius:6px}h1,h2{font-family:var(--display);color:#fff;margin:0;font-weight:700;letter-spacing:-.04em}h1{font-size:clamp(3.6rem,10vw,9.4rem);line-height:.92}h2{font-size:clamp(2.5rem,6.4vw,6.2rem);line-height:.96}p{margin:0}.grad{background:linear-gradient(100deg,#fff,#b8cdfb 40%,#5b8ff7);-webkit-background-clip:text;background-clip:text;color:transparent}.veil{position:fixed;inset:0;z-index:50;background:var(--bg);display:grid;place-items:center;transition:opacity 1.2s var(--ease),visibility 1.2s}.veil img{width:44px;opacity:.85;animation:breathe 1.6s ease-in-out infinite}.veil.is-gone{opacity:0;visibility:hidden}@keyframes breathe{50%{opacity:.25;transform:scale(.92)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:42px;padding:0 20px;border-radius:999px;font-family:var(--display);font-weight:600;font-size:.96rem;white-space:nowrap;border:1px solid transparent;transition:background-color .2s,border-color .2s,transform .25s var(--ease)}.btn-lg{height:58px;padding:0 32px;font-size:1.08rem}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 0 0 1px #8fb3ff4d inset,0 14px 44px -10px #2f6feb}.btn-primary:hover{background:var(--blue-hover);transform:translateY(-2px)}.btn-glass{color:#fff;background:#ffffff0d;border-color:var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glass:hover{border-color:#fff6}.gl{position:fixed;inset:0;z-index:0}.gl canvas{display:block;width:100%!important;height:100%!important}.story{position:relative;z-index:2}.scene{height:100vh;height:100svh}.copy{position:fixed;z-index:3;opacity:0;pointer-events:none;will-change:opacity,transform}.copy.is-live{pointer-events:auto}.scene[data-pos=left] .copy{left:var(--pad);top:50%;max-width:min(50vw,760px);translate:0 -50%}.scene[data-pos=center] .copy{left:0;right:0;top:50%;translate:0 -50%;text-align:center;padding:0 var(--pad)}.scene[data-pos=bottom] .copy{left:0;right:0;bottom:9vh;text-align:center;padding:0 var(--pad)}@property --badge-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.badge{position:relative;display:inline-flex;margin-bottom:30px;padding:8px 16px;border-radius:999px;isolation:isolate;font-family:var(--display);font-weight:500;font-size:.86rem;letter-spacing:.02em;color:#e3eafa;background:#080e1ab3}.badge:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:conic-gradient(from var(--badge-a),rgba(143,179,255,.18) 0deg 230deg,var(--blue-soft) 300deg,#fff 330deg,rgba(143,179,255,.18) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:badge-turn 3.6s linear infinite}@keyframes badge-turn{to{--badge-a: 360deg}}.sub{margin-top:28px;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.55;color:var(--muted)}.alert{filter:drop-shadow(0 0 28px rgba(255,92,97,.65))}.counter{font-family:var(--display);font-weight:800;font-size:clamp(5.5rem,16vw,13rem);line-height:.86;letter-spacing:-.06em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 80px rgba(60,207,142,.45)}.counter small{font-size:.3em;color:var(--ok);margin-left:8px;letter-spacing:0}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:48px}.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}.w>span{display:inline-block;transform:translateY(108%) rotate(4deg);transform-origin:left bottom;transition:transform 1.1s var(--ease);transition-delay:calc(var(--i) * 55ms)}.copy.is-live .w>span{transform:none}.sub,.actions,.badge{transform:translateY(16px);opacity:0;transition:opacity 1s var(--ease) .25s,transform 1s var(--ease) .25s}.copy.is-live .sub,.copy.is-live .actions,.copy.is-live .badge{opacity:1;transform:none}.foot{position:fixed;left:var(--pad);bottom:24px;z-index:3;font-size:.82rem;color:#5f6c82;opacity:0;transition:opacity .5s}.foot.is-live{opacity:1}.anchors{position:fixed;inset:0;z-index:2;pointer-events:none}.anchor{position:absolute;left:0;top:0;opacity:0;white-space:nowrap;font-family:var(--display);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text);padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#03060c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform,opacity}.anchor b{font-weight:500}.callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.callouts line{stroke:#8fb3ff8c;stroke-width:1;opacity:0}.callouts circle{fill:#fff;opacity:0}.anchor-callout{padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:.78rem;letter-spacing:.16em;color:#fff}.anchor-side{translate:0 0}.anchor-node .st{font-style:normal}.anchor-node.is-down{color:var(--bad);border-color:#ff5c6180}.anchor-node.is-down .st:before{content:" \b7  power lost"}.anchor-node.is-fenced{color:var(--warn);border-color:#f5b74a80}.anchor-node.is-fenced .st:before{content:" \b7  fenced, workloads moved"}.anchor-vm{text-transform:none;letter-spacing:.02em}.anchor-ok{color:var(--ok);border-color:#3ccf8e73}.anchor-copy{color:var(--ok);border-color:#3ccf8e66}.progress{position:fixed;right:calc(var(--pad) * .55);top:50%;translate:0 -50%;z-index:10;display:grid;justify-items:center;gap:12px;font-family:var(--display);font-size:.72rem;color:var(--muted)}.progress-track{width:1px;height:120px;background:#ffffff24;position:relative;overflow:hidden}.progress-track i{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--blue-soft);transform-origin:top;transform:scaleY(0)}.progress-num:first-child{color:#fff}.scroll-hint{position:fixed;left:50%;bottom:30px;translate:-50% 0;z-index:3;display:grid;justify-items:center;gap:10px;font-family:var(--display);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.scroll-hint span{width:1px;height:46px;background:linear-gradient(180deg,transparent,var(--blue-soft));animation:drop 2s var(--ease) infinite;transform-origin:top}@keyframes drop{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}@media(max-width:760px){.btn{height:38px;padding:0 16px;font-size:.9rem}.btn-lg{height:54px;flex:1 1 100%}.scene[data-pos] .copy{left:0;right:0;top:auto;bottom:7vh;max-width:none;translate:none;text-align:left;padding:0 22px}.scene[data-pos=center] .copy{top:50%;bottom:auto;translate:0 -50%;text-align:center}.sub br,.progress,.scroll-hint,.anchor-copy{display:none}.anchor{font-size:.64rem;padding:5px 9px}.anchor-callout{padding:0;font-size:.62rem;letter-spacing:.12em}.actions{margin-top:32px}}@media(prefers-reduced-motion:reduce){.w>span,.sub,.actions,.badge{transition:none}.badge:before{animation:none}}