/* SKAY / OBJECT STUDY — intentional evolution of stable V13 */
:root{--chrome-a:#f6f8fc;--chrome-b:#a3aec1;--chrome-c:#5f708a}
body{background:#06080c}
.hero{background:radial-gradient(ellipse at 72% 40%,#202c3e 0%,#070a0f 50%,#050608 82%)}
.hero:before{content:"";position:absolute;pointer-events:none;z-index:0;inset:0;background:linear-gradient(110deg,transparent 48%,#c7d8ff08 56%,transparent 65%);opacity:.75}
.hero-copy{z-index:12}
.hero h1{line-height:.91;letter-spacing:-.089em}
.hero h1 em{font-style:normal;background:linear-gradient(115deg,#fff 4%,#a3aebd 30%,#f1f6ff 51%,#64778e 78%,#f7f9fc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:510px;color:#aeb9c8;font-size:clamp(15px,1.15vw,19px);line-height:1.7}
.hero-capabilities{display:flex;gap:clamp(12px,2vw,28px);align-items:center;flex-wrap:wrap;padding-top:22px;margin-top:26px;border-top:1px solid #abbdd041;width:max-content;max-width:100%;font-size:9px;letter-spacing:.13em;color:#9cabbd}
.hero-capabilities span{white-space:nowrap}
.hero-logo-layer{opacity:.67!important;filter:brightness(1.22) drop-shadow(0 6px 32px #9cafdc33)!important}
.hero-actions .pill{transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .4s ease}
.hero-actions .pill:hover{transform:translateY(-5px);box-shadow:0 16px 46px #b7c7dd2a}
/* transition between the hero and silver manifesto lives WITHIN surfaces, not as an empty separator */
.statement{background:radial-gradient(ellipse at 82% 22%,#fff 0%,#e7ebf1 44%,#e3e7ec 100%);min-height:0;padding-bottom:clamp(100px,11vw,170px)!important;isolation:isolate}
.statement:before{content:"";position:absolute;top:0;left:0;right:0;height:90px;background:linear-gradient(to bottom,#07090c22,transparent);pointer-events:none}
.statement-inner{margin-top:clamp(80px,11vh,150px);margin-bottom:0}
.statement-title{max-width:1150px;font-size:clamp(54px,7.7vw,138px);line-height:1.03;font-weight:610;letter-spacing:-.085em}
.statement-title span:not(.dim-word){color:#87909c}
.statement-desc{font-size:clamp(15px,1.2vw,19px);max-width:430px;margin-top:70px}
.statement .horizontal-rule{display:none}
.statement-spark{color:#8495ab;opacity:.43}
/* Main story replaces redundant four-screen showcase. */
.journey{background:#080c12}
.journey-intro{padding-top:clamp(100px,10vw,160px)!important;padding-bottom:clamp(60px,8vw,110px)!important}
.journey-intro-grid{margin-top:clamp(50px,7vw,90px);grid-template-columns:1.25fr .55fr;gap:clamp(35px,7vw,100px)}
.journey-intro h2{font-size:clamp(65px,8vw,145px);line-height:.98}
.journey-intro h2 em{color:#9caabf}
.journey-intro-grid>p{max-width:370px;color:#b3bfd2}
.journey-scroll{height:500svh}
.journey-main{border:1px solid #bdcee63d;border-radius:24px;box-shadow:0 25px 115px #010409a3;max-height:760px}
.journey-visual{background:radial-gradient(ellipse at 48% 45%,#33485f,#101b2a 54%,#090e16 90%)}
.journey-info{background:radial-gradient(ellipse at 20% 0,#202e3f,#0e151f 62%,#0a0e14 100%)}
.journey-copy h3{letter-spacing:-.08em}
.journey-nav{gap:5px}
.journey-step{border-radius:8px;position:relative;overflow:hidden}
.journey-step:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,#fff2 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease;pointer-events:none}
.journey-step:hover:before,.journey-step.is-current:before{transform:translateX(130%)}
.journey-visual .skay-stage{transition-duration:.62s,.8s,.85s,.7s}
.journey-visual[data-stage="0"] .skay-produce,.journey-visual[data-stage="1"] .skay-voice,.journey-visual[data-stage="2"] .skay-mix,.journey-visual[data-stage="3"] .skay-master,.journey-visual[data-stage="4"] .skay-final{transition-delay:.04s}
.journey-visual .skay-stage:before{content:"";z-index:-1;position:absolute;inset:10% 15%;border-radius:50%;background:radial-gradient(ellipse,#c2d7fc18,transparent 70%);filter:blur(30px);pointer-events:none}
/* Product-style pricing: strong composition, service-specific signal, explicit offer. */
.prices{background:radial-gradient(ellipse at 77% 0%,#fff 0%,#e7ebf0 39%,#dfe4eb 100%);padding-top:clamp(100px,10vw,170px)!important;padding-bottom:clamp(100px,10vw,170px)!important}
.prices-header{margin:clamp(75px,8vw,130px) 0 65px;align-items:flex-end}
.prices-header h2{font-size:clamp(70px,9vw,155px);line-height:.93}
.prices-header h2 em{color:#8b96a5}
.prices-header p{max-width:355px;color:#626e7d}
.price-layout{grid-template-columns:minmax(220px,.7fr) minmax(420px,1.3fr);align-items:start;gap:clamp(35px,6vw,100px)}
.price-tabs{position:sticky;top:110px;border-top:1px solid #b2bdcb}
.tab{position:relative;overflow:hidden;min-height:77px;border-color:#c2cbd7;color:#667385;transition:padding .45s ease,color .35s ease,background .35s ease}
.tab:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#fff 0%,transparent 87%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.tab.active:before,.tab:hover:before{opacity:.72}
.tab.active,.tab:hover{padding-left:18px;color:#0d1622}
.tab>*{position:relative}
.price-panel{background:linear-gradient(138deg,#172439 0%,#0b1019 47%,#060a10 100%);border:1px solid #34475b;border-radius:20px;padding:25px 36px 0;box-shadow:0 36px 90px #17233137;isolation:isolate;overflow:hidden;min-height:unset}
.price-panel:before{width:100%;height:90%;top:-26%;right:-35%;background:radial-gradient(circle,#9aafce29,transparent 62%);opacity:1}
.panel-top{font-size:10px;letter-spacing:.19em}
.panel-icon{font-size:22px}
.service-art{height:clamp(180px,18vw,270px);margin:18px -8px 0;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-bottom:1px solid #9bafc13b;isolation:isolate}
.service-art:before{content:"";position:absolute;z-index:-1;inset:-50% -35%;background:conic-gradient(from 140deg at 50% 55%,transparent 0deg,#dce8f314 38deg,transparent 80deg,#849ac518 130deg,transparent 210deg,#ddeaff14 245deg,transparent 320deg);animation:skayArtLight 24s linear infinite}
@keyframes skayArtLight{to{transform:rotate(360deg)}}
.service-art-top,.service-art-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.18em;color:#9cacc1}
.service-art-top{padding-top:14px}.service-art-bottom{padding-bottom:20px}
.service-art-object{position:absolute;inset:20% 0 13%;display:grid;place-items:center}
.service-art-disc{position:absolute;width:clamp(125px,14vw,200px);aspect-ratio:1;border-radius:50%;border:1px solid #d7e5f888;background:repeating-radial-gradient(circle,#101928 0 4px,#36475e 5px 6px,#121b29 7px 12px);box-shadow:0 0 0 18px #b6c7df0c,0 0 0 38px #b7cae709,0 17px 50px #000a;transform:rotate(-25deg);transition:transform .9s cubic-bezier(.16,1,.3,1),border-radius .9s ease,width .9s ease,opacity .6s}
.service-art-center{position:absolute;inset:31%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,#dee9f9,#63758e 55%,#121b29 100%);color:#152132;font-size:32px}
.service-art-wave{position:absolute;inset:20% 8%;display:flex;align-items:center;gap:2px;justify-content:space-between;opacity:0;transition:opacity .5s ease,transform .7s ease;transform:scaleX(.7)}
.service-art-wave i{flex:1;max-width:6px;height:var(--height);background:linear-gradient(#f5faff,#829dbc,#f5faff);border-radius:9px;opacity:.55;animation:skayServiceEq 1.7s ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes skayServiceEq{to{transform:scaleY(.55);opacity:.95}}
.service-art[data-service="mix"] .service-art-disc,.service-art[data-service="recording"] .service-art-disc{width:clamp(95px,11vw,150px)}
.service-art[data-service="mix"] .service-art-wave,.service-art[data-service="recording"] .service-art-wave{opacity:.7;transform:scaleX(1)}
.service-art[data-service="mix"] .service-art-disc{opacity:.35;transform:rotate(60deg) scale(.78)}
.service-art[data-service="prods"] .service-art-disc{transform:rotate(32deg) scale(1.07);border-radius:18%}
.service-art[data-service="location"] .service-art-disc{transform:rotate(-10deg) scale(.83);border-radius:24%;background:repeating-linear-gradient(90deg,#101929 0 12px,#293c54 13px 14px,#121c2b 15px 26px)}
.service-art[data-service="others"] .service-art-disc{transform:rotate(45deg) scale(.83);border-radius:12%;background:linear-gradient(135deg,#cad8e8,#28394e 54%,#15202f)}
.panel-body{padding:22px 0 31px}
.panel-body h3{font-size:clamp(39px,4.2vw,64px)}
.price-rows{margin-top:22px}
.price-row{min-height:48px;color:#c1cad5;border-top:1px solid #c9d9e722}
.price-row strong{font-size:14px}
.panel-cta{margin:0 -36px;background:linear-gradient(110deg,#d1dbe8,#f4f7fc 45%,#a7b7ce);padding:25px 36px;border-radius:0 0 18px 18px;transition:filter .25s ease,letter-spacing .3s ease}
.panel-cta:hover{background:linear-gradient(110deg,#d9e7f6,#fff,#b5c7db);letter-spacing:.016em}
.price-disclaimer{margin-top:40px}
.contact{background:radial-gradient(ellipse at 50% 105%,#354865,#090e17 55%,#040608 100%);min-height:90vh;padding-top:clamp(100px,10vw,160px)!important}
.contact .contact-content{margin:clamp(75px,9vw,150px) auto}
.contact-content h2{font-size:clamp(85px,11vw,180px)}
.contact-content h2 em{background:linear-gradient(110deg,#f7fafe,#8194ad,#f7faff);background-clip:text;-webkit-background-clip:text}
.contact-big{background:#ffffff0a;backdrop-filter:blur(14px);border-color:#c6d3e87d}
.contact-big:hover{box-shadow:0 15px 55px #9aaccb37}
/* Gentle light transitions based on native sections; no extra inter-page blocks. */
.journey:before,.prices:before{content:"";position:absolute;top:0;left:0;right:0;height:110px;pointer-events:none;background:linear-gradient(180deg,#0000001e,transparent)}
@media(max-width:1050px){.journey-intro-grid{grid-template-columns:1fr .6fr}.price-layout{grid-template-columns:minmax(190px,.75fr) minmax(360px,1.25fr);gap:35px}.hero-capabilities{font-size:8px}}
@media(max-width:750px){.hero-capabilities{gap:12px;line-height:1.5;padding-top:16px;margin-top:18px}.hero-capabilities span{font-size:8px}.hero-logo-layer{opacity:.5!important}.statement-title{font-size:clamp(47px,10vw,78px)}.statement-desc{margin-top:35px}.journey-intro-grid{grid-template-columns:1fr;gap:30px}.journey-intro-grid>p{max-width:490px}.journey-intro h2{font-size:clamp(54px,12vw,88px)}.journey-main{border-radius:16px}.prices-header h2{font-size:clamp(64px,12vw,95px)}.price-layout{grid-template-columns:1fr;gap:25px}.price-tabs{position:static;display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;padding:0 0 5px;border-top:none;scroll-snap-type:x mandatory}.price-tabs::-webkit-scrollbar{display:none}.tab{border:1px solid #bac4d0;border-radius:100px;padding:14px 17px;min-height:0;font-size:12px;flex:0 0 auto;scroll-snap-align:start;gap:9px}.tab b{font-size:9px}.tab span{display:none}.tab.active,.tab:hover{padding-left:17px;background:white}.price-panel{padding:23px 23px 0;border-radius:17px}.service-art{height:220px}.panel-cta{margin:0 -23px;padding:22px 23px;border-radius:0 0 16px 16px}.contact-content h2{font-size:clamp(73px,13vw,110px)}}
@media(prefers-reduced-motion:reduce){.service-art:before,.service-art-wave i{animation:none}}


/* V17 audited corrections: preserve established layout but contain all hero controls. */
@media(min-width:751px){
 .hero{height:auto;min-height:max(100svh,1020px);}
 .hero-copy{top:50%;transform:translateY(-46%);}
 .hero-bottom{bottom:34px;}
}
@media(max-width:750px){
 .hero{height:auto;min-height:max(750px,100svh);padding-bottom:110px;}
}
/* Stage art should be legible and interactive even during changes. */
#journeyScroll .journey-visual .skay-stage{transition-duration:.55s,.55s,.62s,.55s!important;}
#journeyScroll .journey-visual[data-stage="0"] .skay-produce,
#journeyScroll .journey-visual[data-stage="2"] .skay-mix{pointer-events:auto!important;}


/* Audited mobile: natural-flow hero prevents the buttons from crossing the section edge. */
@media(max-width:750px){
 .hero{height:auto;min-height:max(900px,100svh);padding:155px 24px 280px;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;}
 .hero-copy{position:relative;top:auto;left:auto;right:auto;transform:none;max-width:100%;width:100%;margin:0;padding:0;}
 .hero h1{font-size:clamp(49px,12.9vw,91px);overflow-wrap:anywhere;}
 .hero-bottom{bottom:34px;left:24px;right:24px;}
 .hero-capabilities{width:100%;}
 /* Keep the compact beat-machine stage uncluttered in portrait layout. */
 #journeyScroll .skay-produce .skay-stage-footer{display:none;}
 #journeyScroll .skay-produce .v16-seq-status{display:none;}
 #journeyScroll .skay-produce .v17-preview-wrap{margin:7px 0 0;gap:4px;}
 #journeyScroll .skay-produce .v17-preview-note{display:none;}
}

@media(max-width:750px){
 .hero{padding-bottom:280px;}
}
@media(max-width:390px){
 .journey-intro h2{font-size:clamp(40px,11.5vw,54px);overflow-wrap:anywhere;}
}