/* Landing page layout (theme tokens in /shared/theme.css) */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;justify-content:space-between;padding:10px clamp(14px,4vw,40px);
 background:linear-gradient(180deg,rgba(5,6,15,.85),rgba(5,6,15,.55));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(62,240,255,.12)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt)}
.wordmark{font-family:var(--f-brand);font-weight:700;font-size:19px;letter-spacing:.04em;background:linear-gradient(180deg,#fff,#bff9ff 55%,#9b8cff);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.nav{display:none;gap:22px}
.nav a{color:var(--muted);text-decoration:none;font-family:var(--f-ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--cyan);transform:scaleX(0);transition:transform .25s;box-shadow:0 0 8px var(--cyan)}
.nav a:hover{color:#fff}.nav a:hover::after{transform:scaleX(1)}
.top-actions{display:flex;align-items:center;gap:8px}
.hide-sm{display:none}
@media(min-width:960px){.nav{display:flex}.hide-sm{display:inline-flex}}
@media(max-width:380px){.wordmark{font-size:16px}.top .btn.sm{padding:8px 10px}}

/* HERO */
.hero{position:relative;min-height:min(100svh,920px);display:flex;align-items:center;overflow:hidden;padding:30px clamp(16px,5vw,64px) 90px}
.hero-sky{position:absolute;inset:0;pointer-events:none}
.skyline{position:absolute;left:50%;bottom:90px;width:1600px;max-width:none;transform:translateX(-50%);will-change:transform}
.skyline.far{opacity:.35;bottom:130px;width:1900px;filter:blur(1px) hue-rotate(20deg)}
.skyline.near{opacity:.9}
.floor{position:absolute;left:-50%;right:-50%;bottom:-40px;height:190px;transform:perspective(380px) rotateX(62deg);transform-origin:bottom;
 background-image:linear-gradient(rgba(62,240,255,.55) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(155,92,255,.55) 1.5px,transparent 1.5px);background-size:60px 60px;
 mask-image:linear-gradient(0deg,#000 10%,transparent 95%);animation:floor 4s linear infinite;background-color:rgba(5,6,15,.6)}
@keyframes floor{to{background-position:0 60px}}
.beam{position:absolute;top:-10%;width:2px;height:80%;background:linear-gradient(180deg,transparent,var(--cyan),transparent);opacity:.35;filter:blur(1px);animation:beam 7s ease-in-out infinite}
.beam.b1{left:22%}.beam.b2{left:76%;animation-delay:-3s;background:linear-gradient(180deg,transparent,var(--mag),transparent)}
@keyframes beam{50%{opacity:.08;transform:translateY(40px)}}
.hero-inner{position:relative;z-index:2;width:100%;max-width:1220px;margin:0 auto;display:grid;gap:10px;align-items:center}
@media(min-width:960px){.hero-inner{grid-template-columns:1.05fr 1fr;gap:30px}}
.hero-copy{text-align:center}
@media(min-width:960px){.hero-copy{text-align:left}}
.kicker .pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);vertical-align:middle;margin-right:4px;animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.35}}
h1.display{font-size:clamp(36px,8.4vw,78px);margin:.25em 0 .3em}
h1 span{display:block}
.hero-t2{font-size:.78em;margin-top:.08em}
.lead{font-size:clamp(17px,2.2vw,21px);color:#c9d0f2;max-width:36em;margin:0 auto 22px}
@media(min-width:960px){.lead{margin-left:0}}
.lead strong{color:var(--gold);font-weight:700}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
@media(min-width:960px){.hero-cta{justify-content:flex-start}}
.hero-chips{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
@media(min-width:960px){.hero-chips{justify-content:flex-start}}
.hero-chips li{font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;background:rgba(62,240,255,.07);border:1px solid rgba(62,240,255,.25);color:#d6dcff}

.squad{position:relative;height:clamp(300px,62vw,520px);order:-1}
@media(min-width:960px){.squad{order:0}}
.runering{position:absolute;left:50%;top:44%;width:min(92%,470px);transform:translate(-50%,-50%);opacity:.85;animation:spin 60s linear infinite}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.platform{position:absolute;left:50%;bottom:6%;width:min(96%,520px);height:70px;transform:translateX(-50%);border-radius:50%;
 background:radial-gradient(ellipse at center,rgba(62,240,255,.45),rgba(155,92,255,.18) 50%,transparent 70%);box-shadow:0 0 60px rgba(62,240,255,.25)}
.platform::after{content:"";position:absolute;inset:16px 40px;border-radius:50%;border:1.5px solid rgba(62,240,255,.6);box-shadow:0 0 18px var(--cyan)}
.hero-agent{position:absolute;margin:0;bottom:9%;width:30%;transform:translateX(-50%);animation:bob 4s ease-in-out infinite}
.hero-agent img{width:100%;height:auto;display:block}
.a-c{left:50%;width:40%;z-index:5;bottom:7%}
.a-l1{left:27%;bottom:13%;z-index:4;animation-delay:-1s}.a-r1{left:73%;bottom:13%;z-index:4;animation-delay:-2s}
.a-l2{left:9%;bottom:20%;width:23%;z-index:3;opacity:.92;animation-delay:-1.5s}.a-r2{left:91%;bottom:20%;width:23%;z-index:3;opacity:.92;animation-delay:-2.5s}
@keyframes bob{50%{transform:translateX(-50%) translateY(-8px)}}
.holo-tag{position:absolute;z-index:6;padding:8px 12px;border-radius:12px;font-size:12px;line-height:1.25;display:none;animation:bob2 5s ease-in-out infinite}
.holo-tag b{display:block;font-family:var(--f-ui);font-size:10px;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase}
.holo-tag.t1{left:-2%;top:12%}.holo-tag.t2{right:-2%;top:30%;animation-delay:-2s}
.holo-tag.t2 b{color:var(--gold)}
@keyframes bob2{50%{transform:translateY(-6px)}}
@media(min-width:600px){.holo-tag{display:block}}
.art-note{position:absolute;right:4px;bottom:0;margin:0;font-size:11px;color:var(--dim);font-family:var(--f-ui);letter-spacing:.1em}
.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:3;width:26px;height:42px;border-radius:14px;border:1.5px solid rgba(62,240,255,.6)}
.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:cue 1.8s infinite}
@keyframes cue{60%{transform:translateY(14px);opacity:0}}

/* SECTIONS */
.sec{position:relative;max-width:1180px;margin:0 auto;padding:clamp(70px,10vw,120px) clamp(16px,4vw,32px) 0}
.sec-head{text-align:center;max-width:760px;margin:0 auto 38px}
.sec-head h2{font-size:clamp(28px,5vw,48px);margin:.3em 0}
.sec-head .sub{color:var(--muted);font-size:18px;margin:0}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.no-js .reveal,.no-io .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

.steps{list-style:none;padding:0;margin:0;display:grid;gap:26px}
@media(min-width:820px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{padding:30px 22px 22px;text-align:center;transition:transform .3s,box-shadow .3s}
.step:hover{transform:translateY(-4px);box-shadow:0 0 30px rgba(255,207,90,.18)}
.step h3{font-family:var(--f-head);font-size:22px;margin:.6em 0 .3em;color:#fff3cf}
.step p{margin:0;color:#c9d0f2}
.sigil{display:inline-grid;place-items:center;width:58px;height:58px;font-family:var(--f-head);font-weight:900;font-size:22px;color:var(--gold);border-radius:50%;
 border:1.5px solid rgba(255,207,90,.6);box-shadow:0 0 18px rgba(255,207,90,.35),inset 0 0 14px rgba(255,207,90,.25);background:radial-gradient(circle,rgba(255,207,90,.12),transparent 70%);position:relative}
.sigil::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px dashed rgba(62,240,255,.45);animation:spin2 24s linear infinite}
@keyframes spin2{to{transform:rotate(360deg)}}

.features{display:grid;gap:18px}
@media(min-width:700px){.features{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.features{grid-template-columns:repeat(4,1fr)}.feat.wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:center}}
.feat{padding:22px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.feat::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px 200px at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--ac) 22%,transparent),transparent 60%);opacity:.8}
.feat:hover{transform:translateY(-5px);box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 50%,transparent),0 20px 50px -18px color-mix(in srgb,var(--ac) 60%,transparent)}
.feat-art{width:88px;height:88px;display:block;margin-bottom:6px}
.feat-art.trio{display:flex;width:auto;height:auto;gap:2px}
.feat-art.trio img{width:56px;height:56px}
.feat-role{font-family:var(--f-ui);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ac);margin:0;filter:brightness(1.4)}
.feat h3{font-family:var(--f-head);font-size:21px;margin:.35em 0;color:#fff}
.feat p{color:#c3cbef;margin:0;position:relative;z-index:1}
.feat-xp{display:grid;gap:14px;position:relative}
.xp-row{display:flex;gap:12px;align-items:center}
.xp-row>div{flex:1}.xp-row b{font-family:var(--f-head)}.xp-row small{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}
.feat-xp .art-note{position:static;text-align:right}

/* COMMANDER */
.cmd-stage{display:grid;gap:18px;align-items:end}
@media(min-width:820px){.cmd-stage{grid-template-columns:1fr 1.18fr 1fr}}
.cmd-card{margin:0;padding:18px 16px 18px;text-align:center;overflow:hidden;transition:transform .35s}
.cmd-card::after{content:"";position:absolute;left:50%;bottom:62px;width:70%;height:40px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--ac) 60%,transparent),transparent 70%);z-index:0}
.cmd-card img{position:relative;z-index:1;width:100%;max-width:300px;height:auto}
.cmd-card.featured img{max-width:360px}
.cmd-card:hover{transform:translateY(-6px) scale(1.01)}
.cmd-card figcaption b{display:block;font-family:var(--f-head);font-size:20px;color:#fff}
.cmd-card figcaption span{color:var(--muted);font-size:15px}
.tier-pill{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--f-ui);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(148,163,184,.18);border:1px solid rgba(148,163,184,.6)}
.tier-pill.pro{background:rgba(62,240,255,.15);border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px rgba(62,240,255,.4)}
.tier-pill.team{background:rgba(255,207,90,.15);border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px rgba(255,207,90,.4)}
.perks{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0;margin:26px 0 0}
.perks li{display:flex;gap:8px;align-items:center;padding:8px 14px;border-radius:10px;background:rgba(77,255,168,.06);border:1px solid rgba(77,255,168,.3);font-weight:600}
.perks b{color:var(--green);font-family:var(--f-ui)}
.concept-note{text-align:center;color:var(--dim);font-size:14px;max-width:640px;margin:14px auto 0}

