@font-face{font-family:"Inter Variable";src:url("/fonts/inter-cyrillic.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter Variable";src:url("/fonts/inter-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F}
:root{--black:#08090d;--ink:#1d1d1f;--muted:#86868b;--blue:#0071e3;--paper:#f5f5f7;--sharp:#fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:50px}body{margin:0;background:var(--black);color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,"Inter Variable",Inter,"Segoe UI",Arial,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}::selection{background:#858cff;color:#fff}:focus-visible{outline:3px solid #86b9ff;outline-offset:3px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.wide{width:min(1140px,calc(100% - 64px));margin:auto}.center{text-align:center}.skip{position:absolute;top:-60px;left:10px;padding:12px 18px;background:white;color:#000;z-index:500}.skip:focus{top:10px}.nav{position:sticky;top:0;height:50px;background:rgba(10,11,16,.76);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);z-index:100;border-bottom:1px solid rgba(255,255,255,.075)}.nav-wrap{height:100%;width:min(1050px,calc(100% - 60px));margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{font-size:17px;letter-spacing:-.055em;font-weight:670;display:flex;align-items:center;gap:9px}.logo span{font-size:8px;align-self:flex-start;padding-top:2px}.links{display:flex;align-items:center;gap:33px;font-size:12px;color:#bdbdc6}.links a{transition:color .2s}.links a:hover{color:#fff}.nav-cta{font-size:12px;padding:7px 16px;border-radius:25px;background:#0071e3;color:#fff}.nav-cta:hover{background:#1786f3}.nav-toggle{display:none}.progress{position:fixed;top:50px;left:0;width:100%;height:2px;z-index:110;pointer-events:none}.progress>span{display:block;height:100%;width:0;background:#9198ff;box-shadow:0 0 14px #aeb4ff}
.micro{font-size:12px;letter-spacing:.12em;font-weight:710;color:#707077}.micro.bright{color:#a7aaff}.display{font-size:clamp(57px,8.6vw,124px);line-height:1.02;letter-spacing:-.075em;font-weight:730;margin:22px 0 25px}.display em{font-style:normal;background:linear-gradient(90deg,#8b81db,#8e9dff 54%,#544eac);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:clamp(18px,2.4vw,28px);color:#66666d;letter-spacing:-.035em;line-height:1.45;max-width:720px;margin:0 auto}.reveal{opacity:0;transform:translate3d(0,38px,0)}.reveal.visible{opacity:1;transform:none}.light{background:var(--paper);color:#1d1d1f}
.hero{min-height:calc(100svh - 50px);height:max(790px,calc(100svh - 50px));overflow:hidden;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse 44% 36% at 56% 67%,#1e274a99,transparent 100%),radial-gradient(ellipse 56% 50% at 55% 50%,#15172e 0%,transparent 90%),#06070b}.hero-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 52% 10% at 55% 77%,rgba(166,176,255,.27),transparent 72%);filter:blur(5px)}.hero-floor{position:absolute;width:160%;height:280px;top:68%;left:-30%;border-radius:50%;transform:rotate(-8deg);border-top:2px solid #a4a9ff7d;box-shadow:0 -15px 80px #737dff19,0 -1px 10px #aaaafc33;pointer-events:none;z-index:0}.hero-text{position:absolute;top:8%;left:50%;width:calc(100% - 40px);transform:translateX(-50%);text-align:center;z-index:4}.eyebrow{font-size:13px;font-weight:650;letter-spacing:.075em;color:#b6b7fa}.hero h1{font-size:clamp(54px,7.2vw,107px);letter-spacing:-.075em;line-height:1.065;margin:17px auto 18px;font-weight:740}.hero h1 span{background:linear-gradient(95deg,#eff0f8 8%,#9fa4ee 78%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-sub{color:#babac6;font-size:clamp(16px,2.1vw,23px);line-height:1.47;margin:0 auto;font-weight:470;letter-spacing:-.025em}.hero-buttons{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;background:#0071e3;color:white;border-radius:30px;padding:12px 22px;font-size:14px;font-weight:520;transition:background .2s,transform .2s}.button:hover{background:#2488f5;transform:translateY(-2px)}.button span{font-size:17px}.arrow-link{font-size:14px;color:#89c1ff}.arrow-link:hover{text-decoration:underline}.arrow-link span{font-size:22px;vertical-align:-1px;margin-left:5px}.hero-art{position:absolute;z-index:2;width:min(1180px,94vw);height:61%;bottom:-2.5%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;perspective:1000px;pointer-events:none}.hero-art img{max-height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 25px 65px #03020c8a);position:relative;z-index:4;will-change:transform;transform:translateZ(0)}.hero-orbit{border-radius:50%;position:absolute;left:10%;width:82%;height:64%;top:12%;border:1px solid #c9c9ff2c;transform:rotate(-17deg) skewX(-7deg)}.orbit-b{top:14%;width:95%;left:2.5%;height:74%;transform:rotate(18deg) skewX(4deg);border-color:#9696ff22}.hero-bottom{position:absolute;bottom:19px;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;font-weight:550;letter-spacing:.01em;color:#bfc0ca;z-index:6}.hero-bottom span{font-size:17px;display:inline-block;animation:nudge 1.9s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(7px)}}
.prologue{padding:170px 0 145px}.prologue .wide.center{max-width:1100px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:118px}.value{border-top:1px solid #cbcbce;padding-top:24px}.value-num{color:#77777e;font-size:12px;font-weight:650}.value h3{font-size:clamp(26px,3vw,36px);letter-spacing:-.05em;font-weight:670;margin:16px 0 12px}.value p{font-size:15px;line-height:1.65;color:#707077;max-width:270px;margin:0}
.scene-section{height:600vh;position:relative;background:#030407}.scene-sticky{position:sticky;top:50px;width:100%;height:calc(100svh - 50px);min-height:590px;overflow:hidden;background:radial-gradient(ellipse 44% 50% at 53% 49%,#161a29 0%,#0b0c13 65%,#030307 100%)}.scene-atmosphere{position:absolute;inset:0;background:radial-gradient(circle at 60% 51%,rgba(108,119,245,.085),transparent 47%);pointer-events:none}.scene-head{position:absolute;z-index:11;top:6.3%;width:calc(100% - 42px);left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}.scene-head h2{font-size:clamp(38px,5.4vw,76px);font-weight:720;letter-spacing:-.06em;line-height:1.02;margin:12px 0}.scene-head>p{font-size:clamp(14px,1.5vw,19px);color:#a5a5b3;max-width:690px;margin:0 auto;line-height:1.45}.scene-viewport{position:absolute;inset:0;z-index:3;overflow:hidden;cursor:grab;touch-action:pan-y}.scene-viewport:active{cursor:grabbing}.scene-viewport>canvas{width:100%;height:100%;display:block}.scene-fallback{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(1100px,90vw);height:auto;object-fit:contain;opacity:.96}.scene-viewport.webgl-ready .scene-fallback{display:none}.scene-side{position:absolute;left:3.2%;top:39%;z-index:10;display:flex;align-items:center;gap:15px;writing-mode:vertical-rl;color:#8e8d9e;font-size:10px;letter-spacing:.16em;font-weight:720;transform:rotate(180deg);pointer-events:none}.scene-side-line{width:1px;height:75px;background:rgba(200,200,230,.35)}.scene-callout{position:absolute;z-index:10;display:flex;flex-direction:column;gap:6px;max-width:220px;opacity:0;transform:translateY(18px);pointer-events:none}.scene-callout span{font-size:11px;color:#a2a6ff;font-weight:650}.scene-callout strong{font-size:17px}.scene-callout small{font-size:12px;color:#a9a9b2;line-height:1.45}.callout-left{left:6.8%;top:46%}.callout-right{right:5.8%;top:51%}.scene-foot{position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);width:min(1060px,calc(100% - 76px));display:flex;align-items:end;gap:27px;z-index:12}.scene-foot-copy{min-width:230px;display:flex;flex-direction:column;gap:7px}.scene-foot-copy>span{font-size:11px;letter-spacing:.12em;color:#dbdce9;font-weight:680}.scene-foot-copy>small{font-size:11px;color:#8d8e9a;max-width:290px;line-height:1.4}.scene-foot-track{height:2px;flex:1;background:rgba(255,255,255,.2);align-self:center;overflow:hidden}.scene-foot-track>span{display:block;height:100%;background:#9598ff;width:0;box-shadow:0 0 12px #aaadff}.scene-controls{display:flex;gap:16px;align-items:center}.scene-controls button{border:1px solid #6a6a75;background:rgba(255,255,255,.07);color:#fff;font-size:24px;border-radius:100%;width:43px;height:43px;display:grid;place-items:center}.scene-controls button:hover{background:#303244}.scene-index{font-size:12px;color:#d1d1e0;white-space:nowrap}
.interlude{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#f5f5f7;color:#1d1d1f;padding:130px 26px}.interlude h2{font-size:clamp(52px,7.3vw,103px);letter-spacing:-.072em;line-height:1.04;margin:30px auto;font-weight:740}.interlude h2 span{color:#898992}
.macro-section{background:#090a10}.macro-split{width:100%;display:grid;grid-template-columns:1.06fr .94fr;min-height:810px}.macro-picture{position:relative;min-height:730px;overflow:hidden;background:radial-gradient(circle at 55% 50%,#232b42,transparent 60%),#05070b;display:flex;align-items:center}.macro-picture img{position:absolute;left:-19%;width:147%;max-width:none;filter:drop-shadow(24px 18px 36px rgba(0,0,0,.4));transform:rotate(-12deg) scale(1.05);will-change:transform}.macro-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#090a10 100%);z-index:2;pointer-events:none}.macro-content{display:flex;flex-direction:column;justify-content:center;align-items:start;max-width:610px;padding:80px 9% 80px 6%}.macro-content h2{font-size:clamp(46px,5.2vw,75px);line-height:1.04;letter-spacing:-.07em;font-weight:730;margin:28px 0}.macro-content h2 span{color:#a7a7b1}.macro-content>p:not(.micro){font-size:20px;color:#aaaab4;line-height:1.55;max-width:495px;margin:0 0 40px}.macro-specs{width:100%}.macro-specs>div{border-top:1px solid #363641;padding:17px 0;display:flex;flex-direction:column;gap:6px}.macro-specs strong{font-size:16px;font-weight:620}.macro-specs span{font-size:13px;color:#898994}
.type-section{padding:140px 0 130px}.type-section .display{margin-top:26px}.segment{width:fit-content;display:flex;gap:4px;background:#e3e3e8;padding:5px;border-radius:50px;margin:44px auto 58px}.segment button{border:0;border-radius:50px;background:none;color:#6a6a70;font-size:15px;font-weight:620;padding:12px 26px;min-height:46px}.segment button[aria-pressed=true]{background:#fff;color:#1d1d1f;box-shadow:0 1px 8px #a4a4ac60}.product-stage{background:#fff;border-radius:28px;min-height:570px;display:grid;grid-template-columns:41% 59%;overflow:hidden}.product-info{padding:80px 0 75px 70px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.product-info h3{font-size:clamp(62px,7vw,95px);line-height:1;letter-spacing:-.076em;font-weight:740;margin:19px 0 20px}.product-info p{color:#707076;font-size:20px;max-width:390px;line-height:1.5;margin:0}.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}.product-tags span{border:1px solid #dddde2;padding:9px 12px;border-radius:30px;font-size:11px;color:#64646b}.product-photo{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}.product-light{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,#d6d9e9 0%,#f6f6f8 65%);z-index:-1}.product-photo img{width:114%;max-width:none;max-height:500px;object-fit:contain;filter:drop-shadow(10px 32px 24px #1114);transition:transform .7s cubic-bezier(.2,1,.3,1),opacity .26s}.product-photo img:hover{transform:translateY(-8px) rotate(-3deg)}
.last-hero{position:relative;min-height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse 52% 38% at 48% 88%,#3a447f88,transparent 80%),#070810;padding:125px 0}.last-glow{position:absolute;width:160%;height:38vw;border:1px solid #afb6ff4f;box-shadow:0 0 80px #747cff3b;border-radius:50%;bottom:-24%;left:-30%;transform:rotate(-9deg)}.last-inner{position:relative}.last-hero h2{font-size:clamp(58px,9.2vw,130px);letter-spacing:-.08em;line-height:.99;font-weight:740;margin:30px 0}.last-hero h2 em{font-style:normal;color:#aeb3ff}.last-hero p:not(.micro){font-size:22px;line-height:1.45;color:#acacb9;max-width:710px;margin:0 auto 35px}.light-button{background:#f5f5f7;color:#17171b}.light-button:hover{background:#fff}
footer{background:#111217;color:#8c8d98;padding:55px 0 31px}.footer-grid{display:flex;justify-content:space-between;gap:42px;align-items:start}.footer-brand strong{color:#f0f0f6;font-size:23px;letter-spacing:-.055em}.footer-brand p{font-size:12px;line-height:1.65;max-width:450px;margin:10px 0}.footer-links{display:flex;gap:25px;font-size:12px;color:#c4c4ce;flex-wrap:wrap}.footer-links a:hover{text-decoration:underline}.footer-bottom{font-size:11px;border-top:1px solid #34343a;margin-top:35px;padding-top:20px}
@media(max-width:950px){.hero{height:825px}.hero h1{font-size:clamp(54px,8.5vw,82px)}.hero-text{top:7%}.hero-art{height:59%;width:108vw}.macro-split{grid-template-columns:1fr 1fr}.macro-content{padding:65px 6%}.product-info{padding:60px 0 60px 40px}.product-stage{min-height:505px}.scene-callout{display:none}.scene-foot{width:calc(100% - 42px)}}
@media(max-width:680px){.wide{width:calc(100% - 38px)}.nav-wrap{width:calc(100% - 34px)}.links{display:none;position:absolute;left:0;right:0;top:50px;flex-direction:column;gap:0;align-items:stretch;padding:14px 26px 24px;background:rgba(14,15,20,.97);border-bottom:1px solid #2c2c36}.links.open{display:flex}.links a{padding:13px 0;font-size:15px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:34px;height:43px;border:0;background:none;padding:10px}.nav-toggle span{display:block;height:1.5px;width:18px;background:#f0f0f6;transition:transform .2s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-actions{display:flex;align-items:center;gap:10px}.hero{height:785px;min-height:760px}.hero-text{top:9%;width:calc(100% - 32px)}.eyebrow{font-size:10px}.hero h1{font-size:clamp(51px,10.5vw,74px);letter-spacing:-.07em;margin:19px 0}.hero-sub{font-size:17px;line-height:1.43}.hero-sub br{display:none}.hero-buttons{flex-direction:column;gap:14px;margin-top:23px}.hero-art{width:165vw;height:52%;bottom:6%;max-width:none}.hero-orbit{display:none}.hero-floor{top:75%}.hero-bottom{font-size:10px;bottom:22px}.prologue{padding:95px 0}.display{font-size:clamp(47px,11.5vw,76px)}.lead{font-size:18px}.value-grid{grid-template-columns:1fr;gap:25px;margin-top:75px}.value{padding-top:19px}.value h3{font-size:31px}.value p{font-size:15px;max-width:none}.scene-section{height:500vh}.scene-sticky{min-height:0}.scene-head{top:8%;width:calc(100% - 25px)}.scene-head h2{font-size:clamp(37px,9vw,57px)}.scene-head p{font-size:13px;max-width:320px}.scene-viewport .scene-fallback{width:135vw;max-width:none}.scene-side{display:none}.scene-foot{bottom:7%;width:calc(100% - 32px);gap:10px;flex-wrap:wrap}.scene-foot-copy{width:100%;min-width:0}.scene-foot-copy small{font-size:10px}.scene-foot-track{width:70%;flex:1}.scene-controls{gap:8px}.scene-controls button{width:40px;height:40px}.scene-index{font-size:11px}.interlude{min-height:62vh;padding:90px 18px}.interlude h2{font-size:clamp(46px,9.5vw,72px)}.macro-split{grid-template-columns:1fr}.macro-picture{min-height:430px}.macro-picture img{left:-10%;width:122%;transform:rotate(-10deg)}.macro-glow{background:linear-gradient(transparent 55%,#090a10)}.macro-content{padding:15px 25px 85px}.macro-content h2{font-size:51px}.macro-content>p:not(.micro){font-size:18px}.type-section{padding:90px 0}.segment{margin:37px auto}.product-stage{border-radius:20px;display:flex;flex-direction:column;min-height:0}.product-info{padding:44px 25px 10px}.product-info h3{font-size:65px}.product-info p{font-size:17px}.product-photo{min-height:320px}.product-photo img{width:125%;height:auto}.last-hero{min-height:650px;padding:105px 20px}.last-hero h2{font-size:clamp(55px,11vw,77px)}.last-hero p:not(.micro){font-size:18px}.footer-grid{flex-direction:column;gap:26px}.footer-links{gap:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-bottom span{animation:none}.reveal{opacity:1!important;transform:none!important}}


/* System typography follows Apple platforms without distributing restricted fonts. */
h1,h2,h3{font-weight:600;letter-spacing:-.045em}button,a{-webkit-tap-highlight-color:transparent}.hero-art img{object-fit:contain;filter:drop-shadow(0 30px 32px #0008);transform:none}.hero-orbit{display:none}.scene-viewport canvas{touch-action:pan-y}.scene-head{pointer-events:none}.scene-head p{max-width:600px}.hero-art{opacity:1}.hero h1{letter-spacing:-.055em}.footer-bottom{line-height:1.8}
.photo-assembly{position:absolute;inset:0;display:grid;place-items:center;transform:scale(var(--assembly-scale,1));will-change:transform}.photo-intact{position:absolute;width:78%;height:85%;object-fit:contain;filter:drop-shadow(0 28px 30px #0008);pointer-events:none}.photo-fragments{position:absolute;width:96%;height:80%;display:flex;align-items:stretch;opacity:0}.photo-part{width:20%;height:100%;flex:none;background-image:url('/images/bayan-parts.webp');background-size:500% 100%;background-repeat:no-repeat;will-change:transform;filter:drop-shadow(0 18px 18px #0006)}.photo-ready .scene-fallback{display:none}.photo-error .photo-fragments{display:none}.scene-controls button{display:none}.scene-callout{pointer-events:none}.scene-head{z-index:3}.scene-foot{z-index:3}.photo-assembly{pointer-events:none}.hero-art{transform:translateX(-50%)}.hero-art img{width:100%;height:100%;object-fit:contain}.hero-art{top:auto}
@media(max-width:680px){.photo-intact{width:100%;height:72%}.photo-fragments{width:105%;height:55%}.scene-head p{max-width:320px}.scene-callout{display:none}.hero-art img{max-width:100%;width:100%}}

.hero{height:900px}.hero-text{top:5%}.hero-art{height:55%;bottom:1%;width:min(1000px,90vw)}.hero-floor{display:none}.hero-bottom{bottom:12px}.scene-viewport{cursor:default}.photo-fragments{height:auto;aspect-ratio:3/1;max-width:96%;max-height:65%;width:96%;top:50%;transform:translateY(-40%)}.photo-intact{height:62%;width:78%;top:29%}
@media(max-width:680px){.hero{height:820px;min-height:820px}.hero-art{width:108vw;height:43%;bottom:5%}.hero-text{top:6%}.hero h1{font-size:clamp(48px,10vw,65px)}.hero-sub{font-size:16px}.hero-buttons{margin-top:20px}.photo-fragments{width:110%;max-width:110%;top:50%;transform:translateY(-30%)}.photo-intact{width:105%;height:55%;top:30%}}
.scene-callout{display:none!important}.hero h1{font-weight:600}.logo>span{font-size:9px;letter-spacing:.02em}.photo-intact{transition:none}.photo-fragments{transition:none}

@media(max-width:680px){.hero-art{width:96vw}.photo-fragments{width:96%;max-width:96%}}
/* The same five layers stay visible from assembly through disassembly. */
.photo-fragments{opacity:1;top:50%;transform:translateY(-34%);width:100%;max-width:100%;aspect-ratio:3/1;height:auto;max-height:68%}.photo-part{transition:none;transform-origin:center center}.photo-assembly{transform:scale(var(--assembly-scale,1))}.photo-intact{display:none}
@media(max-width:680px){.photo-fragments{width:110%;max-width:110%;top:53%;transform:translateY(-35%)}}
.photo-fragments{perspective:1100px}.photo-part{backface-visibility:hidden}