@layer theme,base,layout,components,responsive;@layer theme{:root{color-scheme:dark;--bg-app:#100e14;--ink:#eae2fb;--pale:#c8b6e7;--muted:#aba4b5;--line:#39323f;--accent:#b490da;--accent-hover:#d1a3ff;--accent-pale:#cbb4eb;--accent-light:#d7bfee;--accent-subtle:#ceb0fc23;--border-route:#775a92;--border-data:#695674;--border-dev:#9c7dba;--text-entry:#c3bccb;--text-intro:#c7bfce;--text-dd:#beb6c8;--mgmt-bg-1:#302239;--mgmt-bg-2:#1d1823;--focus-ring:#e5c8ff;--mono:ui-monospace,"Cascadia Mono",Consolas,monospace}}@layer base{*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-app);color:var(--ink);font:16px/1.55 var(--mono)}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:5px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}}@layer layout{main,header{width:min(1320px,90%);margin:auto}header{position:relative;z-index:5;background:color-mix(in oklab,var(--bg-app),transparent 19%)}main{container:page / inline-size;position:relative;z-index:1}}@layer components{header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);strong{font-size:22px;letter-spacing:-.09em;span{color:var(--accent);margin-inline-end:12px}}a:hover{color:var(--accent-hover)}}header a,.label{color:var(--pale);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.field{position:relative;isolation:isolate;padding:clamp(48px,6vw,90px) 0 4vw;svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}h1{margin:16px 0 0;font:600 clamp(84px,12vw,176px)/.9 var(--mono);letter-spacing:-.1em;text-shadow:0 0 32px var(--accent-subtle);span{display:block;margin-inline-start:clamp(48px,14vw,215px);color:var(--accent-pale)}}}.routes{display:flex;align-items:flex-start;gap:3%;padding-top:20px;a{width:32%;border-top:1px solid var(--border-route);padding:12px 0 5px;text-decoration:none;display:block;&:nth-child(2){margin-top:30px}&:nth-child(3){margin-top:60px}}strong{display:block;font:500 clamp(18px,2vw,30px)/1.2 var(--mono);letter-spacing:-.065em;margin-top:9px}a:hover strong{color:var(--accent-hover)}}.entry{scroll-margin-block-start:30px;display:grid;grid-template-columns:1fr 1.45fr;gap:8%;align-items:start;width:84%;padding:46px 0;border-top:1px solid var(--line);&:nth-child(even){margin-inline-start:auto}p{color:var(--text-entry);margin:10px 0 0;max-inline-size:49ch}h3{font-size:16px;font-weight:600;color:var(--pale);margin:22px 0 0;&:first-child{margin-top:4px}}}.brief{padding:60px 0 70px;margin-inline-start:17%;max-inline-size:66ch;p{color:var(--muted)}strong{color:var(--pale)}}.intro{margin:30px 0 36px;max-inline-size:42ch;font-size:clamp(14px,1.3vw,18px);color:var(--text-intro)}.entry h2,.brief h2{font:500 clamp(30px,3.6vw,58px)/1.04 var(--mono);letter-spacing:-.08em;margin:12px 0}.entries{padding-top:40px}.toolbox{padding:clamp(28px,5vw,68px) 0;border-block:1px solid var(--line);>h2{margin:0 0 28px;font-size:clamp(32px,4vw,58px);letter-spacing:-.07em;font-weight:500}.tool-groups{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(18px,3vw,42px)}.development{box-sizing:border-box;min-width:0;flex:1.35 1 220px;border-inline-start:2px solid var(--border-dev);padding:0 0 0 18px}.label{margin:0;color:var(--accent-light)}dl{margin:0}dt{margin-top:16px;font-weight:600}dd{margin:3px 0 0;color:var(--text-dd);font-size:.92em}.data-tools{box-sizing:border-box;min-width:0;flex:1 1 220px;border-top:1px solid var(--border-data);padding:14px 0 0}.management{box-sizing:border-box;min-width:0;flex:1.1 1 220px;padding:20px;background:linear-gradient(120deg,var(--mgmt-bg-1),var(--mgmt-bg-2));clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}}}@layer responsive{@media (width <= 740px){header{padding:18px 0}}@container page (inline-size <= 666px){.field{padding-top:40px;h1{font-size:clamp(68px,16vw,106px);span{margin-inline-start:6vw}}svg{opacity:.6}}.intro{max-inline-size:31ch}.routes{display:block;padding:0;a{width:90%;margin:0;display:flex;align-items:center;gap:14px;padding:12px 0;&:nth-child(2){margin-inline-start:5%;margin-top:0}&:nth-child(3){margin-inline-start:10%;margin-top:0}}strong{margin:0}}.entry{display:block;width:100%;margin:0;padding:28px 0;&:nth-child(even){margin-inline-start:0}h2{margin-bottom:24px}}.brief{margin-inline-start:0}}}@layer components{.brand{display:inline-flex;flex-shrink:0;img{display:block;inline-size:clamp(145px,22vw,230px);block-size:auto}}.brand img,.brand-symbol{filter:brightness(0) saturate(100%) invert(84%) sepia(14%) saturate(729%) hue-rotate(217deg)}.brand-symbol{inline-size:1.3em;block-size:1.3em;vertical-align:-.25em;object-fit:contain;margin-inline-end:.35em}.content-scene{position:relative;isolation:isolate}.ambient-shapes{position:absolute;inset:0;z-index:-1;overflow:clip;pointer-events:none}.floating-shape{position:absolute;inline-size:var(--shape-size);aspect-ratio:1;color:var(--accent);opacity:var(--shape-opacity,.34);rotate:var(--shape-angle,0deg);svg{display:block;inline-size:100%;block-size:100%;fill:none;stroke:currentColor;stroke-width:.9;overflow:visible;scale:var(--focus-scale,1);filter:drop-shadow(0 0 2px #e8c9ff) drop-shadow(0 0 var(--glow-near,5px) #c77dff) drop-shadow(0 0 var(--glow-far,12px) #9945ef)}}.shape-1{--shape-size:170px;--shape-angle:18deg;--shape-delay:-3s;inset:6% 2% auto auto}.shape-2{--shape-size:52px;--shape-angle:-16deg;--shape-delay:-9s;inset:27% auto auto 1%;--shape-opacity:.37}.shape-3{--shape-size:240px;--shape-angle:7deg;--shape-delay:-6s;inset:44% auto auto 8%;--shape-opacity:.18}.shape-4{--shape-size:82px;--shape-angle:27deg;--shape-delay:-12s;inset:60% 1% auto auto}.shape-5{--shape-size:125px;--shape-angle:8deg;--shape-delay:-4s;inset:72% auto auto 42%;--shape-opacity:.18}.shape-6{--shape-size:210px;--shape-angle:-13deg;--shape-delay:-10s;inset:auto 1% 3% auto;--shape-opacity:.08}@media (prefers-reduced-motion:no-preference){.floating-shape svg{animation:ambient-float 8s ease-in-out infinite alternate;animation-delay:var(--shape-delay)}}@keyframes ambient-float{from{transform:translate(-7px,-14px) rotate(-6deg)}to{transform:translate(9px,16px) rotate(7deg)}}}@layer responsive{@container page (inline-size <= 666px){.ambient-shapes{opacity:.8}.shape-3,.shape-5{display:none}}@media (width <= 400px){header{gap:12px}header>a:not(.brand){max-inline-size:13ch;text-align:end}}}@layer components{.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px 24px}.contact-button{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:11px 18px;border:1px solid var(--border-route);background:var(--mgmt-bg-1);color:var(--accent-light);font-size:13px;font-weight:600;letter-spacing:.025em;text-transform:none;text-decoration:none;&:hover{background:var(--mgmt-bg-2);border-color:var(--accent-hover);color:var(--ink)}}.briefing-contact{margin-block:10px 22px;+strong{display:block}}.site-footer{inline-size:min(1320px,90%);margin-inline:auto;padding-block:28px 36px;padding-inline:1.5%;border-block-start:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:28px;color:var(--pale);font-size:14px;a:hover{color:var(--accent-hover)}}.footer-details{display:grid;gap:8px;font-style:normal;strong{color:var(--ink)}}.footer-menu{display:flex;flex-wrap:wrap;gap:14px 24px}}@layer responsive{@media (width <= 600px){header{flex-wrap:wrap;gap:20px}.header-actions{flex:1 1 100%;justify-content:space-between}.site-footer{flex-direction:column}}}@layer components{.site-footer{.footer-symbol{display:block;inline-size:88px;block-size:88px;flex:0 0 auto;overflow:visible;color:var(--accent-pale);opacity:.3;transition:opacity 300ms ease;g{fill:currentColor}polygon{transform-box:fill-box;transform-origin:center}}&:is(:hover,:focus-within) .footer-symbol{opacity:.75}.footer-symbol:hover{opacity:1}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.logo-trigger:not(.is-playing):hover polygon{animation:fragment-vibration 180ms linear infinite;&:nth-child(2){animation-delay:-60ms;animation-direction:reverse}&:nth-child(3){animation-delay:-120ms;animation-duration:210ms}}}@keyframes fragment-vibration{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(.65px,-.45px) rotate(.6deg)}50%{transform:translate(-.55px,.6px) rotate(-.5deg)}75%{transform:translate(.35px,.3px) rotate(.4deg)}}}@layer components{.footer-play{position:relative;flex:0 0 auto}.logo-trigger{display:block;padding:0;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;&:focus-visible{outline:2px solid var(--focus-ring);outline-offset:8px}&:is(:focus-visible,.is-playing) .footer-symbol{opacity:1}&.is-playing polygon{animation:none}}.logo-feedback{position:absolute;inset-block-start:calc(100%+8px);inset-inline-start:50%;translate:-50% 0;inline-size:220px;max-inline-size:80vw;text-align:center;color:var(--pale);font-size:11px;pointer-events:none}.reward-notice{position:fixed;z-index:100;inset-inline-end:max(20px,env(safe-area-inset-right));inset-block-end:max(20px,env(safe-area-inset-bottom));inline-size:min(420px,calc(100vw - 40px));max-block-size:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid var(--border-route);border-inline-start:3px solid var(--accent);background:var(--mgmt-bg-2);color:var(--ink);box-shadow:0 0 30px #b490da22,0 16px 55px #0008;&[hidden]{display:none}h2{font-size:22px;line-height:1.3;margin-block:16px;letter-spacing:-.04em}>p:not(.label){color:var(--text-entry)}.label{padding-inline-end:24px}small{display:block;margin-block-start:16px;font-size:11px;color:var(--muted)}}.reward-close{position:absolute;inset-block-start:8px;inset-inline-end:8px;inline-size:44px;block-size:44px;border:0;background:transparent;color:var(--pale);font-size:28px;cursor:pointer;&:focus-visible{outline:2px solid var(--focus-ring)}}@media (prefers-reduced-motion:no-preference){.reward-notice:not([hidden]){animation:reward-enter 500ms cubic-bezier(.2,.8,.2,1) both}}@keyframes reward-enter{from{opacity:0;transform:translateX(calc(100%+40px))}to{opacity:1;transform:translateX(0)}}}@layer base{:where(a,button):focus-visible{outline:2px solid var(--focus-ring);outline-offset:5px}.skip-link{position:fixed;inset:12px auto auto 12px;z-index:200;padding:12px 18px;background:var(--bg-app);color:var(--ink);border:1px solid var(--accent);transform:translateY(-180%);&:focus{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.footer-symbol{transition:none}}}@layer components{.legal-page{padding-block:clamp(36px,6vw,80px);max-inline-size:80ch;h1{font-size:clamp(32px,6vw,64px);letter-spacing:-.06em}h2{font-size:22px;margin-block:36px 12px;color:var(--pale)}p{color:var(--text-entry)}.legal-note{padding:20px;border-inline-start:2px solid var(--accent);background:var(--mgmt-bg-2)}.placeholder{padding:16px;border:1px dashed var(--line)}}}