/* ROSTER marquee */
.roster-sec{margin-top:clamp(70px,10vw,110px);border-block:1px solid rgba(62,240,255,.14);background:linear-gradient(90deg,rgba(62,240,255,.04),rgba(155,92,255,.08),rgba(255,79,216,.04));overflow:hidden}
.roster{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.roster-track{display:flex;gap:10px;width:max-content;padding:16px 0;animation:marquee 60s linear infinite}
.roster:hover .roster-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.r-agent{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:14px;background:rgba(12,14,40,.6);border:1px solid rgba(255,255,255,.07)}
.r-agent img{width:46px;height:46px;filter:drop-shadow(0 0 6px var(--ac))}
.r-agent b{display:block;font-family:var(--f-head);font-size:14px;white-space:nowrap}
.r-agent small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){.roster-track{flex-wrap:wrap;width:auto;justify-content:center}.roster-track .dup{display:none}}

/* WHO */
.who{display:grid;gap:14px}
@media(min-width:640px){.who{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.who{grid-template-columns:repeat(4,1fr)}}
.who-card{padding:22px;transition:transform .3s}
.who-card:hover{transform:translateY(-4px)}
.who-ico{font-size:28px}
.who-card h3{font-family:var(--f-head);font-size:18px;margin:.4em 0 .2em}
.who-card p{margin:0;color:var(--muted)}
.honest{margin-top:22px;padding:22px 24px;border-color:rgba(255,84,112,.3)}
.honest h3{margin:0 0 8px;font-family:var(--f-head);color:#ffd0d8}
.honest ul{margin:0;padding-left:20px;color:#d7dcf6}
.honest li::marker{content:"✕  ";color:var(--red)}

/* PRICING */
.beta-flag{display:inline-block;margin-top:6px;font-family:var(--f-ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;border-radius:8px;color:#1a1200;background:var(--gold);box-shadow:0 0 18px rgba(255,207,90,.4)}
.prices{display:grid;gap:16px}
@media(min-width:760px){.prices{grid-template-columns:repeat(3,1fr)}}
.price{padding:24px;text-align:center;transition:transform .3s}
.price:hover{transform:translateY(-4px)}
.price.hot{box-shadow:0 0 0 1px rgba(62,240,255,.5),0 0 40px -6px rgba(62,240,255,.45)}
.price h3{font-family:var(--f-head);font-size:22px;margin:.4em 0 0}
.amt{font-family:var(--f-ui);font-size:32px;margin:.2em 0;color:#fff;text-shadow:0 0 18px rgba(62,240,255,.5)}
.amt small{font-size:14px;color:var(--muted)}
.price p:last-child{color:var(--muted);margin:0}
.price p.jobs{margin:.7em 0 0;padding-top:.7em;border-top:1px solid rgba(255,255,255,.08);font-size:14px;line-height:1.45;color:#ffe6a3}
.fine{text-align:center;color:var(--dim);font-size:14px;margin:18px auto 0;max-width:640px}

/* SOON */
.soon{display:grid;gap:16px}
@media(min-width:760px){.soon{grid-template-columns:1fr 1fr}}
.soon-card{padding:24px;overflow:hidden}
.soon-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(-45deg,rgba(155,92,255,.06) 0 12px,transparent 12px 24px);pointer-events:none}
.soon-card h3{font-family:var(--f-head);font-size:22px;margin:.5em 0 .3em}
.soon-card p{color:var(--muted);margin:0}
.soon-badge{font-family:var(--f-ui);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--mag);color:var(--mag);box-shadow:0 0 12px rgba(255,79,216,.35)}

/* SIGNUP */
.beta{display:grid;gap:24px;padding:clamp(20px,4vw,40px)}
@media(min-width:900px){.beta{grid-template-columns:.9fr 1.1fr;align-items:start}}
.beta-intro h2{font-size:clamp(28px,4.4vw,42px);margin:.3em 0}
.beta-intro p{color:#c9d0f2}
.beta-art{display:none;width:200px;height:auto;margin-top:10px}
@media(min-width:900px){.beta-art{display:block}}
.form{display:grid;gap:12px}
.f-row{display:grid;gap:12px}
@media(min-width:560px){.f-row{grid-template-columns:1fr 1fr}}
.form label{display:grid;gap:5px;font-size:14px;font-weight:600;color:#cdd4f6}
.form input,.form select{width:100%;min-height:48px;padding:11px 13px;border-radius:11px;border:1px solid rgba(120,200,255,.28);background:rgba(6,8,26,.75);color:var(--txt);font-size:16px;transition:border-color .2s,box-shadow .2s}
.form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--cyan) 50%),linear-gradient(135deg,var(--cyan) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:34px}
.form select option{background:#0a0e27}
.form input:focus,.form select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(62,240,255,.18),0 0 18px rgba(62,240,255,.25)}
.form input[aria-invalid="true"],.form select[aria-invalid="true"]{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,84,112,.18)}
.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.form .check input{width:20px;height:20px;min-height:0;margin-top:2px;accent-color:var(--cyan);flex:none}
.hp{position:absolute!important;left:-9999px}
.f-hint{margin:0;color:var(--dim);font-size:13px}
.f-error{margin:0;padding:10px 12px;border-radius:10px;background:rgba(255,84,112,.12);border:1px solid rgba(255,84,112,.45);color:#ffd0d8}
#f-submit{width:100%;font-size:14px;padding:16px}
.success{text-align:center;padding:30px 10px}
.success h3{font-size:32px;margin:.3em 0}
.success p{color:#c9d0f2;max-width:30em;margin:0 auto}
.success img{animation:bob2 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,207,90,.6))}

/* FAQ */
.faq{display:grid;gap:10px;max-width:820px;margin:0 auto}
.faq details{padding:0;border-radius:14px}
.faq summary{cursor:pointer;list-style:none;padding:17px 46px 17px 18px;font-weight:700;font-size:18px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-family:var(--f-ui);color:var(--cyan);font-size:20px;transition:transform .25s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{margin:0;padding:0 18px 18px;color:#c3cbef}

/* FOOTER */
.foot{margin-top:clamp(80px,10vw,130px);padding:40px 20px 50px;text-align:center;border-top:1px solid rgba(62,240,255,.14);background:linear-gradient(180deg,transparent,rgba(155,92,255,.06))}
.foot-brand{display:flex;gap:10px;align-items:center;justify-content:center}
.op{color:var(--muted);margin:14px 0 8px}
.op a{color:var(--gold);font-weight:700}
.foot-nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.foot-nav a{color:var(--muted);text-decoration:none}.foot-nav a:hover{color:var(--cyan)}
.copy{color:var(--dim);font-size:13px}
/* hero readability + scale tweaks */
.skyline{bottom:40px}.skyline.near{opacity:.6}.skyline.far{bottom:90px;opacity:.25}
.hero-sky::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,15,.2),rgba(5,6,15,.65) 70%,rgba(5,6,15,.9))}
@media(min-width:960px){.hero-sky::after{background:linear-gradient(90deg,rgba(5,6,15,.92) 0,rgba(5,6,15,.7) 38%,rgba(5,6,15,.1) 65%,transparent),linear-gradient(0deg,rgba(5,6,15,.8),transparent 30%)}}
.squad{height:clamp(320px,74vw,600px)}
.hero-agent{width:34%}.a-c{width:46%}.a-l2,.a-r2{width:26%}
.art-note{bottom:-6px}
.lead,.hero-chips li{text-shadow:0 1px 8px rgba(5,6,15,.9)}
.skyline.near{opacity:.85}
@media(max-width:440px){.top{gap:8px;padding:8px 12px}.brand{gap:6px}.brand img{width:28px;height:33px}.wordmark{font-size:15px}.lang-toggle button{padding:6px 8px}}
.dup{display:contents}
section[id]{scroll-margin-top:72px}
@media(max-width:819px){
 .cmd-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:6px 4px 14px;margin:0 -16px;padding-inline:16px;scrollbar-width:none}
 .cmd-stage::-webkit-scrollbar{display:none}
 .cmd-card{flex:0 0 78%;scroll-snap-align:center}
 .cmd-card img{max-width:240px}.cmd-card.featured img{max-width:260px}
 .cmd-stage .reveal{opacity:1;transform:none}
}

/* ===== SQUAD companions ===== */
.squad-cards{display:grid;gap:16px}
@media(min-width:640px){.squad-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.squad-cards{grid-template-columns:repeat(3,1fr)}}
.sq-card{display:flex;gap:14px;align-items:center;padding:16px 18px 16px 10px;cursor:pointer;outline-offset:4px;transition:transform .3s,box-shadow .3s;-webkit-tap-highlight-color:transparent}
.sq-card:hover,.sq-card:focus-visible{transform:translateY(-4px);box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 55%,transparent),0 18px 44px -16px color-mix(in srgb,var(--ac) 70%,transparent)}
.sq-art{position:relative;flex:0 0 118px;height:124px;display:grid;place-items:end center}
.sq-art::before{content:"";position:absolute;left:12%;right:12%;bottom:2px;height:18px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--ac) 70%,transparent),transparent 70%)}
.sq-art img,.sq-art svg{position:relative;width:118px;height:auto;max-height:124px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--ac) 70%,transparent));animation:idle 3.2s ease-in-out infinite;transform-origin:50% 100%}
.sq-card:nth-child(2n) .sq-art svg,.sq-card:nth-child(2n) .sq-art img{animation-delay:-1.1s}
.sq-card:nth-child(3n) .sq-art svg,.sq-card:nth-child(3n) .sq-art img{animation-delay:-2s}
@keyframes idle{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-4px) scale(1.01,.99)}}
.sq-art .eye{transform-box:fill-box;transform-origin:50% 55%;animation:blink 4.6s infinite}
.sq-card:nth-child(2n) .eye{animation-delay:-1.7s}.sq-card:nth-child(3n) .eye{animation-delay:-3.1s}
@keyframes blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
.sq-card.happy .sq-art svg,.sq-card.happy .sq-art img{animation:hop .7s cubic-bezier(.3,1.6,.5,1) 1,idle 3.2s ease-in-out .7s infinite}
@keyframes hop{0%{transform:translateY(0) scale(1)}25%{transform:translateY(2px) scale(1.08,.9)}55%{transform:translateY(-18px) scale(.95,1.06)}80%{transform:translateY(0) scale(1.04,.96)}100%{transform:none}}
.fx{position:absolute;bottom:60%;font-size:18px;pointer-events:none;animation:fx 1.2s ease-out forwards;z-index:3}
@keyframes fx{0%{opacity:0;transform:translate(0,0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx),-70px) scale(1.15)}}
.sq-body{min-width:0}
.sq-body h3{margin:0;font-family:var(--f-head);font-size:20px;color:#fff;line-height:1.15}
.sq-body h3 small{display:block;font-family:var(--f-ui);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);filter:brightness(1.45);margin-top:4px}
.trait{display:inline-block;margin:8px 0 6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:color-mix(in srgb,var(--ac) 18%,transparent);border:1px solid color-mix(in srgb,var(--ac) 50%,transparent)}
.sq-body blockquote{margin:0 0 6px;font-style:italic;color:#e6e9ff;font-size:16px;line-height:1.35}
.fav{margin:0;font-size:14px;color:var(--muted)}.fav b{color:#fff3cf;font-weight:600}
.tap-hint{text-align:center;color:var(--dim);font-size:14px;margin:16px 0 0}
@media (prefers-reduced-motion:reduce){.sq-art svg,.sq-art img,.sq-art .eye{animation:none!important}}

/* features: link card */
.feat-link{text-decoration:none;color:inherit;display:block}
.pack-ico{font-size:40px;display:block;margin-bottom:8px;filter:drop-shadow(0 0 10px rgba(255,207,90,.6))}
@media(min-width:1040px){.features{grid-template-columns:repeat(3,1fr)}}

/* ===== INDUSTRY PACKS ===== */
.pack-hero{display:grid;gap:18px;padding:clamp(20px,3.5vw,34px);overflow:hidden}
@media(min-width:960px){.pack-hero{grid-template-columns:1.35fr 1fr;align-items:center}}
.pack-info h3.display{font-size:clamp(30px,5vw,44px);margin:.25em 0 .2em}
.pack-info>p{color:#c9d0f2;margin:0 0 14px}
.pack-cols{display:grid;gap:14px}
@media(min-width:700px){.pack-cols{grid-template-columns:repeat(3,1fr)}}
.pack-cols h4{margin:0 0 6px;font-family:var(--f-ui);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.pack-cols p,.pack-cols ul{margin:0;color:#cdd4f6;font-size:15px}
.pack-cols ul{padding-left:18px}.pack-cols ul.ach{list-style:none;padding:0}.pack-cols ul.ach li{margin-bottom:4px}
.pack-status{display:inline-block;font-family:var(--f-ui);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--violet);color:#cdb6ff}
.pack-status.live{border-color:var(--green);color:var(--green);box-shadow:0 0 14px rgba(77,255,168,.35)}
.pack-status.live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:1px;box-shadow:0 0 8px var(--green)}
.pack-status.ask{border-color:var(--gold);color:var(--gold)}
.pack-art{position:relative;height:clamp(190px,40vw,280px)}
.pack-art img{position:absolute;bottom:0;width:38%;height:auto;animation:bob 4.4s ease-in-out infinite;transform:translateX(-50%)}
.pack-art .p1{left:50%;width:46%;z-index:3}.pack-art .p2{left:20%;bottom:10%;animation-delay:-1s}.pack-art .p3{left:80%;bottom:10%;animation-delay:-2s}.pack-art .p4{left:66%;bottom:34%;width:26%;opacity:.8;z-index:1;animation-delay:-3s}
.pack-art::after{content:"";position:absolute;left:10%;right:10%;bottom:-6px;height:30px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,207,90,.45),transparent 70%)}
#paquetes .roster{margin:18px 0 0;border-radius:14px;border:1px solid rgba(62,240,255,.14);background:linear-gradient(90deg,rgba(62,240,255,.04),rgba(155,92,255,.08),rgba(255,79,216,.04))}
.packs-soon{display:grid;gap:12px;margin-top:18px}
@media(min-width:560px){.packs-soon{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.packs-soon{grid-template-columns:repeat(3,1fr)}}
.pack-card{padding:16px 18px;opacity:.88;text-decoration:none;color:inherit;transition:transform .3s,opacity .3s}
.pack-card:hover{opacity:1;transform:translateY(-3px)}
.pack-card h3{margin:.55em 0 0;font-family:var(--f-head);font-size:17px}
.pack-card.ask{border-color:rgba(255,207,90,.4)}

/* ===== mobile polish ===== */
.lang-toggle button{min-height:36px;min-width:40px}
.foot-nav a{padding:10px 4px;display:inline-block}
.faq summary{min-height:52px}
@media(max-width:440px){
 .hero{padding:16px 16px 76px;min-height:auto}
 .squad{height:300px}
 .hero-agent{bottom:10%}
 .a-c{width:44%}.a-l1,.a-r1{width:32%}.a-l2,.a-r2{width:24%;bottom:22%}
 .runering{width:86%}
 .art-note{font-size:10px}
 h1.display{font-size:clamp(34px,10vw,44px)}
 .lead{font-size:17px}
 .hero-cta .btn{width:100%}
 .hero-chips li{font-size:13px}
 .sec{padding-top:64px}
 .sq-card{padding:14px 14px 14px 6px;gap:10px}
 .sq-art{flex-basis:96px;height:110px}.sq-art img,.sq-art svg{width:96px}
 .sq-body h3{font-size:18px}
 .lang-toggle button{min-height:40px;min-width:42px}
 .top .btn.sm{min-height:40px}
 .scroll-cue{display:none}
}
.sr-only:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100;padding:10px 14px;border-radius:10px;background:var(--gold);color:#1a1200}
.brand{min-height:44px}
.op a{display:inline-block;padding:10px 2px}
/* sound toggle (off by default) */
.sound-toggle{display:inline-flex;align-items:center;gap:7px;min-height:36px;min-width:40px;padding:0 12px;border-radius:999px;cursor:pointer;
 background:rgba(10,12,34,.7);border:1px solid var(--line);color:var(--muted);font-family:var(--f-ui);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.sound-toggle:hover{color:#fff;border-color:rgba(62,240,255,.5)}
.snd-ico{display:inline-flex;align-items:flex-end;gap:2px;height:14px}
.snd-ico i{display:block;width:3px;height:4px;border-radius:2px;background:currentColor;opacity:.7}
.sound-toggle.on{color:#05060f;background:linear-gradient(135deg,#ffd6f4,var(--mag) 50%,var(--violet));border-color:transparent;box-shadow:0 0 14px rgba(255,79,216,.5)}
.sound-toggle.on .snd-ico i{opacity:1;animation:eq 0.9s ease-in-out infinite}
.sound-toggle.on .snd-ico i:nth-child(2){animation-delay:-.3s}.sound-toggle.on .snd-ico i:nth-child(3){animation-delay:-.6s}
@keyframes eq{0%,100%{height:4px}50%{height:14px}}
@media(max-width:560px){.snd-txt{display:none}.sound-toggle{padding:0;width:40px;justify-content:center;min-height:40px}}
.snd-ico i:nth-child(1){height:7px}.snd-ico i:nth-child(2){height:12px}.snd-ico i:nth-child(3){height:5px}
#precios .fine{color:#b9c2e6;font-size:15px}
@media(max-width:440px){.top{gap:6px}.brand{min-width:0;flex-shrink:1}.wordmark{font-size:13px;letter-spacing:.02em}.sound-toggle{width:34px;min-height:36px}
 .lang-toggle button{padding:5px 7px}.top .btn.sm{padding:8px 10px}}
@media(max-width:369px){.wordmark{display:none}}
.form .f-sms{margin:-4px 0 4px 30px;font-size:12.5px;line-height:1.45;color:var(--dim)}.form .f-sms a{color:var(--cyan)}