:root{--ink:#e6f1f6;--paper:#070c16;--muted:#91a2b7;--green:#64ead5;--line:#26354a;color-scheme:dark;--pointer-x:50vw;--pointer-y:25vh}body{background:#070c16;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 75% 5%,#132d5055,transparent 52%),radial-gradient(ellipse at 5% 55%,#40216a33,transparent 45%),linear-gradient(#0b132380 1px,transparent 1px),linear-gradient(90deg,#0b132380 1px,transparent 1px);background-size:auto,auto,72px 72px,72px 72px}#network{position:fixed;inset:0;pointer-events:none;z-index:-1}.ambient-glow{position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(500px circle at var(--pointer-x) var(--pointer-y),#3c71ab13,transparent 70%)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#64ead5,#8b7dff);z-index:50;box-shadow:0 0 12px #64ead588}.nav{position:sticky;top:0;z-index:20;height:90px;background:#070c16ab;backdrop-filter:blur(20px);border-color:#8ab4dd18;transition:background .3s}.nav.scrolled{background:#080e1bf2}.nav nav{margin-left:auto;margin-right:auto}.brand-icon{color:var(--green)}.nav-cta{border-color:#6b8ca659;background:#d2f1ff05}.nav-cta:hover{border-color:var(--green);box-shadow:0 0 24px #64ead515}.nav nav a:hover{color:var(--green)}.nav-controls{display:flex;align-items:center;gap:10px}.language-switch{display:flex;padding:3px;border:1px solid #34435a;border-radius:25px;background:#101a2a;gap:2px}.language-switch button{background:transparent;border:0;color:#8fa2bb;padding:7px 10px;border-radius:20px;font-size:11px;min-width:33px}.language-switch button[aria-pressed=true]{background:#64ead5;color:#071217}.motion-toggle{height:33px;width:33px;background:transparent;border:1px solid #34435a;border-radius:50%;font-size:14px;color:#a9bbcf}.hero{padding-top:72px;padding-bottom:60px;gap:48px}.hero h1{font-weight:700;line-height:1.3;letter-spacing:-2px}.hero-copy{position:relative}.hero-copy:before{content:'EXPLORING THE NEXT';position:absolute;left:0;top:-21px;color:#64ead535;font-size:9px;letter-spacing:4px}.eyebrow{color:#a5b7cc;font-size:9px;letter-spacing:1.8px}.live-dot{background:var(--green);box-shadow:0 0 14px #64ead580;animation:beacon 3s ease-in-out infinite}.highlight{background:linear-gradient(100deg,#65ead7,#76b7ff 55%,#ab8dff);background-clip:text;color:transparent}.highlight:after{background:linear-gradient(90deg,#64ead532,#8b7dff22);inset:auto 0 -3px;height:2px;transform:none}.period{color:var(--green)}.intro{color:#9eaec0}.intro strong{color:#e7f4ff}.hero-actions .dark{color:#09121d;background:linear-gradient(110deg,#65e9d4,#8bdcfa);font-weight:600;border:1px solid #b9fff04a;box-shadow:0 0 30px #64ead51a;transition:transform .25s,box-shadow .25s}.hero-actions .dark:hover{transform:translateY(-3px);box-shadow:0 6px 38px #64ead530}.text-link:hover{color:var(--green)}.hero-footer{border-top:1px solid #28364a85;padding-top:20px;color:#7b91ab;letter-spacing:.4px}.hero-art{background:radial-gradient(ellipse at 50% 43%,#194f6950,transparent 57%),linear-gradient(145deg,#0b192caa,#090d1aaa);min-height:565px;border:1px solid #517a9d42;border-radius:16px;box-shadow:inset 0 0 70px #18375820,0 25px 80px #00000025;perspective:900px}.hero-art:before{content:'';position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 0 72%,#70e8e51a 87%,transparent 98%);animation:radar 22s linear infinite;z-index:-1}.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#9be7ff03 4px 5px);border-radius:inherit}.art-top,.art-bottom{color:#8aaac1;letter-spacing:1px}.art-top span:last-child{color:#68d9c9}.globe{background:radial-gradient(circle at 28% 24%,#76f1e81a,#3065a01c 45%,#090f27d9 90%);border:1px solid #6fe7eaba;box-shadow:inset -18px -18px 35px #080e24b3,inset 0 0 35px #62e2df20,0 0 65px #39bddd1a,0 0 0 15px #61cad705;animation:sphere-drift 10s ease-in-out infinite;overflow:hidden}.globe:after{background:radial-gradient(ellipse at 28% 23%,#9fffff30,transparent 48%)}.globe-ring{border-color:#6cdbf16b;box-shadow:0 0 8px #64ead50a}.globe-line{border-color:#78e5ea77}.globe-star{color:#a2f9ee;font-size:90px;text-shadow:0 0 25px #4bdddb90,0 0 65px #547dff;animation:core-turn 30s linear infinite}.orbit{border-color:#75d9ec42;width:440px;height:180px;animation:orbit-breathe 8s ease-in-out infinite}.orbit:before{content:'';position:absolute;top:22%;left:8%;width:6px;height:6px;border-radius:50%;background:#8ff9e9;box-shadow:0 0 18px #64ead5,0 0 3px white;offset-path:ellipse(50% 50%);animation:node-pulse 3s ease-in-out infinite}.orbit-two{border-color:#ac91ff55;animation-delay:-4s}.orbit-two:before{background:#bc9dff;box-shadow:0 0 16px #a68cff}.orbit-three{border-color:#7b9bc332;width:470px;height:355px;animation:orbit-spin 55s linear infinite}.tag-one{background:#0f2d35d9;border-color:#66dfc252;color:#8ff8df;box-shadow:0 0 30px #64ead50b;backdrop-filter:blur(14px)}.tag-two{background:#111b30db;border-color:#7590c249;color:#aec7e7;backdrop-filter:blur(14px)}.tag-two i{background:#80eacb;box-shadow:0 0 10px #64ead5}.art-cross{color:#69c4d579}.ticker{background:#0d1b27b3;color:#7fe8d8;border-color:#35566e6b}.ticker div{font-weight:400;font-size:12px;letter-spacing:2px}.ticker span{color:#a390fa}.about-note{color:#6f839d}.signature{color:#8be8de}.signature span{color:#8fa6bd}.focus-section{background:linear-gradient(120deg,#0d1b2b9c,#14102466);border-color:#26354a9c}.focus-grid article{background:linear-gradient(135deg,#10243b99,#10152c70);border-color:#3a526864;position:relative;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}.focus-grid article:after{content:'';position:absolute;width:150px;height:150px;right:-60px;top:-60px;pointer-events:none;background:#6cebd80a;filter:blur(35px);border-radius:50%;transition:background .4s}.focus-grid article:hover{background:linear-gradient(135deg,#142e4499,#1b183a99);border-color:#69d7db80;box-shadow:0 14px 40px #03080d66;transform:translateY(-7px)}.focus-grid article:hover:after{background:#6cebd827}.focus-symbol{color:#78e9da;text-shadow:0 0 25px #64ead538;transition:transform .5s}.focus-grid article:hover .focus-symbol{transform:rotate(90deg)}.focus-grid article:nth-child(2) .focus-symbol{color:#8db8ff}.focus-grid article:nth-child(3) .focus-symbol{color:#b49cff}.chips span{border-color:#3e5a7066;color:#93afc7;background:#101e2e99}.filters button{border-color:#3b4c62;color:#91a8c1}.filters button.active{color:#08141b;background:#64ead5;border-color:#64ead5}.note{border-color:#2a3c5290;transition:background .3s,padding .3s}.note:hover{background:#20334b35;padding-left:12px;padding-right:12px}.note h3{font-weight:500}.note-arrow{border-color:#3a516b;color:#9bb5cd}.note:hover .note-arrow{color:#08141b;border-color:#64ead5;box-shadow:0 0 20px #64ead522}.contact{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#2f365f99,transparent 62%),linear-gradient(110deg,#102e3e,#10172e);border:1px solid #56819a66;box-shadow:inset 0 0 70px #70d8d409}.contact:before{content:'';position:absolute;pointer-events:none;right:-90px;top:-160px;width:450px;height:450px;border:1px solid #80e2e022;border-radius:50%;box-shadow:0 0 0 35px #80e2e005,0 0 0 70px #80e2e006;animation:contact-glow 9s ease-in-out infinite}.contact>*{z-index:1}.contact .eyebrow{color:#7bb6c3}.contact p{color:#a1b7cb}.contact-button{background:linear-gradient(100deg,#66ead5,#86c5ff);color:#081420;box-shadow:0 0 24px #64ead51a;transition:transform .3s,box-shadow .3s}.contact-button:hover{background:#a2f7eb;transform:translateY(-3px);box-shadow:0 0 32px #64ead538}dialog{background:linear-gradient(140deg,#101f33,#0c1020);border-color:#46718b85;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#02040cb5;backdrop-filter:blur(12px)}dialog .close{color:#b6d0e3}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s ease var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}html[lang=en] h1{font-size:clamp(40px,4vw,61px);line-height:1.2;letter-spacing:-2.5px}html[lang=en] h2{letter-spacing:-1.4px}html[lang=en] .intro{font-size:13px}html[lang=en] .focus-grid h3{font-size:22px}html[lang=en] .hero-footer{font-size:8px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{transition:none;opacity:1;transform:none}.motion-paused{scroll-behavior:auto}a:focus-visible,button:focus-visible{outline-color:#7de8de}@keyframes beacon{50%{box-shadow:0 0 0 5px #64ead50a,0 0 20px #64ead570}}@keyframes radar{to{transform:rotate(360deg)}}@keyframes sphere-drift{50%{transform:translate(-50%,-54%) rotate(-18deg)}}@keyframes core-turn{from{transform:rotate(24deg)}to{transform:rotate(384deg)}}@keyframes orbit-breathe{50%{translate:0 -12px;opacity:.6}}@keyframes orbit-spin{from{transform:translate(-50%,-50%) rotate(90deg)}to{transform:translate(-50%,-50%) rotate(450deg)}}@keyframes node-pulse{50%{box-shadow:0 0 24px #64ead5,0 0 8px white;opacity:.4}}@keyframes contact-glow{50%{transform:translate(-30px,25px);opacity:.5}}@media(max-width:1050px){.nav{gap:16px;padding:0 28px}.nav nav{gap:18px}.brand-small{display:none}.hero{gap:28px}.orbit{width:360px}.orbit-three{width:390px}.hero-art{min-height:530px}}@media(max-width:700px){.nav{height:76px;padding:0 20px;gap:12px}.nav-controls{margin-left:auto;gap:7px}.nav-cta{display:none}.language-switch button{font-size:10px;padding:6px 8px;min-width:29px}.motion-toggle{width:30px;height:30px}.hero{padding-top:52px;gap:34px}.hero h1{font-size:46px}.hero-art{min-height:405px;border-radius:12px}.orbit{width:350px}.orbit-three{width:380px;height:300px}.globe{width:245px;height:245px}.hero-copy:before{font-size:8px;letter-spacing:3px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero-footer{font-size:7px}.contact{padding:32px 25px}.contact:before{width:310px;height:310px;top:-140px}.contact h2{font-size:29px}.note:hover{padding-left:0;padding-right:0}html[lang=en] h1{font-size:clamp(35px,9.4vw,55px);letter-spacing:-1.5px}html[lang=en] h2{font-size:30px}html[lang=en] .hero-footer{font-size:6px}html[lang=en] .intro{font-size:12px}html[lang=en] .contact .eyebrow{font-size:6px}html[lang=en] .contact h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.ambient-glow{display:none}}
