:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none;color:#f2f7ff;background:#071425}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #effaff;outline-offset:5px}h1,h2,h3,p{margin:0}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.skip-link{position:fixed;top:12px;left:12px;z-index:20;background:#f1f9ff;color:#06152b;padding:12px 24px;border-radius:5px;transform:translateY(-170%)}.skip-link:focus{transform:none}
.world{position:relative;isolation:isolate;overflow:hidden;min-height:max(100svh,56vw,680px);background:#071425}.world-picture{position:absolute;inset:0;z-index:-3;pointer-events:none}.world-art{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 36%;animation:none;transform:none}.copy-shade{position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(90deg,transparent 8%,#06101f24 15%,#06101f1c 37%,transparent 46%),linear-gradient(0deg,#06101f26,transparent 25%)}
.site-header{position:absolute;z-index:3;top:20px;left:8%;right:6%;display:flex;align-items:center;justify-content:space-between}.brand-home{display:grid;place-items:center;width:50px;height:56px}.brand-symbol{width:44px;height:53px;filter:drop-shadow(0 0 10px #64c5ff)}nav{display:flex;gap:34px;align-items:center}nav a{display:flex;align-items:center;min-height:44px;padding:8px 4px;font-size:14px;letter-spacing:.045em;text-shadow:0 2px 8px #020916}nav a:hover{color:#bfeaff;text-decoration:underline;text-underline-offset:7px}
.hero-identity{position:absolute;left:13.7%;top:20.5%;max-width:33%}.hero-identity h1{font-size:clamp(48px,4.65vw,82px);font-weight:350;line-height:1.12;letter-spacing:.19em;text-shadow:0 0 10px #7eaaff,0 0 32px #58a4ff44}.motto{font-size:clamp(12px,1.12vw,20px);letter-spacing:.14em;line-height:1.55;margin-top:9px;white-space:nowrap;text-shadow:0 2px 7px #031020}.mobile-break{display:none}.hero-entry{position:absolute;left:13.7%;top:calc(20.5% + clamp(126px,9vw,160px));max-width:33%}.belief{font-size:clamp(13px,1.35vw,23px);line-height:1.55;letter-spacing:.09em;text-shadow:0 2px 4px #020812,0 0 12px #031020}.entry-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;min-width:230px;padding:10px 27px;margin-top:25px;border:1px solid #eefcff;border-radius:40px;background:linear-gradient(120deg,#d8f8ff,#98dbff 55%,#d1f3ff);color:#08254d;font-weight:600;font-size:clamp(15px,1.25vw,20px);box-shadow:inset 0 1px 7px #fff,0 0 7px #def8ff,0 0 24px #5eaeffbf;transition:box-shadow .2s,background .2s}.entry-button:hover{background:#e9faff;box-shadow:inset 0 1px 8px #fff,0 0 10px #fff,0 0 33px #5eaeff}.entry-button:disabled{cursor:wait;opacity:.72}.entry-button svg{width:24px;height:24px;stroke-width:1.8}.no-script{font-size:12px;margin-top:12px;text-decoration:underline}
.module-console{position:absolute;bottom:5%;left:16.5%;right:16.5%;padding:8px;border:1px solid #83c5ffc4;border-radius:19px;background:linear-gradient(120deg,#1747768c,#071c38ad);box-shadow:inset 0 0 18px #5da4ff44,0 0 0 4px #79c2ff16,0 0 25px #459be926;backdrop-filter:blur(8px)}.module-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.module-card{position:relative;min-width:0;min-height:74px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:9px 4px;border:1px solid #86c4f97a;border-radius:10px;background:linear-gradient(140deg,#5894c94f,#1332549c);box-shadow:inset 0 1px 12px #8eceff16;color:#b8e8ff}.module-card svg{width:28px;height:28px;filter:drop-shadow(0 0 6px #6dbaff70)}.module-card h3{font-size:13px;line-height:1.15;font-weight:500;color:#f5f8ff;text-shadow:0 1px 4px #000a}.module-card[data-module=lab],.module-card[data-module=health]{color:#efb5f0}.module-card[data-module=circle],.module-card[data-module=office],.module-card[data-module=legal]{color:#f8dfab}.module-card[data-module=budget],.module-card[data-module=haven]{color:#a5f0e5}.planned{position:absolute;top:4px;right:6px;font-size:9px;line-height:1;letter-spacing:.02em;color:#d2e5fb}.motion-toggle{position:absolute;right:15px;bottom:17px;min-width:44px;min-height:44px;display:flex;align-items:center;gap:6px;padding:9px;border:1px solid #bedcff55;border-radius:50px;background:#071a35b8;color:#deeeff;font-size:10px}.motion-toggle svg{width:17px;height:17px}.motion-toggle[hidden]{display:none}.motion-toggle[aria-pressed=true] svg{opacity:.5}
.hologram-light{position:absolute;pointer-events:none;z-index:-1;width:16%;height:20%;left:51.8%;top:35%;border-radius:50%;background:radial-gradient(ellipse,#cbf6ff38,transparent 65%);mix-blend-mode:screen;animation:holo-breathe 8s ease-in-out infinite alternate}.horizon-glow{position:absolute;z-index:-1;pointer-events:none;left:70%;top:27%;width:26%;height:12%;background:radial-gradient(ellipse,#ffe4af2b,transparent 65%);animation:holo-breathe 13s ease-in-out infinite alternate-reverse}.terrace-light{position:absolute;z-index:-1;pointer-events:none;left:10%;right:10%;bottom:3%;height:1px;background:linear-gradient(90deg,transparent,#b1eaffb3,transparent);box-shadow:0 0 14px 2px #7ad0ff44;animation:light-travel 15s ease-in-out infinite alternate}@keyframes holo-breathe{from{opacity:.25}to{opacity:.8}}@keyframes light-travel{from{transform:translateX(-12px);opacity:.2}to{transform:translateX(12px);opacity:.65}}[data-motion=paused] .scene-motion,[data-page-hidden=true] .scene-motion{animation-play-state:paused}
.story{position:relative;padding:72px max(6%,calc((100vw - 1280px)/2));background:radial-gradient(ellipse at 20% 0,#14416b55,transparent 60%),linear-gradient(#08192d,#06101e)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#aed6f4;margin-bottom:17px}.story h2{font-size:clamp(24px,2.2vw,34px);line-height:1.2;font-weight:400;margin-bottom:17px}.story article>p:last-child{font-size:14px;line-height:1.8;color:#c1d1e5;max-width:320px}.availability{color:#b9cce1;font-size:11px;margin-top:45px}footer{padding:18px 6%;display:flex;justify-content:space-between;align-items:center;background:#06101e;border-top:1px solid #8fc1e62b;color:#b6cbe1;font-size:11px}footer a{min-height:44px;display:flex;align-items:center;gap:20px}
@media(min-width:1800px){.module-card{min-height:88px}.module-card svg{width:32px;height:32px}.module-card h3{font-size:15px}.module-console{padding:10px}.planned{font-size:9px}.site-header{top:27px}.entry-button{min-height:60px;min-width:275px}.motto{margin-top:13px}}
@media(max-width:1150px) and (orientation:landscape){.hero-identity{left:12%;max-width:37%}.hero-entry{left:12%;max-width:37%;top:calc(20.5% + 110px)}.hero-identity h1{font-size:52px}.module-console{left:10%;right:10%}.module-card{min-height:67px}.module-card h3{font-size:12px}.entry-button{min-width:210px;min-height:48px;font-size:15px}.belief{font-size:14px}.motto{font-size:12px;letter-spacing:.07em}}
@media(max-width:1000px) and (orientation:portrait){.world{min-height:max(100svh,190vw,900px)}.world-art{object-position:50% 25%}.site-header{top:20px;left:6%;right:6%}.hero-identity{top:5.5%;left:5%;right:5%;max-width:none;text-align:center}.hero-identity h1{font-size:clamp(50px,7.1vw,65px);letter-spacing:.2em}.motto{white-space:normal;font-size:clamp(18px,2.35vw,23px);line-height:1.45;letter-spacing:.15em}.mobile-break{display:block}.motto-gap{display:none}.hero-entry{top:65%;left:5%;right:5%;max-width:none;text-align:center}.belief{font-size:clamp(14px,2.2vw,19px);line-height:1.5;letter-spacing:.06em}.entry-button{margin-top:18px;min-height:52px;min-width:250px;font-size:19px}.module-console{bottom:3%;left:7%;right:7%;padding:8px;border-radius:15px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.module-card{min-height:57px;flex-direction:row;gap:12px;padding:10px 8px;justify-content:center}.module-card h3{font-size:15px}.module-card svg{width:28px;height:28px;flex:none}.planned{font-size:8px;top:auto;bottom:4px;right:7px}.hologram-light{left:48%;top:42%;width:32%;height:16%}.horizon-glow{left:64%;top:24%;width:33%;height:10%}.copy-shade{background:linear-gradient(0deg,#03112620,transparent 35%,transparent 80%,#020b1920)}.motion-toggle{bottom:4px;right:8px;font-size:0;border:0;background:transparent}.motion-toggle svg{width:17px;height:17px}.story-grid{gap:28px}.story{padding:55px 6%}.story h2{font-size:27px}}
@media(max-width:700px){.world{min-height:max(100svh,218vw,900px)}.world-art{object-position:50% 0}.site-header{top:12px;left:6%;right:6%}.brand-home{width:44px;height:46px}.brand-symbol{width:34px;height:43px}nav{gap:19px}nav a{font-size:12px;letter-spacing:0}.idea-link{display:none}.hero-identity{top:7%;left:5%;right:5%;max-width:none;text-align:center}.hero-identity h1{font-size:clamp(35px,10vw,48px);letter-spacing:.2em}.motto{font-size:clamp(14px,3.5vw,18px);line-height:1.48;letter-spacing:.14em;white-space:normal;margin-top:6px}.mobile-break{display:block}.motto-gap{display:none}.hero-entry{top:63.5%;left:5%;right:5%;max-width:none;text-align:center}.belief{font-size:clamp(11px,2.9vw,14px);line-height:1.55;letter-spacing:.065em}.entry-button{min-height:46px;min-width:205px;font-size:16px;margin-top:14px;padding:8px 20px;gap:18px}.entry-button svg{width:22px;height:22px}.module-console{bottom:2.5%;left:6%;right:6%;padding:5px;border-radius:12px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.module-card{height:44px;min-height:44px;flex-direction:row;gap:7px;padding:7px 4px;border-radius:7px;justify-content:center}.module-card svg{width:21px;height:21px;flex:none}.module-card h3{font-size:12px}.planned{font-size:8px;right:4px;bottom:2px;top:auto}.is-planned h3{padding-bottom:4px}.hologram-light{left:43%;top:42%;width:39%;height:15%}.horizon-glow{left:60%;top:27%;width:38%;height:10%}.terrace-light{bottom:25%;left:0;right:0}.motion-toggle{bottom:0;right:3px;min-width:44px;min-height:44px;font-size:0;background:#05132b60;border:0}.motion-toggle svg{width:15px;height:15px}.story{padding:45px 7%}.story-grid{grid-template-columns:1fr;gap:34px}.story article{border-bottom:1px solid #8fc1e629;padding-bottom:27px}.story article:last-child{border:0;padding-bottom:0}.story h2{font-size:29px}.story article>p:last-child{font-size:14px;max-width:440px}.story h2 br{display:none}.story h2 br::after{content:" "}.availability{font-size:11px;line-height:1.65;margin-top:35px}footer{padding:18px 7%;gap:20px;font-size:10px}.copy-shade{background:linear-gradient(0deg,#03112622,transparent 40%,transparent 81%,#020b1926)}}
@media(max-width:360px){.module-card{gap:4px}.module-card h3{font-size:11px}.module-card svg{width:18px;height:18px}nav{gap:14px}}
.site-header nav{margin-left:auto}.site-header>.motion-toggle{position:static;margin-left:22px;flex:none;background:#06172a7a;min-height:44px;min-width:44px;border:1px solid #badbff55}.site-header>.motion-toggle span{display:none}@media(max-width:700px){.site-header>.motion-toggle{margin-left:8px;padding:8px}nav{gap:13px}.site-header{left:4%;right:4%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hologram-light{opacity:.25}.horizon-glow{opacity:.2}.terrace-light{opacity:.3}}

/* Desktop composition follows available viewport height, not image aspect ratio. */
@media(min-width:701px) and (orientation:landscape){.world{height:100svh;min-height:100svh}}

/* Stable desktop art direction. UI geometry and character pixels stay unchanged. */
@media(min-width:701px) and (orientation:landscape){
  .world::before{content:"";position:absolute;inset:0;z-index:-4;pointer-events:none;background:url('/assets/yselya-cinematic-desktop.webp') center top/cover no-repeat}
  .world-picture{left:50%;right:auto;width:max(94%,min(100%,200svh));transform:translateX(-50%)}
  .world-art{object-position:50% 0}
}
@media(min-width:701px) and (orientation:landscape) and (min-aspect-ratio:16/9){
  .world-art{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
}
/* Independent holographic and environmental light; never transforms the art. */
.scene-energy{position:absolute;z-index:-1;pointer-events:none;max-width:none;fill:none;stroke:none;overflow:visible;visibility:hidden}
.scene-energy[data-aligned=true]{visibility:visible}
.scene-energy-mobile{display:none}
.energy-pulse{transform-box:fill-box;transform-origin:center;animation:energy-breathe 6s ease-in-out infinite alternate;opacity:.55}
.energy-orbit{fill:none;stroke:#b8f4ff;stroke-width:2.2;stroke-dasharray:28 72 4 54;stroke-linecap:round;filter:drop-shadow(0 0 3px #55cfff);animation:energy-orbit 12s linear infinite;opacity:.8}
.energy-orbit-back{stroke:#79bdff;stroke-width:1.8;stroke-dasharray:18 85 3 45;animation-duration:18s;animation-direction:reverse;opacity:.65}
.energy-atmosphere{fill:#b5e9ff;stroke:none;filter:drop-shadow(0 0 3px #71c7ff);animation:atmosphere-drift 18s ease-in-out infinite alternate;opacity:.65}
.energy-reflection{fill:none;stroke:#a4e9ff;stroke-width:2;stroke-linecap:round;stroke-dasharray:20 90;filter:drop-shadow(0 0 4px #56beff);animation:reflection-flow 14s linear infinite;opacity:.5}
@keyframes energy-breathe{from{opacity:.22;transform:scale(.96)}to{opacity:.85;transform:scale(1.07)}}
@keyframes energy-orbit{from{stroke-dashoffset:0}to{stroke-dashoffset:-316}}
@keyframes atmosphere-drift{from{transform:translate(0,0);opacity:.28}to{transform:translate(-24px,14px);opacity:.8}}
@keyframes reflection-flow{from{stroke-dashoffset:0;opacity:.25}50%{opacity:.65}to{stroke-dashoffset:-220;opacity:.25}}
@media(max-width:700px),(max-width:1000px) and (orientation:portrait){.scene-energy-desktop{display:none}.scene-energy-mobile{display:block}}
@media(prefers-reduced-motion:reduce){.scene-energy .scene-motion{animation:none!important;transform:none!important}.energy-pulse{opacity:.25}.energy-orbit{opacity:.35}.energy-atmosphere{opacity:.35}.energy-reflection{opacity:.25}}

/* Founder refinement: lower only the complete desktop module panel. */
@media(min-width:1001px) and (orientation:landscape){.module-console{bottom:2%}}
/* Localized, asynchronous light and flow overlays; original raster never moves. */
.waterfall-trail{fill:none;stroke:#c9eeff;stroke-width:2.1;stroke-linecap:round;opacity:.8}
.waterfall-shadow{fill:none;stroke:#114c7d;stroke-width:2;stroke-linecap:round;opacity:.28}
.world-waterfalls{animation:world-fall-flow 4.8s linear infinite;opacity:.7}
.world-water{fill:none;stroke:#a8e3ff;stroke-width:1.7;stroke-linecap:round;filter:drop-shadow(0 1px 2px #70c5ff);animation:world-water-flow 9s ease-in-out infinite alternate;opacity:.38}
.world-water-far{stroke:#75bcf4;stroke-width:1.2;animation-duration:13s;animation-delay:-7s;animation-direction:alternate-reverse}
.world-atmosphere{fill:none;stroke-width:13;stroke-linecap:round;filter:blur(5px);animation:world-atmosphere-drift 28s ease-in-out infinite alternate;opacity:.4}
.world-far-depth{animation:world-far-depth 32s ease-in-out infinite alternate;animation-delay:-9s}
.world-star{fill:#e2f4ff;stroke:none;filter:drop-shadow(0 0 3px #70bfff);animation:world-star-glow 11s ease-in-out infinite alternate;opacity:.5}
.world-star-1{animation-duration:17s;animation-delay:-5s}.world-star-2{animation-duration:23s;animation-delay:-12s}
.world-city{fill:none;stroke:#ffe1ac;stroke-width:2;stroke-dasharray:1.5 5;stroke-linecap:round;filter:drop-shadow(0 0 2px #ffa947);animation:world-city-glow 8.5s ease-in-out infinite alternate;opacity:.42}
.world-city-b{stroke:#a8e5ff;filter:drop-shadow(0 0 2px #52b9ff);animation-duration:14s;animation-delay:-5s}
.world-structure-sweep{fill:none;stroke:#fff0d3;stroke-width:2.8;stroke-linecap:round;stroke-dasharray:24 390;filter:drop-shadow(0 0 4px #b6e9ff);animation:world-structure-sweep 22s linear infinite;animation-delay:-6s;opacity:.55}
@keyframes world-fall-flow{from{transform:translateY(-70px)}to{transform:translateY(0)}}
@keyframes world-water-flow{from{transform:translate(-18px,1px);opacity:.2}to{transform:translate(18px,-1px);opacity:.58}}
@keyframes world-atmosphere-drift{from{transform:translate(-7px,2px);opacity:.23}to{transform:translate(7px,-2px);opacity:.62}}
@keyframes world-far-depth{from{transform:translate(0,0)}to{transform:translate(-12px,5px)}}
@keyframes world-star-glow{from{opacity:.18}to{opacity:.78}}
@keyframes world-city-glow{from{opacity:.18}to{opacity:.75}}
@keyframes world-structure-sweep{from{stroke-dashoffset:0}to{stroke-dashoffset:-414}}
@media(max-width:700px),(max-width:1000px) and (orientation:portrait){.world-atmosphere{stroke-width:10;filter:none}.world-water-far{display:none}.world-star-2{display:none}.world-water,.world-city,.world-structure-sweep{filter:none}.world-waterfalls{animation-duration:6.2s;opacity:.58}}
@media(prefers-reduced-motion:reduce){.world-motion-layers .scene-motion{animation:none!important;transform:none!important}.world-waterfalls{opacity:.18}.world-water{opacity:.2}.world-atmosphere{opacity:.25}.world-city,.world-star{opacity:.3}.world-structure-sweep{opacity:.2}}

/* Approved identity subtitle; original artwork and scene layout remain unchanged. */
.wordmark-stack{--subtitle-size:clamp(16px,1.25vw,18px);--subtitle-gap:8px;position:relative;width:max-content;max-width:100%;padding-bottom:calc(var(--subtitle-size)*1.25 + var(--subtitle-gap))}.hero-subtitle{position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#DCEBFA;font-size:var(--subtitle-size);font-weight:400;line-height:1.25;letter-spacing:.12em;text-align:center;white-space:nowrap}.wordmark-stack+.motto{margin-top:4px}
@media(max-width:1150px) and (orientation:landscape){.wordmark-stack{--subtitle-gap:6px}}
@media(max-width:1000px) and (orientation:portrait){.wordmark-stack{margin-inline:auto;--subtitle-size:clamp(13px,2vw,15px)}}
@media(max-width:700px){.wordmark-stack{--subtitle-size:clamp(13px,3.5vw,15px)}.hero-subtitle{letter-spacing:.10em}}