:root{
  --y:#F5E625; --bg:#050507; --bg2:#0c0c12; --card:#111119; --line:#22222e;
  --txt:#f4f4f6; --mut:#a3a3b2;
  --pink:#ff2bd6; --blue:#21d4fd; --orange:#ff7a18; --deep:#2d5bff;
  --fire:linear-gradient(120deg,var(--deep) 0%,var(--blue) 35%,var(--orange) 70%,#ff3d00 100%);
  --neon:linear-gradient(90deg,var(--pink),var(--blue));
  --r:18px;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:72px;overflow-x:hidden;overflow-x:clip}
main{overflow-x:clip}
body{background:var(--bg);color:var(--txt);font:400 16px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,.disp{font-family:Anton,Impact,"Arial Narrow Bold",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.95}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
section{padding:96px 0;position:relative}
.eyebrow{display:inline-block;font:800 12px/1 Inter;letter-spacing:.28em;text-transform:uppercase;color:var(--y);margin-bottom:14px}
.eyebrow::before{content:"";display:inline-block;width:28px;height:2px;background:var(--y);vertical-align:middle;margin-right:10px;box-shadow:0 0 10px var(--y)}
.title{font-size:clamp(42px,7vw,84px);margin-bottom:18px}
.title .g{background:var(--fire);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--mut);max-width:620px;font-size:17px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font:800 14px/1 Inter;letter-spacing:.08em;text-transform:uppercase;transition:.25s;cursor:pointer;border:0}
.btn-y{background:var(--y);color:#000;box-shadow:0 0 0 0 rgba(245,230,37,.6),0 0 28px rgba(245,230,37,.45)}
.btn-y:hover{transform:translateY(-2px);box-shadow:0 0 0 6px rgba(245,230,37,.15),0 0 44px rgba(245,230,37,.7)}
.btn-o{border:2px solid var(--blue);color:#fff;box-shadow:0 0 18px rgba(33,212,253,.35),inset 0 0 14px rgba(33,212,253,.2)}
.btn-o:hover{background:rgba(33,212,253,.12);transform:translateY(-2px)}

/* Nav */
header{position:fixed;inset:0 0 auto;z-index:50;transition:.3s;padding-top:env(safe-area-inset-top,0px)}
header.scrolled{background:rgba(5,5,7,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:46px;height:46px;border-radius:10px;object-fit:cover;box-shadow:0 0 14px rgba(245,230,37,.55)}
.brand b{font:400 22px/1 Anton;letter-spacing:.04em}
.brand b span{color:var(--y)}
.menu{display:flex;gap:26px;align-items:center;list-style:none}
.menu a{font:700 13px/1 Inter;letter-spacing:.12em;text-transform:uppercase;color:#ddd;transition:.2s}
.menu a:hover{color:var(--y);text-shadow:0 0 12px var(--y)}
.menu .btn{padding:12px 18px;color:#000}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}
.burger span{display:block;width:26px;height:2px;background:#fff;margin:6px auto;transition:.3s}
@media(max-width:900px){
  .burger{display:block}
  .menu{position:fixed;inset:72px 0 auto;flex-direction:column;background:rgba(5,5,7,.97);padding:28px 16px 36px;gap:22px;transform:translateY(-130%);transition:.35s;border-bottom:1px solid var(--line)}
  .menu.open{transform:none}
  .menu a{font-size:16px}
}

/* Hero */
.hero{min-height:100svh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-2}
.hero-bg img,.hero-bg video{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transform:scale(1.08);animation:zoom 18s ease-in-out infinite alternate}
@keyframes zoom{to{transform:scale(1.18) translate(-1%,-1%)}}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(60% 50% at 15% 85%,rgba(255,122,24,.35),transparent 70%),
  radial-gradient(55% 50% at 90% 15%,rgba(45,91,255,.45),transparent 70%),
  linear-gradient(90deg,rgba(5,5,7,.85) 0%,rgba(5,5,7,.55) 55%,rgba(5,5,7,.2) 100%),
  linear-gradient(180deg,rgba(5,5,7,.4) 0%,transparent 40%,var(--bg) 100%)}
.beams{position:absolute;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.55}
.beams i{position:absolute;top:-10%;width:3px;height:120%;transform-origin:top center;filter:blur(2px)}
.beams i:nth-child(1){left:20%;background:linear-gradient(var(--pink),transparent 80%);animation:sweep 6s ease-in-out infinite alternate}
.beams i:nth-child(2){left:50%;background:linear-gradient(var(--blue),transparent 80%);animation:sweep 7s ease-in-out -2s infinite alternate-reverse}
.beams i:nth-child(3){left:80%;background:linear-gradient(var(--y),transparent 80%);animation:sweep 5s ease-in-out -1s infinite alternate}
@keyframes sweep{from{transform:rotate(-28deg)}to{transform:rotate(28deg)}}
.hero h1{font-size:clamp(64px,13vw,170px);margin:6px 0 20px}
.hero h1 .neon{color:var(--y);text-shadow:0 0 8px rgba(245,230,37,.8),0 0 30px rgba(245,230,37,.5),0 0 70px rgba(255,122,24,.45);animation:flick 4s infinite}
@keyframes flick{0%,92%,100%{opacity:1}93%{opacity:.55}95%{opacity:1}96%{opacity:.7}}
.hero p{font-size:clamp(16px,2.2vw,20px);max-width:600px;color:#d6d6de;margin-bottom:34px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:14px}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.tags span{font:700 12px/1 Inter;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.04);backdrop-filter:blur(6px)}
.scroll-ind{position:absolute;left:50%;bottom:24px;width:26px;height:42px;border:2px solid rgba(255,255,255,.5);border-radius:14px;transform:translateX(-50%)}
.scroll-ind::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;background:var(--y);border-radius:2px;transform:translateX(-50%);animation:sc 1.6s infinite}
@keyframes sc{to{transform:translate(-50%,14px);opacity:0}}

/* Marquee */
.marquee{background:var(--y);color:#000;overflow:hidden;padding:14px 0;transform:rotate(-1.5deg);margin:-20px -10px 0;box-shadow:0 0 40px rgba(245,230,37,.35)}
.marquee div{display:flex;gap:40px;white-space:nowrap;animation:mq 26s linear infinite;width:max-content}
.marquee span{font:400 26px/1 Anton;text-transform:uppercase}
.marquee span::after{content:"✦";margin-left:40px}
@keyframes mq{to{transform:translateX(-50%)}}

/* Services */
/* Servicios en patrón espejo: [doble+1+1] [1+1+1+1] [1+1+doble] en 4 columnas; 2 columnas en tablet; 1 en móvil */
.grid-s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px}
@media(max-width:1000px){.grid-s{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.grid-s{grid-template-columns:1fr}}
.svc{position:relative;border-radius:var(--r);overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;background:var(--card);border:1px solid var(--line);isolation:isolate;transition:.35s}
.svc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:.6s;filter:saturate(1.1)}
.svc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,5,7,.05) 20%,rgba(5,5,7,.92) 75%)}
.svc:hover{transform:translateY(-6px);border-color:var(--pink);box-shadow:0 0 30px rgba(255,43,214,.35)}
.svc:hover img{transform:scale(1.08)}
.svc .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(5,5,7,.6);border:1px solid rgba(245,230,37,.5);color:var(--y);margin-bottom:14px;box-shadow:0 0 16px rgba(245,230,37,.3)}
.svc .ic svg{width:24px;height:24px}
.svc h3{font-size:32px;margin-bottom:8px}
.svc p{color:#cfcfd8;font-size:15px}
.svc .more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font:800 12px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--y)}
.svc .more::after{content:"";position:absolute;inset:0;z-index:1}
.svc .more span{transition:transform .25s}
.svc:hover .more span{transform:translateX(5px)}
.svc:has(.more){cursor:pointer}
.svc .more:focus-visible{outline:none}.svc:has(.more:focus-visible){border-color:var(--y);box-shadow:0 0 0 2px var(--y)}
.svc.big{grid-column:span 2}
@media(max-width:620px){.svc.big{grid-column:auto}}
.svc .svc-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:.6s}
.svc:hover .svc-media{transform:scale(1.08)}
.svc.cta-card{grid-column:1/-1;min-height:0;padding-block:40px}
.grid-g button.is-video::before{content:"â–¶";position:absolute;top:10px;right:10px;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:var(--y);font-size:13px;box-shadow:0 0 12px rgba(245,230,37,.5)}
.lb video{max-height:80vh;max-width:min(1100px,100%);border-radius:10px;box-shadow:0 0 60px rgba(33,212,253,.25)}.svc.cta-card{background:var(--fire);justify-content:center;text-align:center;align-items:center}
.svc.cta-card::before{display:none}
.svc.cta-card h3{font-size:40px;color:#000}
.svc.cta-card p{color:#111;margin-bottom:18px;font-weight:500}
.svc.cta-card .btn{background:#000;color:var(--y)}

/* Artists */
.artists{background:radial-gradient(70% 60% at 50% 0%,rgba(255,43,214,.13),transparent 70%),var(--bg2)}
.art-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r);padding:clamp(32px,6vw,72px);border:1px solid var(--line);box-shadow:0 0 0 1px rgba(255,43,214,.35),0 0 40px rgba(255,43,214,.25),0 0 60px rgba(33,212,253,.15)}
.art-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.art-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,7,.95) 0%,rgba(5,5,7,.8) 55%,rgba(5,5,7,.45) 100%)}
.art-cta>div{max-width:640px}
.art-cta .lead{color:#d6d6de;margin-bottom:30px}
.btn-wa{background:#25d366;color:#04140a;box-shadow:0 0 28px rgba(37,211,102,.45)}
.btn-wa svg{width:22px;height:22px;fill:currentColor}
.btn-wa:hover{transform:translateY(-2px);box-shadow:0 0 0 6px rgba(37,211,102,.15),0 0 44px rgba(37,211,102,.7)}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.filters button{font:700 12px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ddd;background:transparent;border:1px solid var(--line);border-radius:999px;padding:11px 16px;cursor:pointer;transition:.2s}
.filters button:hover{border-color:var(--blue);color:#fff}
.filters button[aria-pressed="true"]{background:var(--y);border-color:var(--y);color:#000;box-shadow:0 0 18px rgba(245,230,37,.45)}
.grid-g button[hidden]{display:none}
.center{text-align:center}
.center .lead{margin-inline:auto}

/* Gallery */
.grid-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:48px}
.grid-g button{position:relative;aspect-ratio:1;border:0;padding:0;cursor:zoom-in;overflow:hidden;border-radius:6px;background:#111}
.grid-g img{width:100%;height:100%;object-fit:cover;transition:.5s}
.grid-g button::after{content:attr(data-cap);position:absolute;inset:auto 0 0;padding:28px 12px 10px;font:700 12px/1.3 Inter;letter-spacing:.06em;text-transform:uppercase;text-align:left;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85));opacity:0;transition:.3s}
.grid-g button:hover img{transform:scale(1.08);filter:brightness(1.1)}
.grid-g button:hover::after{opacity:1}
.grid-g button:hover{box-shadow:0 0 0 2px var(--y),0 0 26px rgba(245,230,37,.5);z-index:1}
@media(max-width:560px){.grid-g{gap:4px}.grid-g button{border-radius:3px}}
.lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:16px;flex-direction:column;gap:14px}
.lb.open{display:flex}
.lb img{max-height:80vh;max-width:min(1100px,100%);border-radius:10px;box-shadow:0 0 60px rgba(33,212,253,.25)}
.lb p{color:#ddd;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:13px;text-align:center}
.lb .x,.lb .nv{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;font-size:22px;cursor:pointer;display:grid;place-items:center}
.lb .x{top:16px;right:16px}
.lb .prev{left:16px;top:50%}.lb .next{right:16px;top:50%}
.lb .nv:hover,.lb .x:hover{background:var(--y);color:#000}

/* About */
.about-g{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
@media(max-width:860px){.about-g{grid-template-columns:1fr;gap:40px}}
.about-img{position:relative}
.about-img img{border-radius:var(--r);aspect-ratio:4/5;object-fit:cover;width:100%}
.about-img::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:2px solid var(--pink);border-radius:var(--r);box-shadow:0 0 22px rgba(255,43,214,.5);z-index:-1}
.about-img .badge{position:absolute;right:-10px;bottom:24px;background:var(--y);color:#000;padding:16px 20px;border-radius:14px;font:400 20px/1 Anton;text-transform:uppercase;box-shadow:0 0 30px rgba(245,230,37,.5)}
.about-img .badge b{display:block;font-size:44px}
.about p{color:#cfcfd8;margin-bottom:16px}
.about p strong{color:#fff}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}
.stats div{border:1px solid var(--line);border-radius:14px;padding:18px 12px;text-align:center;background:var(--card)}
.stats b{display:block;font:400 clamp(32px,5vw,44px)/1 Anton;background:var(--fire);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.checks{list-style:none;display:grid;gap:10px;margin-bottom:30px}
.checks li{padding-left:30px;position:relative;color:#ddd}
.checks li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--y);box-shadow:0 0 10px var(--y)}

/* Reviews */
.reviews{background:radial-gradient(60% 60% at 80% 50%,rgba(45,91,255,.16),transparent 70%),radial-gradient(50% 60% at 10% 60%,rgba(255,122,24,.12),transparent 70%),var(--bg2);overflow:hidden}
.gscore{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;padding:12px 20px;border:1px solid var(--line);border-radius:999px;background:var(--card);transition:.2s}
.gscore b{font:400 30px/1 Anton,Impact,sans-serif;color:var(--y)}.gscore .stars{margin:0}.gscore span:last-child{color:var(--mut);font-size:14px;font-weight:600}
.gscore:hover{border-color:var(--y);box-shadow:0 0 18px rgba(245,230,37,.35)}
.car{position:relative;margin-top:48px}
.track{display:flex;transition:transform .55s cubic-bezier(.6,.05,.25,1)}
.rev{flex:0 0 100%;padding:0 8px}
@media(min-width:760px){.rev{flex-basis:50%}}
@media(min-width:1100px){.rev{flex-basis:33.333%}}
.rev blockquote{height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;position:relative}
.rev blockquote::before{content:"“";position:absolute;top:-6px;right:20px;font:400 110px/1 Anton;color:var(--pink);opacity:.35}
.stars{color:var(--y);letter-spacing:3px;margin-bottom:14px;text-shadow:0 0 10px rgba(245,230,37,.6)}
.rev p{color:#ddd;margin-bottom:20px}
.rev p.clamp{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.rev cite a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}
.rev cite{font-style:normal;font-weight:800}
.rev cite small{display:block;color:var(--mut);font-weight:500;font-size:13px}
.car-ctrl{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:30px}
.car-ctrl button.ar{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:#fff;font-size:20px;cursor:pointer;transition:.2s}
.car-ctrl button.ar:hover{border-color:var(--y);color:var(--y);box-shadow:0 0 16px rgba(245,230,37,.4)}
.dots{display:flex;gap:8px}
.dots button{width:9px;height:9px;border-radius:9px;border:0;background:#444;cursor:pointer;transition:.3s;padding:0}
.dots button.on{width:28px;background:var(--y);box-shadow:0 0 10px var(--y)}

/* CTA band */
.band{padding:80px 0;text-align:center;background:var(--fire);color:#000;position:relative;overflow:hidden}
.band::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(0,0,0,.35),transparent 60%)}
.band .wrap{position:relative;z-index:1}
.band h2{font-size:clamp(44px,8vw,96px);margin-bottom:14px}
.band p{font-weight:600;margin-bottom:28px;font-size:18px}
.band .btn{background:#000;color:var(--y)}

/* Contact */
.contact-g{display:grid;grid-template-columns:1fr 1.3fr;gap:48px}
@media(max-width:900px){.contact-g{grid-template-columns:1fr}}
.cinfo{display:grid;gap:14px;margin-top:30px}
.cinfo a{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:.25s;word-break:break-word}
.cinfo a:hover{border-color:var(--blue);box-shadow:0 0 18px rgba(33,212,253,.3)}
.cinfo svg{width:24px;height:24px;flex:none;color:var(--y)}
.cinfo small{display:block;color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
form{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}
form::before{content:"";position:absolute;inset:-1px;border-radius:var(--r);padding:1px;background:var(--neon);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}
@media(max-width:560px){form{grid-template-columns:1fr;padding:22px}}
.f{display:flex;flex-direction:column;gap:6px}
.f.full{grid-column:1/-1}
label{font:700 12px/1 Inter;letter-spacing:.12em;text-transform:uppercase;color:#bbb}
input,select,textarea{font:inherit;color:#fff;background:#0a0a10;border:1px solid #2a2a38;border-radius:12px;padding:14px;width:100%;transition:.2s}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--y);box-shadow:0 0 0 3px rgba(245,230,37,.15)}
input::-webkit-calendar-picker-indicator{filter:invert(1)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form .btn[disabled]{opacity:.6;cursor:wait}
form .btn{grid-column:1/-1;justify-content:center;width:100%;padding:18px}
.fnote{grid-column:1/-1;font-size:12px;color:var(--mut);text-align:center}
.fnote input{width:auto;margin-right:6px;vertical-align:middle}

/* Footer */
footer{border-top:1px solid var(--line);padding:56px 0 100px;background:#030304}
.fg{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;align-items:center}
.soc{display:flex;gap:12px}
.soc a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);transition:.25s}
.soc a:hover{background:var(--y);color:#000;box-shadow:0 0 20px rgba(245,230,37,.6)}
.soc svg{width:20px;height:20px}
.legal{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:13px;color:var(--mut)}
.legal a:hover{color:var(--y)}

/* WhatsApp */
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(37,211,102,.5);animation:pulse 2.2s infinite}
.wa svg{width:32px;height:32px;fill:#fff}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* Reveal */
.rv{transform:translateY(28px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{transform:none}}

/* ===== Páginas de servicio ===== */
.page-hero{position:relative;isolation:isolate;overflow:hidden;min-height:62vh;display:flex;align-items:flex-end;padding:150px 0 64px}
.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,7,.92) 0%,rgba(5,5,7,.65) 55%,rgba(5,5,7,.3) 100%),linear-gradient(180deg,rgba(5,5,7,.35) 0%,transparent 40%,var(--bg) 100%)}
.page-hero h1{font-size:clamp(48px,8.5vw,108px);margin:6px 0 18px;text-wrap:balance}
.page-hero h1 .neon{color:var(--y);text-shadow:0 0 8px rgba(245,230,37,.8),0 0 30px rgba(245,230,37,.5),0 0 70px rgba(255,122,24,.45)}
.page-hero p{font-size:clamp(16px,2.1vw,19px);max-width:620px;color:#d6d6de;margin-bottom:30px}
.page-hero .ctas{display:flex;flex-wrap:wrap;gap:14px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--mut);margin-bottom:14px}
.crumbs a:hover{color:var(--y)}
.crumbs li{list-style:none}
.crumbs li+li::before{content:"›";margin-right:8px;color:var(--y)}
.page-section{padding:72px 0}
.two{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:start}
@media(max-width:860px){.two{grid-template-columns:minmax(0,1fr);gap:32px}}
.prose h2{font-size:clamp(34px,5vw,54px);margin-bottom:18px;text-wrap:balance}
.prose p{color:#cfcfd8;margin-bottom:16px;max-width:65ch}
.prose p strong{color:#fff}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:grid;gap:22px}
.panel h2{font-size:28px}
.panel .checks{margin:0}
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:36px}
.strip img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}
@media(max-width:700px){.strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--y);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{color:#cfcfd8;margin-top:10px;max-width:70ch}
.faq summary:focus-visible{outline:2px solid var(--y);outline-offset:4px}
.others{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.others a{border:1px solid var(--line);border-radius:999px;padding:11px 16px;font:700 12px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#ddd;transition:.2s}
.others a:hover{border-color:var(--y);color:var(--y);box-shadow:0 0 14px rgba(245,230,37,.3)}
.fserv{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:28px;font-size:14px;color:var(--mut)}
.fserv a:hover{color:var(--y)}