:root{color-scheme:dark;--coral:#ff8a70;--ink:#0c101b;--muted:#b5b8c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f7f4f4;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit}.hero{position:relative;min-height:100svh;display:grid;place-items:center;isolation:isolate;overflow:hidden;padding:90px 22px 76px;background:radial-gradient(ellipse at 50% 50%,#222b41 0%,#101725 44%,#080b14 100%)}#stars{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.8;pointer-events:none}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 45%,transparent 10%,rgba(7,10,18,.22) 66%,rgba(7,10,18,.65));z-index:-1;pointer-events:none}.topbar{position:absolute;top:22px;left:clamp(18px,4vw,65px);right:clamp(18px,4vw,65px);display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:10}.brand{font-weight:900;letter-spacing:.08em;text-decoration:none;font-size:clamp(13px,1.6vw,18px)}.brand span{color:var(--coral)}.languages{display:flex;gap:7px}.languages a{font-size:12px;text-decoration:none;border:1px solid #ffffff32;padding:9px 11px;border-radius:30px;background:#121b2aa8}.languages a[aria-current=page],.languages a:hover{background:#f78a70;color:#1b1312;border-color:#f78a70}.intro{position:absolute;top:clamp(85px,13vh,135px);text-align:center;padding:0 18px;pointer-events:none}.eyebrow{color:#ffb4a1;letter-spacing:.32em;text-transform:uppercase;font-size:11px;font-weight:800}.intro h1{font-size:clamp(24px,4vw,48px);letter-spacing:-.05em;line-height:1.1;margin:9px 0}.intro p{margin:0;color:var(--muted);font-size:clamp(12px,1.4vw,15px)}.orbital{position:relative;width:min(72vw,530px);height:min(72vw,530px);margin-top:clamp(90px,13vh,125px);flex-shrink:0}.orbit-ring{position:absolute;inset:12%;border:1px solid #ff9d7b3b;border-radius:50%;box-shadow:0 0 70px #f67b5310,inset 0 0 45px #f67b5309;pointer-events:none}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;inset:12%;border:1px dashed #a5c7ff22;border-radius:50%}.orbit-ring:after{inset:-10%;border:1px solid #a5c7ff15}.orbit-items{position:absolute;inset:0}.service{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #f4b49d50;background:#141c2df0;color:#f4f1f3;border-radius:99px;padding:11px 15px;font-weight:650;font-size:clamp(10px,1.15vw,13px);white-space:nowrap;cursor:pointer;text-decoration:none;box-shadow:0 7px 28px #0007;transition:background .3s,box-shadow .3s,border-color .3s,color .3s,scale .3s;will-change:transform}.service:hover,.service:focus-visible{background:#2d3446;border-color:#ff9d7b;box-shadow:0 0 24px #ff9d7b50;outline:none}.service.selected{background:linear-gradient(125deg,#ffad86,#ff756f);border-color:#ffd5ba;color:#20131b;box-shadow:0 0 34px #ff876c60;z-index:3}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px;background:radial-gradient(circle at 30% 20%,#344258,#151c2e 67%,#0d1422);border:1px solid #ffb39855;box-shadow:0 0 65px #ff987121,inset 0 2px 25px #ffffff0c;z-index:2}.center .mini{font-size:clamp(8px,1vw,11px);color:#e9a896;letter-spacing:.18em;text-transform:uppercase}.center strong{font-size:clamp(15px,2vw,24px);line-height:1.14;margin:10px 0;max-width:100%;overflow-wrap:break-word}.center .open{color:#ffb49d;font-size:11px;text-decoration:none;border-bottom:1px solid #ffb49d77;padding-bottom:3px}.arrows{display:flex;gap:8px;margin-top:13px}.arrows button{width:34px;height:34px;border-radius:50%;background:#ffffff0e;border:1px solid #ffffff45;color:white;cursor:pointer;font-size:19px}.arrows button:hover{background:#ff9872;color:#20131b}.scrollhint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:11px;color:#c9cbd8;letter-spacing:.1em;text-decoration:none}.content{max-width:1060px;margin:auto;padding:90px 24px}.content h2{font-size:clamp(27px,4vw,48px);letter-spacing:-.04em}.content p{color:#bdc2d1;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0}.service-grid a{padding:23px;border:1px solid #ffffff20;background:#151d2c;border-radius:17px;text-decoration:none;transition:transform .2s,border-color .2s}.service-grid a:hover{transform:translateY(-5px);border-color:#ff9a7c}.contact-line{margin-top:30px}.contact-line a{color:#ffab92}.portfolio a{color:#ffab92}@media(max-width:680px){.hero{padding:90px 10px 75px;min-height:750px}.intro{top:98px}.orbital{width:min(78vw,390px);height:min(78vw,390px);margin-top:80px}.service{font-size:10px;padding:8px 10px}.center{width:48%}.center strong{font-size:15px}.center .mini{font-size:8px}.center .open{font-size:10px}.arrows{margin-top:8px}.arrows button{width:29px;height:29px}.service-grid{grid-template-columns:repeat(2,1fr)}.brand{font-size:12px}}@media(max-width:400px){.orbital{width:75vw;height:75vw}.service{font-size:9px;padding:7px 8px}.center strong{font-size:13px}.intro h1{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Polished orbital motion */
.orbit-ring{animation:ring-glow 8s ease-in-out infinite alternate}.orbit-ring:before{animation:ring-spin 80s linear infinite}.orbit-ring:after{animation:ring-spin 110s linear infinite reverse}.service{backdrop-filter:blur(12px);transition:background .4s,box-shadow .4s,border-color .4s,color .4s}.center{backdrop-filter:blur(16px)}.service-grid a{transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}.service-grid a:hover{box-shadow:0 20px 45px #ff957016}@keyframes ring-glow{to{box-shadow:0 0 100px #f67b5325,inset 0 0 60px #f67b5315}}@keyframes ring-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.orbit-ring,.orbit-ring:before,.orbit-ring:after{animation:none}}

/* Interactive holographic octopus behind the rotating wheel */
.octo-hologram{position:absolute;inset:-10%;width:120%;height:120%;pointer-events:none;z-index:0;opacity:.84;filter:drop-shadow(0 0 16px rgba(90,210,255,.34));mask-image:radial-gradient(ellipse at center,#000 0%,#000 48%,transparent 77%)}
.orbit-ring{z-index:1}.orbit-items{z-index:4}.center{z-index:5;background:radial-gradient(circle at 30% 20%,rgba(38,61,86,.91),rgba(12,22,39,.94) 70%);border-color:#91dfff85;box-shadow:0 0 70px #39c9ff23,inset 0 0 35px #74e2ff14}.service.selected{z-index:6}
@media(prefers-reduced-motion:reduce){.octo-hologram{opacity:.58}}

/* V3.1: remove expensive full-canvas drop-shadow filter */
.octo-hologram{filter:none;contain:paint}