:root{--paper: #f8fafc;--surface: rgba(255, 255, 255, .82);--ink: #0b1020;--slate: #64748b;--line: rgba(11, 16, 32, .1);--blue: #1d4ed8;--cyan: #22d3ee;--shadow: 0 20px 60px rgba(12, 23, 55, .08);--shell: min(920px, calc(100vw - 32px) )}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Inter,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(34,211,238,.08),transparent 24%),radial-gradient(circle at 85% 12%,rgba(29,78,216,.08),transparent 20%),var(--paper)}body,a,button{color:inherit}a{text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.shell{width:var(--shell);margin:0 auto}.surface{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.hero-description,.section-heading p,.trailer-placeholder p{color:var(--slate);line-height:1.7}.hero{display:grid;grid-template-rows:auto auto;row-gap:28px;align-content:center;min-height:100svh;padding:32px 0 24px}.hero-scene{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:48px;align-items:center}h1,h2,h3,p{margin:0}h1,h2{line-height:1.02;letter-spacing:0}h1{font-size:clamp(4rem,9vw,7rem)}h2{font-size:clamp(1.6rem,4vw,2.4rem)}.hero-head{width:100%;max-width:520px;display:grid;justify-items:start;gap:12px}.hero-eyebrow{color:var(--slate);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1}.hero-title{max-width:none;font-size:clamp(3.6rem,8vw,6rem);line-height:1.08;letter-spacing:0}.hero-subtitle{color:var(--slate);font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.2}.hero-actions{width:100%;max-width:520px;display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid var(--line);border-radius:999px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:not(.button-disabled):hover{transform:translateY(-2px)}.button-primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),#163aa2);box-shadow:0 18px 36px #1d4ed833}.button-secondary{background:#ffffffbd}.button-disabled{opacity:.58}.hero-stage{position:relative;width:min(100%,280px);aspect-ratio:1;justify-self:end;display:grid;place-items:center}.hero-stage-corner{position:absolute;width:40px;height:40px}.hero-stage-corner-top{top:10%;right:10%;border-top:1px solid rgba(29,78,216,.14);border-right:1px solid rgba(29,78,216,.14)}.hero-stage-corner-bottom{left:10%;bottom:10%;border-left:1px solid rgba(29,78,216,.14);border-bottom:1px solid rgba(29,78,216,.14)}.hero-logo{width:min(100%,220px);filter:none}.section{padding:24px 0}.section-screen{min-height:100svh;display:grid;align-content:center;padding:24px 0}.section-screen .section-heading{max-width:34ch}.section-heading{display:grid;gap:10px}.section-heading h2{letter-spacing:-.02em}.trailer-shell{margin-top:24px;width:100%;overflow:hidden}.trailer-poster,.trailer-iframe,.trailer-placeholder,.trailer-shell{min-height:clamp(360px,56svh,560px)}.trailer-poster,.trailer-iframe,.trailer-placeholder{width:100%;border:0}.trailer-poster,.trailer-placeholder{display:grid;place-items:center;gap:12px;padding:28px;background:radial-gradient(circle at 82% 18%,rgba(34,211,238,.14),transparent 22%),linear-gradient(145deg,#fffffffa,#eff6ffe6)}.trailer-poster{cursor:pointer}.play-button{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#153696);color:#fff;font-size:1.4rem;box-shadow:0 18px 36px #1d4ed838}.status-shell{position:relative;overflow:hidden;margin-top:24px;width:100%;min-height:clamp(360px,56svh,560px);display:grid;align-items:center;padding:28px;background:radial-gradient(circle at 82% 18%,rgba(34,211,238,.14),transparent 22%),linear-gradient(145deg,#fffffffa,#eff6ffe6)}.status-shell:before{content:"";position:absolute;inset:auto -18% -42% 42%;height:220px;background:radial-gradient(circle,rgba(34,211,238,.12),transparent 68%);pointer-events:none}.status-panel{position:relative;display:grid;gap:18px;max-width:680px}.status-summary{display:flex;align-items:center;gap:12px}.status-dot{width:14px;height:14px;flex:0 0 auto;border-radius:50%;background:var(--slate);box-shadow:0 0 0 6px #64748b1f}.status-shell[data-status=online] .status-dot{background:var(--cyan);box-shadow:0 0 0 6px #22d3ee2e}.status-shell[data-status=degraded] .status-dot{background:#f59e0b;box-shadow:0 0 0 6px #f59e0b24}.status-shell[data-status=offline] .status-dot{background:#dc2626;box-shadow:0 0 0 6px #dc26261f}.status-value{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.15}.status-service{color:var(--slate);font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-message{max-width:48rem;color:var(--slate);line-height:1.7}.status-meta{display:grid;grid-template-columns:minmax(0,320px);gap:12px;margin:0}.status-meta div{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#ffffff9e}.status-meta dt{color:var(--slate);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.status-meta dd{margin:6px 0 0;line-height:1.5;overflow-wrap:anywhere}@media(max-width:920px){.hero-scene{grid-template-columns:minmax(0,1fr) 224px;column-gap:32px}.hero-head,.hero-actions{max-width:460px}.hero-stage{width:min(100%,224px)}.hero-logo{width:min(100%,188px)}}@media(max-width:760px){:root{--shell: calc(100vw - 28px) }.surface{border-radius:20px}.hero{grid-template-rows:minmax(0,1fr) auto;row-gap:24px;min-height:100svh;padding:30px 0 24px}.hero-scene{grid-template-columns:1fr;min-height:clamp(340px,54svh,460px)}.hero-head,.hero-stage{grid-area:1 / 1}.hero-head{align-self:start;max-width:min(100%,14rem);gap:10px;z-index:1}.hero-eyebrow{font-size:.72rem;letter-spacing:.12em}.hero-title{max-width:4ch;font-size:clamp(3.1rem,15vw,4.8rem);line-height:1.02}.hero-subtitle{max-width:16ch;font-size:.86rem;font-weight:500;letter-spacing:.02em;line-height:1.25;text-transform:none}.hero-stage{align-self:end;justify-self:end;width:clamp(152px,44vw,196px)}.hero-stage-corner{width:28px;height:28px}.hero-logo{width:min(100%,168px)}.hero-actions{max-width:none;display:grid;gap:10px}.hero-actions .button{width:100%;min-height:44px;padding:0 18px}.section{padding:20px 0}.section-screen{min-height:auto;align-content:start;padding:16px 0 28px}.section-screen .section-heading{max-width:24ch}.section-heading{gap:8px}.trailer-shell{margin-top:16px}.trailer-shell,.trailer-poster,.trailer-iframe,.trailer-placeholder{min-height:auto;aspect-ratio:16 / 9}.trailer-poster,.trailer-placeholder{padding:20px}.play-button{width:60px;height:60px;font-size:1.1rem}.status-shell{margin-top:16px;min-height:auto;padding:20px}.status-panel{gap:16px}.status-summary{align-items:flex-start}.status-dot{margin-top:6px}.status-meta{grid-template-columns:1fr}}@media(max-width:420px){:root{--shell: calc(100vw - 24px) }.hero{row-gap:20px;padding-top:24px}.status-shell{padding:18px}.status-service{font-size:.82rem}.hero-scene{min-height:clamp(300px,52svh,400px)}.hero-head{max-width:13rem;gap:8px}.hero-title{font-size:clamp(2.7rem,16vw,3.9rem)}.hero-eyebrow{font-size:.68rem}.hero-subtitle{max-width:15ch;font-size:.78rem}.hero-stage{width:clamp(136px,42vw,168px)}.hero-stage-corner{width:24px;height:24px}.hero-logo{width:min(100%,148px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}