/* Nerv Studios — shared visual system. Loaded after the original component styles. */
:root{--bg:#090e14;--bg-alt:#101923;--bg-deep:#070b10;--footer-bg:#070b10;--text-mute:#acb8c7;--text-dim:#91a0b2;--line:rgba(173,207,250,.2);--line-soft:rgba(173,207,250,.1);--max:82rem;--nav-h:5.5rem;color-scheme:dark}
body{background:radial-gradient(ellipse at 90% 5%,#142235 0,transparent 35rem),var(--bg)}
html{scroll-padding-top:7rem}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
.btn:focus-visible,.chip:focus-visible,.langsw:focus-within{outline-offset:-3px}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:100;background:var(--brand);color:var(--bg);padding:1rem;transform:translateY(-180%);border-radius:8px}
.skip-link:focus{transform:none}
.copy-ar{display:none}[dir=rtl] .copy-ar{display:inline}[dir=rtl] .copy-en{display:none}
.nav{background:rgba(9,14,20,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--line-soft)}
.nav__inner{min-height:var(--nav-h);padding:1rem 2.5rem;gap:1.5rem}
.nav.is-stuck{background:rgba(7,11,16,.94);box-shadow:0 8px 35px #0003}
.brand{gap:.55rem}.brand img{width:44px;height:44px;object-fit:contain;transform:scale(1.7)}
.brand__txt{font-size:.87rem;letter-spacing:.13em}.brand__txt span{display:block;font-size:.66rem;letter-spacing:.36em}
.nav__links{gap:1.4rem}.nav__links a{font-size:.875rem;letter-spacing:0;text-transform:none;font-family:var(--font-body);font-weight:500}
.nav__links a::after{height:1px;bottom:-.6rem}
.nav__end{gap:1rem}.langsw{clip-path:none;border-radius:7px}.langsw button{min-height:36px;font-size:.875rem;letter-spacing:0}
.btn{clip-path:none;border-radius:8px;font-family:var(--font-body);font-size:.9375rem;letter-spacing:0;text-transform:none;min-height:50px;padding:.85rem 1.4rem;transition:transform .25s,background .25s,color .25s,box-shadow .25s}
.btn--primary{background:linear-gradient(120deg,#c7e0ff,#98c0f5);box-shadow:0 4px 22px #7daaf21a}
.btn--primary:hover{background:#dcecff;box-shadow:0 8px 32px #8ab8f533}
.btn--ghost{background:#ffffff04;box-shadow:inset 0 0 0 1px var(--line)}
.btn--sm{min-height:42px;font-size:.875rem;padding:.65rem 1.05rem}
.btn:active{transform:translateY(0) scale(.98)}
.section{padding-block:clamp(4rem,7vw,7rem)}
.section+.section{border-top:1px solid var(--line-soft)}
.grid-lines{opacity:.3}.glow{opacity:.16;filter:blur(100px)}.noise{opacity:.1}
.eyebrow{font-family:var(--font-body);font-size:.875rem;letter-spacing:.16em;font-weight:500}
.eyebrow::before{width:1.2rem;height:1px}
.sec-head h2,.split__body h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.17;letter-spacing:-.045em}
.sec-head{margin-bottom:2.5rem}
.hero{margin-top:0;padding-top:0;background:radial-gradient(ellipse at 78% 45%,#20385188,transparent 50%),var(--bg-deep)}
.hero__frame{max-width:var(--max);margin:auto;padding:0 2.5rem}
.hero__stage{min-height:640px;max-height:none;aspect-ratio:auto;clip-path:none;box-shadow:none;overflow:visible;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:1.5rem;padding:4.5rem 0 5rem}
.hero__body,.hero__visual,.grid>*{min-width:0}
.hero__body{position:relative;inset:auto;width:auto;max-width:none;padding:0;gap:1.75rem;grid-column:1;grid-row:1}
.hero__body h1{font-size:clamp(2.75rem,4.7vw,4.3rem);line-height:1.08;letter-spacing:-.055em;text-wrap:balance}
.hero__body h1 em{color:#a6cbfc}
.hero__body p{font-size:1.0625rem;line-height:1.85;max-width:35rem;color:#aab9ca}
.hero__tag{font-family:var(--font-body);font-size:.8125rem;letter-spacing:.04em;text-transform:none;clip-path:none;border-radius:100px;padding:.5rem .9rem;background:#a6cbfc08;box-shadow:inset 0 0 0 1px #a6cbfc25}
.hero__tag i{animation:none;width:5px;height:5px}
.hero__scrim{display:none}
.hero__visual{grid-column:2;grid-row:1;position:relative;aspect-ratio:1;width:100%;isolation:isolate;display:grid;place-items:center}
.hero__visual::before{content:'';position:absolute;inset:12%;border-radius:50%;background:#8bbfff14;filter:blur(50px)}
.hero__media{position:relative;inset:auto;object-fit:contain;width:145%;height:auto;max-width:none;filter:drop-shadow(0 30px 50px #0005);animation:studio-float 7s ease-in-out infinite;z-index:1}
.hero__orbit{position:absolute;inset:6%;border:1px solid #a6cbfc18;border-radius:50%;transform:rotate(-24deg) scaleY(.72)}
.hero__orbit::before{content:'';position:absolute;inset:-12%;border:1px solid #a6cbfc0c;border-radius:50%}
.hero__signature{position:absolute;bottom:0;inset-inline:0;text-align:center;font-size:.75rem;letter-spacing:.32em;color:#92aac6;direction:ltr}
@keyframes studio-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(1deg)}}
.stats.wrap{max-width:calc(var(--max) - 5rem);padding:0;margin:0 auto;border:1px solid var(--line-soft);border-bottom:0;border-radius:16px 16px 0 0;background:#ffffff03;overflow:hidden}
.stat{padding:1.8rem 1rem;border-inline-end:1px solid var(--line-soft)}
.stat b{font-size:2.2rem;color:#d7e8ff;font-variant-numeric:tabular-nums;direction:ltr}
.stat span{font-family:var(--font-body);font-size:.875rem;letter-spacing:0;text-transform:none;color:var(--text-mute);font-weight:400;margin-top:.65rem}
.card,.tile,.plan{transition:transform .3s,border-color .3s;background:linear-gradient(135deg,#152130,#0e161f);border:1px solid var(--line-soft);border-radius:16px;overflow:hidden}
.card::before,.card::after,.tile::before,.tile::after,.plan::before,.plan::after{display:none}
.card:hover,.tile:hover,.plan:hover{border-color:#a6cbfc55;transform:translateY(-4px)}
.card{padding:1.1rem}.card__inner{gap:1.4rem}.card__media{clip-path:none;border-radius:10px}.card__body h3{font-size:1.6rem;line-height:1.25}
.card__body p,.tile p,.plan__list li{font-size:1rem;line-height:1.8}
.card__cat{font-size:.75rem;letter-spacing:.05em;border-radius:5px;backdrop-filter:blur(10px)}
.card__price{background:#0a1019df;border:1px solid #ffffff20;border-radius:7px;padding:.2rem .7rem;direction:ltr}
.tile{padding:2rem}.tile__ico{clip-path:none;border-radius:10px;width:3.2rem;height:3.2rem;background:#a6cbfc0b;box-shadow:inset 0 0 0 1px #a6cbfc22}
.tile h3{font-size:1.25rem;line-height:1.3}
.split__media{clip-path:none;border-radius:18px;border:1px solid var(--line-soft)}
.split__media img{transition:transform .7s}.split__media:hover img{transform:scale(1.025)}
.band{padding-block:1.3rem;background:#0e1721}.band__track span{font-size:.875rem;letter-spacing:.12em;color:#a4b5c9}.band__track span::after{width:4px;height:4px}
.cta{clip-path:none;border:1px solid #a6cbfc28;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#29466488,transparent 75%),#0f1924;padding-block:clamp(3rem,6vw,5.5rem)}
.cta h2{line-height:1.18}.cta__mark{opacity:.12}
.footer{border-top:1px solid var(--line-soft)}.footer__bottom{font-size:.875rem}.footer li a{display:inline-block;padding-block:.2rem}
.pagehead{padding-block:5rem 4rem;border-bottom:1px solid var(--line-soft);background:radial-gradient(ellipse at 85% 30%,#213a5670,transparent 60%),var(--bg-deep)}
.pagehead h1{font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.045em;line-height:1.15}
.pagehead p{font-size:1.125rem;line-height:1.8}
.chip{clip-path:none;border-radius:8px;font-family:var(--font-body);font-size:.875rem;min-height:44px;letter-spacing:0;text-transform:none}
.empty-state{clip-path:none;border:1px dashed #a6cbfc30;border-radius:14px;background:#a6cbfc04;padding-block:4rem}
.faq{max-width:none;gap:.8rem}.faq__item{clip-path:none;border:1px solid var(--line-soft);border-radius:10px;padding:1.4rem 1.6rem;box-shadow:none;transition:border-color .25s,background .25s}
.faq__item.is-open{border-color:#a6cbfc40;background:#131f2d}.faq__q{padding:0;line-height:1.6;text-align:start}
.faq__a,.faq__item.is-open .faq__a{display:grid;grid-template-rows:0fr;max-height:none;padding-top:0;transition:grid-template-rows .35s ease,opacity .35s;opacity:0;font-size:1rem;line-height:1.85}
.faq__a>div{overflow:hidden;min-height:0}.faq__a>div>p{padding-top:1rem}
.faq__item.is-open .faq__a{grid-template-rows:1fr;opacity:1}
.field label{font-size:.875rem;letter-spacing:.03em;color:#bac9db;text-transform:none;font-family:var(--font-body)}
.field input,.field select,.field textarea{clip-path:none;border-radius:8px;min-height:50px;font-size:1rem;border:1px solid var(--line);box-shadow:none;background-color:#0b131d}
.field textarea{min-height:160px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #a6cbfc14}
.form__note{font-size:.9375rem}.btn:disabled{cursor:wait;transform:none}
.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.is-in){opacity:0;transform:translateY(22px)}
.mobile-menu{padding:6.5rem 1.5rem 2rem;justify-content:flex-start;overflow:auto;overscroll-behavior:contain;background:#090e14fa}
.mobile-menu a{font-size:1.3rem;letter-spacing:0;text-transform:none}.mobile-menu a.is-active{color:var(--brand)}
.burger{min-width:44px;min-height:44px;align-items:center;justify-content:center}
[dir=rtl] .hero__body h1{letter-spacing:0;line-height:1.3;font-size:clamp(2.5rem,4.4vw,4rem)}
[dir=rtl] .hero__body p{line-height:1.95}[dir=rtl] .brand__txt span{letter-spacing:.36em}
[dir=rtl] .eyebrow::before{order:0}[dir=rtl] .hero__tag,[dir=rtl] .field label{letter-spacing:0}
@media(min-width:768px){
 .grid--3:has(>.card:only-child){grid-template-columns:1fr}
 .grid--3>.card--tall:only-child .card__inner{display:grid;grid-template-columns:minmax(230px,.75fr) 1.25fr;column-gap:3rem;align-items:center;padding:1rem}
 .grid--3>.card--tall:only-child .card__media{grid-row:1/3;max-width:380px}
 .grid--3>.card--tall:only-child .card__body{align-self:end;gap:1.3rem}
 .grid--3>.card--tall:only-child .card__body h3{font-size:clamp(2rem,4vw,3rem)}
 .grid--3>.card--tall:only-child .btn-row{align-self:start;margin-top:0}
 .grid--3>.card--wide:only-child{max-width:62rem}
}
@media(max-width:1199px){.nav__links,.nav__cta{display:none}.burger{display:flex}.hero__stage{min-height:560px}.hero__body h1{font-size:3.1rem}}
@media(min-width:1200px){.burger{display:none}.nav__links{display:flex}.nav__cta{display:inline-flex}}
@media(max-width:767px){
 :root{--nav-h:4.75rem}.nav__inner{padding:.75rem 1.25rem;gap:.7rem}.nav__end{gap:.45rem}.brand__txt{font-size:.78rem}.brand__txt span{font-size:.6rem}.brand img{width:35px;height:35px}
 .hero__frame{padding:0 1.5rem}.hero__stage{grid-template-columns:1fr;min-height:0;padding:3.25rem 0 2rem;gap:0}
 .hero__body{grid-column:1;grid-row:1;gap:1.3rem}.hero__body h1{font-size:clamp(2.25rem,8vw,3.6rem);line-height:1.15}.hero__body p{font-size:1rem}
 .hero__visual{grid-column:1;grid-row:2;width:min(100%,340px);margin:-.25rem auto 0;aspect-ratio:1.2}.hero__media{width:120%}.hero__signature{bottom:.3rem}
 .hero__tag{font-size:.75rem}.stats.wrap{max-width:calc(100% - 3rem)}.stat{padding:1.5rem .6rem}.stat b{font-size:1.8rem}.stat span{font-size:.8125rem}
 .sec-head--row{align-items:flex-start;gap:1.5rem}.sec-head h2 br{display:none}.split{gap:2rem}.pagehead{padding:3.5rem 0}.pagehead p{font-size:1rem}
 .tile{padding:1.6rem}.cta{padding-inline:1.5rem}.faq__item{padding:1.1rem}.footer__top{gap:2rem}
 [dir=rtl] .hero__body h1{font-size:clamp(2.1rem,8vw,3.3rem)}
}
@media(max-width:380px){.nav__inner{padding-inline:.8rem}.brand__txt{font-size:.7rem}.langsw button{padding:.5rem .65rem}.hero__frame{padding-inline:1.25rem}.btn-row{gap:.6rem}.hero .btn{flex:1;padding-inline:1rem}.hero__tag{letter-spacing:0}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .18s ease both}::view-transition-new(root){animation:page-in .32s ease both}
@keyframes page-out{to{opacity:0;transform:translateY(-5px)}}@keyframes page-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.is-in){opacity:1;transform:none}.band__track{flex-wrap:wrap;width:auto;justify-content:center;gap:1rem}.band__track span{gap:1rem}.band__track span:nth-child(n+6){display:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* About artwork uses the transparent brand asset on the site's own surface. */
.studio-art{
  display:grid;place-items:center;isolation:isolate;
  background:radial-gradient(ellipse at 50% 42%,rgba(86,137,195,.18),transparent 65%),linear-gradient(145deg,#111e2c,#090f17);
  border:1px solid rgba(166,203,252,.16);
  box-shadow:inset 0 1px 0 rgba(215,232,255,.04);
}
.studio-art img{
  position:relative;width:100%;height:100%;object-fit:contain;
  transform:scale(1.28);filter:drop-shadow(0 24px 28px rgba(0,0,0,.28));
}
.studio-art:hover img{transform:scale(1.32)}
@media(prefers-reduced-motion:reduce){.studio-art:hover img{transform:scale(1.28)}}
/* Scroll entrance states: JavaScript only, with accessible static fallbacks. */
.scroll-pending{opacity:0}
.scroll-pending:focus-within{opacity:1}
@media(prefers-reduced-motion:reduce){.scroll-pending{opacity:1}}
@media print{.scroll-pending{opacity:1}}