:root{
  --shell-bg:#05050a;
  --shell-ink:#e8e8f0;
  --shell-dim:#8a8a9a;
  --shell-cyan:#00f0ff;
  --shell-magenta:#ff00ea;
  --shell-lime:#c6ff3d;
  --shell-violet:#7c5cff;
  --shell-line:rgba(255,255,255,.08);
}

.site-shell-header,.site-shell-header *,.site-shell-footer,.site-shell-footer *{box-sizing:border-box}
.site-shell-header{position:relative;z-index:9000;height:0;font-family:'Space Grotesk',sans-serif;color:var(--shell-ink)}
.site-shell-nav{
  position:fixed;top:0;left:0;right:0;z-index:9000;
  display:flex;align-items:center;justify-content:space-between;
  min-height:72px;padding:18px 40px;
  border-bottom:1px solid var(--shell-line);
  background:rgba(5,5,10,.72);
  box-shadow:0 12px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  transition:min-height .3s ease,padding .3s ease,background .3s ease;
}
.site-shell-nav.is-scrolled{min-height:60px;padding-top:12px;padding-bottom:12px;background:rgba(5,5,10,.9)}
.site-shell-nav a{color:inherit;text-decoration:none}
.site-shell-logo{display:flex;align-items:center;font-family:'Syne',sans-serif;font-weight:800;perspective:700px}
.site-shell-logo-assembly{display:flex;align-items:center;gap:11px;transform-style:preserve-3d;transform-origin:48% 50%}
.site-shell-logo-lock{position:relative;display:flex;align-items:center;gap:7px;padding:5px 3px 2px 0;transform:rotateX(-7deg) rotateY(-5deg);transform-style:preserve-3d}
.site-shell-logo-lock::before{position:absolute;left:5px;right:-7px;bottom:-7px;z-index:-1;height:8px;border-radius:50%;content:'';background:rgba(0,0,0,.5);filter:blur(5px);transform:translateZ(-8px)}
.site-shell-reel{--shell-cube-rgb:0,240,255;position:relative;width:23px;height:27px;flex:0 0 auto;transform-style:preserve-3d;transform-origin:50% 50%}
.site-shell-reel:nth-child(2){--shell-cube-rgb:124,92,255}.site-shell-reel:nth-child(3){--shell-cube-rgb:255,73,229}.site-shell-reel:nth-child(4){--shell-cube-rgb:198,255,61}.site-shell-reel:nth-child(5){--shell-cube-rgb:0,240,255}
.site-shell-cube-face{position:absolute;inset:0;z-index:2;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:4px;background:linear-gradient(145deg,rgba(35,35,52,.98),rgba(9,9,16,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -2px 4px rgba(0,0,0,.55),0 6px 12px rgba(0,0,0,.3);transform:translateZ(4px);backface-visibility:hidden}
.site-shell-reel::before{position:absolute;left:2px;right:-4px;top:-6px;z-index:1;height:7px;content:'';clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:linear-gradient(90deg,rgba(var(--shell-cube-rgb),.28),rgba(255,255,255,.15),rgba(var(--shell-cube-rgb),.13));border-top:1px solid rgba(255,255,255,.2);transform:translateZ(1px)}
.site-shell-reel::after{position:absolute;top:-3px;right:-6px;z-index:1;width:7px;height:31px;content:'';clip-path:polygon(0 3px,100% 0,100% calc(100% - 4px),0 100%);background:linear-gradient(180deg,rgba(var(--shell-cube-rgb),.24),rgba(10,10,18,.92));border-right:1px solid rgba(var(--shell-cube-rgb),.18);transform:translateZ(1px)}
.site-shell-char{font-family:'JetBrains Mono',monospace;font-size:.86rem;font-weight:700;line-height:1;color:#e5e4ef;text-shadow:0 1px 0 #000;transform:translateZ(2px)}
.site-shell-reel.is-ticking .site-shell-char{animation:siteShellReelTick .09s cubic-bezier(.2,.8,.2,1)}
.site-shell-reel.is-locked .site-shell-cube-face{border-color:rgba(var(--shell-cube-rgb),.48);background:linear-gradient(145deg,rgba(var(--shell-cube-rgb),.16),rgba(9,9,16,.98) 66%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 4px rgba(0,0,0,.55),0 6px 14px rgba(0,0,0,.28),0 0 9px rgba(var(--shell-cube-rgb),.17)}
.site-shell-reel.is-locked .site-shell-char{color:#fff;text-shadow:0 1px 0 #000,0 0 5px rgba(var(--shell-cube-rgb),.42)}
.site-shell-domain{display:flex;align-items:flex-end;gap:4px;font-family:'Space Grotesk',sans-serif;font-size:1.08rem;font-weight:700;line-height:1;letter-spacing:-.035em;color:#dedee8;opacity:.42;transform:translateX(-4px);transition:opacity .45s,transform .45s,text-shadow .45s;backface-visibility:hidden}
.site-shell-period{width:5px;height:5px;margin-bottom:2px;border-radius:50%;background:var(--shell-cyan);font-size:0;box-shadow:0 0 7px rgba(0,240,255,.45)}
.site-shell-logo.is-solved .site-shell-domain{opacity:1;transform:translateX(0);text-shadow:0 0 9px rgba(0,240,255,.1)}
.site-shell-logo:hover .site-shell-reel{animation:siteShellCubeOrbit .9s cubic-bezier(.25,.72,.24,1)}
.site-shell-logo:hover .site-shell-reel:nth-child(2){animation-delay:.045s}.site-shell-logo:hover .site-shell-reel:nth-child(3){animation-delay:.09s}.site-shell-logo:hover .site-shell-reel:nth-child(4){animation-delay:.135s}.site-shell-logo:hover .site-shell-reel:nth-child(5){animation-delay:.18s}
@keyframes siteShellReelTick{0%{transform:translateY(-12px) rotateX(68deg);filter:blur(1.2px);opacity:.25}100%{transform:translateY(0) rotateX(0);filter:blur(0);opacity:1}}
@keyframes siteShellCubeOrbit{0%{transform:rotateY(0) translateY(0)}45%{transform:rotateY(180deg) translateY(-3px) scale(.9)}100%{transform:rotateY(360deg) translateY(0)}}

.site-shell-links{display:flex;gap:34px;margin:0;padding:0;list-style:none}
.site-shell-links a{position:relative;font-size:.92rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;transition:color .3s}
.site-shell-links a::before{position:absolute;left:0;bottom:-6px;width:0;height:1px;content:'';background:var(--shell-cyan);transition:width .35s cubic-bezier(.65,0,.35,1)}
.site-shell-links a:hover::before,.site-shell-links a:focus-visible::before{width:100%}
.site-shell-links a:hover,.site-shell-links a:focus-visible{color:var(--shell-cyan)}
.site-shell-cta{padding:10px 20px;border:1px solid var(--shell-line);border-radius:100px;font-size:.85rem;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}
.site-shell-cta:hover,.site-shell-cta:focus-visible{background:var(--shell-ink);color:var(--shell-bg);border-color:var(--shell-ink)}
.site-shell-nav a:focus-visible,.site-shell-footer a:focus-visible{outline:2px solid var(--shell-cyan);outline-offset:5px}
.site-shell-actions{display:flex;align-items:center;gap:10px}
.site-shell-menu-toggle{position:relative;display:none;width:44px;height:44px;flex:0 0 auto;padding:0;border:1px solid rgba(0,240,255,.24);border-radius:14px;color:var(--shell-ink);background:linear-gradient(145deg,rgba(0,240,255,.1),rgba(124,92,255,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 25px rgba(0,0,0,.2);cursor:pointer;-webkit-tap-highlight-color:transparent}
.site-shell-menu-toggle span{position:absolute;left:50%;width:19px;height:1.5px;border-radius:2px;background:currentColor;box-shadow:0 0 8px rgba(0,240,255,.38);transform:translateX(-50%);transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s,background .2s}
.site-shell-menu-toggle span:nth-child(1){transform:translate(-50%,-6px)}
.site-shell-menu-toggle span:nth-child(3){transform:translate(-50%,6px)}
.site-shell-menu-toggle[aria-expanded="true"]{border-color:rgba(255,0,234,.5);background:linear-gradient(145deg,rgba(255,0,234,.17),rgba(124,92,255,.14))}
.site-shell-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateX(-50%) rotate(45deg)}
.site-shell-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:translateX(-50%) scaleX(.2)}
.site-shell-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateX(-50%) rotate(-45deg)}
.site-shell-menu-toggle:focus-visible{outline:2px solid var(--shell-cyan);outline-offset:4px}
.site-shell-mobile-menu{position:absolute;top:calc(100% + 10px);right:16px;z-index:9010;width:min(360px,calc(100vw - 32px));padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:radial-gradient(circle at 90% 0%,rgba(255,0,234,.13),transparent 42%),radial-gradient(circle at 5% 100%,rgba(0,240,255,.12),transparent 44%),rgba(8,8,16,.97);box-shadow:0 24px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.97);transform-origin:top right;transition:opacity .24s ease,visibility .24s,transform .3s cubic-bezier(.16,1,.3,1)}
.site-shell-mobile-menu::before{position:absolute;top:-1px;right:26px;left:26px;height:1px;content:'';background:linear-gradient(90deg,transparent,var(--shell-cyan),var(--shell-magenta),transparent)}
.site-shell-mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.site-shell-mobile-menu[hidden]{display:none}
.site-shell-mobile-kicker{display:flex;align-items:center;gap:9px;padding:9px 11px 12px;color:var(--shell-dim);font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}
.site-shell-mobile-kicker::before{width:6px;height:6px;border-radius:50%;content:'';background:var(--shell-lime);box-shadow:0 0 10px var(--shell-lime)}
.site-shell-mobile-links{display:grid;gap:5px}
.site-shell-mobile-link{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:9px 12px;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.025);transition:color .22s,border-color .22s,background .22s,transform .22s}
.site-shell-mobile-link:hover,.site-shell-mobile-link:focus-visible{color:var(--shell-cyan);border-color:rgba(0,240,255,.2);background:rgba(0,240,255,.07);outline:none;transform:translateX(2px)}
.site-shell-mobile-index{color:var(--shell-dim);font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.08em}
.site-shell-mobile-label{font-size:.9rem;font-weight:600}
.site-shell-mobile-arrow{color:var(--shell-magenta);font-size:1rem;line-height:1}

.site-shell-footer{
  position:relative;z-index:8990;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;
  padding:40px;
  border-top:1px solid var(--shell-line);
  color:var(--shell-ink);
  background:rgba(5,5,10,.96);
  font-family:'Space Grotesk',sans-serif;
}
.site-shell-footer p{margin:0;color:var(--shell-dim);font-family:'JetBrains Mono',monospace;font-size:.82rem}
.site-shell-footer-links{display:flex;flex-wrap:wrap;gap:28px}
.site-shell-footer a{color:var(--shell-dim);font-size:.86rem;text-decoration:none;transition:color .3s}
.site-shell-footer a:hover,.site-shell-footer a:focus-visible{color:var(--shell-cyan)}

body.site-shell-flow{padding-top:72px}
body.site-shell-overlay .site-shell-footer{position:fixed;right:0;bottom:0;left:0;padding:13px clamp(20px,4vw,56px);background:rgba(5,5,10,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}

@media(max-width:900px){
  .site-shell-nav{min-height:64px;padding:15px 24px}
  .site-shell-nav.is-scrolled{min-height:58px;padding:12px 24px}
  .site-shell-links{display:none}
  .site-shell-menu-toggle{display:block}
  body.site-shell-flow{padding-top:64px}
  .site-shell-footer{align-items:flex-start;padding:34px 24px}
}
@media(hover:none) and (pointer:coarse){
  .site-shell-header{height:auto}
  .site-shell-nav,
  .site-shell-nav.is-scrolled{
    position:relative;top:auto;left:auto;right:auto;
    min-height:64px;padding:15px 24px;
    background:rgba(5,5,10,.96);
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  .site-shell-links{display:none}
  .site-shell-menu-toggle{display:block}
  body.site-shell-flow{padding-top:0}
}
@media(max-width:560px){
  .site-shell-domain{display:none}
  .site-shell-reel{width:21px}
  .site-shell-logo-lock{gap:6px}
  .site-shell-cta{padding:9px 15px;font-size:.78rem}
  .site-shell-footer{flex-direction:column;gap:16px}
  .site-shell-footer-links{gap:16px 22px}
  body.site-shell-overlay .site-shell-footer{padding:11px 16px}
  body.site-shell-overlay .site-shell-footer-links a:nth-child(-n+2){display:none}
}
@media(max-width:400px){
  .site-shell-nav,.site-shell-nav.is-scrolled{padding:13px 14px}
  .site-shell-logo-lock{gap:4px}
  .site-shell-reel{width:19px}
  .site-shell-actions{gap:7px}
  .site-shell-cta{padding:9px 12px;font-size:.73rem}
  .site-shell-menu-toggle{width:42px;height:42px;border-radius:13px}
  .site-shell-mobile-menu{right:10px;width:calc(100vw - 20px)}
}
@media(prefers-reduced-motion:reduce){
  .site-shell-logo:hover .site-shell-reel,.site-shell-reel.is-ticking .site-shell-char{animation:none}
  .site-shell-nav,.site-shell-domain,.site-shell-links a::before,.site-shell-menu-toggle span,.site-shell-mobile-menu{transition:none}
}