*{box-sizing:border-box}:root{--bg:#08111f;--text:#f8fafc;--muted:#cbd5e1;--line:rgba(255,255,255,.16);--blue:#60a5fa;--pink:#f0abfc;--mint:#5eead4;--green:#22c55e;--amber:#f59e0b}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui;background:linear-gradient(135deg,#08111f,#111827 45%,#0f172a);overflow-x:hidden}
body:before{content:"";position:fixed;inset:-30%;background:radial-gradient(circle at 18% 20%,rgba(96,165,250,.24),transparent 28%),radial-gradient(circle at 82% 12%,rgba(240,171,252,.20),transparent 30%),radial-gradient(circle at 50% 85%,rgba(94,234,212,.18),transparent 32%);filter:blur(14px);animation:mood 18s ease-in-out infinite alternate;z-index:-2}
.brief{width:min(1280px,calc(100% - 32px));margin:26px auto 80px}.cover,.feature,.rings,.timeline,.service-stage,.llm-card{border:1px solid var(--line);border-radius:40px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.055));backdrop-filter:blur(22px);box-shadow:0 30px 110px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.16)}
.cover{min-height:560px;padding:28px;position:relative;overflow:hidden}.cover:after{content:"";position:absolute;right:6%;bottom:8%;width:330px;height:330px;border-radius:42px;background:linear-gradient(135deg,rgba(96,165,250,.38),rgba(240,171,252,.18));filter:blur(.4px);transform:rotate(16deg);animation:tile 7s ease-in-out infinite}
nav{display:flex;gap:10px;justify-content:flex-end}nav a{text-decoration:none;color:white;border:1px solid var(--line);padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08)}
.eyebrow{margin:0 0 10px;color:var(--mint);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:950}.cover h1{font-size:clamp(4rem,11vw,9rem);line-height:.82;letter-spacing:-.11em;margin:70px 0 18px}.cover p{max-width:720px;color:var(--muted);font-size:1.1rem}
.brief-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:36px;position:relative;z-index:2}.kpi,.mini{border:1px solid var(--line);border-radius:26px;padding:16px;background:rgba(255,255,255,.08)}.kpi span,.mini span{display:block;color:var(--muted);font-size:.78rem}.kpi strong,.mini strong{display:block;font-size:1.35rem;margin-top:8px}
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;margin-top:16px}.feature,.rings,.timeline,.service-stage,.llm-card{padding:24px}.feature h2{font-size:clamp(2.4rem,6vw,5.8rem);line-height:.86;letter-spacing:-.09em;margin:0 0 18px}
#rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ring{display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:30px;padding:18px;background:rgba(255,255,255,.06)}.ring svg{width:130px;height:130px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:12;stroke-linecap:round}.ring .base{stroke:rgba(255,255,255,.12)}.ring .val{stroke:url(#g);stroke-dasharray:314;stroke-dashoffset:calc(314 - (314 * var(--p)) / 100);animation:ring 1.6s cubic-bezier(.22,1,.36,1) forwards}
.timeline{min-height:460px}.event{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.event time{color:var(--mint);font-weight:900}.event strong{display:block}.event span{color:var(--muted);font-size:.86rem}
#stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.svc{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.06);padding:14px;min-height:86px;transition:transform .25s ease}.svc:hover{transform:translateY(-6px)}.svc small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900}.badge.good{color:#bbf7d0;background:rgba(34,197,94,.17)}.badge.warn{color:#fde68a;background:rgba(245,158,11,.15)}
.llm-card{margin-top:16px}.llm-card pre{white-space:pre-wrap;max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:24px;background:rgba(15,23,42,.30);padding:16px;color:#e2e8f0}
@keyframes mood{to{transform:rotate(8deg) scale(1.12)}}@keyframes tile{50%{transform:rotate(22deg) translateY(-18px)}}@keyframes ring{from{stroke-dashoffset:314}}@media(max-width:920px){.story{grid-template-columns:1fr}.brief-kpis,#rings,#stage{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.brief-kpis,#rings,#stage{grid-template-columns:1fr}.cover h1{font-size:4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Interaction polish patch */
.cover { isolation: isolate; }
.cover:after { z-index: 0; }
.cover > * { position: relative; z-index: 1; }
.llm-card pre { font-size: .78rem; }
.event { min-height: 58px; }