@font-face{font-family:Onest;src:url('/assets/onest-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;src:url('/assets/onest-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

/* Approved reference: a single scene, with independent mobile composition. */
:root{color-scheme:light;--bg:#f8faff;--text:#03050b;--muted:#394461;--line:#6876bb40;--menu:#f9faff;--shadow:#153b9320}
/* Light controls remain readable on every slide, including Contact. */
:root:not([data-theme=dark]) .slide .header-controls{color:var(--text)}
:root:not([data-theme=dark]) .slide .icon-button{color:var(--text);background:transparent;border-color:var(--line)}
:root[data-theme=dark]{color-scheme:dark;--bg:#080e20;--text:#f4f6ff;--muted:#aab6db;--menu:#101a34;--shadow:#0005}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font:400 16px/1.5 Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}svg{width:24px;height:24px;flex-shrink:0}[hidden]{display:none!important}:focus-visible{outline:2px solid #628dff;outline-offset:5px}::selection{background:#3446ff;color:white}.skip-link{position:absolute;top:-80px;z-index:20;background:var(--menu);padding:10px}.skip-link:focus{top:10px}.header{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:8px}.brand{position:relative;width:100px;height:36px;overflow:hidden;flex-shrink:0}.logo{position:absolute;width:200px;height:auto;left:-51px;top:-48px;max-width:none}.logo-dark{display:none}[data-theme=dark] .logo-dark{display:block}[data-theme=dark] .logo-light{display:none}.header-controls{display:flex;align-items:center;gap:9px;color:#edf1ff}.language-switch{display:flex;font-size:11px;gap:2px}.language-switch a{min-width:29px;min-height:40px;display:grid;place-items:center;color:#a7b6e5}.language-switch a[aria-current]{color:white}.icon-button{width:35px;height:35px;border:1px solid #8b9eef66;background:#070e2233;color:inherit;border-radius:50%;display:grid;place-content:center;padding:0;cursor:pointer}.icon-button svg{width:20px;height:20px}.sun{display:none}[data-theme=dark] .sun{display:block}[data-theme=dark] .moon{display:none}.mobile-menu summary{list-style:none;border:0;background:transparent;gap:5px}.mobile-menu summary::-webkit-details-marker{display:none}.menu-line{display:block;height:1px;width:19px;background:currentColor;transition:transform .2s}.mobile-menu[open] .menu-line:first-child{transform:translateY(3px) rotate(45deg)}.mobile-menu[open] .menu-line:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{position:absolute;top:72px;left:18px;right:18px;border:1px solid var(--line);border-radius:22px;padding:14px;background:var(--menu);color:var(--text);box-shadow:0 20px 70px #0004;max-height:75svh;overflow:auto}.mobile-nav a{display:flex;align-items:center;gap:10px;padding:14px 5px;border-bottom:1px solid var(--line);font-size:14px}.mobile-nav a:last-child{border:0}.mobile-nav svg{margin-left:auto;width:18px}.nav-number{font-size:10px;color:var(--muted)}
.hero-stage{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;padding-top:96px;background:radial-gradient(ellipse at 25% 40%,#fff 0,transparent 60%),var(--bg)}[data-theme=dark] .hero-stage{background:radial-gradient(ellipse at 25% 40%,#142140,transparent 65%),var(--bg)}.shape-definitions{position:absolute;width:0;height:0}.art-canvas{position:absolute;inset:0;z-index:-1;background:#010617;clip-path:url(#scene-mobile);overflow:hidden}.digital-wave{position:absolute;inset:30% -18% -8%;background:url('/assets/scene-environment.webp') center/cover;opacity:.9;animation:wave-flow 24s ease-in-out infinite alternate}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#506cec13 1px,transparent 1px),linear-gradient(90deg,#506cec13 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(transparent,#0009 25%,#0006 75%,transparent)}.blue-light{position:absolute;inset:0;background:radial-gradient(ellipse at 36% 24%,#234bff45,transparent 24%),radial-gradient(ellipse at 80% 71%,#132aff44,transparent 30%);animation:light-breathe 12s ease-in-out infinite alternate}.orbit{position:absolute;width:90%;height:24%;border:1px solid #546dff66;border-radius:50%;transform:rotate(-24deg)}.orbit-one{left:10%;top:-8%}.orbit-two{right:-16%;bottom:14%;opacity:.3}.hero-copy{position:relative;z-index:3;padding:0 24px;width:100%}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.11em;color:var(--muted);margin-bottom:18px}.eyebrow span{width:22px;height:1px;background:linear-gradient(90deg,#3725ff,#9198bf)}h1{margin:0;font-size:clamp(46px,13.2vw,57px);font-weight:750;line-height:.99;letter-spacing:-.058em}.first-line,.digital,.last-line{display:block}.first-line{font-size:.72em;white-space:nowrap;line-height:1.1}.digital{font-size:1.13em;line-height:1.08;letter-spacing:-.062em;background:radial-gradient(ellipse at 2% 85%,#7be5ff,transparent 22%),linear-gradient(130deg,#8046ff 3%,#6836ff 24%,#1529ff 63%,#0065ff 96%);background-clip:text;-webkit-background-clip:text;color:transparent;position:relative}.last-line{font-size:.94em;line-height:1.08}.brand-dot{display:inline-block;width:.14em;height:.14em;background:#154aff;margin-left:.045em;border-radius:50%}.hero-description{font-size:13px;line-height:1.45;color:var(--muted);max-width:270px;margin:18px 0 15px}.start-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:168px;min-height:46px;padding:6px 7px 6px 20px;background:linear-gradient(120deg,#020817,#080e21);border:1px solid #435bff;border-radius:40px;color:white;box-shadow:0 12px 30px #2951e82b,0 0 1px #304fff;transition:box-shadow .25s,transform .25s;font-size:13px}.button-arrow,.pill-arrow{display:grid;place-items:center;border:1px solid #849cff66;border-radius:50%;background:#0d142866;flex-shrink:0}.button-arrow{width:32px;height:32px}.button-arrow svg{width:21px;height:21px}.start-button:hover{transform:translateY(-2px);box-shadow:0 13px 36px #2951e84d,0 0 12px #304fff40}.hero-visual{position:relative;height:257px;margin:12px 14px -4px;pointer-events:none;z-index:2}.chromatic{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 15px #203bff20)}.object-main{height:100%;width:54%;left:3%;top:0;animation:float-eight 12s ease-in-out infinite}.object-secondary{width:52%;height:auto;right:-1%;bottom:-6%;animation:ring-eight 15s ease-in-out infinite}.object-halo{position:absolute;inset:25% 5% 0;background:radial-gradient(ellipse,#132bff38,transparent 66%)}.light-orbit{position:absolute;left:0;top:22%;width:85%;height:43%;border:1px solid #dceaffc9;border-top-color:#698dff22;border-right-width:2px;border-radius:50%;transform:rotate(-27deg);box-shadow:2px 4px 7px #3579ff66;animation:orbit-breathe 9s ease-in-out infinite alternate}.satellite{position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 30% 23%,white 0,#91c6ff 6%,#3424fa 22%,#02083a 55%,#7c59ff 80%,#cedbff);box-shadow:0 0 10px #5338ff66;animation:satellite-float 13s ease-in-out infinite alternate}.satellite-one{right:13%;top:8%}.satellite-two{left:17%;top:4%;width:10px;height:10px;animation-delay:-6s}.spark{position:absolute;width:20px;height:20px;filter:drop-shadow(0 0 4px #638aff);animation:twinkle 5s ease-in-out infinite}.spark::before,.spark::after{content:'';position:absolute;background:linear-gradient(transparent,#fff,transparent);width:1px;height:100%;left:50%}.spark::after{transform:rotate(90deg)}.spark-one{top:35%;left:49%}.spark-two{top:65%;left:10%;width:12px;height:12px;animation-delay:-2s}.spark-three{top:16%;right:0;width:8px;height:8px;animation-delay:-3s}.directions{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 22px;scroll-margin-top:20px}.direction{display:flex;align-items:center;gap:9px;min-width:0;min-height:57px;padding:10px 10px;color:#f4f7ff;border:1px solid #738cdaaa;border-radius:16px;background:linear-gradient(135deg,#657fca50,#060b207d 55%,#2633c337);box-shadow:inset 0 1px 1px #e8f4ff5c,inset 0 -1px 2px #434bff80,0 6px 18px #0204152e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:left;transition:transform .25s,box-shadow .25s,background .25s}.service-icon{width:20px;height:20px;color:#d8e4ff;filter:drop-shadow(0 0 4px #7899ff70)}.service-copy{min-width:0;flex:1}.direction-name{display:block;font-size:12px;line-height:1.3;font-weight:500}.service-description{display:none}.pill-arrow{width:23px;height:23px}.pill-arrow svg{width:17px;height:17px}.direction:hover,.direction[aria-pressed=true]{background:linear-gradient(130deg,#6e8bdf70,#0d1743b0 55%,#363fd96b);box-shadow:inset 0 1px #e8f4ff6b,0 0 24px #2849ff4d;transform:translateY(-2px)}.scene-caption{display:none}.slide-footer{position:relative;z-index:3;display:flex;align-items:center;gap:16px;padding:25px 24px 22px;color:#fff}.slide-indicator{font-size:13px;white-space:nowrap}.slide-indicator span{color:#b2bae6}.progress-track{width:100px;height:1px;background:#7480b36b;position:relative}.progress-track::before{content:'';display:block;width:36%;height:1px;background:#333cff;box-shadow:0 0 6px #415dff}.footer-disciplines{display:none}.scroll-cue{margin-left:auto}.scroll-cue span{display:none}.scroll-cue svg{width:20px;transform:rotate(90deg)}
@keyframes float-eight{0%,100%{transform:translate(0,0) rotate(-2deg)}25%{transform:translate(6px,-7px) rotate(0deg)}50%{transform:translate(0,0) rotate(2deg)}75%{transform:translate(-6px,-7px) rotate(0deg)}}
@keyframes ring-eight{0%,100%{transform:translate(0,-3px) rotate(0deg)}25%{transform:translate(-6px,3px) rotate(-3deg)}50%{transform:translate(0,-3px) rotate(0deg)}75%{transform:translate(6px,3px) rotate(3deg)}}
@keyframes wave-flow{to{transform:translate(1.5%,-1%) scale(1.04)}}@keyframes light-breathe{to{opacity:.5}}@keyframes satellite-float{to{transform:translate(4px,-10px)}}@keyframes twinkle{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.05)}}@keyframes orbit-breathe{to{opacity:.55;transform:rotate(-24deg)}}
@media(min-width:600px) and (max-width:1099px){.hero-copy{padding-inline:8%;width:78%}h1{font-size:76px}.hero-description{font-size:17px;max-width:390px}.hero-visual{height:370px;margin-inline:12%}.directions{padding-inline:8%;gap:14px}.direction{padding:16px;min-height:76px}.direction-name{font-size:16px}.service-icon{width:28px;height:28px}.pill-arrow{width:32px;height:32px}.slide-footer{padding-inline:8%}.header{padding-inline:8%}.hero-stage{padding-top:125px}.art-canvas{clip-path:url(#scene-mobile)}}
@media(min-width:1100px){
 .header{padding:25px 4.8%;}.brand{width:145px;height:50px}.logo{width:280px;height:auto;left:-73px;top:-67px}.header-controls{gap:24px}.language-switch{font-size:16px;gap:10px}.icon-button{width:46px;height:46px}.icon-button svg{width:26px;height:26px}.menu-line{width:28px}.mobile-nav{left:auto;right:4.8%;width:380px;top:85px}.hero-stage{min-height:850px;height:100svh;padding:0}.art-canvas{clip-path:url(#scene-desktop)}.digital-wave{inset:15% -8% 0 23%;opacity:.9}.scene-grid{background-size:140px 140px;mask-image:linear-gradient(90deg,transparent 30%,#0008 40%,#0006)}.blue-light{background:radial-gradient(ellipse at 31% 10%,#1d4cff77,transparent 15%),radial-gradient(ellipse at 45% 61%,#3a3fff40,transparent 27%),radial-gradient(ellipse at 87% 78%,#2530ff40,transparent 22%)}.orbit-one{width:50%;height:24%;left:18%;top:-15%}.orbit-two{width:54%;height:47%;right:0;bottom:8%}.hero-copy{position:absolute;left:4.8%;top:33%;padding:0;width:40%;}.eyebrow{position:absolute;top:-52px;font-size:13px;gap:12px;margin:0}.eyebrow span{width:36px}h1{font-size:clamp(80px,6.4vw,120px);line-height:1;letter-spacing:-.06em}.first-line{font-size:.9em;line-height:1.05}.digital{font-size:1.12em;line-height:1.04}.last-line{font-size:1.03em;line-height:1.07}.hero-description{font-size:clamp(16px,1.3vw,21px);line-height:1.5;max-width:430px;margin:30px 0 34px}.start-button{min-height:60px;min-width:232px;font-size:16px;padding:8px 14px 8px 25px}.button-arrow{width:40px;height:40px}.button-arrow svg{width:25px;height:25px}.hero-visual{position:absolute;left:46%;right:1%;top:30%;bottom:11%;height:auto;margin:0}.object-main{width:56%;height:100%;left:0;top:0}.object-secondary{width:53%;height:auto;right:0;bottom:-8%}.light-orbit{left:-20%;top:22%;width:76%;height:40%;transform:rotate(-27deg)}.satellite-one{right:39%;top:29%;width:26px;height:26px}.satellite-two{left:-13%;top:-15%;width:21px;height:21px}.spark-one{left:58%;top:51%}.spark-two{left:8%;top:83%;width:16px;height:16px}.spark-three{right:22%;top:18%;width:10px;height:10px}.directions{position:absolute;left:47.5%;right:4%;top:10%;padding:0;gap:16px;}.direction{min-height:80px;border-radius:23px;padding:16px 18px;gap:18px}.direction:nth-child(even){transform:translateY(5px)}.direction:nth-child(even):hover{transform:translateY(2px)}.service-icon{width:31px;height:31px}.direction-name{font-size:clamp(13px,1.06vw,19px);white-space:nowrap}.service-description{display:block;color:#a5b1d6;font-size:clamp(11px,.9vw,15px);margin-top:4px}.pill-arrow{width:39px;height:39px}.pill-arrow svg{width:25px;height:25px}.scene-caption{display:block;position:absolute;font-size:10px;color:#b3c1ef;letter-spacing:.3em;line-height:1.9}.scene-caption span{display:block;width:28px;height:1px;background:#9badcc;margin-top:16px}.caption-top{top:37%;left:82%}.caption-bottom{bottom:11%;left:54.5%}.slide-footer{position:absolute;left:4.8%;right:4%;bottom:4.7%;padding:0;color:var(--text);gap:32px}.slide-indicator{font-size:16px}.slide-indicator span{color:var(--muted)}.progress-track{width:130px}.footer-disciplines{display:block;font-size:13px;color:var(--muted)}.scroll-cue{display:flex;gap:16px;align-items:center;color:#b5c1e6}.scroll-cue span{display:block;font-size:13px}.scroll-cue svg{width:23px}
}
@media(min-width:1100px) and (max-width:1250px){.direction{gap:10px;padding:14px 12px}.service-icon{width:26px;height:26px}.pill-arrow{width:31px;height:31px}.hero-copy{width:41%}.hero-description{max-width:350px}}
@media(min-width:1100px) and (max-height:800px){.hero-stage{min-height:760px}.hero-copy{top:31%}h1{font-size:clamp(75px,6vw,104px)}.hero-description{margin:22px 0}.hero-visual{top:31%;bottom:8%}.caption-bottom{display:none}}
@media(max-width:374px){.header{padding-inline:18px;gap:4px}.header-controls{gap:4px}.brand{width:92px}.hero-copy{padding-inline:20px}.directions{padding-inline:16px}.direction{gap:6px;padding:9px 8px}.service-icon{width:17px;height:17px}.pill-arrow{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.art-canvas,.hero-visual{display:none}.digital{background:none;color:CanvasText}.direction,.start-button{border:1px solid CanvasText;color:CanvasText}.header-controls,.language-switch a{color:CanvasText}}
/* Final optical adjustments at the approved phone proportions. */
@media(max-width:599px){.hero-visual{height:246px}.slide-footer{padding-top:18px;padding-bottom:15px}}
[data-theme=dark] .digital{background-image:radial-gradient(ellipse at 2% 85%,#92f0ff,transparent 22%),linear-gradient(130deg,#b385ff 3%,#885bff 24%,#4e6dff 63%,#34a1ff 96%)}
/* Slide 02 — approved rocket composition. */
.launch{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;background:var(--bg);padding:96px 24px 24px;display:grid;grid-template-columns:minmax(0,1fr);scroll-margin-top:0;color:var(--text)}.launch .header-controls{color:var(--text)}.launch .language-switch a{color:var(--muted)}.launch .language-switch a[aria-current]{color:var(--text)}.launch .icon-button{border-color:var(--line);background:transparent}.launch .mobile-menu summary{border:0}.launch-copy{position:relative;z-index:3}.launch-copy .eyebrow{position:static;margin:0 0 18px}.launch h2{font-size:clamp(37px,10vw,48px);letter-spacing:-.055em;line-height:1.02;margin:0;font-weight:750}.launch h2>span{display:block}.launch-accent{background:linear-gradient(115deg,#a860fc 3%,#4f24ff 40%,#009edf 88%);background-clip:text;-webkit-background-clip:text;color:transparent}[data-theme=dark] .launch-accent{background-image:linear-gradient(115deg,#b77aff,#604aff 40%,#05d3eb)}.launch-copy>p{font-size:14px;line-height:1.5;color:var(--muted);margin:18px 0 0;max-width:470px}.launch-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 58% 46%,#000820 15%,#051438 29%,transparent 49%)}[data-theme=dark] .launch-scene{background:radial-gradient(ellipse at 35% 55%,#071741,#020716 65%)}.launch-mesh{position:absolute;inset:29% -25% 15%;background:url('/assets/scene-environment.webp') center/cover;mask-image:linear-gradient(transparent,#000 22%,#000 70%,transparent);animation:wave-flow 23s ease-in-out infinite alternate}.launch-grid{position:absolute;inset:0;background-image:linear-gradient(#607aff16 1px,transparent 1px),linear-gradient(90deg,#607aff16 1px,transparent 1px);background-size:130px 130px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.launch-glow{position:absolute;left:45%;top:2%;width:57%;height:80%;border-right:1px solid #6688ff8a;border-radius:45% 65% 40% 60%;transform:rotate(7deg);box-shadow:12px 0 35px #1944fb16;animation:light-breathe 10s ease-in-out infinite alternate}.launch-art{position:relative;height:clamp(270px,80vw,360px);margin:0 -24px;pointer-events:none;z-index:2}.launch-rocket{position:absolute;width:95%;height:105%;object-fit:contain;left:4%;top:-3%;animation:rocket-flight 11s ease-in-out infinite;filter:drop-shadow(0 8px 18px #1950ff33)}.launch-orbit{position:absolute;left:5%;top:25%;width:90%;height:52%;border:1px solid #79b8ff;border-left:2px solid #dafaff;border-bottom:2px solid #c5e7ff;border-radius:50%;transform:rotate(-23deg);box-shadow:-4px 6px 14px #196eff80,inset -2px -3px 9px #396bff33;animation:launch-orbit-pulse 9s ease-in-out infinite alternate}.launch-orbit-fine{width:95%;height:95%;top:0;left:1%;border:1px solid #3447d14d;box-shadow:none;transform:rotate(12deg);animation:none}.launch-exhaust{position:absolute;width:65%;height:7%;left:-10%;bottom:23%;background:linear-gradient(90deg,transparent,#8055f948,#67caff88);border-radius:50%;transform:rotate(-35deg);filter:blur(5px);animation:exhaust-pulse 4s ease-in-out infinite alternate}.launch-sphere{position:absolute;left:17%;top:14%;width:34px;height:34px;background:radial-gradient(circle at 30% 23%,white 0,#99cfff 5%,#213bee 20%,#000b37 50%,#3265ff 76%,#c3edff 90%,#0b164f);border:1px solid #97bcff9a;box-shadow:0 0 12px #253fff55;border-radius:50%;animation:satellite-float 12s ease-in-out infinite alternate}.launch-sphere-small{left:auto;right:9%;top:78%;width:10px;height:10px;animation-delay:-5s}.launch-stars{position:absolute;inset:0;z-index:3}.launch-star{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#b9dfff;border-radius:50%;box-shadow:0 0 7px #77abff;animation:twinkle var(--duration) ease-in-out var(--delay) infinite}.launch-star-cross{background:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 5px #4a8dff)}.launch-star-cross::before,.launch-star-cross::after{content:'';position:absolute;width:1px;height:100%;left:50%;background:linear-gradient(transparent,#eefaff,transparent)}.launch-star-cross::after{transform:rotate(90deg)}.launch-card{position:relative;z-index:4;padding:18px 20px;border:1px solid #617effa8;border-radius:22px;background:linear-gradient(125deg,#f8fbffcf,#d7e5ffac);box-shadow:inset 0 1px #fff,0 8px 25px #214baf12;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.launch-card p{font-size:13px;line-height:1.5;margin:0}.launch-card p+p{border-top:1px solid #657bea55;margin-top:14px;padding-top:14px}[data-theme=dark] .launch-card{background:linear-gradient(125deg,#26396b9c,#080d208c 62%,#172e805c);border-color:#8ba1edaa;box-shadow:inset 0 1px #e1e8ff6b,inset 0 -1px 3px #3455ff60}.launch-navigation{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:18px;margin:20px 0 0}.launch-back{width:44px;height:44px;border:1px solid #778cee99;border-radius:50%;display:grid;place-items:center;justify-content:center;flex-shrink:0}.launch-back svg{display:block;flex-shrink:0;transform:rotate(180deg)}.launch-next{min-width:170px;cursor:not-allowed}.launch-footer{position:relative;z-index:4;display:flex;align-items:center;gap:20px;margin-top:24px}.launch-footer .progress-track::before{width:48%}.launch-footer .slide-indicator span{color:var(--muted)}
@keyframes rocket-flight{0%,100%{transform:translate(-3px,4px) rotate(-1deg)}50%{transform:translate(5px,-8px) rotate(1deg)}}@keyframes launch-orbit-pulse{to{opacity:.6;transform:rotate(-20deg) scale(.98)}}@keyframes exhaust-pulse{to{opacity:.4;transform:rotate(-35deg) scaleX(.92)}}
@media(min-width:600px) and (max-width:1099px){.launch{padding:125px 8% 35px}.launch h2{font-size:64px}.launch-copy>p{font-size:18px}.launch-art{height:490px;margin:0 5%}.launch-card{padding:25px}.launch-card p{font-size:17px}}
@media(min-width:1100px){.launch{min-height:950px;height:100svh;padding:clamp(145px,15svh,190px) 4.5% 100px 67%;display:block}.launch-scene{background:#020717;clip-path:url(#launch-shape);filter:none}.launch-mesh{inset:5% 25% 0 -20%;mask-image:none;opacity:.88}.launch-grid{background-size:180px 180px}.launch-glow{left:27%;top:-5%;height:110%;width:40%;border-width:2px;box-shadow:10px 0 32px #3456ff66}[data-theme=dark] .launch{background:radial-gradient(ellipse at 58% 50%,#102452,#020615 48%)}.launch-copy .eyebrow{margin-bottom:30px;font-size:13px}.launch h2{font-size:clamp(67px,6.05vw,110px);line-height:.99}.launch-line,.launch-accent{display:block}.launch-copy>p{font-size:clamp(16px,1.3vw,22px);margin:25px 0 0;line-height:1.45}.launch-art{position:absolute;left:0;top:8%;bottom:14%;width:64%;height:auto;margin:0}.launch-rocket{width:94%;height:100%;top:0;left:2%}.launch-sphere{width:65px;height:65px;left:18%;top:13%}.launch-sphere-small{width:17px;height:17px;left:auto;right:12%;top:72%}.launch-orbit{top:29%;height:50%;left:6%;width:90%}.launch-orbit-fine{top:0;height:90%}.launch-exhaust{width:66%;left:-8%;bottom:26%}.launch-navigation{justify-content:flex-start;margin-top:28px}.launch-back{width:55px;height:55px}.launch-next{min-width:220px}.launch-card{margin-top:26px;padding:22px 28px;border-radius:22px}.launch-card p{font-size:clamp(14px,1.1vw,18px);line-height:1.5}.launch-footer{position:absolute;left:4.8%;bottom:5%;margin:0;color:#fff}.launch-footer .slide-indicator span{color:#adbcec}.launch-navigation{position:absolute;left:68%;top:62%;margin:0}.launch-card{position:absolute;left:66%;right:4.5%;top:72%;margin:0}.launch-copy{max-width:550px}.launch .header .logo-light{display:none}.launch .header .logo-dark{display:block}}
@media(min-width:1100px) and (max-height:850px){.launch{min-height:900px;padding-top:130px}.launch h2{font-size:clamp(65px,5.6vw,95px)}}
/* Pause decorative work when a slide is off-screen. */
.slide[data-offscreen] *, .slide[data-offscreen] *::before,.slide[data-offscreen] *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.launch *, .launch *::before,.launch *::after{animation:none!important;transition:none!important}}
.launch-accent{width:fit-content}
@media(max-width:1099px){
 :root:not([data-theme=dark]) .launch-scene{background:none}
 :root:not([data-theme=dark]) .launch-scene::before{content:'';position:absolute;inset:31% -8% 24%;background:#020a24;border-radius:48% 12% 35% 15% / 15% 16% 14% 18%;box-shadow:0 0 24px #2678ff35}
 :root:not([data-theme=dark]) .launch-mesh{inset:31% -25% 17%;mask-image:linear-gradient(transparent,#000 15%,#000 62%,transparent)}
 .launch-glow{opacity:.35}
}
@media(min-width:1100px){
 .launch{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:26px;height:auto;min-height:max(950px,100svh)}
 .launch-copy{grid-row:1}.launch-navigation{grid-row:2;position:relative;inset:auto;margin:0;justify-content:flex-start}.launch-card{grid-row:3;position:relative;inset:auto;margin:0}.launch-footer{grid-row:4}
 .launch-copy>p{margin-top:24px}.launch-glow{display:none}
 :root:not([data-theme=dark]) .launch-scene{mask-image:linear-gradient(transparent,#000 13%,#000 84%,transparent)}
 :root:not([data-theme=dark]) .launch .header .logo-dark{display:none}
 :root:not([data-theme=dark]) .launch .header .logo-light{display:block}
 :root:not([data-theme=dark]) .launch-footer{color:var(--text)}
 :root:not([data-theme=dark]) .launch-footer .slide-indicator span{color:var(--muted)}
}
:root:not([data-theme=dark]) .launch-card{background:linear-gradient(125deg,#f8fbfff5,#e2ebfff5)}
@media(min-width:1100px){:root:not([data-theme=dark]) .launch-scene{background:linear-gradient(#3564e8 0%,#071332 14%,#020717 30%,#020717 80%,#365ce0 100%)}}
/* Page-based presentation; document scrolling belongs only to the active page. */
.hero{position:relative}.presentation{position:relative;overflow:clip}
.presentation[data-screen]>.slide:not(.is-active):not(.is-leaving){display:none}
.presentation>.is-leaving{position:absolute;inset:0 0 auto;width:100%;z-index:5;pointer-events:none;animation-play-state:paused}
.presentation>.is-active{z-index:6}
.is-entering .hero-copy .eyebrow,.is-entering .launch-copy .eyebrow{animation:page-rise .6s .12s both}
.is-entering h1>span,.is-entering h2>span{animation:title-unveil .8s .16s both}
.is-entering h1>span:nth-child(2),.is-entering h2>span:nth-child(2){animation-delay:.25s}
.is-entering h1>span:nth-child(3){animation-delay:.34s}
.is-entering .hero-description,.is-entering .launch-copy>p{animation:page-rise .7s .3s both}
.is-entering .launch-card,.is-entering .launch-navigation,.is-entering .hero-copy>.start-button{animation:page-rise .7s .42s both}
.is-entering .launch-art,.is-entering .hero-visual{animation:art-arrival 1.1s .08s both}
@keyframes page-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes title-unveil{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(7px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
@keyframes art-arrival{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.is-entering *{animation:none!important}}
/* Slide 03 — approved glass services. Real text over independently moving art. */
.launch-accent{padding-right:.12em;margin-right:-.12em;padding-bottom:.07em;margin-bottom:-.07em;overflow:visible}
.launch-next{cursor:pointer}
.services{position:relative;isolation:isolate;min-height:100svh;padding:102px 22px 25px;background:#f4f7ff;color:var(--text);overflow:hidden}
[data-theme=dark] .services{background:#020719}
.services .header-controls,.services .language-switch a[aria-current]{color:var(--text)}.services .language-switch a{color:var(--muted)}
.services-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 16%,#365eff20,transparent 45%),radial-gradient(ellipse at 10% 80%,#277aff18,transparent 40%)}
.services-wave{position:absolute;inset:0;background:url('/assets/scene-environment.webp') center/cover;opacity:.14;mask-image:linear-gradient(#000,transparent 32%,transparent 65%,#000)}
[data-theme=dark] .services-wave{opacity:.55}
.services-orbit{position:absolute;left:-15%;top:38%;width:130%;height:32%;border:1px solid #688fff99;border-bottom:2px solid #bceaff;border-radius:50%;transform:rotate(-17deg);box-shadow:0 5px 14px #226bff40;opacity:.7}
.services .launch-star{animation-name:service-twinkle;background:#719dff}.services .launch-star-cross{background:none}
.services-intro{position:relative}.services-heading .eyebrow{position:static;margin-bottom:16px}
.services h2{margin:0;font-size:clamp(33px,9.2vw,48px);line-height:1.04;letter-spacing:-.055em;font-weight:750}
.services h2>span{display:block;width:fit-content;padding-right:.1em}
.services-accent{color:transparent;background:linear-gradient(110deg,#ae49fa,#4935ff 38%,#00cbe3 94%);background-clip:text;-webkit-background-clip:text}
[data-theme=dark] .services-accent{background-image:linear-gradient(110deg,#c660ff,#6254ff 38%,#00ddeb 94%)}
.services-intro>p{font-size:13px;line-height:1.48;color:var(--muted);padding-left:16px;border-left:1px solid #736aff;margin:22px 0 26px;max-width:520px}
.services-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;perspective:1300px}
.service-slot{min-width:0;perspective:1000px}
.service-card{position:relative;display:flex;flex-direction:column;padding:16px 13px 11px;border:1px solid #7e9cf2aa;border-radius:23px;background:linear-gradient(135deg,#ffffffed,#e4ecffad 50%,#fff9);box-shadow:inset 0 1px 2px #fff,0 8px 24px #3552ab20;animation:card-drift 10s ease-in-out var(--phase) infinite;transform-style:preserve-3d;transition:box-shadow .3s,border-color .3s}
[data-theme=dark] .service-card{background:linear-gradient(130deg,#26377775,#080e269e 50%,#16267599);box-shadow:inset 0 1px 2px #ceddff70,inset 0 -1px 4px #4167ff55,0 8px 24px #0003}
.service-index{font-size:11px;color:var(--muted)}.service-card h3{margin:5px 0 0;font-size:clamp(13px,3.6vw,17px);line-height:1.15;letter-spacing:-.025em;font-weight:650;min-height:2.3em}
.service-object{aspect-ratio:1;width:100%;background-image:url('/assets/optimized/services-objects-1254.webp');background-size:200% 200%;background-repeat:no-repeat;margin:6px 0;transform:translateZ(20px)}
.object-0{background-position:0 0}.object-1{background-position:100% 0}.object-2{background-position:0 100%}.object-3{background-position:100% 100%}
.service-more{margin-top:auto}.service-more button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px;border:0;background:none;padding:0;font-size:11px;color:var(--muted);min-height:38px;text-align:left}
.service-more button span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #748bf3;border-radius:50%;flex-shrink:0;color:var(--text);transition:transform .25s}.service-more svg{width:20px}
.card-glint{position:absolute;right:17px;top:20px;width:15px;height:15px;filter:drop-shadow(0 0 6px #126bff);animation:service-twinkle 5s ease-in-out var(--phase) infinite;pointer-events:none}.card-glint:before,.card-glint:after{content:'';position:absolute;left:50%;width:1px;height:100%;background:linear-gradient(transparent,#719aff,transparent)}.card-glint:after{transform:rotate(90deg)}
.service-card:hover,.service-card:focus-visible{border-color:#a6ecff;box-shadow:inset 0 0 10px #428eff66,0 0 5px #8ef0ff,0 0 25px #305fff70}
.service-card:hover .service-more span,.service-card:focus-visible .service-more span{transform:translateX(3px)}
.services-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:32px}.services-progress{display:flex;align-items:center;gap:12px}.services-progress .progress-track{width:45px}.services-progress .progress-track:before{width:60%}.services-footer nav{display:flex;gap:10px;align-items:center}.services-footer .start-button{min-width:114px;gap:12px;padding-left:16px}.services-footer .slide-indicator span{color:var(--muted)}
.services button:disabled{cursor:not-allowed}
@keyframes card-drift{0%,100%{transform:translateX(-2px) rotateY(-2deg) rotateZ(-.45deg)}50%{transform:translateX(2px) rotateY(2deg) rotateZ(.45deg)}}
@keyframes service-twinkle{0%,100%{opacity:.18;transform:scale(.45)}50%{opacity:1;transform:scale(1.3)}}
.is-entering .services-heading .eyebrow{animation:page-rise .6s .12s both}.is-entering .services h2>span{animation:title-unveil .85s steps(18,end) .15s both}.is-entering .services h2>span:nth-child(2){animation-delay:.4s}.is-entering .services-intro>p{animation:page-rise .65s .45s both}.is-entering .service-slot{animation:page-rise .7s calc(.35s + var(--index)*.09s) both}
@media(min-width:600px){.services{padding:125px 7% 35px}.services h2{font-size:clamp(48px,7.7vw,76px)}.services-intro>p{font-size:17px}.service-card{padding:24px}.service-card h3{font-size:23px}.service-index,.service-more button{font-size:15px}.service-more button span{width:42px;height:42px}.services-grid{gap:24px}.services-footer{margin-top:45px}.services-progress .progress-track{width:110px}}
@media(min-width:1100px){.services{padding:130px 4.8% 45px;min-height:max(850px,100svh);display:flex;flex-direction:column}.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:end;margin-bottom:44px}.services h2{font-size:clamp(60px,6vw,108px)}.services:lang(ru) h2{font-size:clamp(46px,4.8vw,86px)}.services-intro>p{margin:0 0 5px;font-size:clamp(16px,1.45vw,24px);padding-left:32px}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:30px}.service-slot:nth-child(even){padding-top:23px}.service-card{padding:26px 24px 20px;border-radius:30px;height:100%}.service-card h3{font-size:clamp(19px,1.75vw,30px)}.service-object{margin:20px -8px;width:calc(100% + 16px)}.service-more button{font-size:16px}.services-footer{margin-top:auto;padding-top:30px}.services-footer .start-button{min-width:235px}.services-footer nav{gap:22px}.services-footer .launch-back{width:55px;height:55px}}
@media(prefers-reduced-motion:reduce){.services *,.services *:before,.services *:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.services-atmosphere,.service-object,.card-glint{display:none}.services-accent{background:none;color:CanvasText}.service-card{border:1px solid CanvasText}}
@media(max-width:599px){.services:lang(en) h2{font-size:clamp(42px,12.4vw,54px)}.services:lang(ru) h2{font-size:clamp(29px,8.4vw,38px)}}
@media(min-width:1100px){.hero-stage{min-height:max(850px,55vw)}}
/* Slide 04: approved Web Development, layered glass devices. */
.service-more-link{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11px;color:var(--muted);min-height:38px}.service-more-link>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #748bf3;border-radius:50%;color:var(--text);transition:transform .25s}.service-card:hover .service-more-link>span{transform:translateX(3px)}
.web-detail{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;padding:100px 24px 24px;background:#f7faff;display:grid;grid-template-areas:'copy' 'art' 'options' 'footer';grid-template-columns:minmax(0,1fr);color:var(--text)}
[data-theme=dark] .web-detail{background:#020719}
.web-detail .header-controls,.web-detail .language-switch a[aria-current]{color:var(--text)}.web-detail .language-switch a{color:var(--muted)}.web-detail .icon-button{background:transparent}.web-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 42%,#4777ff19,transparent 60%)}
.web-mesh{position:absolute;inset:0;background:url('/assets/scene-environment.webp') center/cover;mask-image:linear-gradient(#0005,transparent 23%,transparent 55%,#000);opacity:.15;animation:wave-flow 25s ease-in-out infinite alternate}[data-theme=dark] .web-mesh{opacity:.65}
.web-grid-lines{position:absolute;inset:0;background-image:linear-gradient(#6e91ff12 1px,transparent 1px),linear-gradient(90deg,#6e91ff12 1px,transparent 1px);background-size:140px 140px;mask-image:radial-gradient(ellipse at 75% 50%,#000,transparent 75%)}
.web-detail .launch-star{animation-name:service-twinkle}.web-detail .launch-star-cross{filter:drop-shadow(0 0 7px #326dff)}
.web-copy{grid-area:copy;position:relative;z-index:2}.web-copy .eyebrow,.web-capabilities .eyebrow{position:static;margin:0 0 14px}.web-detail h2{font-size:clamp(38px,11.1vw,49px);letter-spacing:-.055em;line-height:1.02;font-weight:750;margin:0}.web-detail h2>span{display:block;width:fit-content;padding-right:.08em}.web-accent{background:linear-gradient(105deg,#b842f5,#4932ff 40%,#00cbdc);background-clip:text;-webkit-background-clip:text;color:transparent}[data-theme=dark] .web-accent{background-image:linear-gradient(105deg,#c662ff,#6450ff 40%,#03e1e6)}
.web-copy>p{font-size:14px;line-height:1.45;color:var(--muted);max-width:470px;margin:15px 0 0}
.web-art{grid-area:art;position:relative;aspect-ratio:1.16;perspective:1100px;margin:18px -16px 8px;pointer-events:none;isolation:isolate}
.web-art-glow{position:absolute;inset:20% 2%;background:radial-gradient(ellipse,#315dff26,transparent 65%);animation:light-breathe 10s ease-in-out infinite alternate}
.web-layer{position:absolute;filter:drop-shadow(0 6px 9px #2a54ff22);animation:web-window-drift var(--period,12s) ease-in-out var(--phase,0s) infinite;transform-style:preserve-3d;transition:filter .35s}
.web-render{display:block;width:100%;height:100%;overflow:hidden}
.web-desktop{width:68%;height:80%;left:0;top:0;z-index:1;--period:13s}
.web-tablet{width:43%;height:68%;right:0;top:17%;z-index:2;--period:15s;--phase:-5s}
.web-phone{width:24%;height:54%;left:49%;top:44%;z-index:4;--period:11s;--phase:-7s}
.web-code{width:24%;height:28%;left:26%;top:67%;z-index:5;--period:10s;--phase:-3s}
.web-orbit{position:absolute;inset:30% -2% 15%;border:1px solid #85d3ff;border-bottom:2px solid #c6f4ff;border-radius:50%;transform:rotate(13deg);box-shadow:0 4px 14px #2070ff70;z-index:3;animation:web-orbit-breathe 12s ease-in-out infinite alternate}
.web-ball{position:absolute;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff 0,#b2e5ff 7%,#3667ff 20%,#03125c 50%,#578dff 80%,#c7ebff 92%);border:1px solid #80a9ff;box-shadow:0 0 9px #3169ff66;z-index:5;animation:web-ball-drift 17s ease-in-out infinite}
.web-ball-one{left:2%;top:28%}.web-ball-two{right:10%;top:80%;width:24px;height:24px;animation-delay:-8s}
.web-cone{position:absolute;right:7%;top:6%;width:22px;height:29px;clip-path:polygon(50% 0,100% 90%,50% 100%,0 90%);background:linear-gradient(110deg,#cef7ff,#327fff 30%,#181567 65%,#b8dfff);animation:web-window-drift 14s ease-in-out -3s infinite;opacity:.8}
.web-glint{position:absolute;width:18px;height:18px;z-index:5;filter:drop-shadow(0 0 6px #2679ff);animation:service-twinkle 6s ease-in-out infinite}.web-glint:before,.web-glint:after{content:'';position:absolute;left:50%;width:1px;height:100%;background:linear-gradient(transparent,#ddf7ff,transparent)}.web-glint:after{transform:rotate(90deg)}.web-glint-one{left:7%;top:15%}.web-glint-two{right:18%;bottom:1%;animation-delay:-3s}
.web-capabilities{grid-area:options;position:relative;z-index:2;margin-top:14px}.web-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.web-option{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px;text-align:left;padding:17px 14px 13px;min-height:126px;border:1px solid #7d95df85;border-radius:20px;color:var(--text);background:linear-gradient(125deg,#ffffffc9,#e7efff80);box-shadow:inset 0 1px 1px #fff,0 7px 20px #354ca413;transition:border-color .25s,box-shadow .25s,transform .25s}
[data-theme=dark] .web-option{background:linear-gradient(125deg,#22386d66,#080d258c 60%,#16287766);box-shadow:inset 0 1px 1px #cfddff44,inset 0 -1px 2px #3246ff44}
.web-option-icon{width:35px;height:35px;color:#17368f;filter:drop-shadow(0 0 5px #2972ff40);transition:filter .25s}[data-theme=dark] .web-option-icon{color:#b4c9ff}.web-option-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;line-height:1.2;width:100%}.web-option-arrow{width:28px;height:28px;border:1px solid #8295e2;border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:transform .25s}.web-option-arrow svg{width:18px}
.web-option:hover,.web-option[aria-pressed=true]{border-color:#59caff;box-shadow:inset 0 0 14px #148dff22,0 0 4px #52dbff,0 0 20px #2879ff42}.web-option:hover{transform:translateY(-2px)}.web-option:hover .web-option-arrow{transform:translateX(2px)}.web-option:hover .web-option-icon{filter:drop-shadow(0 0 7px #287bff)}
.web-detail[data-web-selected='0'] .web-desktop,.web-detail[data-web-selected='1'] .web-tablet,.web-detail[data-web-selected='2'] .web-phone,.web-detail[data-web-selected='3'] .web-desktop{filter:drop-shadow(0 0 14px #3387ff80)}
.web-footer{grid-area:footer;display:flex;justify-content:space-between;align-items:center;gap:14px;position:relative;margin-top:30px}.web-footer nav{display:flex;align-items:center;gap:10px}.web-footer .start-button{min-width:120px;gap:12px}.web-footer .progress-track{width:52px}.web-footer .progress-track:before{width:68%}.web-footer .slide-indicator span{color:var(--muted)}.web-footer button:disabled{cursor:not-allowed}
@keyframes web-window-drift{0%,100%{transform:translate3d(-2px,3px,0) rotateY(-2deg) rotateX(1deg) rotateZ(-.6deg)}50%{transform:translate3d(3px,-5px,14px) rotateY(2deg) rotateX(-1deg) rotateZ(.6deg)}}
@keyframes web-ball-drift{0%,100%{transform:translate(0,0) scale(.94)}25%{transform:translate(7px,-5px) scale(1)}50%{transform:translate(0,-10px) scale(1.06)}75%{transform:translate(-7px,-5px) scale(1)}}
@keyframes web-orbit-breathe{to{transform:rotate(10deg) scale(.98);opacity:.65}}
.is-entering .web-copy .eyebrow{animation:page-rise .6s .1s both}.is-entering .web-copy h2>span{animation:title-unveil .85s steps(16,end) .15s both}.is-entering .web-copy h2>span:nth-child(2){animation-delay:.35s}.is-entering .web-copy>p{animation:page-rise .7s .4s both}.is-entering .web-art{animation:art-arrival 1.1s .1s both}.is-entering .web-option{animation:page-rise .65s calc(.4s + var(--index)*.07s) both}
@media(min-width:600px){.web-detail{padding:125px 8% 35px}.web-detail h2{font-size:clamp(58px,8vw,84px)}.web-copy>p{font-size:18px}.web-art{max-width:740px;width:100%;margin-inline:auto}.web-option{padding:24px;min-height:155px}.web-option-icon{width:46px;height:46px}.web-option-row{font-size:17px}.web-option-arrow{width:38px;height:38px}.web-options{gap:18px}.web-footer .progress-track{width:130px}.web-footer .start-button{min-width:225px}.service-more-link{font-size:15px}.service-more-link>span{width:42px;height:42px}}
@media(min-width:1100px){.web-detail{padding:130px 4.8% 40px;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);grid-template-areas:'copy art' 'options art' 'footer footer';column-gap:3%;align-content:start;min-height:max(850px,100svh)}.web-detail h2{font-size:clamp(62px,5.7vw,106px)}.web-copy .eyebrow{margin-bottom:22px}.web-copy>p{font-size:clamp(18px,1.5vw,25px);max-width:470px;margin-top:20px}.web-capabilities{margin-top:32px}.web-capabilities .eyebrow{font-size:13px;margin-bottom:20px}.web-art{width:112%;max-width:none;margin:25px -2% 0 -8%;align-self:center;aspect-ratio:1.16}.web-option{min-height:155px;border-radius:25px;gap:24px}.web-option-icon{width:56px;height:56px}.web-option-row{font-size:clamp(14px,1.28vw,21px)}.web-option-arrow{width:38px;height:38px}.web-footer{margin-top:55px}.web-footer nav{gap:22px}.web-footer .launch-back{width:55px;height:55px}.web-ball-one{width:30px;height:30px}.web-ball-two{width:40px;height:40px}.web-cone{width:38px;height:48px}}
@media(prefers-reduced-motion:reduce){.web-detail *,.web-detail *:before,.web-detail *:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.web-art,.web-atmosphere{display:none}.web-accent{background:none;color:CanvasText}.web-option{border:1px solid CanvasText}.web-detail{grid-template-areas:'copy' 'options' 'footer';grid-template-columns:1fr}}
.web-art-dark{display:none}[data-theme=dark] .web-art-dark{display:block}[data-theme=dark] .web-art-light{display:none}
a.service-card:hover,a.service-card:focus-visible{animation-play-state:paused}
@media(max-width:599px){.web-detail h2{font-size:clamp(44px,14vw,60px)}}
@media(min-width:1100px){.web-detail h2{font-size:clamp(70px,6.6vw,120px)}}
/* Slide 05: independently animated app devices and floating UI widgets. */
.mobile-art{aspect-ratio:1.02;margin-top:22px;margin-bottom:18px}
.mobile-device{position:absolute;transform-style:preserve-3d;animation:mobile-float 13s ease-in-out infinite;filter:drop-shadow(0 6px 10px #285cff33);transition:filter .35s}
.mobile-device svg{display:block;width:100%;height:100%;overflow:hidden}
.mobile-device-0{width:62%;height:94%;left:5%;top:0;z-index:2}
.mobile-device-1{width:50%;height:83%;right:1%;top:15%;z-index:1;animation-name:mobile-float-back;animation-duration:16s;animation-delay:-6s}
.mobile-orbit{inset:27% -1% 15%;z-index:3;transform:rotate(22deg)}
.mobile-widget{position:absolute;display:grid;place-items:center;width:36px;height:36px;color:#e8f7ff;border:1px solid #a4caff;border-radius:10px;background:linear-gradient(130deg,#588dffd9,#061c7ac9 65%,#4d39ffa6);box-shadow:inset 0 1px 3px #effaff,0 0 9px #3866ff66;z-index:4;animation:widget-float 11s ease-in-out var(--phase) infinite;transition:filter .3s;pointer-events:none}
.mobile-widget svg{width:65%;height:65%}.widget-0{left:1%;top:14%;transform:rotate(-12deg)}.widget-1{left:0;top:43%}.widget-2{right:0;top:33%}.widget-3{right:0;top:64%;width:43px;height:30px}.widget-4{left:9%;bottom:0;width:48px;height:36px;background:none;border:0;box-shadow:none;filter:drop-shadow(0 0 6px #457aff)}.widget-4 svg{width:100%;height:100%}
:root:not([data-theme=dark]) .mobile-widget{background:linear-gradient(125deg,#f5fbffea,#78baffba);color:#1649b2;box-shadow:inset 0 1px 3px #fff,0 4px 12px #467be540}:root:not([data-theme=dark]) .widget-4{background:none;box-shadow:none}
.mobile-art .web-ball-one{left:9%;top:1%;width:13px;height:13px}.mobile-art .web-ball-two{right:5%;top:88%;width:13px;height:13px}
.mobile-detail .web-option:last-child{grid-column:1/-1;flex-direction:row;align-items:center;min-height:74px;gap:18px}.mobile-detail .web-option:last-child .web-option-icon{flex-shrink:0}.mobile-detail .web-option:last-child .web-option-row{flex:1}
.mobile-detail[data-mobile-selected='0'] .mobile-device-0,.mobile-detail[data-mobile-selected='1'] .mobile-device-1,.mobile-detail[data-mobile-selected='2'] .mobile-device,.mobile-detail[data-mobile-selected='3'] .mobile-widget,.mobile-detail[data-mobile-selected='4'] .widget-4{filter:drop-shadow(0 0 13px #2c87ff99)}
@keyframes mobile-float{0%,100%{transform:translate3d(-2px,3px,0) rotateY(-3deg) rotateZ(-1deg)}50%{transform:translate3d(4px,-7px,12px) rotateY(3deg) rotateZ(1deg)}}
@keyframes mobile-float-back{0%,100%{transform:translate3d(3px,-4px,0) rotateY(3deg) rotateZ(1deg)}50%{transform:translate3d(-3px,5px,8px) rotateY(-3deg) rotateZ(-1deg)}}
@keyframes widget-float{0%,100%{transform:translate(0,3px) rotate(-6deg)}50%{transform:translate(3px,-5px) rotate(4deg)}}
@media(min-width:600px){.mobile-art{max-width:670px}.mobile-widget{width:60px;height:60px;border-radius:16px}.widget-3{width:70px;height:44px}.widget-4{width:72px;height:50px}.mobile-detail .web-option:last-child{min-height:90px}}
@media(min-width:1100px){.mobile-art .widget-0{left:7%}.mobile-art{max-width:none;aspect-ratio:1;margin-top:0;margin-bottom:0}.mobile-detail .web-option{min-height:142px;padding:20px 24px;gap:15px}.mobile-detail .web-option-icon{width:44px;height:44px}.mobile-detail .web-option:last-child{min-height:85px}.mobile-detail .web-footer{margin-top:40px}.mobile-detail .web-capabilities{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.mobile-detail *,.mobile-detail *:before,.mobile-detail *:after{animation:none!important;transition:none!important}}
/* Slide 06: independent game assets, readable stationary controls. */
.game-art{aspect-ratio:.98;margin-top:18px;margin-bottom:18px}
.game-parallax{position:absolute;inset:0;transform:rotateX(var(--game-x,0deg)) rotateY(var(--game-y,0deg));transition:transform .7s ease-out;transform-style:preserve-3d}
.game-object{position:absolute;pointer-events:none;animation:game-hover var(--period,12s) ease-in-out var(--phase,0s) infinite;transition:filter .35s;filter:drop-shadow(0 4px 10px #2059ff22)}
.game-object img{display:block;width:100%;height:auto}
.game-world{position:absolute;left:19%;top:0;width:76%;height:58%;animation:game-world-drift 17s ease-in-out -3s infinite}
.game-road{left:0;top:20%;width:100%;animation-name:game-road-breathe;--period:14s}
.game-portal{left:72%;top:0;width:28%;z-index:3;--period:9s;--phase:-2s}
.game-portal:after{content:'';position:absolute;inset:22% 22% 17%;border-radius:50% 50% 20% 20%;background:radial-gradient(ellipse,#8ffaff88,transparent 68%);animation:game-portal-pulse 6s ease-in-out infinite;mix-blend-mode:screen}
.game-tree{width:15%;z-index:4;animation:game-tree-sway 11s ease-in-out var(--phase,0s) infinite;transform-origin:50% 90%}.tree-one{left:68%;top:17%;--phase:-4s}.tree-two{left:10%;top:50%;width:12%;--phase:-8s}
.game-flag{width:13%;left:68%;top:60%;z-index:5;--period:8s;--phase:-5s}
.game-collectible{width:11%;z-index:6;animation-name:game-crystal-bob}
.game-controller{left:9%;top:55%;width:82%;z-index:7;animation-name:game-controller-drift;--period:14s}
.game-star-cube{width:19%;left:12%;top:2%;z-index:4;--period:13s;--phase:-2s}
.game-sound-cube{width:19%;right:0;top:43%;z-index:6;--period:11s;--phase:-5s}
.game-sphere{width:18%;left:0;top:23%;z-index:4;animation-name:game-eight;--period:19s}
.game-free-crystal{z-index:8;animation-name:game-crystal-bob}
.game-orbit{position:absolute;inset:24% -1% 15%;border:1px solid #69acff88;border-bottom-color:#c9f9ff;border-radius:50%;box-shadow:0 3px 10px #227bff55;transform:rotate(-17deg);animation:game-orbit-drift 18s ease-in-out infinite alternate;pointer-events:none}.orbit-back{z-index:0}.orbit-front{inset:58% 3% 3%;transform:rotate(12deg);z-index:8;animation-delay:-8s;border-top-color:transparent}
.game-orbit:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;left:20%;top:8%;background:#e4ffff;box-shadow:0 0 9px #55cfff;animation:service-twinkle 7s ease-in-out infinite}
.game-trail{position:absolute;left:48%;top:55%;width:4px;height:4px;border-radius:50%;background:#b7ffff;box-shadow:0 0 9px #65dcff;z-index:6;animation:game-path 9s ease-in-out infinite}
.game-detail .web-option-arrow{min-width:28px}.game-detail .web-option-row{font-size:13px}
.game-detail[data-game-selected='0'] .game-star-cube,.game-detail[data-game-selected='1'] .game-portal,.game-detail[data-game-selected='2'] .game-controller,.game-detail[data-game-selected='3'] .game-sound-cube,.game-detail[data-game-selected='4'] .game-road,.game-detail[data-game-selected='5'] .game-collectible,.game-detail[data-game-selected='5'] .game-free-crystal{filter:drop-shadow(0 0 12px #31b7ff99)}
:root:not([data-theme=dark]) .game-art .web-art-glow{opacity:.6}:root:not([data-theme=dark]) .game-orbit{border-bottom-color:#2877ff;box-shadow:0 3px 12px #5d9cff55}
@keyframes game-hover{0%,100%{transform:translate3d(0,3px,0) rotate(-2deg)}50%{transform:translate3d(3px,-5px,8px) rotate(2deg)}}
@keyframes game-controller-drift{0%,100%{transform:translate3d(-2px,3px,0) rotateZ(-3deg) rotateY(-2deg)}50%{transform:translate3d(3px,-5px,10px) rotateZ(0deg) rotateY(2deg)}}
@keyframes game-world-drift{0%,100%{transform:translateY(-2px) rotate(.4deg)}50%{transform:translateY(4px) rotate(-.4deg)}}
@keyframes game-road-breathe{50%{transform:translateY(2px)}}
@keyframes game-tree-sway{50%{transform:rotate(2deg)}}
@keyframes game-crystal-bob{0%,100%{transform:translateY(2px) rotate(-4deg)}50%{transform:translateY(-6px) rotate(5deg)}}
@keyframes game-eight{0%,100%{transform:translate(0,0)}25%{transform:translate(7px,-5px)}50%{transform:translate(0,-9px)}75%{transform:translate(-7px,-5px)}}
@keyframes game-orbit-drift{50%{transform:rotate(-9deg) scale(.97);opacity:.6}}
@keyframes game-portal-pulse{0%,100%{opacity:.15;transform:scale(.92)}50%{opacity:.8;transform:scale(1.05)}}
@keyframes game-path{0%,100%{transform:translate(0,0);opacity:0}15%{opacity:1}45%{transform:translate(30px,-18px)}80%{transform:translate(55px,-47px);opacity:1}95%{opacity:0}}
@media(min-width:600px){.game-art{max-width:760px}.game-detail .web-option-row{font-size:17px}}
@media(min-width:1100px){.game-art{aspect-ratio:.98;max-width:none;margin-top:0;margin-bottom:0}.game-detail .web-option{min-height:132px;padding:18px 24px;gap:12px}.game-detail .web-option-icon{width:40px;height:40px}.game-detail .web-copy>p{max-width:530px}.game-detail .web-capabilities{margin-top:25px}.game-detail .web-footer{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.game-detail *,.game-detail *:before,.game-detail *:after{animation:none!important;transition:none!important}.game-parallax{transform:none!important}}
.game-coin{left:52%;top:29%;width:10%;z-index:6;animation:game-coin-turn 10s ease-in-out -3s infinite}
@keyframes game-coin-turn{0%,100%{transform:translateY(0) rotateY(-12deg)}50%{transform:translateY(-5px) rotateY(25deg)}}
@media(prefers-reduced-motion:reduce){.game-coin{animation:none!important}}
/* Slide 07 visual composition is scoped in ai.css. */

/* Process: four internal states, independently animated layers. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.process-page{grid-template-areas:'copy' 'tabs' 'art' 'details' 'footer';gap:24px;padding-inline:24px}
.process-heading h2{font-size:clamp(48px,13vw,82px)}.process-page:lang(ru) h2{font-size:clamp(42px,11vw,76px)}
.process-details{grid-area:details;z-index:2;min-width:0}.process-counter{font-size:12px;letter-spacing:.13em;color:var(--muted)}.process-counter strong{color:#7e72ff;font-size:18px;margin-left:5px}.process-details h3{font-size:clamp(27px,4vw,45px);letter-spacing:-.045em;line-height:1.15;margin:12px 0}.process-details p{font-size:15px;line-height:1.5;color:var(--muted);margin:0;min-height:92px;max-width:490px}
.process-controls{display:flex;gap:14px;margin-top:24px}.process-controls .start-button{min-width:0;flex:1;gap:10px;padding:8px 10px 8px 18px;font-size:15px;min-height:52px}.process-prev .button-arrow{transform:rotate(180deg)}.process-prev{padding-left:8px!important;padding-right:22px!important}.process-controls button:disabled{opacity:.4;box-shadow:none;cursor:default;transform:none}.process-controls button:not(:disabled):hover,.process-controls button:not(:disabled):focus-visible{box-shadow:0 0 6px #fff8,0 0 20px #087dffb0,inset 0 0 15px #283aff70}
.process-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;z-index:2}.process-tabs button{position:relative;display:flex;justify-content:space-between;align-items:center;text-align:left;min-width:0;padding:15px 12px;border:1px solid #7896eb77;border-radius:20px;background:linear-gradient(125deg,#eaf3ffcf,#ffffff9c);box-shadow:inset 0 1px 2px #fff9,0 8px 22px #204ee914;transition:box-shadow .25s,border-color .25s,transform .25s}.process-tabs button>span{min-width:0;z-index:1}.process-tabs b{display:block;font-size:22px;line-height:1.2;margin-bottom:5px}.process-tabs button>span>span{display:block;font-size:12px;overflow-wrap:anywhere}.process-tabs img{width:45px;height:55px;object-fit:contain;flex-shrink:0;margin-right:-4px;transition:transform .3s}.process-tabs button[aria-selected=true]{border-color:#40d4ff;box-shadow:0 0 5px #44bcff,0 0 22px #147dff50,inset 0 0 20px #398dff25}.process-tabs button:hover img,.process-tabs button:focus-visible img{transform:translateY(-4px) rotate(4deg)}.process-tabs button:hover{border-color:#55bfff}
[data-theme=dark] .process-tabs button{background:linear-gradient(130deg,#263b737a,#060c22cc 60%,#222ab840);box-shadow:inset 0 1px 2px #b6dfff50,0 8px 30px #0003}[data-theme=dark] .process-tabs button[aria-selected=true]{box-shadow:0 0 4px #bcf7ff,0 0 20px #008cff88,inset 0 0 24px #1260ff50}
.process-art{grid-area:art;position:relative;aspect-ratio:1.08;width:112%;margin:0 -6%;perspective:1000px;pointer-events:none}.process-scene{position:absolute;inset:0}.process-parallax{position:absolute;inset:0;transform:rotateX(var(--px,0deg)) rotateY(var(--py,0deg));transition:transform .4s ease-out;transform-style:preserve-3d}.process-main{position:absolute;inset:7% 19%;width:62%;height:82%;object-fit:contain;z-index:3;filter:drop-shadow(0 15px 26px #1857ff50);animation:process-float 9s ease-in-out infinite}.process-aura{position:absolute;inset:12%;background:radial-gradient(ellipse,#167dff35,transparent 65%);animation:process-pulse 6s ease-in-out infinite}.process-orbit{position:absolute;left:4%;top:30%;width:91%;height:38%;border:1px solid #528fff9c;border-bottom:2px solid #c0f5ff;border-radius:50%;box-shadow:0 4px 9px #397cff55;transform:rotate(-24deg);animation:process-orbit 17s ease-in-out infinite alternate;z-index:2}.orbit-front{top:41%;height:25%;transform:rotate(17deg);z-index:4;border-top-color:transparent;animation-direction:alternate-reverse;animation-duration:23s}
.process-float{position:absolute;width:21%;height:24%;z-index:4;animation:process-float var(--period,12s) var(--phase,0s) ease-in-out infinite}.sat-a{left:3%;top:11%;--phase:-3s;transform:rotate(-8deg)}.sat-b{right:0;top:22%;--phase:-7s;--period:15s}.sat-c{left:0;top:57%;--phase:-5s}.sat-d{right:6%;top:63%;--phase:-9s;--period:11s}
.process-glass,.process-package{height:100%;display:grid;place-items:center;color:#b0f7ff;border:2px solid #9acaff;border-radius:14%;background:linear-gradient(135deg,#d3f1ff66,#064ecbaa 25%,#050b666e 65%,#1686ff88);box-shadow:inset 3px 2px 5px #e1f5ff,inset -5px -4px 7px #1a55ff,5px 8px 0 #07318580,0 0 17px #086cff60;transform:perspective(450px) rotateY(18deg) rotateZ(-7deg);overflow:hidden}.process-glass:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 44%,#e6faff66 49%,transparent 54%);animation:process-shine 8s ease-in-out infinite}.process-glass svg{width:65%;height:65%;filter:drop-shadow(0 0 4px #00cfff)}.process-glass svg path{stroke-dasharray:120;animation:process-trace 9s ease-in-out infinite}
.process-loupe,.process-clock,.process-medal{width:100%;aspect-ratio:1;border:7px ridge #8badf5;border-radius:50%;background:radial-gradient(circle at 35% 20%,#aeeaff80,#03279370 40%,#062053cc);box-shadow:inset 0 0 14px #458dff,0 0 16px #1965ff50;position:relative}.process-loupe:after{content:'';position:absolute;width:19%;height:66%;right:-20%;bottom:-48%;background:linear-gradient(90deg,#bde7ff,#052767,#76bcff);border:1px solid #9cc8ff;border-radius:9px;transform:rotate(-35deg)}.process-clock{background:repeating-conic-gradient(#b6eaff 0deg 2deg,transparent 2deg 30deg),radial-gradient(#0e43a1,#06112e);border-width:5px}.process-clock:after{content:'';position:absolute;inset:10%;border-radius:50%;background:#082459}.process-clock i,.process-clock b{position:absolute;left:49%;bottom:50%;width:3%;height:33%;background:#9af7ff;transform-origin:bottom;z-index:1;box-shadow:0 0 6px #00dfff;animation:process-turn 40s linear infinite}.process-clock b{height:24%;animation-duration:160s}
.process-switch{height:55%;border:4px ridge #9bcfff;border-radius:50px;background:linear-gradient(130deg,#163d8c,#081946);box-shadow:0 0 15px #1785ff88;padding:8%;transform:rotate(-12deg)}.process-switch i{display:block;height:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(at 30% 25%,white,#27e8ff 30%,#2165ff);box-shadow:0 0 17px #40e9ff;animation:process-toggle 7s ease-in-out infinite alternate}
.process-cube{position:absolute;width:17%;height:20%;object-fit:contain;z-index:5;animation:process-float 10s var(--phase) ease-in-out infinite}.cube-0{left:14%;top:66%}.cube-1{left:28%;top:72%}.cube-2{left:39%;top:65%}.cube-3{left:47%;top:79%}.process-package svg{width:65%;height:65%;filter:drop-shadow(0 0 5px cyan)}.process-medal{display:grid;place-items:center}.process-medal svg{width:70%;height:70%;color:#b2fcff;filter:drop-shadow(0 0 5px cyan);animation:process-pulse 4s infinite}.process-bead{position:absolute;left:var(--x);top:var(--y);width:3%;aspect-ratio:1;border-radius:50%;background:radial-gradient(at 28% 22%,white,#68caff 10%,#1134d1 35%,#030b3f 65%,#87cbff);box-shadow:0 0 7px #3c9eff;z-index:5;animation:process-float var(--period) var(--phase) ease-in-out infinite}.process-prism{position:absolute;left:var(--x);top:var(--y);width:7%;height:12%;object-fit:contain;animation:process-float 13s var(--phase) ease-in-out infinite;z-index:4}
.process-footer{grid-area:footer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-top:12px}.process-footer a{display:flex;align-items:center;gap:8px;min-height:44px}.process-footer a svg{transform:rotate(180deg);width:18px}.process-footer .slide-indicator{position:static}
@keyframes process-float{0%,100%{translate:0 -5px;rotate:-1.5deg}50%{translate:4px 7px;rotate:1.5deg}}
@keyframes process-pulse{0%,100%{opacity:.55;scale:.97}50%{opacity:1;scale:1.04}}
@keyframes process-orbit{to{transform:rotate(13deg) scaleY(.85)}}
@keyframes process-turn{to{transform:rotate(360deg)}}
@keyframes process-toggle{0%,25%{translate:0}75%,100%{translate:110%}}
@keyframes process-shine{0%,50%{translate:-40%}100%{translate:40%}}
@media(min-width:600px){.process-page{padding:120px 7% 30px;gap:30px}.process-tabs button{padding:20px}.process-tabs button>span>span{font-size:17px}.process-tabs img{width:70px;height:75px}.process-art{max-width:800px;margin-inline:auto;width:100%}.process-details p{font-size:18px}.process-controls{max-width:490px}}
@media(min-width:1100px){.process-page{padding:125px 5% 30px;grid-template-columns:40% 60%;grid-template-areas:'copy art' 'details art' 'tabs tabs' 'footer footer';gap:30px 0;min-height:max(850px,100svh);align-content:center}.process-heading h2{font-size:clamp(76px,7.7vw,125px)}.process-page:lang(ru) h2{font-size:clamp(61px,6.4vw,105px)}.process-details{padding-right:8%;align-self:start}.process-details p{font-size:clamp(17px,1.5vw,24px);min-height:110px}.process-details h3{font-size:clamp(30px,3vw,47px)}.process-counter{font-size:15px}.process-art{width:108%;max-width:none;margin:-25px 0 -10px -4%;align-self:center;aspect-ratio:1.18}.process-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4%}.process-tabs button{padding:22px 20px;min-height:122px;border-radius:23px}.process-tabs button:not(:last-child):after{content:'';position:absolute;left:100%;width:20%;height:1px;background:#45b4ff;top:50%;box-shadow:0 0 6px #4cbfff}.process-tabs b{font-size:30px}.process-tabs img{width:70px;height:85px}.process-controls .start-button{font-size:18px;min-height:60px}.process-footer{margin-top:0}.process-page .web-mesh{opacity:.4}}
.is-entering .process-heading{animation:page-rise .6s both}.is-entering .process-art{animation:art-arrival .8s both}
@media(prefers-reduced-motion:reduce){.process-page *,.process-page *:before,.process-page *:after{animation:none!important;transition:none!important}.process-parallax{transform:none!important}}
@media(forced-colors:active){.process-art{visibility:hidden}.process-tabs button[aria-selected=true]{outline:3px solid Highlight}.process-tabs button{border:1px solid ButtonText}}
/* Keep diagrams recognizable throughout the drawing cycle. */
@keyframes process-trace{0%,100%{stroke-dashoffset:14;opacity:.72}50%{stroke-dashoffset:0;opacity:1}}
.process-details [role=tabpanel]{min-height:185px}
.process-scene[hidden] *{animation-play-state:paused!important}
@media(min-width:1100px){.process-details [role=tabpanel]{min-height:218px}.process-page{grid-template-columns:40% 60%;row-gap:24px}.process-art{aspect-ratio:1.32}}

/* Values — craft, partnership and modular growth. */
.values-page .process-details [role=tabpanel]{min-height:245px}.values-page .process-details h3{font-size:clamp(23px,6.3vw,43px)}.values-page .process-details p{min-height:0}.values-tabs{grid-template-columns:1fr;gap:10px}.values-tabs button{padding:12px 18px;min-height:74px}.values-tabs button>span{display:flex;align-items:center;gap:18px}.values-tabs b{margin:0;font-size:23px}.values-tabs button>span>span{font-size:15px}.values-tabs img{width:52px;height:52px}.values-page .process-controls .start-button{font-size:13px}.process-values-link svg{transform:none!important}.values-art{aspect-ratio:1.05}.values-art .process-orbit{opacity:.65}.values-art .process-prism{width:6%;height:9%}.values-art .process-bead{width:2.6%}
.value-diamond{position:absolute;width:65%;height:63%;left:17%;top:5%;object-fit:contain;z-index:3;filter:drop-shadow(0 0 20px #1364ff55);animation:value-gem 12s ease-in-out infinite}
.value-calibration{position:absolute;left:13%;top:24%;width:75%;height:23%;border:6px ridge #9cc7ff;border-radius:50%;box-shadow:0 0 10px #1679ff88,inset 0 0 8px #3285ff66;transform:rotate(-12deg);z-index:4;animation:value-ring 18s ease-in-out infinite alternate}.calibration-b{top:49%;width:68%;left:15%;height:15%;transform:rotate(9deg);animation-direction:alternate-reverse;animation-duration:24s}.value-calibration:after{content:'';position:absolute;inset:3px;border:1px dashed #9cd7ff88;border-radius:50%}
.value-plate{position:absolute;left:29%;top:calc(64% + var(--n)*8%);width:44%;height:15%;border:2px solid #94d7ff;border-radius:8px;background:linear-gradient(135deg,#bcecff6b,#1153dd40,#030b764f);box-shadow:inset 0 0 14px #3377ff88,0 5px 0 #1c4a9a99,0 0 10px #009dff66;transform:perspective(500px) rotateX(57deg) rotateZ(-10deg);display:grid;place-items:center;z-index:2;animation:value-layer 8s calc(var(--n)*-.8s) ease-in-out infinite}.value-plate svg{color:#8eeaff;width:22%;height:80%;filter:drop-shadow(0 0 3px cyan)}.value-quality{position:absolute;width:18%;right:1%;top:47%;z-index:5;animation:process-float 11s -4s infinite ease-in-out}
.value-loop{position:absolute;width:62%;height:74%;object-fit:contain;top:13%;filter:drop-shadow(0 0 15px #1779ff66);animation:value-loop 14s ease-in-out infinite}.loop-a{left:4%;z-index:2;transform:rotate(-28deg)}.loop-b{right:4%;z-index:4;transform:rotate(31deg);animation-delay:-7s;animation-direction:reverse}.value-shared{position:absolute;left:40%;top:37%;width:23%;aspect-ratio:1;border-radius:50%;z-index:3;background:radial-gradient(at 30% 24%,white,#a0faff 8%,#20aaff 28%,#163cad 55%,#000749 78%,#bceaff);box-shadow:0 0 28px #06beffbb,inset -7px -7px 12px #00097d;animation:process-pulse 5s infinite}
.value-chat{position:absolute;width:23%;height:18%;border:2px solid #b2d9ff;border-radius:20%;display:flex;align-items:center;justify-content:center;gap:12%;background:linear-gradient(135deg,#518bed88,#08277ccc);box-shadow:inset 2px 2px 5px #ddf9ff,0 0 14px #1e76ff66;z-index:5;animation:process-float 10s infinite ease-in-out}.value-chat:after{content:'';position:absolute;bottom:-12%;left:24%;width:17%;height:25%;background:#134297;border-bottom:2px solid #9ed8ff;border-right:2px solid #9ed8ff;transform:skewY(35deg)}.chat-a{left:1%;top:15%;transform:rotate(-9deg)}.chat-b{right:0;top:69%;transform:rotate(8deg);animation-delay:-5s}.value-chat i{width:12%;aspect-ratio:1;border-radius:50%;background:#c2ffff;box-shadow:0 0 8px #17bbff;animation:value-dot 2.4s infinite}.value-chat i:nth-child(2){animation-delay:.3s}.value-chat i:nth-child(3){animation-delay:.6s}
.value-dialogue,.value-growth{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#78afff77;stroke-width:1.4;z-index:1}.value-dialogue .value-packet{stroke:#bcffff;stroke-width:3;stroke-dasharray:3 97;animation:value-packet 6s linear infinite;filter:drop-shadow(0 0 5px #00d9ff)}
.value-platform{position:absolute;left:5%;top:70%;width:88%;height:25%;border:5px ridge #7eaefa;border-radius:50%;background:radial-gradient(ellipse,#1568ff25,#0531a533);box-shadow:0 0 18px #1677ff66;transform:rotate(-8deg)}.value-column{position:absolute;left:calc(8% + var(--n)*19%);bottom:19%;width:24%;height:70%;z-index:calc(5 - var(--n));animation:value-layer 9s calc(var(--n)*-1.2s) ease-in-out infinite}.value-column img{position:absolute;width:100%;height:auto;bottom:calc(var(--j)*19%);left:0;filter:drop-shadow(0 3px 5px #063cad88)}.value-growth{z-index:6;stroke:#b7e3ff;stroke-width:3;filter:drop-shadow(0 0 5px #167cff)}.value-growth-light{stroke:#5ff6ff;stroke-width:4;stroke-dasharray:8 92;animation:value-packet 5s linear infinite}.value-new-module{position:absolute;width:12%;left:calc(12% + var(--n)*29%);top:calc(15% + var(--n)*6%);animation:process-float 10s calc(var(--n)*-2s) infinite ease-in-out}
.values-page .process-next:disabled{opacity:.48}.values-page .process-controls .values-next-label{line-height:1.15}.values-atmosphere{mask-image:linear-gradient(90deg,#0003,#000 48%)}.values-tabs button[aria-selected=true] img{animation:value-icon 6s ease-in-out infinite}
@keyframes value-gem{0%,100%{translate:0 -5px;rotate:-2deg}50%{translate:0 8px;rotate:2deg}}
@keyframes value-ring{to{transform:rotate(12deg) scaleY(.7)}}
@keyframes value-layer{0%,100%{translate:0 -3px}50%{translate:0 6px}}
@keyframes value-loop{0%,100%{translate:-3px -6px;rotate:-3deg}50%{translate:4px 8px;rotate:3deg}}
@keyframes value-dot{0%,70%,100%{opacity:.5;scale:.8}35%{opacity:1;scale:1.25}}
@keyframes value-packet{to{stroke-dashoffset:-100}}
@keyframes value-icon{50%{translate:0 -3px;rotate:4deg}}
@media(min-width:600px){.values-tabs button{padding:14px 25px}.values-tabs button>span>span{font-size:19px}.values-page .process-details [role=tabpanel]{min-height:250px}}
@media(min-width:1100px){.values-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4%}.values-tabs button{min-height:130px;padding:20px}.values-tabs button>span{display:block}.values-tabs b{margin-bottom:7px;font-size:30px}.values-tabs img{width:82px;height:90px}.values-tabs button>span>span{font-size:clamp(15px,1.25vw,22px)}.values-tabs button:not(:last-child):after{width:15%}.values-page .process-details h3{font-size:clamp(27px,2.8vw,44px)}.values-page:lang(ru) .process-details h3{font-size:clamp(25px,2.5vw,40px)}.values-page .process-details [role=tabpanel]{min-height:270px}.values-page .process-controls .start-button{font-size:16px}.values-art{aspect-ratio:1.16}.values-page .process-details{padding-right:8%}}
@media(prefers-reduced-motion:reduce){.values-page *,.values-page *:before,.values-page *:after{animation:none!important;transition:none!important}}
@media(max-width:1099px){.values-atmosphere{mask-image:linear-gradient(#0003 0%,#0003 34%,#000 43%,#000 65%,#0001 73%)}}

/* CONTACT: independent artwork layers and a calm, accessible composer. */
.contact-page{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 80px);padding:120px 5% 26px;display:grid;grid-template-columns:1fr;grid-template-areas:'copy' 'art' 'actions' 'nav';gap:20px;background:radial-gradient(ellipse at 25% 60%,#d6e7ff88,transparent 60%),var(--bg)}
[data-theme=dark] .contact-page{background:radial-gradient(ellipse at 25% 60%,#172b6644,transparent 60%),#040a1b}
.contact-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,#000,#0005);background-image:linear-gradient(#748ceb09 1px,transparent 1px),linear-gradient(90deg,#748ceb09 1px,transparent 1px);background-size:100px 100px}
.contact-copy{grid-area:copy}.contact-copy .eyebrow{position:static;margin-bottom:20px}.contact-copy h2{font-size:clamp(45px,11vw,78px);letter-spacing:-.055em;line-height:1.05;margin:0;font-weight:750}.contact-copy h2>span{display:block;padding-bottom:.08em}.contact-copy p{font-size:16px;color:var(--muted);max-width:550px;margin:20px 0 0;line-height:1.55}
.contact-art{grid-area:art;aspect-ratio:1.3;min-width:0;pointer-events:none;max-width:760px;width:100%;margin:auto;perspective:1000px}.contact-sculpture{position:relative;width:100%;height:100%;animation:contact-hover 10s ease-in-out infinite;transform-style:preserve-3d}.contact-envelope{position:absolute;width:76%;height:auto;left:12%;top:-1%;z-index:1;filter:drop-shadow(0 12px 25px #154eff35)}.contact-letter{position:absolute;left:33%;top:16%;width:39%;height:40%;background:linear-gradient(130deg,#fff,#b8e7ff 60%,#6098f0);box-shadow:inset 0 0 12px white,0 0 14px #48d5ff90;border:1px solid white;border-radius:12px;transform:rotate(12deg);z-index:2;animation:contact-letter 7s ease-in-out infinite;clip-path:polygon(0 0,100% 0,100% 72%,35% 100%,0 67%);padding:12% 6%}.contact-letter i{display:block;height:3px;background:#effaff;margin:0 0 9%;border-radius:5px;box-shadow:0 0 5px #fff}.contact-letter i:last-child{width:65%}
.contact-chat{position:absolute;display:flex;gap:10%;align-items:center;justify-content:center;width:21%;height:20%;border-radius:18%;background:linear-gradient(135deg,#7ed3ff99,#0b3b95dc);border:2px solid #b4e9ff;box-shadow:inset 0 0 14px #87c9ff,0 0 15px #5b9fff55;z-index:4;animation:contact-bubble 9s ease-in-out infinite}.contact-chat:after{content:'';position:absolute;bottom:-20%;left:20%;width:25%;height:32%;background:#245aa8;clip-path:polygon(0 0,100% 0,100% 100%)}.contact-chat i{width:14%;aspect-ratio:1;border-radius:50%;background:#b4ffff;box-shadow:0 0 8px #33dbff;animation:value-dot 3s infinite}.contact-chat i:nth-child(2){animation-delay:.3s}.contact-chat i:nth-child(3){animation-delay:.6s}.chat-left{top:2%;left:2%;rotate:-12deg}.chat-right{right:0;bottom:5%;rotate:12deg;animation-delay:-4s}
.contact-sphere{position:absolute;width:5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 24%,#fff 0,#54baff 7%,#1248ef 24%,#010f50 55%,#526aff 80%,#b6eaff);box-shadow:0 0 8px #497fff80;z-index:4;animation:contact-bubble 12s ease-in-out infinite;animation-delay:calc(var(--n)*-1.8s)}.sphere-0{left:4%;top:51%;width:7%}.sphere-1{left:24%;bottom:0;width:15%}.sphere-2{right:9%;top:19%}.sphere-3{right:5%;top:48%;width:7%}.sphere-4{left:11%;top:35%;width:3%}.sphere-5{right:30%;top:6%;width:3%}.contact-orbit{position:absolute;left:0;top:20%;width:100%;height:50%;border:1px solid #528fff9c;border-bottom-color:#b5ecff;border-radius:50%;rotate:-24deg;z-index:3;box-shadow:0 2px 5px #365bff33;animation:contact-orbit 22s ease-in-out infinite alternate}.orbit-b{rotate:28deg;height:65%;width:85%;left:10%;top:18%;opacity:.55;animation-delay:-9s;z-index:0}.contact-crystal{position:absolute;width:7%;height:auto;z-index:3;animation:contact-bubble 11s ease-in-out infinite}.crystal-0{right:17%;top:5%}.crystal-1{left:3%;bottom:14%;animation-delay:-5s}
.contact-actions{grid-area:actions;display:grid;gap:16px;min-width:0}.contact-card{display:flex;width:100%;text-align:left;align-items:center;gap:16px;min-height:90px;padding:17px;border-radius:22px;border:1px solid #819de396;background:linear-gradient(125deg,#faffffdf,#eaf0ff85);box-shadow:inset 0 1px 2px #fff,0 8px 25px #2b58f012;transition:transform .25s,box-shadow .25s,border-color .25s}.contact-card>span:nth-child(2){flex:1;min-width:0}.contact-card strong{font-weight:600;font-size:16px;display:block}.contact-card small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.contact-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:15px;border:1px solid #88a3db66;background:#c7eaff25;color:#00aaff;box-shadow:inset 0 0 14px #89bfff20}.contact-icon svg{width:28px;height:28px}.whatsapp-card .contact-icon{color:#13c66a}.contact-arrow{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #6276ef;border-radius:50%;transition:translate .25s}.contact-arrow svg{rotate:-40deg}.contact-card:hover,.contact-card:focus-visible{border-color:#46c8ff;box-shadow:0 0 5px #6bd6ff80,0 6px 25px #2c6dff35;transform:translateY(-3px)}.contact-card:hover .contact-arrow{translate:2px -2px}
[data-theme=dark] .contact-card{background:linear-gradient(130deg,#264b8c40,#080f2680 65%,#27216f44);box-shadow:inset 0 1px 2px #c3dcff44,0 8px 25px #0002}.contact-address{position:relative;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;flex-wrap:wrap}.contact-address button{display:grid;place-items:center;border:0;background:none;min-width:44px;min-height:44px}.contact-address [role=status]{font-size:12px}.contact-navigation{grid-area:nav;display:flex;gap:30px;align-items:center;color:var(--muted);font-size:12px;margin-top:22px}.contact-navigation a{display:flex;gap:14px;align-items:center;min-height:44px}.contact-navigation svg{rotate:180deg;width:20px}
.site-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:24px;padding:20px 5%;font-size:12px;line-height:1.6;color:var(--muted);background:var(--bg);flex-wrap:wrap}.love-footer{padding:8px 0;font-size:inherit;line-height:inherit;background:none;border:0;text-align:center;color:inherit;min-height:44px}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.site-footer nav a{padding:10px 0;min-height:44px}.site-footer a:hover{color:var(--text)}.heart-particles{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden}.heart-particle{position:absolute;line-height:1;filter:drop-shadow(0 2px 3px #694aff30)}
dialog{color:var(--text);font-family:inherit}dialog::backdrop{background:#010616b8;backdrop-filter:blur(8px)}.email-composer,.legal-dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;background:linear-gradient(130deg,#fff,#edf3ff);border:1px solid #87a5ff;border-radius:28px;padding:34px;box-shadow:0 0 8px #43a8ff66,0 25px 100px #00195066}.email-composer[open],.legal-dialog[open]{animation:composer-in .28s ease-out}[data-theme=dark] .email-composer,[data-theme=dark] .legal-dialog{background:linear-gradient(130deg,#111f3e,#060d22 75%);border-color:#48aaff}.dialog-close{position:absolute;top:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;font-size:32px;line-height:1;z-index:2}.composer-heading{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-right:10px}.composer-icon{perspective:600px;flex:0 0 95px}.composer-icon img{width:100%;height:auto;display:block;animation:mail-turn 6s ease-in-out infinite;filter:drop-shadow(0 8px 13px #137aff50)}.composer-heading h2{font-size:32px;line-height:1.15;letter-spacing:-.045em;margin:0 0 10px}.composer-heading p{margin:0;color:var(--muted);font-size:14px}.composer-heading p a{color:var(--text)}.topic-picker{border:0;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}.topic-picker legend{padding:0;margin-bottom:12px;font-weight:550}.topic-picker label{flex:1;position:relative}.topic-picker input{position:absolute;opacity:0;width:1px;height:1px}.topic-picker span{display:flex;justify-content:center;align-items:center;min-height:46px;padding:8px 14px;border:1px solid #8799d688;border-radius:15px;font-size:14px;cursor:pointer}.topic-picker input:checked+span{background:linear-gradient(120deg,#2137ff,#009bff);border-color:#62ceff;color:white;box-shadow:0 0 12px #168dff66}.topic-picker input:focus-visible+span{outline:2px solid #16baff;outline-offset:3px}.field-label{display:block;margin:18px 0 8px;font-weight:550}#reply-email,#contact-message{width:100%;border:1px solid #8497d68c;border-radius:16px;padding:15px 17px;background:#fcffff66;color:var(--text);font:400 16px/1.5 Onest,system-ui;box-shadow:inset 0 1px 3px #4c75b509}#contact-message{resize:vertical;min-height:142px;max-height:45dvh}[data-theme=dark] #reply-email,[data-theme=dark] #contact-message{background:#243a5d40}#reply-email::placeholder{color:var(--muted)}.draft-help{font-size:12px;color:var(--muted);margin:7px 0 20px}.privacy-note{font-size:13px;line-height:1.5;color:var(--muted)}.privacy-note a{text-decoration:underline}.send-message{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:14px 22px;border:1px solid #7fdfff;border-radius:18px;background:linear-gradient(110deg,#2922ff,#0065ff 65%,#0babef);color:white;box-shadow:0 0 6px #67d8ff77,0 8px 25px #266bff40;transition:box-shadow .25s,transform .25s;font-weight:600}.send-message:hover{box-shadow:0 0 15px #49ccff88,0 10px 30px #266bff55;transform:translateY(-1px)}.send-message:disabled{opacity:.6;cursor:wait}.mail-fallback{font-size:13px;color:var(--muted);text-align:center;margin:16px 0 0}.mail-fallback a{color:var(--text)}.form-status{font-size:14px;line-height:1.5;margin:12px 0}.form-status:empty{display:none}.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contact-success{text-align:center;padding:25px 0}.success-check{display:grid;place-items:center;border:1px solid #50d9ff;border-radius:50%;width:70px;height:70px;font-size:40px;color:#1bbefa;margin:0 auto 20px;box-shadow:0 0 25px #2a8aff44}.contact-success p{color:var(--muted);margin-bottom:30px}.legal-dialog{padding-top:55px}.legal-dialog h2,.legal-standalone h2{font-size:30px;line-height:1.2;overflow-wrap:anywhere}.legal-dialog h3,.legal-standalone h3{font-size:18px;margin:25px 0 8px}.legal-dialog p,.legal-standalone p{font-size:15px;line-height:1.7;color:var(--muted)}.legal-draft{padding:14px;border:1px solid var(--line);border-radius:12px}.legal-standalone{max-width:780px;padding:50px 24px;margin:auto}.dialog-open{overflow:hidden}.dialog-open .contact-sculpture *,.dialog-open .contact-sculpture,.dialog-open .contact-atmosphere *,.page-hidden *{animation-play-state:paused!important}
@keyframes contact-hover{0%,100%{transform:translateY(-5px) rotate(-1deg)}50%{transform:translateY(6px) rotate(1deg)}}@keyframes contact-letter{0%,100%{translate:0 -5px}50%{translate:0 5px}}@keyframes contact-bubble{0%,100%{translate:0 -5px;transform:rotate(-3deg)}50%{translate:3px 7px;transform:rotate(3deg)}}@keyframes contact-orbit{to{transform:rotate(10deg) scaleY(.9)}}@keyframes mail-turn{0%,100%{transform:rotateY(-16deg) rotateX(5deg) rotateZ(-3deg)}50%{transform:rotateY(16deg) rotateX(-5deg) rotateZ(3deg)}}@keyframes composer-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:700px){.contact-card{min-height:112px;padding:22px;gap:22px}.contact-card strong{font-size:20px}.contact-card small{font-size:15px}.contact-icon{width:60px;height:60px}.contact-icon svg{width:34px;height:34px}.contact-arrow{width:46px;height:46px}.contact-address{font-size:17px}.contact-copy p{font-size:20px}}
@media(min-width:1100px){.contact-page{grid-template-columns:56% 44%;grid-template-areas:'art copy' 'art actions' 'nav nav';column-gap:0;row-gap:28px;align-content:center;min-height:max(830px,calc(100svh - 80px));padding-top:130px}.contact-copy h2{font-size:clamp(70px,7vw,116px)}.contact-copy:lang(ru) h2{font-size:clamp(60px,5.6vw,90px)}.contact-art{width:105%;margin-left:-6%;aspect-ratio:1;grid-row:1/3;align-self:center}.contact-sculpture{height:85%;margin-top:6%}.contact-navigation{margin-top:28px}.contact-actions{gap:20px}.contact-copy .eyebrow{font-size:13px}.contact-page .contact-copy p{font-size:clamp(18px,1.5vw,24px)}.site-footer{justify-content:space-between}.site-footer .love-footer{margin:auto}}
@media(max-width:699px){.contact-copy{text-align:center}.contact-copy .eyebrow{justify-content:center;font-size:10px}.contact-page{padding-top:108px;gap:18px}.contact-copy p{margin-inline:auto}.contact-card{gap:12px;padding:14px}.contact-card strong{font-size:14px}.contact-card small{font-size:11px}.contact-icon{width:42px;height:42px}.contact-arrow{width:32px;height:32px}.site-footer{gap:0;padding:12px 22px}.site-footer nav{width:100%;gap:24px}.site-footer .footer-rights{display:block}.email-composer{width:calc(100% - 20px);padding:26px 20px 22px;border-radius:24px;max-height:calc(100dvh - 20px)}.composer-heading{flex-direction:column;text-align:center;gap:8px;padding:0;margin-bottom:25px}.composer-icon{flex-basis:auto;width:94px}.composer-heading h2{font-size:30px}.composer-heading p{font-size:13px}.topic-picker{gap:6px}.topic-picker span{padding:8px 9px;font-size:12px}.privacy-note{font-size:12px}.email-composer .dialog-close{top:9px;right:9px}}
@media(prefers-reduced-motion:reduce){.contact-page *,.email-composer[open],.composer-icon img,.legal-dialog[open]{animation:none!important;transition:none!important}}

/* Standalone legal/error document H1 retains the existing legal heading typography. */
.legal-standalone h1{font-size:30px;line-height:1.2;overflow-wrap:anywhere;font-weight:700;letter-spacing:normal;margin:.83em 0}