:root{--bg: #0a0f1d;--bg-deep: #060a14;--blueprint: #4a90d9;--cyan: #5ad1ef;--cyan-soft: #8fe3f5;--ink: #cdd9ee;--ink-dim: #6b7a99;--line: rgba(120, 180, 230, .14);--line-strong: rgba(120, 180, 230, .3);--grid-fine: 12px;--grid-major: 120px;--grid-fine-color: rgba(90, 150, 210, .05);--grid-major-color: rgba(90, 160, 220, .1);--font-mono: "DIN Alternate", "Consolas", "SF Mono", ui-monospace, monospace;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--z-stage: 1;--z-nav: 50;--z-preloader: 100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-sans);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(40,90,150,.12),transparent 70%),linear-gradient(to right,var(--grid-major-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-major-color) 1px,transparent 1px),linear-gradient(to right,var(--grid-fine-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-fine-color) 1px,transparent 1px);background-size:100% 100%,var(--grid-major) var(--grid-major),var(--grid-major) var(--grid-major),var(--grid-fine) var(--grid-fine),var(--grid-fine) var(--grid-fine);background-attachment:fixed}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 90% 90% at 50% 50%,transparent 55%,rgba(4,8,18,.75) 100%)}#webgl-stage{position:fixed;inset:0;z-index:0;pointer-events:none}#webgl-stage canvas{display:block;width:100%;height:100%}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.preloader{position:fixed;inset:0;z-index:var(--z-preloader);display:grid;place-items:center;overflow:hidden;background:transparent}.preloader__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(30,70,130,.15),transparent 70%),var(--bg-deep)}.preloader__inner{position:relative;display:flex;flex-direction:column;align-items:center;padding:3.5rem}.preloader__frame{position:absolute;inset:-.5rem;pointer-events:none}.corner{position:absolute;width:24px;height:24px;border:1px solid var(--cyan);opacity:0}.corner--tl{top:0;left:0;border-right:0;border-bottom:0}.corner--tr{top:0;right:0;border-left:0;border-bottom:0}.corner--bl{bottom:0;left:0;border-right:0;border-top:0}.corner--br{bottom:0;right:0;border-left:0;border-top:0}.preloader__logo{position:relative;width:min(480px,84vw);aspect-ratio:624 / 172}.lp-lines{position:absolute;inset:0}.lp-lines svg{width:100%;height:100%;overflow:visible}.lp-lines .draw{fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(90,209,239,.4))}.lp-real{position:absolute;inset:0;background:url(/safir-logo-mark.png) center / contain no-repeat;opacity:0;filter:drop-shadow(0 0 20px rgba(90,160,220,.22))}.preloader.is-hidden{pointer-events:none}.site-logo{position:fixed;top:0;left:clamp(1rem,3vw,2.5rem);width:clamp(120px,14vw,168px);height:66px;z-index:calc(var(--z-nav) + 1);background:url(/safir-logo-mark.png) left center / contain no-repeat;filter:drop-shadow(0 0 12px rgba(90,160,220,.18));opacity:0;transition:filter .3s ease,transform .3s ease}.site-logo:hover{filter:drop-shadow(0 0 16px rgba(90,209,239,.4));transform:translateY(-1px)}.sidenav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);display:flex;align-items:center;height:66px;padding:0 clamp(1rem,3vw,2.5rem);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0c1426d9,#080e1c8c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0}.sidenav__brand{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.28em;color:var(--ink-dim);white-space:nowrap;margin-left:calc(clamp(120px,14vw,168px) + clamp(1rem,2.4vw,1.8rem) + 1.4rem);padding-left:1.2rem;border-left:1px solid var(--line)}.sidenav__brand b{color:var(--cyan);font-weight:600}.sidenav__list{list-style:none;display:flex;flex-direction:row;align-items:center;gap:.3rem;margin-left:auto}.navitem{position:relative;display:flex;align-items:center;gap:.7rem;padding:.55rem .9rem;cursor:pointer;color:var(--ink-dim);background:none;border:none;border-bottom:2px solid transparent;text-align:left;font-family:var(--font-sans);white-space:nowrap;transition:color .3s ease,border-color .3s ease,background .3s ease}.navitem:hover{color:var(--ink);background:#5aa0dc0f}.navitem.is-active{color:var(--cyan);border-bottom-color:var(--cyan);background:linear-gradient(180deg,transparent,rgba(90,209,239,.08))}.navitem__idx{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em;color:var(--blueprint);opacity:.85}.navitem.is-active .navitem__idx{color:var(--cyan);opacity:1}.navitem__label{display:flex;flex-direction:column;line-height:1.15}.navitem__title{font-size:.82rem;letter-spacing:.03em;font-weight:500}.navitem__sub{font-family:var(--font-mono);font-size:.52rem;letter-spacing:.12em;color:var(--ink-dim);margin-top:2px}.navacc{position:relative}.navitem__chev{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .35s ease;opacity:.7}.navacc.is-open .navitem__chev{transform:rotate(-135deg)}.navitem__idx--grp{font-size:.58rem;letter-spacing:0}.navacc__sub{position:absolute;top:calc(100% + 6px);right:0;list-style:none;display:flex;flex-direction:column;gap:.15rem;min-width:190px;padding:.4rem;border:1px solid var(--line);border-radius:5px;background:linear-gradient(160deg,#0e1628f5,#090f1cf0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #04081280;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .28s ease,transform .28s ease}.navacc.is-open .navacc__sub{opacity:1;transform:translateY(0);pointer-events:auto}.navacc__sub .navitem{width:100%;border-bottom:none;border-left:2px solid transparent;border-radius:3px;padding:.5rem .7rem}.navacc__sub .navitem.is-active{border-left-color:var(--cyan);border-bottom-color:transparent}@media(max-width:520px){.navacc__sub{right:auto;left:0}}.sidenav__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--line);overflow:hidden}.sidenav__progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--blueprint),var(--cyan));box-shadow:0 0 8px #5ad1ef99}@media(max-width:780px){.sidenav{height:58px;gap:0}.sidenav__brand{display:none}.navitem{padding:.5rem .6rem;gap:.4rem}.navitem__sub{display:none}}.stage{position:relative;z-index:var(--z-stage)}.section{position:relative;min-height:100vh;width:100%;display:grid;place-items:center;padding:4rem clamp(1rem,6vw,6rem);overflow:hidden}.section__scene{position:relative;width:100%;max-width:1100px;min-height:60vh;display:grid;place-items:center}.blueprint-title{position:relative;text-align:center;padding:2.4rem 3rem}.blueprint-title:before,.blueprint-title:after{content:"";position:absolute;width:42px;height:42px;border:1px solid var(--cyan);opacity:.5}.blueprint-title:before{top:0;left:0;border-right:0;border-bottom:0}.blueprint-title:after{bottom:0;right:0;border-left:0;border-top:0}.blueprint-title__main{font-family:var(--font-sans);font-weight:700;font-size:clamp(1.8rem,5vw,4rem);line-height:1.05;letter-spacing:.02em;color:var(--ink);text-shadow:0 0 30px rgba(90,160,220,.25)}.blueprint-title__main .accent{color:var(--cyan)}.blueprint-title__rule{width:0;height:1px;margin:1.6rem auto 1.2rem;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.blueprint-title__desc{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.24em;color:var(--ink-dim);text-transform:uppercase}.scroll-cue{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.3em;color:var(--ink-dim)}.scroll-cue__line{width:1px;height:34px;background:linear-gradient(var(--cyan),transparent);animation:cue-pulse 1.8s ease-in-out infinite}@keyframes cue-pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.scene{position:relative;width:100%;height:100vh;overflow:hidden}.scene__stage{position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(40,96,168,.35),transparent 72%),linear-gradient(180deg,#123056,#0d2247 60%,#0a1a38)}.scene__stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,180,230,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,230,.07) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.scene__stage--webgl{background:#14355f}.scene__stage--webgl:before{display:none}.scene__stage--webgl canvas{position:absolute;inset:0;display:block}.scene__caption{position:absolute;left:50%;bottom:7vh;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-family:var(--font-mono);color:var(--ink);padding:14px 26px;border-radius:12px;background:#08142c85;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(143,214,255,.18);box-shadow:0 8px 30px #00000059;text-shadow:0 2px 10px rgba(0,0,0,.55);min-width:min(60vw,420px)}.scene__caption .scene__idx{font-size:12px;letter-spacing:4px;color:var(--cyan)}.scene__caption b{font-size:clamp(18px,2.4vw,30px);letter-spacing:3px}.scene__caption span:last-child{font-size:12px;letter-spacing:2px;color:var(--ink-dim)}.modeswitch{position:fixed;top:78px;right:18px;z-index:60;display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:10px;background:#08142c9e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(143,214,255,.2);font-family:var(--font-mono, monospace);opacity:0;transition:opacity .6s ease}.modeswitch.is-visible{opacity:1}.modeswitch.is-busy{pointer-events:none}.modeswitch__label{font-size:9px;letter-spacing:3px;color:var(--ink-dim, #7f9dc0);padding-right:6px}.modeswitch button{appearance:none;border:1px solid transparent;background:transparent;color:var(--ink-dim, #8fa8c8);font:inherit;font-size:10px;letter-spacing:2px;padding:5px 9px;border-radius:6px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.modeswitch button:hover{color:var(--ink, #dcecff);background:#5ad1ef1a}.modeswitch button.is-active{color:var(--cyan, #5ad1ef);border-color:#5ad1ef73;background:#5ad1ef24}.scene__loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-mono, monospace);font-size:12px;letter-spacing:4px;color:var(--cyan, #8fd6ff);opacity:.75;pointer-events:none;animation:scene-load-pulse 1.6s ease-in-out infinite}.scene__loading.is-done{opacity:0;animation:none;transition:opacity .5s ease}@keyframes scene-load-pulse{0%,to{opacity:.28}50%{opacity:.8}}.scene-reserve{width:100%;pointer-events:none}.flow__cue{position:absolute;left:50%;bottom:5vh;transform:translate(-50%);font-family:var(--font-mono, monospace);font-size:12px;letter-spacing:3px;color:var(--cyan, #8fd6ff);opacity:.8}