:root{--ink:#f4f8ff;--muted:#c0d2e8;--red:#82d8ff}html{background:#030713}body{background:transparent;isolation:isolate}#field{overflow:hidden;background:radial-gradient(ellipse 116% 84% at 50% -6%,#153a7c 0%,#071a3d 46%,#030713 100%)}#field:before,#field:after{background:radial-gradient(ellipse at 31% 38%,#49b9ff2b 0 7%,transparent 25%),radial-gradient(ellipse at 74% 65%,#527dff24 0 9%,transparent 28%)}#nav{border-color:#c2e6ff2d;background:#071a3fb0;box-shadow:0 22px 68px #010716a8}.brand:after{background:linear-gradient(90deg,#93d7ffad,transparent)}.nav-home,.lang{border-color:#c8e8ff3a;background:#bfe6ff12;color:#eaf6ff}.project-stage{background:#071a3d9e;border-color:#c2e6ff2d}.screen,.screen iframe{background:#030713}.screen:after{display:none}.project-info{background:#071832d1}.eyebrow,.facts b{color:#a8e2ff}.facts span{color:#e5f2ff}.open{border-color:#c8e8ff42;color:#eff8ff}.open:hover{background:#79c7ff;color:#041426}dialog{background:#08204be8}dialog::backdrop{background:#020817bb}dialog p{color:#d8eaff}.project-head h1{line-height:1.12;font-size:clamp(38px,5vw,68px);letter-spacing:-.03em}.project-info h2{font-size:22px;line-height:1.4}.facts{margin-top:18px;padding-top:20px}.project-info p{margin-bottom:18px}.case-story{max-width:800px;margin:48px auto 0}.case-story section{padding:28px 0;border-bottom:1px solid #c2e6ff2d}.case-story h2{font-size:17px;margin:0 0 12px;color:#dff3ff}.case-story p{margin:0;color:#c0d2e8;font-size:16px;line-height:1.84;white-space:pre-line}.demo-tabs{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.demo-tabs button{border:1px solid #c8e8ff42;border-radius:999px;background:#bfe6ff12;color:#eaf6ff;padding:10px 16px;cursor:pointer}.demo-tabs button[aria-pressed=true]{background:#a8ddff;color:#041426}a:focus-visible,button:focus-visible{outline:2px solid #a8ddff;outline-offset:4px}::selection{background:#67bcff;color:#031020}*{scrollbar-color:#70b7f1 transparent}@media(max-width:860px){.project-stage{grid-template-columns:1fr}.screen{height:680px;min-height:540px}.case-story{margin-top:28px}}@media(max-width:540px){#nav{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.project-info{padding:24px}.case-story section{padding:24px 0}.case-story p{font-size:15px}.project-head h1{font-size:38px}}
:where(.project-head h1,.project-info h2){text-wrap:balance}