@charset "UTF-8";
@font-face{font-family:Manrope;src:url('assets/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Onest;src:url('assets/fonts/Onest-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Cormorant Glass';src:url('assets/fonts/CormorantGaramond-Italic.ttf') format('truetype');font-weight:300 700;font-style:italic;font-display:swap}
:root{color-scheme:dark;font-family:Onest,Arial,sans-serif;--ink:#faf6ff;--accent:#dfcef7;--page-progress:0;--orbit-turn:0deg;--glass-alpha:.09;--glass-blur:7.4px;--gutter:clamp(18px,3.5vw,64px)}
*{box-sizing:border-box}html{min-width:280px;scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;min-height:100svh;background:#121016;color:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e0cafa;outline-offset:6px}::selection{background:#d7bdf2;color:#17101f}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;padding:12px;background:#ece3fa;color:#17101f}.skip-link:focus{top:15px}
.background{position:fixed;inset:0;z-index:-2;overflow:hidden;isolation:isolate;background:#15121b url('assets/poster.jpg') center/cover no-repeat}.background video{width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:brightness(.8);transform:scale(1.04)}.background-glass{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 8% 4%,#ffffff20,transparent 48%),radial-gradient(ellipse at 92% 86%,#cbbcf616,transparent 48%),linear-gradient(125deg,#ffffff09,transparent 42%,#ffffff05),rgba(30,25,42,var(--glass-alpha));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);backdrop-filter:blur(var(--glass-blur)) saturate(125%);box-shadow:inset 0 0 90px #d4c7ff0b,inset 0 0 0 1px #ffffff12}.background-shade{position:absolute;inset:0;background:linear-gradient(0deg,#100e1880,#100e181c);opacity:calc(.8 + var(--page-progress) * .2);pointer-events:none}
.site-shell{max-width:1800px;padding:calc(16px + env(safe-area-inset-top)) var(--gutter) 0;margin:auto}.header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font:700 21px Manrope,Arial,sans-serif;letter-spacing:-1px}.brand-symbol{display:block;width:25px;height:35px;border:6px solid #ede4f7;border-radius:50%;transform:rotate(36deg);flex-shrink:0}.header-telegram{display:inline-flex;align-items:center;gap:12px;font-size:11px;min-height:44px}.header-telegram .telegram-icon{width:17px;height:17px}.telegram-icon{width:21px;height:21px;flex-shrink:0;filter:drop-shadow(0 1px 4px #ffffff20);transition:transform .25s}.header-telegram:hover{color:var(--accent)}
.main{outline:none}.minimal-hero{min-height:calc(100svh - 145px);padding:clamp(48px,8vh,90px) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(calc(var(--page-progress) * -48px));opacity:calc(1 - var(--page-progress) * .85)}
.minimal-hero h1,.about-section h2{width:100%;max-width:1080px;font-family:'Cormorant Glass',Georgia,serif;font-style:italic;font-weight:300;text-align:center;text-shadow:0 0 22px #e8d8ff16,0 2px 35px #00000024;margin:0;letter-spacing:-.025em}
.minimal-hero h1{font-size:clamp(60px,9.8vw,150px);line-height:1.13;min-height:2.3em;display:flex;flex-direction:column;justify-content:center}
.typed-line{display:block;min-height:1.1em;white-space:nowrap}.accent-line{color:#e1cef7;text-shadow:0 0 24px #dac5ff25}
.word-font.font-flow{font-family:'Cormorant Glass',Georgia,serif;font-style:italic;font-weight:300;letter-spacing:-.035em}.word-font.font-clean{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:300;font-size:.79em;letter-spacing:-.065em}.word-font.font-soft{font-family:Onest,Arial,sans-serif;font-style:normal;font-weight:250;font-size:.81em;letter-spacing:-.06em}
.minimal-hero>p{font-size:clamp(12px,1vw,15px);font-weight:300;line-height:1.8;color:#e1d7ec;max-width:440px;width:100%;min-height:3.6em;margin:clamp(20px,3vh,32px) 0 20px;padding:0 10px;display:flex;align-items:center;justify-content:center}
.primary-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;width:250px;max-width:100%;padding:0 22px;border-radius:16px;color:#faf6ff;background:linear-gradient(135deg,#ffffff29,#d9c6ff14 47%,#ffffff0a);border:1px solid #eee5ff73;box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #ffffff16,0 8px 28px #09041133;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);text-shadow:0 1px 7px #10091c70;transition:background .25s,border-color .25s,transform .25s}
.primary-button:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 18% 0%,#ffffff40,transparent 60%),linear-gradient(115deg,transparent 15%,#ffffff14 40%,transparent 68%);pointer-events:none}.primary-button:after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#ffffffb3,transparent);pointer-events:none}.typed-action-label{font:400 12px/1.3 Onest,Arial,sans-serif;letter-spacing:0;display:inline-block;text-align:left;min-width:0}.primary-button:hover{background:linear-gradient(135deg,#ffffff3b,#d9c6ff25 47%,#ffffff14);border-color:#f0e6ffb3;transform:translateY(-2px)}.primary-button:hover .telegram-icon{transform:translate(1px,-1px)}.primary-button:active{transform:none}
.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:13px;width:max-content;max-width:100%;min-height:64px;margin:0 auto;padding:0 8px 20px;color:#dfd4ec}.scroll-cue span{font-size:7px;letter-spacing:2.4px;min-height:10px}.scroll-cue svg{width:15px;height:26px;transition:transform .3s}.scroll-cue:hover svg{transform:translateY(4px)}
.about-section{min-height:94svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(85px,10vh,130px) 0;scroll-margin-top:20px;position:relative}
.about-logo{width:105px;height:110px;display:grid;place-items:center;margin-bottom:clamp(28px,4vh,43px)}.about-logo .brand-symbol{width:57px;height:82px;border-width:12px;border-color:#e6daf5;transform:rotate(calc(36deg + var(--orbit-turn) * .15));filter:drop-shadow(0 0 16px #d2b9fc25);box-shadow:inset 2px 0 3px #ffffff35,1px 0 2px #ffffff30}
.about-section h2{font-size:clamp(38px,5.7vw,84px);line-height:1.14;min-height:2.35em;max-width:1000px;margin:0 0 26px}
.about-lead{font-size:clamp(14px,1.4vw,20px);font-weight:300;line-height:1.8;color:#eee7f7;margin:0 0 20px;max-width:680px;width:100%;min-height:3.6em}.about-copy{font-size:clamp(11px,.95vw,14px);font-weight:300;line-height:1.9;color:#c9bed6;max-width:570px;width:100%;min-height:3.8em;margin:0}.about-contact{font-size:12px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin-top:29px;min-height:44px;width:225px;max-width:100%;padding:10px 0;border-bottom:1px solid #e3cef34d;color:#e9dbfd}.about-contact:hover{color:#fff;border-color:#eedfff}
.minimal-hero>p[data-copy-font="1"],.about-lead[data-copy-font="1"],.about-copy[data-copy-font="2"]{font-family:Manrope,Arial,sans-serif}.footer{padding:24px 0 calc(24px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:8px;letter-spacing:1.3px;color:#b8afc6;min-height:32px;display:flex;align-items:center}
.scroll-ready .reveal{opacity:0;translate:0 28px;filter:blur(5px);transition:opacity 1s ease,translate 1s cubic-bezier(.2,.65,.3,1),filter 1s ease}.scroll-ready .reveal.is-visible{opacity:1;translate:0 0;filter:none}.scroll-ready .about-lead{transition-delay:.12s}.scroll-ready .about-copy{transition-delay:.18s}.scroll-ready .about-contact{transition-delay:.24s}
/* Retained background controls are hidden in the minimal interface. */
.about-dialog{background:#17121fe8;color:var(--ink);border:0;border-radius:20px;max-width:420px;width:calc(100% - 36px);padding:24px}.about-dialog::backdrop{background:#07050ba8;backdrop-filter:blur(12px)}.dialog-heading,.video-heading,.setting-label,.time-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:9px;letter-spacing:2px}.close-dialog,.play-toggle{width:42px;height:42px;border:1px solid #ffffff45;border-radius:50%;background:#ffffff12;display:grid;place-items:center}.close-dialog{font-size:22px}.video-heading{margin-top:24px}.video-heading h2{font-size:25px;font-weight:400}.video-heading p,.glass-settings p{font-size:11px;color:#c8bdd4}.play-toggle svg{width:20px;stroke:#eee;fill:none}.play-toggle .pause-icon{display:none}.play-toggle .play-icon{fill:#eee;stroke:none}.play-toggle.is-playing .pause-icon{display:block}.play-toggle.is-playing .play-icon{display:none}.video-progress{height:2px;background:#ffffff25;margin-top:20px}.video-progress span{height:100%;display:block;background:var(--accent)}.time-row{font-size:9px;margin-top:8px}.glass-settings{margin-top:24px}.setting-label{font-size:12px}.glass-settings input{width:100%;margin:20px 0}.exit-immersive{margin-left:auto;padding:12px;border-radius:12px;background:#292231;border:1px solid #ffffff40}.immersive .main{visibility:hidden;opacity:0;pointer-events:none}.immersive .header-telegram{display:none}.immersive-hint{position:fixed;bottom:25px;left:0;right:0;text-align:center;font-size:12px}.immersive-hint span{display:block;font-size:10px;margin-top:8px}
@media(min-width:1920px){.minimal-hero h1{font-size:164px}.about-section h2{font-size:95px}.about-lead{font-size:21px}.minimal-hero>p{font-size:16px}}
@media(max-width:800px){.minimal-hero h1{font-size:clamp(60px,10.5vw,90px)}.about-section h2{font-size:clamp(40px,6.8vw,58px)}.about-section{min-height:88svh}.about-lead{max-width:580px}.about-copy{max-width:510px}}
@media(max-width:540px){:root{--gutter:clamp(18px,5vw,28px)}.site-shell{padding-top:calc(8px + env(safe-area-inset-top))}.header{height:60px;gap:20px}.brand{font-size:18px;gap:10px}.brand-symbol{width:21px;height:30px;border-width:5px}.header-telegram{font-size:10px;gap:9px}.header-telegram .telegram-icon{width:17px}.minimal-hero{min-height:calc(100svh - 135px);padding:50px 0 42px;transform:translateY(calc(var(--page-progress) * -28px))}.minimal-hero h1{font-size:clamp(48px,15vw,79px);line-height:1.16;min-height:2.4em}.minimal-hero>p{font-size:12px;max-width:320px;margin:21px 0 18px;min-height:3.6em}.primary-button{width:236px;min-height:50px;padding:0 19px}.typed-action-label{font-size:11px}.scroll-cue{min-height:63px;padding-bottom:22px}.scroll-cue span{font-size:6px;letter-spacing:2px}.about-section{padding:78px 0 85px;min-height:92svh}.about-logo{height:90px;margin-bottom:27px}.about-logo .brand-symbol{width:47px;height:69px;border-width:10px}.about-section h2{font-size:clamp(31px,9.1vw,49px);min-height:2.4em;margin-bottom:24px}.about-lead{font-size:14px;line-height:1.85;min-height:7.4em;max-width:350px;margin-bottom:15px}.about-copy{font-size:12px;line-height:1.9;min-height:5.7em;max-width:330px}.about-section .desktop-break{display:none}.about-contact{margin-top:23px;width:218px}.footer{padding:18px 0 calc(18px + env(safe-area-inset-bottom))}.footer-brand{font-size:7px}}
@media(max-width:350px){.brand{font-size:16px}.brand-symbol{width:19px;height:27px;border-width:5px}.minimal-hero h1{font-size:14.8vw}.about-section h2{font-size:8.8vw}.about-lead{font-size:13px;min-height:7.4em}.about-copy{font-size:11px;min-height:7.6em}}
@media(max-height:560px) and (min-width:541px){.site-shell{padding-top:6px}.header{height:55px}.minimal-hero{min-height:450px;padding:35px 0}.minimal-hero h1{font-size:clamp(65px,9vw,96px)}.about-section{padding:65px 0}.about-logo{height:80px;margin-bottom:20px}.about-logo .brand-symbol{width:42px;height:62px;border-width:9px}}
@media(hover:none){.primary-button:hover{transform:none}.primary-button:hover .telegram-icon{transform:none}}
@supports not (backdrop-filter:blur(1px)){.background video{filter:blur(var(--glass-blur)) brightness(.8)}.primary-button{background:#4b405db3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.minimal-hero{transform:none;opacity:1}.scroll-ready .reveal{opacity:1;translate:none;filter:none}.about-logo .brand-symbol{transform:rotate(36deg)}}

/* Refined direction: one expressive word, quiet supporting copy, continuous depth. */
.minimal-hero h1{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:300;font-size:clamp(61px,8.4vw,130px);letter-spacing:-.065em;line-height:1.17;min-height:2.5em}
.headline-clean{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:300}
.headline-flow{font-family:'Cormorant Glass',Georgia,serif;font-style:italic;font-weight:300;font-size:1.22em;letter-spacing:-.035em;color:#e3d1fa}
.minimal-hero h1>.accent-line{color:#e2d9ee;text-shadow:0 0 25px #dac5ff12}
.minimal-hero>p{font-size:clamp(12px,1vw,15px);line-height:1.85;min-height:3.7em;display:block;color:#cdc3d8;margin-top:23px;margin-bottom:29px}
.background-shade{background:radial-gradient(ellipse 50% 43% at 50% 42%,#0e0a15b0,transparent 100%),radial-gradient(ellipse 28% 22% at 50% 74%,#ab7cdd15,transparent 100%),linear-gradient(0deg,#100b19c9,#100e1812);opacity:calc(.78 + var(--page-progress) * .22)}
.about-section:before{content:"";position:absolute;z-index:-1;inset:-110px calc(var(--gutter) * -1) -40px;background:linear-gradient(0deg,#0c091145,#0c091180 55%,transparent);pointer-events:none}
.primary-button{font:400 12px Onest,Arial,sans-serif;justify-content:center;gap:34px;border-color:#e6d9fa80;box-shadow:inset 0 1px 0 #ffffff8c,inset 1px 0 0 #ffffff24,inset 0 -1px 0 #c0a5ef26,0 8px 28px #09041133}
.primary-button:before{background:radial-gradient(ellipse at 15% 0%,#ffffff3d,transparent 57%),linear-gradient(115deg,transparent 20%,#ffffff18 43%,transparent 66%);transition:transform .7s ease,opacity .3s}
@media(hover:hover){.primary-button:hover:before{transform:translateX(22%)}.primary-button:hover{box-shadow:inset 0 1px 0 #ffffffa6,inset 0 -1px 0 #c0a5ef30,0 10px 35px #07030d40,0 0 35px #c8a5f416}}
.primary-button:active{transform:scale(.975);transition-duration:.12s;background:#d8c0fc24}
.about-section h2{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:300;font-size:clamp(34px,4.2vw,62px);line-height:1.22;letter-spacing:-.055em;min-height:0;max-width:1000px;margin-bottom:30px}
.about-section h2 em{font-family:'Cormorant Glass',Georgia,serif;font-size:1.2em;font-weight:300;letter-spacing:-.025em;color:#e1cef7}
.about-lead{min-height:0;margin-bottom:20px;color:#e6dfed;font-size:clamp(14px,1.3vw,18px);line-height:1.85;max-width:710px}
.about-copy{min-height:0;max-width:650px;line-height:1.95;color:#bfb2cf;font-size:clamp(11px,.95vw,13px)}
.about-contact{justify-content:center;gap:20px;margin-top:32px;min-height:46px;font-size:12px}
.scroll-ready .reveal{filter:none;translate:0 20px;transition:opacity .65s ease,translate .8s cubic-bezier(.2,.65,.3,1)}
.scroll-ready .reveal.is-visible{filter:none;translate:0 0}.scroll-ready .about-lead{transition-delay:.06s}.scroll-ready .about-copy{transition-delay:.1s}.scroll-ready .about-contact{transition-delay:.14s}
.about-logo{margin-bottom:32px}
@media(min-width:1920px){.minimal-hero h1{font-size:144px}.about-section h2{font-size:70px}}
@media(max-width:800px){.minimal-hero h1{font-size:clamp(55px,9.5vw,82px)}.about-section h2{font-size:clamp(31px,5.4vw,44px)}}
@media(max-width:540px){.minimal-hero h1{font-size:clamp(43px,13.4vw,69px);line-height:1.2;min-height:2.6em}.minimal-hero>p{font-size:12px;line-height:1.85;margin:20px 0 26px;padding:0}.about-section h2{font-size:clamp(26px,7.5vw,39px);line-height:1.25;margin-bottom:25px}.about-lead{font-size:14px;min-height:0;max-width:350px}.about-copy{font-size:12px;min-height:0;max-width:340px}.about-contact{font-size:11px;margin-top:27px}.about-logo{margin-bottom:26px}}
@media(max-width:350px){.minimal-hero h1{font-size:13vw}.about-section h2{font-size:7.3vw}.about-lead{font-size:13px}.about-copy{font-size:11px}}
@media(max-height:560px) and (min-width:541px){.minimal-hero h1{font-size:clamp(59px,7.8vw,85px)}.minimal-hero{min-height:425px}}
@media(prefers-reduced-motion:reduce){.scroll-ready .reveal{translate:none}.primary-button:hover:before{transform:none}}

/* Final typography: quiet geometric forms with one fluid accent. */
.minimal-hero h1{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:300;font-size:clamp(62px,8.3vw,126px);letter-spacing:-.065em;line-height:1.19;min-height:2.55em}
.headline-clean{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:300;letter-spacing:-.065em}
.headline-flow{font-family:'Cormorant Glass',Georgia,serif;font-style:italic;font-weight:400;font-size:1.14em;letter-spacing:-.04em;color:#dfcdf3;text-shadow:0 0 24px #dbbfff18}
.minimal-hero h1>.accent-line{color:#e4ddec}
.minimal-hero>p{font-weight:300;font-size:13px;letter-spacing:.08px;color:#beb5ca}
.about-section h2{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:300;font-size:clamp(34px,4vw,60px);letter-spacing:-.055em;line-height:1.28}
.about-section h2 em{font-family:'Cormorant Glass',Georgia,serif;font-style:italic;font-weight:400;font-size:1.17em;letter-spacing:-.035em;color:#dfcdf3}
.about-logo .brand-symbol{filter:drop-shadow(0 0 12px #d2b9fc18)}
@media(min-width:1920px){.minimal-hero h1{font-size:140px}.about-section h2{font-size:67px}}
@media(max-width:800px){.minimal-hero h1{font-size:clamp(55px,9.5vw,82px)}.about-section h2{font-size:clamp(31px,5.3vw,43px)}}
@media(max-width:540px){.minimal-hero h1{font-size:clamp(42px,13.2vw,70px);line-height:1.23;min-height:2.6em}.minimal-hero>p{font-size:12px;line-height:1.9}.about-section h2{font-size:clamp(26px,7.3vw,38px);line-height:1.3}}
@media(max-width:350px){.minimal-hero h1{font-size:12.8vw}.about-section h2{font-size:7.1vw}}
@media(max-height:560px) and (min-width:541px){.minimal-hero h1{font-size:clamp(59px,7.8vw,85px)}}

/* Split desktop hero. Mobile keeps its centered composition. */
.hero-copy{width:100%;display:flex;flex-direction:column;align-items:center}
.hero-copy>p{font-size:13px;font-weight:300;line-height:1.9;color:#beb5ca;margin:23px 0 29px;text-align:center}
.hero-connect{display:flex;flex-direction:column;align-items:center}
.hero-emblem,.hero-wordmark{display:none}
.background-glass{backdrop-filter:blur(3px) saturate(135%);-webkit-backdrop-filter:blur(3px) saturate(135%);background:radial-gradient(ellipse at 8% 4%,#ffffff19,transparent 48%),linear-gradient(125deg,#ffffff07,transparent 42%,#ffffff03)}
.primary-button{border:1px solid #fff9;background:linear-gradient(155deg,#ffffff40,#e0ceff12 42%,#ffffff1c);box-shadow:inset 0 2px 2px #ffffff8c,inset 2px 0 3px #ffffff30,inset 0 -2px 3px #bca0ef55,0 12px 36px #09041145;backdrop-filter:blur(9px) saturate(170%);-webkit-backdrop-filter:blur(9px) saturate(170%)}
.primary-button:after{height:2px;left:8%;right:8%;background:linear-gradient(90deg,transparent,#fff,transparent);filter:drop-shadow(0 0 4px #fff8)}
@media(min-width:1024px){
 .site-shell{max-width:none}
 .header{position:relative;z-index:3}
 .minimal-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:56% 44%;min-height:calc(100svh - 145px);padding:35px 0 55px;transform:none;opacity:1}
 .minimal-hero:before{content:"";position:absolute;z-index:-2;top:-100px;bottom:-66px;left:43%;right:calc(-1 * var(--gutter));clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);background:radial-gradient(ellipse at 72% 27%,#d0bdff25,transparent 53%),linear-gradient(117deg,#f1e9ff32 0%,#cab9e91c 28%,#241b3638 62%,#c4aee91c);backdrop-filter:blur(17px) saturate(155%);-webkit-backdrop-filter:blur(17px) saturate(155%);box-shadow:inset 0 1px #fff5,inset -1px 0 #fff4}
 .minimal-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;top:-100px;bottom:-66px;left:43%;right:calc(-1 * var(--gutter));clip-path:polygon(24.75% 0,25.2% 0,.5% 100%,0 100%);background:linear-gradient(180deg,#ffffffaa,#f4dcff33 35%,#fff9 62%,#bfa5ff33);filter:drop-shadow(3px 0 6px #dec9ff)}
 .hero-copy{align-items:flex-start;padding:0 5% 0 4%;transform:translateY(-8px)}
 .minimal-hero h1{font-size:clamp(62px,6.5vw,116px);text-align:left;max-width:100%;min-height:2.65em}
 .hero-copy>p{text-align:left;font-size:14px;line-height:1.9;margin:24px 0 0;padding-left:5px;color:#ddd1e7}
 .hero-connect{position:relative;padding-left:12%;gap:0;perspective:1000px}
 .hero-emblem{position:relative;display:grid;place-items:center;width:clamp(230px,25vw,400px);height:clamp(260px,30vw,435px);perspective:1000px}
 .emblem-turn{position:relative;width:55%;height:74%;transform-style:preserve-3d;animation:refract-turn 18s linear infinite}
 .emblem-ring{position:absolute;inset:0;display:block;border:clamp(20px,2.5vw,38px) solid #ddd0f4a8;border-radius:50%;transform:rotateZ(36deg) translateZ(8px);background:linear-gradient(130deg,#fff1,transparent 55%);box-shadow:inset 4px 3px 5px #fff,inset -5px -4px 8px #a181d999,5px 2px 3px #fff9,-5px -3px 4px #fff4,15px 18px 45px #0a041c55,0 0 65px #d0b8ff20;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
 .emblem-ring:after{content:"";position:absolute;inset:-15px;border:1px solid #fff7;border-radius:50%;box-shadow:inset 0 2px 3px #fff8}
 .emblem-ring-back{transform:rotateZ(36deg) translateZ(-12px);border-color:#bca3dd70;box-shadow:inset 2px 2px 4px #fff8,0 0 3px #d4baff80;backdrop-filter:none}
 .emblem-caustic{position:absolute;bottom:5%;width:55%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#e4cdff45,transparent 70%);filter:blur(13px);transform:rotate(-12deg)}
 .hero-wordmark{display:block;font:500 13px Manrope,Arial,sans-serif;letter-spacing:.55em;padding-left:.55em;color:#e8ddf7bb;margin:0 0 30px}
 .hero-connect .primary-button{width:246px;min-height:56px;border-radius:18px}
 .scroll-cue{position:relative;z-index:2}
 .background-shade{background:radial-gradient(ellipse at 30% 45%,#100a1d60,transparent 65%),linear-gradient(0deg,#100b19ba,#100e1810)}
}
@keyframes refract-turn{from{transform:rotateY(0deg) rotateX(-8deg)}to{transform:rotateY(360deg) rotateX(-8deg)}}
@media(min-width:1024px) and (max-height:700px){.hero-emblem{width:230px;height:250px}.hero-wordmark{margin-bottom:20px}.minimal-hero h1{font-size:clamp(60px,6vw,92px)}}
@media(max-width:540px){.hero-copy>p{font-size:12px;line-height:1.9;margin:20px 0 26px}}
@media(prefers-reduced-motion:reduce){.emblem-turn{animation:none;transform:rotateY(-22deg) rotateX(-8deg)}}

/* One continuous glass cut joins the hero, story and footer. */
@media(min-width:1024px){
 .site-shell{position:relative;isolation:isolate;--cut-top:57%;--cut-bottom:27%}
 .site-shell:before,.site-shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;mask-image:linear-gradient(#000 0%,#000 68%,#000b 83%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 68%,#000b 83%,transparent 100%)}
 .site-shell:before{clip-path:polygon(var(--cut-top) 0,100% 0,100% 100%,var(--cut-bottom) 100%);background:radial-gradient(ellipse at 80% 15%,#d0bdff25,transparent 46%),linear-gradient(117deg,#f1e9ff32,#cab9e91c 28%,#241b3638 62%,#c4aee91c);backdrop-filter:blur(17px) saturate(155%);-webkit-backdrop-filter:blur(17px) saturate(155%)}
 .site-shell:after{clip-path:polygon(var(--cut-top) 0,calc(var(--cut-top) + .14%) 0,calc(var(--cut-bottom) + .14%) 100%,var(--cut-bottom) 100%);background:linear-gradient(180deg,#fff9,#f4dcff55 28%,#fff9 48%,#d7b8ff66 72%,transparent)}
 .minimal-hero{isolation:auto}
 .minimal-hero:before,.minimal-hero:after{content:none}
 .about-section:before{inset:0 calc(-1 * var(--gutter));background:radial-gradient(ellipse at 62% 48%,#100b194d,transparent 67%)}
 .about-section{padding-left:var(--about-glass-inset,36%);padding-right:0}
 .about-section h2,.about-lead,.about-copy{text-shadow:0 2px 22px #0c071b80}
 .vpn-footer{position:relative;border-top:1px solid #e3cef312}
}

/* Mobile: a vertical composition with a sloping glass shore. */
@media(max-width:1023px){
 .site-shell{position:relative;isolation:isolate;--mobile-cut-start:40svh;--mobile-cut-end:75svh}
 .site-shell:before,.site-shell:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 66%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 66%,transparent 100%)}
 .site-shell:before{clip-path:polygon(100% var(--mobile-cut-start),100% 100%,0 100%,0 var(--mobile-cut-end));background:radial-gradient(ellipse at 78% 31%,#eadcff30,transparent 45%),linear-gradient(155deg,#f5ebff25,#bba2df14 60%,#1a122533);backdrop-filter:blur(11px) saturate(145%);-webkit-backdrop-filter:blur(11px) saturate(145%)}
 .site-shell:after{clip-path:polygon(100% var(--mobile-cut-start),100% calc(var(--mobile-cut-start) + .12%),0 calc(var(--mobile-cut-end) + .12%),0 var(--mobile-cut-end));background:linear-gradient(110deg,#bca1e955,#fff9 50%,#f3ddff99)}
 .header{position:relative;z-index:2}
 .minimal-hero{isolation:auto;min-height:calc(100svh - 135px);padding:30px 0 28px;gap:16px;transform:none;opacity:1;justify-content:center}
 .hero-copy{position:relative;z-index:1}
 .minimal-hero h1{font-size:clamp(42px,12.8vw,70px);min-height:2.6em;line-height:1.2}
 .hero-copy>p{font-size:12px;line-height:1.85;margin:15px 0 0;color:#d4c9df;text-shadow:0 2px 12px #10091f}
 .hero-connect{position:relative;width:100%;gap:0;perspective:850px}
 .hero-emblem{position:relative;display:grid;place-items:center;width:156px;height:170px;perspective:850px;margin:0 0 10px}
 .emblem-turn{position:relative;width:55%;height:74%;transform-style:preserve-3d;animation:refract-turn 18s linear infinite}
 .emblem-ring{position:absolute;inset:0;display:block;border:clamp(20px,2.5vw,38px) solid #ddd0f4a8;border-radius:50%;transform:rotateZ(36deg) translateZ(8px);background:linear-gradient(130deg,#fff1,transparent 55%);box-shadow:inset 4px 3px 5px #fff,inset -5px -4px 8px #a181d999,5px 2px 3px #fff9,-5px -3px 4px #fff4,15px 18px 45px #0a041c55,0 0 65px #d0b8ff20;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
 .emblem-ring:after{content:"";position:absolute;inset:-15px;border:1px solid #fff7;border-radius:50%;box-shadow:inset 0 2px 3px #fff8}
 .emblem-ring-back{transform:rotateZ(36deg) translateZ(-12px);border-color:#bca3dd70;box-shadow:inset 2px 2px 4px #fff8,0 0 3px #d4baff80;backdrop-filter:none}
 .emblem-caustic{position:absolute;bottom:5%;width:55%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#e4cdff45,transparent 70%);filter:blur(13px);transform:rotate(-12deg)}
 .emblem-ring{border-width:17px;box-shadow:inset 3px 2px 4px #fff,inset -4px -3px 6px #a181d999,3px 2px 3px #fff8,-3px -2px 4px #fff4,10px 12px 25px #0a041c55}
 .emblem-ring:after{inset:-10px}
 .emblem-ring-back{border-color:#bca3dd70;box-shadow:inset 2px 2px 4px #fff8,0 0 3px #d4baff80}
 .hero-wordmark{display:block;font:500 9px Manrope,Arial,sans-serif;letter-spacing:.45em;padding-left:.45em;color:#e8ddf7bb;margin:0 0 20px}
 .hero-connect .primary-button{width:min(280px,100%);min-height:54px;font-size:13px;border-radius:17px}
 .scroll-cue{position:relative;z-index:1;gap:9px;min-height:58px;padding-bottom:16px}
 .scroll-cue span{font-size:7px;letter-spacing:1.7px}
 .about-section{padding:72px 0 76px;min-height:85svh}
 .about-section:before{background:radial-gradient(ellipse at 50% 48%,#130b2255,transparent 72%);inset:0 calc(-1 * var(--gutter))}
 .about-section h2{font-size:clamp(27px,7.2vw,48px);line-height:1.3;margin-bottom:25px;text-shadow:0 2px 18px #10091f99}
 .about-lead{max-width:470px;font-size:14px;line-height:1.9;color:#ece3f5}
 .about-copy{max-width:410px;font-size:12px;line-height:1.95;color:#d1c4df}
 .about-copy br{display:none}
 .about-contact{font-size:12px;min-height:48px;margin-top:27px}
 .about-logo{height:78px;margin-bottom:24px}
 .about-logo .brand-symbol{width:37px;height:55px;border-width:8px}
 .vpn-footer{border-top:1px solid #e3cef31a;padding-top:18px}
 .footer-brand{font-size:9px;min-height:44px}
}
@media(min-width:600px) and (max-width:1023px){
 .minimal-hero{padding:42px 0;gap:22px}
 .minimal-hero h1{font-size:clamp(65px,9.4vw,88px)}
 .hero-copy>p{font-size:14px}
 .hero-emblem{width:190px;height:205px}
 .hero-connect .primary-button{width:290px;min-height:56px}
 .about-section h2{font-size:clamp(40px,5.4vw,54px)}
 .about-lead{font-size:17px}.about-copy{font-size:14px}
}
@media(max-width:1023px) and (max-height:740px) and (orientation:portrait){
 .minimal-hero{padding:20px 0;gap:10px}.hero-emblem{width:124px;height:132px;margin-bottom:5px}.hero-wordmark{margin-bottom:14px}.hero-copy>p{margin-top:10px}
}
@media(max-width:1023px) and (orientation:landscape) and (max-height:600px){
 .minimal-hero{display:grid;grid-template-columns:56% 44%;min-height:390px;padding:28px 0;gap:0}
 .minimal-hero h1{font-size:clamp(40px,6vw,60px)}
 .hero-copy>p{font-size:12px}.hero-emblem{width:130px;height:140px}
 .hero-connect .primary-button{width:min(236px,100%)}
 .hero-wordmark{margin-bottom:14px}
 .site-shell{--mobile-cut-start:80px;--mobile-cut-end:480px}
}
@media(prefers-reduced-motion:reduce){.emblem-turn{animation:none;transform:rotateY(-22deg) rotateX(-8deg)}}

/* CTA motion: keep the glass material stable through hover and press. */
.primary-button,.primary-button:hover,.primary-button:active{
 background:linear-gradient(155deg,#ffffff40,#e0ceff12 42%,#ffffff1c);
 transform:translateY(0) scale(1);
 border-color:#ffffff99;
 box-shadow:inset 0 2px 2px #ffffff8c,inset 2px 0 3px #ffffff30,inset 0 -2px 3px #bca0ef55,0 12px 36px #09041145;
 transition:transform 240ms cubic-bezier(.2,.7,.2,1),border-color 240ms ease,box-shadow 240ms ease;
}
.primary-button:before,.primary-button:hover:before{
 inset:-1px;z-index:-1;
 background:radial-gradient(ellipse at 20% 0%,#ffffff4d,transparent 65%),linear-gradient(115deg,transparent 15%,#ffffff24 45%,transparent 78%);
 transform:none;opacity:.45;
 transition:opacity 280ms ease;
}
.primary-button .telegram-icon,.primary-button:hover .telegram-icon{transform:none;transition:transform 240ms cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){
 .primary-button:hover{transform:translateY(-2px) scale(1);border-color:#f5eaffcc;box-shadow:inset 0 2px 2px #ffffffaa,inset 2px 0 3px #ffffff40,inset 0 -2px 3px #bca0ef66,0 15px 38px #09041150,0 0 24px #d2b4ff1c}
 .primary-button:hover:before{opacity:1}
 .primary-button:hover .telegram-icon{transform:translate(2px,-2px)}
}
.primary-button:active{transform:translateY(0) scale(.98);transition-duration:110ms}
.primary-button:active:before{opacity:.75}
.primary-button:active .telegram-icon{transform:none;transition-duration:110ms}
@media(prefers-reduced-motion:reduce){
 .primary-button,.primary-button:hover,.primary-button:active,.primary-button:hover .telegram-icon,.primary-button:active .telegram-icon{transform:none}
}

/* An introduction with useful steps and concise answers. */
.about-content{width:100%;max-width:820px;margin:0 auto}
.about-intro{display:flex;flex-direction:column;align-items:center}
.section-label{display:block;font:500 9px/1.5 Onest,Arial,sans-serif;letter-spacing:.2em;color:#d3bde9}
.about-intro>.section-label{margin-bottom:24px}
.about-section .about-intro h2{font-size:clamp(34px,3.5vw,55px);margin-bottom:24px;line-height:1.2}
.about-intro .about-lead{max-width:590px;font-size:16px;line-height:1.85;margin-bottom:14px}
.about-intro .about-copy{max-width:530px;font-size:13px;line-height:1.9}
.connection-guide,.service-questions{margin-top:60px;text-align:left}
.section-heading{margin-bottom:25px}
.section-heading h3{font:400 23px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:9px 0 0}
.connection-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.connection-steps li{border-top:1px solid #eee0ff40;padding:22px 0 0}
.step-number{font:300 26px/1 Manrope,Arial,sans-serif;color:#dbbff2}
.connection-steps h4{font:500 14px/1.5 Onest,Arial,sans-serif;margin:17px 0 9px}
.connection-steps p{font-size:12px;line-height:1.85;color:#d1c3df;margin:0}
.service-questions details{border-top:1px solid #eee0ff26}
.service-questions details:last-child{border-bottom:1px solid #eee0ff26}
.service-questions summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;min-height:60px;padding:16px 0;font-size:14px;line-height:1.5}
.service-questions summary::-webkit-details-marker{display:none}
.service-questions summary span{font-size:24px;font-weight:300;color:#d8bdec;transition:transform .2s}
.service-questions details[open] summary span{transform:rotate(45deg)}
.service-questions details p{max-width:620px;font-size:13px;line-height:1.9;color:#d1c3df;margin:0;padding:0 25px 22px 0}
.service-questions summary:focus-visible{outline:2px solid #e0cafa;outline-offset:4px}
.about-next{margin-top:42px}.about-next>p{font:300 19px/1.5 Manrope,Arial,sans-serif;margin:0}.about-next .about-contact{margin-top:14px;width:auto;gap:18px;padding:10px 6px}
@media(min-width:1024px){.about-section{min-height:100svh;padding-top:95px;padding-bottom:95px}.about-content{max-width:760px}}
@media(max-width:1023px){
 .about-section{padding-top:72px;padding-bottom:65px}
 .about-content{max-width:620px}
 .about-section .about-intro h2{font-size:clamp(32px,8.5vw,48px)}
 .about-intro .about-lead{font-size:14px;max-width:440px}
 .about-intro .about-copy{font-size:12px;max-width:410px}
 .connection-guide,.service-questions{margin-top:42px}
 .section-heading h3{font-size:21px}
 .connection-steps{gap:18px}.connection-steps h4{font-size:13px}
}
@media(max-width:599px){
 .connection-steps{grid-template-columns:1fr;gap:0}
 .connection-steps li{position:relative;padding:20px 0 22px 45px}
 .step-number{position:absolute;left:0;top:24px;font-size:20px}
 .connection-steps h4{margin:0 0 7px;font-size:15px}
 .connection-steps p{font-size:13px}
 .section-label{font-size:8px;letter-spacing:.17em}
 .section-heading h3{font-size:22px;max-width:290px}
 .service-questions summary{font-size:14px;min-height:66px}
 .about-next>p{font-size:19px}
}