/* GStudio: shared navigation and the sections following the original hero. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2')}
:root{--studio-bg:#161826;--studio-panel:#1c1e30;--studio-line:rgba(193,185,232,.16);--studio-muted:#a4a4bc;--studio-white:#f1effc;--studio-accent:#b5abfc;--studio-mono:ui-monospace,SFMono-Regular,Consolas,monospace}
html{scroll-behavior:smooth;scroll-padding-top:96px}
.studio-skip{position:fixed;top:12px;left:20px;z-index:1000;background:#ded8ff;color:#161826!important;padding:12px 20px;border-radius:8px;opacity:0;pointer-events:none}
.studio-skip:focus{opacity:1;pointer-events:auto}
.studio-header,.studio-footer,.studio-service-nav{font-family:Inter,system-ui,sans-serif;box-sizing:border-box}
.studio-header *,.studio-footer *,.studio-service-nav *{box-sizing:border-box}
.studio-header{position:relative;z-index:100;border-bottom:1px solid var(--studio-line);background:rgba(22,24,38,.93);color:var(--studio-white)}
.studio-header-inner{max-width:1200px;min-height:78px;padding:0 clamp(20px,4vw,44px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.studio-header a,.studio-footer a{text-decoration:none}
.studio-brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.8px;font-weight:500;color:var(--studio-white)!important;white-space:nowrap}
.studio-brand-logo{display:block;width:44px;height:44px;flex-shrink:0;object-fit:contain}
/* Núcleo de la órbita: esfera limpia con halo que rota y el logo girando en 3D (moneda). */
.studio-core{position:relative;width:22cqw;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;perspective:60cqw;background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--color-accent-700) 70%,transparent),var(--color-accent-900) 78%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-300) 18%,transparent),0 0 90px -6px color-mix(in srgb,#00c2ff 38%,transparent)}
.studio-core-halo{position:absolute;inset:-6%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,color-mix(in srgb,#27e0ff 70%,transparent) 80%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent 64%,#000 65%,#000 67%,transparent 68%);mask:radial-gradient(circle,transparent 64%,#000 65%,#000 67%,transparent 68%);animation:studio-halo 6s linear infinite;pointer-events:none}
.studio-core-coin{position:relative;width:15cqw;height:15cqw;transform-style:preserve-3d}
[data-sun].studio-core-coin{animation:studio-coin 9s cubic-bezier(.45,.05,.55,.95) infinite}
.studio-hero-logo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,150,220,.45));backface-visibility:hidden;-webkit-backface-visibility:hidden}
.studio-hero-logo--back{transform:rotateY(180deg)}
@keyframes studio-coin{0%,12%{transform:rotateY(0)}50%,62%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes studio-halo{to{transform:rotate(360deg)}}
[data-anim="off"] .studio-core-halo,[data-anim="off"] .studio-core-coin{animation:none}
@media (prefers-reduced-motion:reduce){.studio-core-halo,[data-sun].studio-core-coin{animation:none}}
.studio-nav{display:flex;align-items:center;gap:28px}
.studio-nav>a,.studio-menu summary{color:#bbb9cd!important;font-size:13px;font-weight:400;transition:color .2s}
.studio-nav>a:hover,.studio-menu summary:hover{color:#fff!important}
.studio-menu{position:relative}
.studio-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:44px}
.studio-menu summary::-webkit-details-marker{display:none}
.studio-menu summary::after{content:'⌄';color:#b5abfc}
.studio-menu[open] summary::after{transform:rotate(180deg)}
.studio-menu-links{position:absolute;top:48px;left:-22px;padding:12px;background:#202234;border:1px solid #49425f;box-shadow:0 20px 50px #09091377;border-radius:12px;width:285px;display:grid;gap:2px}
.studio-menu-links a{padding:10px 12px;font-size:13px;color:#c6c2db!important;border-radius:6px;line-height:1.4}
.studio-menu-links a:hover,.studio-menu-links a[aria-current]{background:#342e4c;color:#fff!important}
.studio-contact-link{display:inline-flex;gap:20px;align-items:center;border:1px solid #675b91;border-radius:6px;padding:10px 16px;color:#e0d8ff!important;font-size:12px;line-height:1.4;white-space:nowrap}
.studio-contact-link:hover{background:#312b46}
.studio-mobile-toggle{display:none;align-items:center;justify-content:center;gap:9px;border:1px solid #5d536f;background:#27243a;color:#e8e4f6;min-height:44px;border-radius:6px;padding:0 12px;font:13px Inter,system-ui,sans-serif;cursor:pointer}
.studio-header :focus-visible,.studio-footer :focus-visible{outline:2px solid #b5abfc;outline-offset:4px}
.studio-main{position:relative;z-index:1;max-width:1200px;margin:auto;padding:clamp(12px,2vw,28px) clamp(20px,4vw,44px) 0}
.studio-hero{margin-bottom:56px}
.studio-home>[data-anim]{overflow-x:clip;width:100%}
#gstudio-home .studio-hero .btn-secondary{color:var(--color-text)}
/* Each beam shares its planet's rotating coordinate system, so it stays aligned
   with GStudio at every orbit position and screen size without a render loop. */
.studio-planet-connection{position:absolute;left:50%;top:9cqw;width:1px;height:20cqw;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--service-accent) 45%,transparent),var(--service-accent) 65%,color-mix(in srgb,var(--service-accent) 80%,#fff));box-shadow:0 0 7px color-mix(in srgb,var(--service-accent) 60%,transparent);opacity:0;transform:translateX(-50%) scaleY(0);transform-origin:50% 0;transition:transform .42s cubic-bezier(.2,.7,.3,1),opacity .18s ease}
.studio-planet-connection::before{content:'';position:absolute;inset:0 -3px;background:var(--service-accent);opacity:.15;filter:blur(3px)}
.studio-planet-connection::after{content:'';position:absolute;bottom:-2px;left:-1.5px;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--service-accent) 75%,#fff);box-shadow:0 0 10px var(--service-accent),0 0 20px color-mix(in srgb,var(--service-accent) 45%,transparent)}
.studio-orbit-spoke:has([data-planet]:is(:hover,:focus-visible))>.studio-planet-connection{opacity:.85;transform:translateX(-50%) scaleY(1)}
.studio-orbit-spoke [data-planet]:is(:hover,:focus-visible){background-image:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--service-accent) 40%,var(--color-accent-600)),var(--color-accent-900) 78%);box-shadow:var(--shadow-lg),0 0 32px -8px color-mix(in srgb,var(--service-accent) 70%,transparent);outline-color:var(--service-accent)}
.studio-orbit-spoke [data-planet]:is(:hover,:focus-visible)>svg{fill:color-mix(in srgb,var(--service-accent) 60%,#f5f4ff)}
@media(prefers-reduced-motion:reduce){.studio-planet-connection{transition:none}.studio-orbit-spoke [data-planet]{transition:none}}
.studio-home .studio-content{color:var(--studio-white);font:15px/1.65 Inter,system-ui,sans-serif}
#gstudio-home .studio-content h2{font-size:clamp(32px,4.4vw,50px);line-height:1.12;letter-spacing:-2px;font-weight:500;margin:0}
#gstudio-home .studio-content h3{font-weight:500;letter-spacing:-.6px;line-height:1.25;margin:0}
#gstudio-home .studio-content p{margin:0}
.studio-content .muted{color:var(--studio-muted)}
.studio-eyebrow{display:flex;align-items:center;gap:12px;color:#b6abd8;font:10px/1.5 var(--studio-mono);letter-spacing:2px;text-transform:uppercase;margin-bottom:22px}
.studio-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:#b5abfc;box-shadow:0 0 12px #b5abfc55}
.studio-manifest{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:32px 0;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);align-items:center}
.studio-manifest p{font-size:17px;max-width:380px;letter-spacing:-.25px;color:#c5bfdc}
.studio-manifest-items{display:flex;justify-content:space-between;gap:25px}
.studio-manifest-items span{color:#a39eb7;font:10px/1.6 var(--studio-mono);text-transform:uppercase;letter-spacing:1px}
.studio-manifest-items strong{display:block;font:400 26px/1.3 Inter,sans-serif;color:#ddd7ef;margin-bottom:3px;letter-spacing:-1px}
.studio-section{padding:100px 0 0;scroll-margin-top:24px}
.studio-section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:32px}
.studio-section-head>p{color:var(--studio-muted);max-width:310px;font-size:14px}
.studio-filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 24px}
.studio-filters[hidden]{display:none}
.studio-filter{font:12px Inter,system-ui,sans-serif;color:#b9b5cf;background:transparent;border:1px solid var(--studio-line);padding:9px 15px;border-radius:30px;cursor:pointer;min-height:40px;transition:background .2s,border-color .2s}
.studio-filter:hover{background:#28253e;border-color:#74668f}
.studio-filter[aria-pressed=true]{background:#b6a9e8;color:#211a37;border-color:#b6a9e8}
.studio-result-count{margin-left:auto;align-self:center;font:10px var(--studio-mono);color:#a09ab9;letter-spacing:.5px}
.studio-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.studio-service-card{--service-accent:#b49bd8;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:328px;padding:24px;border:1px solid var(--studio-line);border-radius:12px;background:linear-gradient(145deg,#242339dd,#1b1d2eeb);overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}
/* Muted spectral colors live on each service, independent of filtering or order. */
:is(.studio-service-card,.studio-orbit-spoke)[data-service="automatizacion"]{--service-accent:#86cbb7}
:is(.studio-service-card,.studio-orbit-spoke)[data-service="facturacion"]{--service-accent:#d4b57e}
:is(.studio-service-card,.studio-orbit-spoke)[data-service="ecommerce"]{--service-accent:#d5a0b7}
:is(.studio-service-card,.studio-orbit-spoke)[data-service="reservas"]{--service-accent:#87bdd6}
:is(.studio-service-card,.studio-orbit-spoke)[data-service="campanas"]{--service-accent:#d89e89}
:is(.studio-service-card,.studio-orbit-spoke)[data-service="paginas-web"]{--service-accent:#9dafe0}
:is(.studio-service-card,.studio-orbit-spoke)[data-service="desarrollo-software"]{--service-accent:#b49bd8}
:is(.studio-service-card,.studio-orbit-spoke)[data-service="publicidad-grafica"]{--service-accent:#c9a1d1}
.studio-service-card[hidden]{display:none!important}
.studio-service-card:hover,.studio-service-card:focus-within{border-color:color-mix(in srgb,var(--service-accent) 55%,#443a56);transform:translateY(-4px);box-shadow:0 18px 40px #090b192f}
.studio-service-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--glow-x,75%) var(--glow-y,0%),color-mix(in srgb,var(--service-accent) 9%,transparent),transparent 65%)}
.studio-card-top{display:flex;align-items:center;justify-content:space-between;color:#aaa0c6;font:10px var(--studio-mono);letter-spacing:1px}
.studio-card-number{color:#7f7697}
.studio-card-art{height:96px;position:relative;display:grid;place-items:center;margin:10px 0 18px}
.studio-mini-orbit{position:absolute;width:132px;height:66px;border:1px solid color-mix(in srgb,var(--service-accent) 23%,transparent);border-radius:50%;transform:rotate(-22deg);animation:studio-orbit 24s linear infinite;animation-delay:var(--float-delay,0s)}
.studio-mini-orbit:nth-child(2){transform:rotate(35deg);width:122px;height:62px;border-color:color-mix(in srgb,var(--service-accent) 17%,transparent);animation-duration:32s;animation-direction:reverse}
.studio-mini-orbit:nth-child(3){transform:rotate(88deg);width:128px;height:52px;border-style:dashed;border-color:color-mix(in srgb,var(--service-accent) 13%,transparent);animation-duration:40s}
.studio-mini-orbit::after{content:'';position:absolute;width:4px;height:4px;top:50%;left:-2px;margin-top:-2px;background:color-mix(in srgb,var(--service-accent) 80%,#fff);border-radius:50%;box-shadow:0 0 5px color-mix(in srgb,var(--service-accent) 65%,transparent),0 0 12px color-mix(in srgb,var(--service-accent) 30%,transparent)}
.studio-mini-orbit:nth-child(2)::after{width:3px;height:3px;left:auto;right:-2px;opacity:.8}
.studio-mini-orbit:nth-child(3)::after{opacity:.65}
.studio-card-sphere{position:relative;width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 23%,color-mix(in srgb,var(--service-accent) 48%,#514568),color-mix(in srgb,var(--service-accent) 12%,#352e4e) 65%,#211d31);box-shadow:inset 0 1px 1px color-mix(in srgb,var(--service-accent) 38%,transparent),0 9px 20px #06071550,0 0 24px color-mix(in srgb,var(--service-accent) 12%,transparent);color:color-mix(in srgb,var(--service-accent) 45%,#f5efff);animation:studio-float 6s ease-in-out infinite;animation-delay:var(--float-delay,0s)}
.studio-card-sphere svg{width:24px;height:24px}
#gstudio-home .studio-service-card h3{font-size:20px;margin-bottom:10px}
.studio-service-card p{font-size:13px;line-height:1.75;color:#a7a2bd;flex:1}
#gstudio-home .studio-card-link{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--studio-line);color:#d0c5ee;font-size:11px}
.studio-card-link::after{content:'';position:absolute;inset:0}
.studio-card-link span:last-child{font-size:19px;line-height:1;transition:transform .2s}
.studio-service-card:hover .studio-card-link span:last-child{transform:translate(3px,-3px)}
.studio-service-card--guide{justify-content:center;background:radial-gradient(ellipse at 90% 10%,#56426d50,transparent 70%),#211f32;border-style:dashed}
.studio-service-card--guide .studio-eyebrow{font-size:9px;margin-bottom:26px}
#gstudio-home .studio-service-card--guide h3{font-size:28px;line-height:1.2;margin-bottom:18px}
.studio-service-card--guide p{flex:0}
.studio-service-card--guide a{margin-top:28px!important}
.studio-feature{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:52px;background:radial-gradient(ellipse at 95% 80%,#75638a22,transparent 55%),#1d1d30;border:1px solid #6c5b853f;border-radius:16px;align-items:center}
.studio-feature .studio-eyebrow{margin-bottom:20px}
#gstudio-home .studio-feature h2{font-size:clamp(30px,3.8vw,43px);letter-spacing:-1.6px}
.studio-feature-copy>p{margin-top:20px!important;color:#ada6c0;font-size:14px;max-width:365px}
.studio-feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 28px}
.studio-feature-tags span{border:1px solid #6b61773f;color:#b9adc9;font-size:10px;padding:4px 9px;border-radius:4px}
#gstudio-home .studio-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:12px 19px;border:1px solid #9985ba;border-radius:6px;background:#baabe0;color:#272035;font:500 12px Inter,sans-serif;transition:background .2s,transform .2s}
#gstudio-home .studio-button:hover{background:#d1c3f1;transform:translateY(-2px)}
#gstudio-home .studio-button--ghost{background:transparent;color:#c6b8df;border-color:#6c5e83}
.studio-chat-scene{position:relative;padding:28px 0}
.studio-chat-scene::before{content:'';position:absolute;width:360px;max-width:100%;aspect-ratio:1;border:1px solid #8b78ab30;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.studio-chat-scene::after{content:'';position:absolute;width:280px;max-width:80%;aspect-ratio:1;border:1px dashed #8b78ab30;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.studio-chat{position:relative;z-index:1;max-width:320px;margin:auto;background:#202235;border:1px solid #65576f80;border-radius:12px;box-shadow:0 30px 55px #0c0c1d66;transform:rotate(-2deg);animation:studio-float 7s ease-in-out infinite}
.studio-chat-head{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--studio-line)}
.studio-chat-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#756394;color:#fff;font-size:14px}
.studio-chat-head strong{display:block;font-size:11px;font-weight:500}.studio-chat-head small{display:block;color:#a29bad;font-size:9px}
.studio-chat-status{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#abd4ba;box-shadow:0 0 10px #7bbb9466}
.studio-chat-body{padding:20px 15px;font-size:11px;line-height:1.6;display:grid;gap:14px}
.studio-chat-bubble{width:88%;border-radius:8px 8px 8px 2px;padding:12px;background:#2d2d43;color:#d4cce1;animation:studio-message 8s ease-in-out infinite}
.studio-chat-bubble--out{justify-self:end;border-radius:8px 8px 2px 8px;background:#443851;animation-delay:.8s}
.studio-chat-bubble--success{font-size:10px;color:#bacfbd;border:1px solid #81a98530;background:#a0cbad0a;animation-delay:1.6s}
.studio-chat-caption{position:relative;z-index:1;text-align:center;color:#8f849e;font:9px var(--studio-mono);letter-spacing:1px;margin-top:22px}
.studio-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:45px}
.studio-process-step{position:relative;border-top:1px solid #61557070;padding-top:35px}
.studio-process-step::before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;border:1px solid #a493c2;background:#423552;border-radius:50%;box-shadow:0 0 0 6px #9781bc12;animation:studio-pulse 4s ease-in-out infinite;animation-delay:var(--float-delay,0s)}
.studio-step-number{display:block;color:#9682ae;font:10px var(--studio-mono);letter-spacing:1.5px;margin-bottom:15px}
#gstudio-home .studio-process h3{font-size:20px;margin-bottom:12px}.studio-process p{font-size:13px;color:#a59daf;max-width:290px}
.studio-faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
.studio-faq-layout h2{max-width:320px}.studio-faq-intro{font-size:13px;color:#a39aaa;margin-top:22px!important;max-width:285px}
.studio-faq{border-top:1px solid var(--studio-line)}
.studio-faq details{border-bottom:1px solid var(--studio-line)}
.studio-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;color:#d9d0e2;font-size:14px}
.studio-faq summary::-webkit-details-marker{display:none}.studio-faq summary::after{content:'+';font-size:20px;color:#af98c7;font-weight:300}.studio-faq details[open] summary::after{content:'−'}
.studio-faq details p{padding:0 30px 24px 0;font-size:13px;color:#a59daf;line-height:1.85}
.studio-contact{isolation:isolate;position:relative;overflow:hidden;text-align:center;border-top:1px solid var(--studio-line);padding:88px 25px 95px;margin-top:100px}
.studio-contact .studio-eyebrow{justify-content:center}.studio-contact h2{max-width:650px;margin:0 auto!important;font-size:clamp(35px,5vw,60px)!important;letter-spacing:-2px!important}
.studio-contact>p{margin:22px auto 28px!important;max-width:400px;color:#aaa0b5;font-size:14px}
.studio-contact-orbit{pointer-events:none;position:absolute;z-index:-1;left:50%;top:65%;width:710px;height:280px;border:1px solid #9874ac1f;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}
.studio-contact-orbit:nth-child(2){width:830px;height:380px;transform:translate(-50%,-50%) rotate(15deg);border-style:dashed}
.studio-contact-orbit::after{content:'';position:absolute;top:50%;left:-8px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#9676ad,#35273f);box-shadow:0 0 24px #9f77c844;animation:studio-float 7s ease-in-out infinite}
.studio-contact-email{display:block;margin-top:20px;color:#a793b7!important;font-size:11px}
.studio-footer{position:relative;z-index:1;background:#131522;border-top:1px solid var(--studio-line);color:#a6a0b7;padding:50px clamp(20px,4vw,44px) 24px}
.studio-footer-inner{max-width:1112px;margin:auto}.studio-footer-top{display:grid;grid-template-columns:1.15fr 1fr 1fr .95fr;gap:32px;padding-bottom:40px}
.studio-footer-brand p{font-size:12px;line-height:1.85;max-width:235px;margin-top:18px!important;color:#9991aa}
.studio-footer h2{font:10px var(--studio-mono)!important;letter-spacing:1.5px!important;color:#8f839f!important;text-transform:uppercase;margin:0 0 20px!important}
.studio-footer-links{display:grid;gap:10px}.studio-footer-links a{font-size:12px;color:#b4a9c2!important;line-height:1.5}.studio-footer-links a:hover{color:#fff!important}
.studio-footer-legal h2{font-size:12px!important;color:#baaccc!important}
.studio-footer-legal .studio-footer-links{gap:8px}
.studio-footer-legal .studio-footer-links a{display:flex;align-items:center;min-height:34px;font-size:13px;color:#d3c7e1!important}
.studio-footer-legal .studio-footer-links a:hover{text-decoration:underline;text-underline-offset:5px;color:#fff!important}
.studio-footer-legal .studio-footer-links a.studio-footer-complaints{gap:8px;font-weight:600;color:#fff!important}
.studio-footer-address{margin-top:12px;font-style:normal;font-size:12px;line-height:1.5;color:#b4a9c2}
.studio-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid var(--studio-line);padding-top:22px;font-size:10px;color:#9f93ad}.studio-footer-bottom nav{display:flex;flex-wrap:wrap;gap:20px}.studio-footer-bottom a{color:#a698b5!important}
.studio-service-nav{position:relative;z-index:2;background:#1a1b2b;border-bottom:1px solid var(--studio-line);color:#a69bb8}
.studio-service-nav-inner{max-width:1112px;padding:14px 0;margin:auto;display:flex;align-items:center;gap:12px;font-size:11px}.studio-service-nav a{color:#bbabd3!important;text-decoration:none}.studio-service-nav span:last-child{color:#eee6f6}
.studio-product-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;padding:14px 20px;background:#202032;border-bottom:1px solid var(--studio-line)}
.studio-product-nav a{font:12px/1.5 Inter,system-ui,sans-serif;color:#c7badb;text-decoration:none}
/* Existing service content keeps its structure, forms and interactive demonstrations. */
body.studio-service{--bg:#161826;--s1:#1c1e30;--s2:#24243a;--s3:#2b2a40;--s4:#353047;--border:rgba(193,185,232,.14);--border-hi:rgba(193,185,232,.25);--t1:#e6e1f2;--t2:#aca4be;--t3:#a69bb8;--heading:#f2eefa;--brand:#aa94d2;--brand-lo:rgba(170,148,210,.13);--brand-hi:rgba(170,148,210,.28);--accent:#b5a0d6;--accent-dark:#9e83c4;--accent-ink:#20182c;--accent-lo:rgba(181,160,214,.14);--header-bg:#161826ed;--shadow-glow:0 0 70px #b5a0d61a;background:var(--bg);color:var(--t1);font-family:Inter,system-ui,sans-serif}
.studio-service .page-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#66508428,transparent 55%)}
.studio-service .page-hero::before{content:'';position:absolute;pointer-events:none;right:-40px;top:5%;width:360px;height:360px;border:1px solid #aa8dca1c;border-radius:50%;box-shadow:0 0 0 35px #aa8dca06,0 0 0 70px #aa8dca05}
.studio-service .page-hero .container{position:relative}.studio-service .page-hero__title{letter-spacing:-1.6px;font-weight:500}.studio-service .section{background:var(--bg)}.studio-service .section--alt{background:#1b1c2e}
.studio-service .lp-header,.studio-service .lp-back-to-hub{display:none}
.studio-service .lp-hero{background:radial-gradient(ellipse at 85% 50%,#624c832b,transparent 65%),#161826;color:#eee7f6}
.studio-service .lp-hero__title{color:#f3edf9}.studio-service .lp-hero__sub{color:#b6aac5}
.studio-service .lp-badge{color:#d0bedf;border-color:#b59acc44;background:#b59acc10}
.studio-service{--card:#222237;--card2:#1c1d30;--head:#eee8f5;--muted:#aba0ba;--muted2:#a497b5;--primary:#a18ac4;--primary-d:#8c71b5;--primary-soft:#a18ac419;color-scheme:dark}
.studio-service .lp-h2{font-weight:500;letter-spacing:-.8px}
.studio-service .lp-cta{background:linear-gradient(120deg,#3b3052,#5e487d)}
.studio-service .btn--primary{box-shadow:0 0 24px #ad91d12b}
/* Older pages must remain readable without JS and with reduced motion. */
body .reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){body .reveal.visible{animation:studio-reveal .65s ease both}}
@keyframes studio-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes studio-orbit{from{rotate:0deg}to{rotate:360deg}}
@keyframes studio-pulse{0%,100%{box-shadow:0 0 0 6px #9781bc12}50%{box-shadow:0 0 0 10px #9781bc08,0 0 15px #9a83bd33}}
@keyframes studio-message{0%,10%,100%{opacity:.72;translate:0 2px}25%,80%{opacity:1;translate:0 0}}
@keyframes studio-reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.studio-revealed{animation:studio-reveal .65s ease both}
[data-ring]:has([data-planet]:focus-visible),[data-ring]:has([data-planet]:focus-visible) [data-counter]{animation-play-state:paused}
@media(min-width:761px){.studio-nav[hidden]{display:flex!important}}
@media(max-width:1100px){.studio-service-nav-inner{padding-inline:24px}.studio-nav{gap:20px}}
@media(max-width:900px){.studio-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-service-card--guide{grid-column:1/-1;min-height:220px}.studio-feature{gap:30px;padding:32px}.studio-faq-layout{gap:35px}.studio-manifest{gap:30px}.studio-footer-top{gap:25px}}
@media(max-width:760px){
 .studio-header-inner{min-height:72px;flex-wrap:wrap;gap:0}.studio-header[data-enhanced] .studio-mobile-toggle{display:flex}.studio-nav{display:flex;order:3;width:100%;padding:18px 0 24px;align-items:stretch;gap:8px;flex-direction:column}.studio-nav[data-open]{display:flex}.studio-nav>a{padding:12px 0}.studio-nav .studio-contact-link{justify-content:center;margin-top:8px;padding:12px 16px}.studio-menu-links{position:static;width:100%;box-shadow:none;margin:0 0 12px}.studio-menu summary{justify-content:space-between}.studio-nav[hidden]{display:none}
 .studio-hero{margin-bottom:30px}.studio-manifest{grid-template-columns:1fr;gap:25px;padding:26px 0}.studio-manifest p{max-width:100%;font-size:16px}.studio-manifest-items{justify-content:flex-start;gap:40px}.studio-manifest-items strong{font-size:24px}
 .studio-section{padding-top:68px}.studio-section-head{align-items:start;flex-direction:column;gap:18px}.studio-section-head>p{max-width:440px}.studio-result-count{width:100%;margin:6px 0 0}.studio-service-card{padding:22px;min-height:322px}
 .studio-feature{grid-template-columns:1fr;padding:30px;gap:30px}.studio-feature-copy>p{max-width:100%}.studio-chat-scene{padding:10px 0}.studio-chat-scene::before{width:300px}
 .studio-process{grid-template-columns:1fr;gap:32px;margin-top:35px}.studio-process-step{padding:0 0 0 30px;border-top:0;border-left:1px solid #61557070}.studio-process-step::before{top:0;left:-5px}.studio-process p{max-width:100%}
 .studio-faq-layout{grid-template-columns:1fr;gap:30px}.studio-faq-layout h2{max-width:100%}.studio-faq-intro{max-width:100%}.studio-contact{padding:65px 0;margin-top:70px}.studio-footer-top{grid-template-columns:1fr 1fr;gap:35px}.studio-footer-brand{grid-column:1/-1}.studio-footer-brand p{max-width:330px}.studio-footer-bottom{font-size:11px}.studio-service .page-hero__title{letter-spacing:-1px}
}
@media(max-width:480px){.studio-service-grid{grid-template-columns:1fr}.studio-service-card{min-height:310px}.studio-card-art{height:95px}.studio-card-top{font-size:10px}.studio-manifest-items{justify-content:space-between;gap:12px}.studio-manifest-items span{font-size:8px}.studio-filters{gap:6px}.studio-filter{font-size:11px;padding:9px 12px}.studio-feature{padding:25px}.studio-footer-top{column-gap:20px}.studio-footer-links a{font-size:11px}.studio-service-nav-inner{font-size:10px;gap:8px}}
@media(min-width:761px) and (max-width:1000px){.studio-footer-top{grid-template-columns:1fr 1fr;gap:35px}.studio-footer-brand{grid-column:auto}}
@media(max-width:760px){.studio-footer-brand{order:-2}.studio-footer-legal{order:-1;grid-column:1/-1;padding-block:22px;border-block:1px solid var(--studio-line)}.studio-footer-legal .studio-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.studio-footer-legal .studio-footer-links a{min-height:44px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.studio-content *, .studio-content *::before,.studio-content *::after{animation:none!important;transition:none!important}.studio-service-card:hover,.studio-service-card:focus-within{transform:none}.studio-revealed{animation:none}[data-ufo-lamp]{animation:none}}
