/* YOVA — sculptural violet direction. All graphics and type remain local. */
:root{--paper:#090610;--ink:#f3edf9;--wine:#a477ff;--lime:#d2adff;--line:#b797ed26;--muted:#aaa1b9;--serif:'Segoe UI',Arial,sans-serif;--sans:'Segoe UI',Arial,sans-serif;color-scheme:dark}body{background:#090610}em{font-style:normal;font-weight:400}::selection{background:#9257e0;color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#d6acff}.skip{color:#190b2b}.preview-note{background:#151020;color:#a697b9;font-size:9px;border-bottom:1px solid #9e76cb1a}.status-dot,.tiny-dot{background:#be8aff;box-shadow:0 0 8px #bd80ff80}.site-header{background:#090610cf;border-color:#b797ed1c;padding-block:27px;backdrop-filter:blur(20px)}.brand{font-size:29px;font-weight:500;letter-spacing:5px;padding-right:22px}.brand-star{font-size:18px;top:-3px;color:#ca9cff;right:0}.brand-caption{font-size:7px;letter-spacing:4.5px;margin-top:11px;color:#a89ab6}.site-header nav{font-size:12px;color:#cdc3dc}.nav-cta{border-color:#c490f65c;background:linear-gradient(120deg,#59327355,#210c31);box-shadow:inset 0 1px 0 #ffffff14}.nav-cta:hover{background:#8c47cb;color:white}.future-hero{position:relative;min-height:745px;grid-template-columns:1.08fr 1fr;gap:0;padding-block:55px 100px;isolation:isolate}.cosmic-horizon{position:absolute;width:120%;height:630px;left:-10%;top:-200px;z-index:-3;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 62% 10%,#8c38fc30,transparent 60%);mask-image:linear-gradient(black 65%,transparent)}.cosmic-horizon:before{content:'';position:absolute;width:100%;height:780px;border:1px solid #ddc0ff80;left:0;top:-650px;border-radius:50%;box-shadow:0 4px 24px #9e51ff80,0 10px 50px #7937ee38,inset 0 -5px 30px #b689ff38}.hero-grain{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 13% 20%,#d3b5ff 0 1px,transparent 1.3px),radial-gradient(circle at 35% 70%,#9b6add 0 .8px,transparent 1px),radial-gradient(circle at 89% 36%,#ca99ff 0 1px,transparent 1.3px),radial-gradient(circle at 62% 15%,#ca99ff 0 .8px,transparent 1px);opacity:.4;pointer-events:none}.hero-copy{position:relative;z-index:4}.eyebrow{font-weight:500;color:#ba9fdb;letter-spacing:2.3px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c699ff;box-shadow:0 0 15px #bf84ff;margin-right:10px;vertical-align:middle}.hero h1{font-size:clamp(54px,5.25vw,79px);letter-spacing:-4px;line-height:1.05;font-weight:350;margin-top:27px;margin-bottom:28px}.hero h1 em{font-size:1em;background:linear-gradient(115deg,#f7e9ff 0%,#d2adff 34%,#a974fa 70%,#e2baff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:350}.intro{font-size:15px;line-height:1.85;max-width:400px;color:#b2a8c0}.primary{background:linear-gradient(110deg,#9b5adf,#6d35b7);color:#fff;border:1px solid #d8acff5c;box-shadow:inset 0 1px 0 #ffffff2e,0 8px 35px #8c37dd25;border-radius:30px;font-weight:500}.primary:hover{background:linear-gradient(110deg,#b979f6,#8145c8);box-shadow:0 0 27px #b267ec50}.button{transition:transform .25s,box-shadow .25s,background .25s;padding:17px 24px}.button span{background:#f0dbff;border-radius:50%;color:#582680;display:grid;place-items:center;width:24px;height:24px;font-size:17px}.text-link{border-bottom-color:#9b7bb55e;color:#dac9eb;font-weight:400}.text-link:hover{color:#fff}.hero-actions{gap:28px}.hero-foot{color:#7e6e94;font-size:8px;letter-spacing:2px;margin-top:27px}.future-visual{position:relative;height:570px;margin-left:-50px;margin-right:-25px;perspective:1000px;isolation:isolate}.scene-aura{position:absolute;inset:10% 0 0;border-radius:50%;background:radial-gradient(ellipse,#6f2fc64f,transparent 66%);filter:blur(30px);z-index:-2;transform:scale(1.2)}#yova-scene{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .8s}.scene-ready #yova-scene{opacity:1}.scene-ready .scene-fallback{opacity:0}.scene-fallback{position:absolute;inset:100px 70px;display:grid;place-items:center;transition:opacity .6s}.scene-fallback i{width:75%;height:75%;position:absolute;border-radius:42%;border:24px solid transparent;background:linear-gradient(#10061a,#10061a) padding-box,conic-gradient(#a14eff,#fff1ff,#240b46,#af69e9,#f3c2ff,#3c0d63,#a14eff) border-box;box-shadow:0 0 50px #9c40ef30,inset 0 0 20px #ad43fa40;transform:rotateX(45deg) rotateZ(25deg)}.scene-fallback i:nth-child(2){transform:rotateY(60deg) rotateZ(55deg)}.scene-fallback i:nth-child(3){transform:rotateX(-40deg) rotateZ(-45deg)}.scene-orbit{position:absolute;inset:70px 0;border:1px solid #b57aee24;border-radius:50%;transform:rotate(-30deg) rotateX(63deg);z-index:0;pointer-events:none}.orbit-two{inset:75px 10px;transform:rotate(35deg) rotateX(68deg);border-color:#9b70c21c}.scene-coordinate{position:absolute;font-size:7px;letter-spacing:2px;color:#7c6795;z-index:3}.coord-top{left:30%;top:35px}.coord-bottom{right:13%;bottom:35px}.floating-label{display:flex;gap:12px;align-items:center;padding:13px 17px;background:linear-gradient(120deg,#50365c7a,#140d2280);border:1px solid #cfadf130;border-radius:10px;backdrop-filter:blur(15px);box-shadow:0 20px 50px #0003,inset 0 1px 0 #ffffff0a;position:absolute;z-index:5;font-size:11px;letter-spacing:.15px;animation:levitate 6s ease-in-out infinite;pointer-events:none}.floating-label small{display:block;font-size:8px;color:#a697b8;margin-top:4px}.label-symbol{font-size:23px;color:#d5a9ff;font-weight:300}.label-design{right:0;top:130px}.label-mobile{left:35px;bottom:100px;animation-delay:-3s}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;align-items:center}.scroll-cue{font-size:8px;letter-spacing:2px;color:#a994bd;display:flex;align-items:center;gap:13px}.scroll-cue>span{border:1px solid #b893dc40;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:15px;animation:arrowFloat 3s ease-in-out infinite}.motion-toggle{display:flex;gap:9px;align-items:center;color:#a18caf;background:#1d132c88;border:1px solid #af7cdc2c;border-radius:30px;font-size:9px;padding:9px 13px}.motion-toggle:hover{border-color:#c59eea;color:#f5e8ff}.motion-icon{font-size:11px;width:12px}.promise-strip{border-block:1px solid #b797ed26;background:linear-gradient(90deg,#150e20,#251137,#150e20);font-size:11px;letter-spacing:.6px;padding-block:24px;color:#c3b0d4}.promise-strip span:nth-child(even){font-size:19px;color:#bc82fb}.section-pad{padding-block:110px}.section-heading h2,.faq-section h2{font-weight:350;font-size:52px;letter-spacing:-2.5px;line-height:1.13}.section-heading h2 em,.faq-section h2 em,.studio-copy h2 em,.contact-copy h2 em{color:#b58bd9;font-weight:350}.section-heading>p{font-size:14px;line-height:1.85}.services-grid{border:0;gap:20px}.services-grid article,.services-grid article+article{padding:30px;border:1px solid #a789c329;background:linear-gradient(140deg,#23152f88,#120d1c99);border-radius:16px;position:relative;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s;transform-style:preserve-3d}.services-grid article:after{content:'';position:absolute;inset:0;background:radial-gradient(350px circle at var(--mx,50%) var(--my,0%),#c27aff19,transparent 70%);pointer-events:none}.services-grid article:hover{border-color:#ba84e369;box-shadow:0 16px 45px #07020b7a;transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-4px)}.services-grid h3{font-size:22px;letter-spacing:-.7px;line-height:1.25;min-height:55px}.services-grid p{font-size:13px;color:#ac9ebc;min-height:88px}.service-number{color:#9077a5;font-size:8px;letter-spacing:2px}.drawing-window{background:linear-gradient(120deg,#9d5ed45a,#1e0b39);border-color:#bc92de65;box-shadow:0 8px 25px #b36cf223;transform:perspective(400px) rotateY(-15deg) rotateX(9deg)}.drawing-window:before{border-color:#bc92de65}.drawing-window span:nth-child(1){background:#ba8fe2;box-shadow:0 10px 0 #72568b,0 20px 0 #72568b}.drawing-window span:nth-child(2){background:linear-gradient(140deg,#d09bff,#5d288e);box-shadow:0 0 20px #bb6eff55}.drawing-window span:nth-child(3){background:linear-gradient(120deg,#f0caff,#9163de)}.drawing-responsive span:first-child{background:#321742;border-color:#9870b9;box-shadow:0 8px 25px #b36cf223;transform:perspective(400px) rotateY(-14deg)}.drawing-responsive span:first-child:before{background:linear-gradient(130deg,#512078,#b175ea)}.drawing-responsive span:last-child{background:linear-gradient(160deg,#f2d7ff,#632a93);border-color:#a680c1;box-shadow:0 9px 18px #0006}.drawing-care{color:#b47ce7;text-shadow:0 0 25px #b76df45c}.drawing-care span{color:#ecd2ff}.offer-section{background:radial-gradient(ellipse at 12% 45%,#602a8e1a,transparent 65%),#0e0917;border-color:#a078c322}.main-offer{background:linear-gradient(145deg,#291835,#130d1d 55%);border:1px solid #b788d950;border-radius:18px;box-shadow:inset 0 1px 0 #caa9e915,0 30px 70px #0003}.small-pill{background:#9b5fcb21;color:#ca9ce9;border:1px solid #b67cdd3b}.main-offer h3,.maintenance h3{font-weight:350;line-height:1.12}.main-offer h3 em{color:#c598ec}.price{font-weight:300;letter-spacing:-2px}.price span{color:#a58ab7}.included li{border-color:#b78cc721;color:#cabcd5}.included li:before{color:#c48df3}.maintenance{background:linear-gradient(135deg,#4521549c,#231034b0);border:1px solid #ae75dc35;border-radius:18px}.maintenance .eyebrow,.maintenance p,.maintenance .price span{color:#bba3cf}.maintenance h3 em{color:#e3b9ff}.maintenance-mark{color:#bf7ef422;top:40px}.maintenance .text-link{color:#d2a3f6}.scope-note{padding-inline:12px}.step-number{background:radial-gradient(circle at 30% 20%,#432153,#120c1c 75%);border-color:#ad77d13f;color:#d0a5f5;font-style:normal;font-weight:300;box-shadow:inset 0 1px 0 #fff2}.steps h3{font-size:21px}.steps p{font-size:13px;color:#aa9bb9}.step-output{color:#9171ab}.studio-section{background:radial-gradient(ellipse at 20% 50%,#8d2dc929,transparent 60%),#10091b;border-block:1px solid #ae80d422}.studio-monogram{border-radius:18px;border-color:#a578c448;background:radial-gradient(ellipse at 50% 110%,#884acd5e,#13091f 70%);min-height:335px;overflow:hidden}.studio-monogram:before,.studio-monogram:after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;border:17px solid transparent;background:linear-gradient(#170b25,#170b25) padding-box,conic-gradient(#c08efa,#3f1b5f,#d4afff,#8b49b1,#efe5ff,#8d49cc) border-box;transform:rotateX(65deg) rotateZ(-30deg);opacity:.7}.studio-monogram:after{transform:rotateY(65deg) rotateZ(30deg);opacity:.35}.studio-monogram>span:first-child{font:400 64px/1 var(--sans);letter-spacing:8px;transform:none;color:#f1daff;position:relative;z-index:2;text-shadow:0 0 25px #c275ed80}.studio-monogram>div{z-index:2;color:#b89acb;font-size:8px}.monogram-star{color:#b584d8;font-size:35px}.studio-copy h2{font-size:42px;font-weight:350;line-height:1.15}.studio-copy p:not(.eyebrow){color:#b6a6c4}.studio-copy .text-link{color:#d3a5f5}.faq-list details{border-color:#ae80d42b}.faq-list summary{font-weight:400;color:#d9cde7}.faq-list details[open] summary{color:#e3b8ff}summary span{color:#a56ec9}.faq-list p{color:#ac9aba}.contact-section{background:radial-gradient(ellipse at 15% 40%,#6c32822e,transparent 55%),#100a1b;border-color:#ae80d42b}.contact-copy h2{font-size:58px;font-weight:350;line-height:1.1}.contact-star{color:#bd7ae6;font-size:45px;opacity:.65}.contact-notice .tiny-dot{background:#b780e4}.contact-notice p{color:#9987aa}.contact-notice strong{color:#b9a7ca}.brief-panel{background:linear-gradient(130deg,#2c1a3e75,#130d1b);border-color:#af7bd640;border-radius:18px;box-shadow:0 15px 50px #0003}.brief-progress{border-color:#b797ed26}.brief-progress .active,.brief-progress .active b{color:#e0b6ff}.brief-progress span{color:#89779a}legend{font-family:var(--sans);font-weight:350;font-size:25px;line-height:1.3;color:#e5d5ef}label{color:#d5c3e2;font-weight:400}label span{color:#9884ab}input,select,textarea{background:#0e0818;color:#e3d2ef;border-color:#a27bb13f;border-radius:8px}input:focus,select:focus,textarea:focus{outline-color:#be8deb;border-color:transparent}::placeholder{color:#766383}select option{background:#160d24;color:#eadcf4}.privacy-line{border-color:#a67bc330;color:#8b759a}.form-micro{color:#8f7c9d}.back-button{color:#c9a3df}.result-eyebrow{color:#b67bdd}.result-message{color:#ac92c1}.brief-panel h3{font-family:var(--sans);font-weight:350}.site-footer{background:#090610}.footer-top p{color:#bca5cc;font-size:18px}.footer-top p i{font-style:normal;color:#8f77a2}.footer-bottom{border-color:#a67bc325;color:#806c92}.information-page h1{font-weight:350}.information-page h2{color:#d4b2eb}.information-page p,.information-page li{color:#bca9c9}.reveal-prepared{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal-prepared.in-view{opacity:1;transform:translateY(0)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .services-grid article:hover{transform:none}.motion-paused .reveal-prepared{opacity:1;transform:none;transition:none}.motion-paused .button:hover{transform:none}
.cosmic-horizon{width:100%;left:0}.future-visual{overflow:clip}.motion-user-enabled .floating-label{animation:levitate 6s ease-in-out infinite!important}.motion-user-enabled .label-mobile{animation-delay:-3s!important}.motion-user-enabled .scroll-cue>span{animation:arrowFloat 3s ease-in-out infinite!important}
@keyframes levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes arrowFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(min-width:1500px){.future-hero{min-height:800px}.hero h1{font-size:81px}.future-visual{height:610px}}
@media(max-width:1100px){.hero h1{font-size:61px;letter-spacing:-3.2px}.future-hero{min-height:700px}.future-visual{height:510px;margin-left:-50px;margin-right:-20px}.label-design{right:-5px;top:95px}.label-mobile{left:25px;bottom:75px}.floating-label{font-size:9px;padding:10px 13px}.floating-label small{font-size:7px}.section-heading h2,.faq-section h2{font-size:45px}.services-grid article,.services-grid article+article{padding:24px}.services-grid h3{font-size:20px}.contact-copy h2{font-size:48px}.studio-copy h2{font-size:37px}.studio-monogram>span:first-child{font-size:55px}.coord-top{left:25%;font-size:6px}.coord-bottom{right:0;font-size:6px}}
@media(max-width:800px){.future-hero{grid-template-columns:1fr;gap:0;padding-top:50px;padding-bottom:75px;min-height:0;overflow:hidden}.hero-copy{max-width:570px}.hero h1{font-size:73px;line-height:1.02}.hero h1 br:nth-of-type(2){display:none}.hero h1 em{display:block}.intro{font-size:15px;max-width:440px}.future-visual{height:480px;max-width:570px;width:100%;margin:-15px auto 0}.scene-aura{inset:5%}.label-design{top:100px;right:15px}.label-mobile{bottom:70px;left:20px}.coord-top{top:35px;left:33%}.coord-bottom{right:20%;bottom:20px}.cosmic-horizon{height:650px;top:-300px}.hero-bottom{bottom:23px}.section-pad{padding-block:75px}.services-grid{gap:12px}.services-grid article,.services-grid article+article{padding:22px 18px}.services-grid h3{font-size:18px;min-height:67px}.services-grid p{font-size:12px;min-height:120px}.service-number{font-size:7px;letter-spacing:1px}.studio-copy h2{font-size:31px}.studio-monogram>span:first-child{font-size:42px;letter-spacing:5px}.contact-copy h2{font-size:52px}.main-offer h3,.maintenance h3{font-size:37px}.hero-actions .button{font-size:12px;padding:16px 22px}}
@media(max-width:520px){.site-header{padding-block:23px}.brand{font-size:25px;letter-spacing:4px}.brand-caption{font-size:6px;letter-spacing:4px;margin-top:10px}.brand-star{font-size:15px;right:1px;top:0}.menu-toggle{border-color:#b98bdb52;color:#ddc5ee;background:#20132f;font-size:11px}.site-header nav{background:#130b20;border-color:#ae77cf3d}.site-header nav .nav-cta{background:#39204e}.future-hero{padding-top:40px;padding-bottom:68px}.hero h1{font-size:clamp(45px,12.6vw,64px);letter-spacing:-2.7px;line-height:1.06;margin:23px 0}.hero h1 br:nth-of-type(2){display:none}.eyebrow{font-size:8px;letter-spacing:1.6px}.intro{font-size:14px;line-height:1.8}.hero-actions{gap:19px;margin-top:25px}.hero-actions .button{font-size:11px;padding:14px 19px;gap:18px}.hero-actions .text-link{font-size:9px;gap:8px}.hero-foot{font-size:7px;letter-spacing:1.5px;margin-top:22px}.future-visual{height:360px;margin-top:3px;margin-bottom:0}.scene-fallback{inset:70px 40px}.scene-fallback i{border-width:18px}.floating-label{font-size:8px;padding:9px 11px;gap:8px;border-radius:8px}.floating-label small{font-size:6px;margin-top:3px}.label-symbol{font-size:18px}.label-design{right:0;top:65px}.label-mobile{left:0;bottom:60px}.coord-top{font-size:5px;top:14px;left:29%;letter-spacing:1.4px}.coord-bottom{bottom:18px;right:15%;font-size:5px;letter-spacing:1.1px}.scene-orbit{inset:40px 0}.hero-bottom{bottom:22px;gap:10px}.scroll-cue{font-size:6px;letter-spacing:1.1px;gap:7px}.scroll-cue>span{width:25px;height:25px;font-size:12px}.motion-toggle{font-size:7px;padding:8px 10px;gap:5px}.motion-icon{font-size:9px}.promise-strip{font-size:9px;padding-block:19px;gap:10px 18px}.section-pad{padding-block:60px}.section-heading h2,.faq-section h2{font-size:37px;letter-spacing:-1.8px}.services-grid{gap:15px}.services-grid article,.services-grid article+article{padding:24px}.services-grid h3{font-size:23px;min-height:0}.services-grid p{font-size:13px;min-height:0}.service-number{font-size:8px;letter-spacing:1.3px}.drawing-window{transform:scale(.65) perspective(400px) rotateY(-15deg) rotateX(10deg)}.services-grid .text-link{font-size:11px}.main-offer{padding:28px 23px}.main-offer h3,.maintenance h3{font-size:38px}.offer-top{gap:10px}.small-pill{font-size:6px}.maintenance{padding:28px 24px}.steps h3{font-size:21px}.studio-monogram{min-height:220px}.studio-monogram>span:first-child{font-size:66px;letter-spacing:8px}.studio-monogram:before,.studio-monogram:after{width:210px;height:210px}.studio-copy h2{font-size:34px}.studio-copy p:not(.eyebrow){font-size:13px}.contact-copy h2{font-size:44px}.contact-star{font-size:30px;right:0}.brief-panel{padding:24px 20px}.form-buttons .button{padding:14px 16px}.brief-progress span{font-size:8px}legend{font-size:24px}.information-page h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.floating-label,.scroll-cue>span{animation:none}.reveal-prepared{opacity:1;transform:none;transition:none}.services-grid article:hover{transform:none}.button:hover{transform:none}#yova-scene{transition:none}}
