:root{color-scheme:dark;--ink:#050b14;--space:#081426;--context:#0c1a2e;--mid:#16243a;--gold:#d6a84f;--soft:#e8c978;--mist:#f2f5f7;--blue:#5e86a8;--ice:#94bdd3;--line:rgba(185,211,228,.16);--goldline:rgba(214,168,79,.42);--ease:cubic-bezier(.16,1,.3,1);--header:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--ink);color:var(--mist);font-family:"Manrope",sans-serif;font-weight:500;line-height:1.6;text-rendering:optimizeLegibility}body::selection{color:var(--ink);background:var(--soft)}button,a{font:inherit;color:inherit}a{text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--soft);outline-offset:5px}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;transform:translateY(-150%);background:var(--mist);color:var(--ink)}.skip-link:focus{transform:none}
#system-field{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}.atmosphere{position:fixed;z-index:0;inset:-20%;pointer-events:none;background:radial-gradient(circle at 76% 12%,rgba(80,144,183,.2),transparent 28%),radial-gradient(circle at 8% 60%,rgba(17,77,115,.16),transparent 32%),conic-gradient(from 118deg at 70% 34%,transparent,rgba(214,168,79,.07),transparent 25%);filter:blur(32px);animation:drift 24s ease-in-out infinite alternate}header,main,footer{position:relative;z-index:2}
.topbar{position:fixed;z-index:50;top:0;left:0;width:100%;height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:0 clamp(20px,4vw,68px);border-bottom:1px solid transparent;transition:.3s}.topbar.scrolled{border-color:var(--line);background:rgba(5,11,20,.84);backdrop-filter:blur(20px)}.brand{display:inline-flex;align-items:center;gap:13px;width:max-content;font-size:.72rem;font-weight:800;letter-spacing:.18em}.brand b{color:var(--soft)}.brand-symbol{width:36px;height:36px;display:block;flex:0 0 auto;overflow:hidden;background:#081426;box-shadow:0 0 22px rgba(94,134,168,.16)}.brand-symbol img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.28);transform-origin:center}.desktop-nav,.top-actions{display:flex;align-items:center;gap:30px}.desktop-nav a,.top-actions>a{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:rgba(242,245,247,.65);transition:color .2s}.desktop-nav a:hover,.top-actions>a:hover{color:var(--mist)}.top-actions{justify-content:flex-end}.top-actions .top-cta{padding:10px 15px;border:1px solid rgba(214,168,79,.55);color:var(--soft)}.top-actions .top-cta:hover{background:var(--gold);color:var(--ink)}.menu-button,.mobile-nav{display:none}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:7fr 5fr;align-items:center;padding:calc(var(--header) + 62px) clamp(20px,6vw,104px) 76px;overflow:hidden}.hero::before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(5,11,20,.97),rgba(5,11,20,.72) 45%,rgba(5,11,20,.05) 79%),linear-gradient(180deg,transparent 68%,var(--ink));pointer-events:none}.hero-copy{position:relative;z-index:6;max-width:800px}.live-label{display:flex;align-items:center;gap:12px;width:max-content;margin-bottom:34px;color:rgba(242,245,247,.58);font-size:.63rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.live-label span{width:7px;height:7px;border-radius:50%;background:var(--soft);box-shadow:0 0 0 6px rgba(214,168,79,.08),0 0 16px rgba(232,201,120,.55);animation:pulse 2.7s ease-in-out infinite}.hero h1{margin:0;font-size:clamp(4.2rem,9vw,9.7rem);font-weight:700;line-height:.82;letter-spacing:-.04em}.hero h1 small{display:block;margin-left:clamp(0px,4vw,62px);font:inherit}.hero h1 em{color:var(--soft);font-style:normal;font-weight:500}.lede{max-width:620px;margin:42px 0 0;padding-left:26px;border-left:1px solid var(--goldline);color:rgba(242,245,247,.64);font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 24px;border:1px solid transparent;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;transition:transform .2s var(--ease),background .25s,border-color .25s;touch-action:manipulation}.button:active{transform:scale(.98)}.primary{background:var(--gold);color:var(--ink)}.primary:hover{background:var(--soft)}.secondary{border-color:rgba(242,245,247,.22);background:rgba(5,11,20,.25);backdrop-filter:blur(10px)}.secondary:hover{border-color:var(--soft)}.secondary small{color:var(--soft);font-size:.52rem}.route-note{margin:18px 0 0;color:rgba(242,245,247,.36);font-size:.73rem}
.instrument{position:absolute;z-index:2;top:50%;right:max(-180px,-10vw);width:min(68vw,910px);aspect-ratio:1;transform:translateY(-48%);--x:0px;--y:0px}.instrument img{position:absolute;inset:8%;width:84%;height:84%;object-fit:cover;border-radius:50%;opacity:.68;transform:translate3d(var(--x),var(--y),0) scale(1.07);filter:saturate(.78) contrast(1.14) brightness(.8);mask-image:radial-gradient(circle,#000 56%,rgba(0,0,0,.75) 73%,transparent 90%);animation:breathe 14s ease-in-out infinite alternate}.instrument::after{position:absolute;inset:7%;border-radius:50%;content:"";background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.12) 43%,transparent 56%);mix-blend-mode:screen;animation:light 8s ease-in-out infinite;pointer-events:none}.instrument svg{position:absolute;z-index:3;inset:0;width:100%;height:100%;fill:none;stroke:rgba(148,189,211,.27);stroke-width:1;transform:translate3d(var(--x),var(--y),0)}.instrument ellipse{stroke-dasharray:2 14;transform-origin:350px 350px;animation:spin 26s linear infinite}.instrument ellipse:nth-of-type(2){stroke:rgba(214,168,79,.26);animation-direction:reverse;animation-duration:34s}.trace{stroke:url(#route);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;filter:url(#glow);animation:trace 7s var(--ease) infinite}.beacon{fill:var(--soft);filter:url(#glow);animation:pulse 2s ease-in-out infinite}.ring{position:absolute;z-index:4;top:50%;left:50%;border:1px solid rgba(232,201,120,.3);border-radius:50%;pointer-events:none}.r1{width:60%;height:30%;transform:translate(-50%,-50%) rotate(28deg);animation:ring1 18s linear infinite}.r2{width:36%;height:70%;transform:translate(-50%,-50%) rotate(-34deg);animation:ring2 23s linear infinite reverse}.r3{width:82%;height:82%;border-color:rgba(148,189,211,.16);transform:translate(-50%,-50%);animation:spin 31s linear infinite}.north{position:absolute;z-index:6;top:17%;left:50%;transform:translateX(-50%);color:var(--soft);font-weight:800;text-shadow:0 0 18px rgba(232,201,120,.55)}.needle{position:absolute;z-index:6;top:31%;left:calc(50% - 3px);width:6px;height:38%;transform:rotate(43.8deg);transform-origin:50% 50%;transition:transform 1.3s var(--ease)}.needle::before,.needle::after{position:absolute;left:0;width:100%;height:50%;content:"";clip-path:polygon(50% 0,100% 100%,0 100%)}.needle::before{top:0;background:linear-gradient(90deg,#8b6730,#fff0b7,#ac7c35)}.needle::after{bottom:0;background:linear-gradient(90deg,#3a4854,#b7c8d2,#273643);transform:rotate(180deg)}.pin{position:absolute;z-index:7;top:50%;left:50%;width:25px;height:25px;border:1px solid var(--soft);border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff0b7,#7a5528 38%,#101922 72%);transform:translate(-50%,-50%);box-shadow:0 6px 20px rgba(0,0,0,.52)}.calibrate{position:absolute;z-index:8;right:14%;bottom:13%;min-width:210px;padding:15px 16px;border:1px solid rgba(232,201,120,.32);background:rgba(5,11,20,.72);text-align:left;backdrop-filter:blur(12px);cursor:pointer}.calibrate span,.coords span{display:block;margin-bottom:4px;color:rgba(242,245,247,.42);font-size:.54rem;font-weight:800;letter-spacing:.16em}.calibrate strong,.coords strong{color:var(--soft);font-size:.65rem;letter-spacing:.08em}.coords{position:absolute;z-index:7;top:17%;left:10%;padding-left:16px;border-left:1px solid rgba(232,201,120,.4)}.hero-foot{position:absolute;z-index:8;right:clamp(20px,4vw,68px);bottom:27px;left:clamp(20px,4vw,68px);display:flex;align-items:center;gap:20px;color:rgba(242,245,247,.32);font-size:.56rem;font-weight:700;letter-spacing:.16em}.hero-foot i{height:1px;flex:1;background:linear-gradient(90deg,var(--goldline),var(--line),transparent)}
.field{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:clamp(40px,8vw,140px);align-items:start;padding:150px clamp(20px,6vw,104px);border-top:1px solid var(--line);background:linear-gradient(var(--ink),rgba(8,20,38,.93))}.field-copy{position:sticky;top:130px}.section-label{display:block;margin-bottom:28px;color:var(--soft);font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.field h2,.launch h2,.closing h2{margin:0;font-size:clamp(3rem,5.2vw,6.2rem);line-height:.98;letter-spacing:-.04em;font-weight:650}.field-copy>p{max-width:500px;margin:32px 0 0;color:rgba(242,245,247,.58);line-height:1.8}.demo-note{display:grid;grid-template-columns:auto 1fr;gap:16px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}.demo-note b{color:var(--soft);font-size:.56rem;letter-spacing:.14em}.demo-note span{color:rgba(242,245,247,.38);font-size:.72rem}.console{border:1px solid rgba(148,189,211,.2);background:rgba(5,11,20,.6);box-shadow:0 34px 110px rgba(0,0,0,.36);backdrop-filter:blur(18px)}.console-bar{display:flex;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid var(--line);color:rgba(242,245,247,.36);font-size:.54rem;font-weight:800;letter-spacing:.14em}.console-main{display:grid;grid-template-columns:42% 58%;min-height:510px}.signal-tabs{border-right:1px solid var(--line)}.signal-tab{position:relative;width:100%;min-height:132px;display:grid;grid-template-columns:30px 1fr 10px;align-items:center;gap:14px;padding:22px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;transition:background .25s}.signal-tab:hover,.signal-tab.active{background:rgba(94,134,168,.08)}.signal-tab.active::before{position:absolute;inset:0 auto 0 0;width:1px;content:"";background:var(--soft);box-shadow:0 0 14px rgba(232,201,120,.5)}.signal-tab>b{color:var(--soft);font-size:.62rem}.signal-tab strong{display:block;font-size:.78rem;letter-spacing:.06em}.signal-tab small{display:block;margin-top:6px;color:rgba(242,245,247,.4);font-size:.65rem}.signal-tab i{width:8px;height:8px;border:1px solid rgba(242,245,247,.3);border-radius:50%}.signal-tab.active i{border-color:var(--soft);background:var(--soft);box-shadow:0 0 14px rgba(232,201,120,.65)}.signal-detail{display:flex;flex-direction:column;padding:clamp(28px,4vw,56px)}.signal-top{display:flex;justify-content:space-between;gap:18px;color:var(--soft);font-size:.54rem;font-weight:800;letter-spacing:.14em}.signal-top b{color:rgba(242,245,247,.34)}.signal-detail h3{margin:auto 0 18px;font-size:clamp(2.6rem,4.5vw,5rem);line-height:.92;letter-spacing:-.04em}.signal-detail>p{margin:0;color:rgba(242,245,247,.55);font-size:.88rem;line-height:1.75}.measures{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:32px;background:var(--line)}.measures div{padding:13px 10px;background:var(--ink)}.measures span{display:block;color:rgba(242,245,247,.34);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase}.measures b{display:block;margin-top:5px;color:var(--soft);font-size:.68rem;font-variant-numeric:tabular-nums}.signal-detail>a{display:flex;justify-content:space-between;margin-top:32px;padding:16px 0;border-top:1px solid var(--goldline);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.signal-detail>a:hover b{transform:translateX(6px)}.signal-detail>a b{transition:transform .25s}.console-feed{display:flex;gap:32px;padding:13px 20px;overflow:hidden;border-top:1px solid var(--line);color:rgba(242,245,247,.28);font-size:.51rem;font-weight:800;letter-spacing:.12em;white-space:nowrap}.console-feed span::before{display:inline-block;width:5px;height:5px;margin-right:9px;border-radius:50%;background:var(--blue);content:""}
.work{padding:150px clamp(20px,6vw,104px);border-top:1px solid var(--line);background:var(--space)}.work-intro{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:70px;margin-bottom:100px}.work-intro h2{margin:0;font-size:clamp(3.2rem,6.1vw,7.2rem);line-height:.96;letter-spacing:-.04em;font-weight:650}.work-intro p{margin:0;color:rgba(242,245,247,.56);line-height:1.85}.work-list{border-top:1px solid var(--line)}.work-list article{min-height:180px;display:grid;grid-template-columns:140px minmax(240px,.8fr) 1fr 180px;align-items:center;gap:32px;border-bottom:1px solid var(--line);transition:background .28s,transform .4s var(--ease)}.work-list article:hover{transform:translateX(10px);background:rgba(94,134,168,.05)}.work-list span{color:var(--soft);font-size:.59rem;letter-spacing:.13em}.work-list h3{margin:0;font-size:clamp(1.4rem,2vw,2.2rem);line-height:1.12}.work-list p{margin:0;color:rgba(242,245,247,.5);font-size:.85rem}.work-list b{justify-self:end;color:rgba(242,245,247,.34);font-size:.54rem;letter-spacing:.13em}
.launch{position:relative;min-height:100vh;padding:150px clamp(20px,6vw,104px);overflow:hidden;border-top:1px solid var(--line)}.launch::after{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,rgba(5,11,20,.97),rgba(5,11,20,.82) 46%,rgba(5,11,20,.24)),linear-gradient(180deg,transparent,rgba(5,11,20,.9));pointer-events:none}.city-map{position:absolute;z-index:0;inset:0;background:url("./assets/city-night-grid.png") center/cover;filter:saturate(.72) contrast(1.12) brightness(.62);transform:scale(1.04)}.city-route{position:absolute;z-index:2;inset:0;width:100%;height:100%;fill:rgba(5,11,20,.9);stroke-linecap:round}.route-base{fill:none;stroke:rgba(232,201,120,.16);stroke-width:1.5}.route-live{fill:none;stroke:var(--soft);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 8px rgba(232,201,120,.65));animation:trace 9s var(--ease) infinite}.city-route circle{stroke:var(--soft);stroke-width:2;filter:drop-shadow(0 0 8px rgba(232,201,120,.65))}.launch-head,.launch-links{position:relative;z-index:3}.launch-head{max-width:820px}.launch-head>p{max-width:590px;margin:30px 0 0;color:rgba(242,245,247,.58);line-height:1.8}.launch-links{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin-top:86px;border-top:1px solid rgba(242,245,247,.24);border-bottom:1px solid rgba(242,245,247,.24)}.launch-links a{min-height:320px;display:flex;flex-direction:column;padding:34px;background:rgba(5,11,20,.62);backdrop-filter:blur(14px);transition:background .3s}.launch-links a+a{border-left:1px solid rgba(242,245,247,.24)}.launch-links a:hover{background:rgba(12,26,46,.86)}.launch-links .feature{background:rgba(214,168,79,.11)}.launch-links span{color:var(--soft);font-size:.55rem;font-weight:800;letter-spacing:.14em}.launch-links strong{margin-top:auto;font-size:clamp(2.8rem,5vw,5.6rem);line-height:.9;letter-spacing:-.04em}.launch-links p{margin:17px 0;color:rgba(242,245,247,.52);font-size:.8rem}.launch-links b{padding-top:15px;border-top:1px solid rgba(242,245,247,.15);font-size:.6rem;letter-spacing:.1em}
.closing{position:relative;min-height:72vh;display:grid;place-items:center;padding:120px 20px;overflow:hidden;text-align:center}.closing>div:last-child{position:relative;z-index:2;max-width:900px}.closing p{max-width:600px;margin:28px auto 38px;color:rgba(242,245,247,.58)}.closing-orbit{position:absolute;width:min(72vw,820px);aspect-ratio:1;border:1px solid rgba(232,201,120,.12);border-radius:50%;animation:spin 45s linear infinite}.closing-orbit::before,.closing-orbit::after{position:absolute;inset:16%;border:1px solid rgba(148,189,211,.1);border-radius:50%;content:""}.closing-orbit::after{inset:34%;border-color:rgba(232,201,120,.16)}.closing-orbit i{position:absolute;top:0;left:50%;width:1px;height:50%;background:linear-gradient(var(--soft),transparent)}
footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:28px;padding:46px clamp(20px,4vw,68px);border-top:1px solid var(--line);background:var(--ink)}footer p{margin:0;color:rgba(242,245,247,.4);font-size:.68rem}footer nav{display:flex;gap:24px;font-size:.64rem;font-weight:700;letter-spacing:.08em}footer a:hover{color:var(--soft)}footer small{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line);color:rgba(242,245,247,.28);font-size:.54rem;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.visible{opacity:1;transform:none}
@keyframes drift{to{transform:translate3d(3%,-2%,0) rotate(4deg)}}@keyframes pulse{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes breathe{to{transform:translate3d(var(--x),var(--y),0) scale(1.11) rotate(.6deg);filter:saturate(.9) contrast(1.18) brightness(.9)}}@keyframes light{0%,18%{transform:translateX(-45%);opacity:0}42%{opacity:.75}70%,100%{transform:translateX(45%);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ring1{to{transform:translate(-50%,-50%) rotate(388deg)}}@keyframes ring2{to{transform:translate(-50%,-50%) rotate(326deg)}}@keyframes trace{0%,8%{stroke-dashoffset:1;opacity:.15}52%,76%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-1;opacity:.1}}
@media(max-width:1100px){.desktop-nav{display:none}.topbar{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr}.instrument{right:-260px;width:780px;opacity:.58}.field{grid-template-columns:1fr}.field-copy{position:static;max-width:720px}.work-list article{grid-template-columns:120px 1fr 1fr}.work-list article>b{display:none}}
@media(max-width:760px){:root{--header:70px}.topbar{padding:0 20px}.top-actions{display:none}.menu-button{display:grid;gap:6px;width:42px;height:42px;place-content:center;border:0;background:transparent}.menu-button span{width:22px;height:1px;background:var(--mist);transition:.25s}.menu-button i{position:absolute;width:1px;height:1px;overflow:hidden}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:fixed;top:var(--header);right:0;left:0;display:grid;padding:20px;border-bottom:1px solid var(--line);background:rgba(5,11,20,.98);transform:translateY(-130%);opacity:0;pointer-events:none;transition:transform .38s var(--ease),opacity .25s}.mobile-nav.open{transform:none;opacity:1;pointer-events:auto}.mobile-nav a{padding:13px 4px;border-bottom:1px solid var(--line);font-size:.82rem}.hero{min-height:900px;display:block;padding:126px 20px 76px}.hero::before{background:linear-gradient(180deg,rgba(5,11,20,.28),rgba(5,11,20,.97) 65%,var(--ink))}.hero h1{font-size:clamp(4rem,21vw,6.4rem)}.hero h1 small{margin-left:0}.live-label{max-width:280px;font-size:.55rem}.lede{margin-top:28px;padding-left:18px;font-size:.92rem}.hero-actions{flex-direction:column}.button{width:100%}.instrument{top:28px;right:-250px;width:610px;opacity:.47;transform:none}.coords{display:none}.calibrate{right:24%;bottom:15%;min-width:170px}.hero-foot{right:20px;left:20px;font-size:.46rem}.field,.work,.launch{padding:100px 20px}.field h2,.launch h2,.closing h2{font-size:clamp(2.7rem,13vw,4.4rem)}.console-main{grid-template-columns:1fr}.signal-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid var(--line)}.signal-tab{min-height:105px;display:block;padding:15px 8px;text-align:center;border-right:1px solid var(--line);border-bottom:0}.signal-tab:last-child{border-right:0}.signal-tab>b,.signal-tab small{display:none}.signal-tab strong{font-size:.57rem}.signal-tab i{display:block;margin:12px auto}.signal-detail{min-height:420px;padding:28px 22px}.measures{grid-template-columns:1fr}.measures div{display:flex;justify-content:space-between}.work-intro{grid-template-columns:1fr;gap:30px;margin-bottom:68px}.work-intro h2{font-size:clamp(2.8rem,13vw,4.5rem)}.work-list article{min-height:230px;grid-template-columns:1fr;gap:13px;padding:28px 0}.work-list article:hover{transform:none}.launch-links{grid-template-columns:1fr}.launch-links a+a{border-top:1px solid rgba(242,245,247,.24);border-left:0}.launch-links a{min-height:280px}.launch::after{background:linear-gradient(180deg,rgba(5,11,20,.82),rgba(5,11,20,.97))}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.trace,.route-live{stroke-dashoffset:0}}

/* Hero compass refinement: preserve the photographed instrument and replace synthetic gyro overlays with light. */
.instrument svg,.instrument .ring,.instrument .north,.instrument .needle,.instrument .pin,.instrument .calibrate{display:none}
.instrument img{opacity:.86;filter:saturate(.88) contrast(1.16) brightness(.86) drop-shadow(0 0 18px rgba(94,134,168,.2));animation:compassGlow 7.5s ease-in-out infinite alternate}
.instrument::before{position:absolute;z-index:1;inset:12%;border-radius:50%;content:"";background:radial-gradient(circle at 48% 43%,rgba(232,201,120,.12),transparent 34%),radial-gradient(circle at 52% 54%,transparent 48%,rgba(94,134,168,.2) 72%,transparent 84%);box-shadow:inset 0 0 42px rgba(232,201,120,.08),0 0 54px rgba(94,134,168,.12);animation:compassHalo 6.8s ease-in-out infinite alternate;pointer-events:none}
.instrument::after{z-index:5;inset:8%;border-radius:50%;background:linear-gradient(112deg,transparent 27%,rgba(255,255,255,.03) 38%,rgba(255,238,188,.28) 47%,rgba(255,255,255,.1) 51%,transparent 62%);background-size:250% 100%;mix-blend-mode:screen;animation:compassShimmer 7.8s cubic-bezier(.16,1,.3,1) infinite}
@keyframes compassGlow{0%{filter:saturate(.82) contrast(1.13) brightness(.8) drop-shadow(0 0 10px rgba(94,134,168,.12))}100%{filter:saturate(.94) contrast(1.2) brightness(.92) drop-shadow(0 0 32px rgba(232,201,120,.22))}}
@keyframes compassHalo{0%{opacity:.48;transform:scale(.97)}100%{opacity:.9;transform:scale(1.025)}}
@keyframes compassShimmer{0%,18%{background-position:145% 0;opacity:0}34%{opacity:.82}58%{background-position:-45% 0;opacity:.62}72%,100%{background-position:-45% 0;opacity:0}}