/* TELEBROS · The Ultimate Sales Arena — telebros.net */
@font-face{font-family:D;src:url(fonts/InterDisplay-BlackItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:T;src:url(fonts/Inter-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:T;src:url(fonts/Inter-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:T;src:url(fonts/Inter-Bold.woff) format("woff");font-weight:700;font-display:swap}
:root{--night:#040c16;--navy:#0b2b49;--deep:#071a2c;--card:#0b1f33;--teal:#1f7a83;--teal2:#2aa3ad;--gold:#f2b81c;--gold2:#ffd65a;--ink:#e9f1f5;--mut:#8ea6b8;--soft:#b4c8d4;--line:rgba(255,255,255,.09);--red:#ff5c5c;--ok:#4fd39a}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--night);color:var(--ink);font:400 16px/1.6 T,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.w{max-width:1200px;margin:0 auto;padding:0 32px}
.d{font-family:D,"Arial Black",Arial,sans-serif;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;line-height:.95}
.eb{display:inline-flex;align-items:center;gap:10px;font:700 12px T,Arial;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.eb i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(255,92,92,.2);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.35}}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--night);padding:10px 14px;z-index:99}.skip:focus{left:10px}
:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border:0;cursor:pointer;font:900 italic 15px D,"Arial Black",Arial;letter-spacing:1px;text-transform:uppercase;color:var(--night);background:linear-gradient(180deg,var(--gold2),var(--gold));clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);box-shadow:0 10px 30px rgba(242,184,28,.25);transition:filter .15s,transform .15s}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn.o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);clip-path:none;border-radius:4px;transform:skewX(-10deg)}
.btn.o span{display:inline-block;transform:skewX(10deg)}
.btn.o:hover{box-shadow:inset 0 0 0 2px var(--gold)}
.btn.dk{background:var(--night);color:var(--gold2);box-shadow:none}
.btn[disabled]{opacity:.6;cursor:wait}

/* header */
header.top{position:absolute;top:0;left:0;right:0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;height:88px}
.lg{display:flex;align-items:center;gap:12px}.lg img{height:44px;width:auto}.lg .wm{height:22px}
.links{display:flex;align-items:center;gap:28px;font:600 14px T,Arial;color:#bcd0dc}
.links a:hover,.links a[aria-current]{color:var(--gold2)}
.links .btn{height:42px;padding:0 20px;font-size:13px;color:var(--night)}
.menu{display:none;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;place-items:center}
.menu i{display:block;width:18px;height:2px;background:#fff;box-shadow:0 6px 0 #fff,0 -6px 0 #fff}
.drawer{display:none}

/* hero (home) */
.hero{position:relative;overflow:hidden;padding:150px 0 0;background:
 radial-gradient(ellipse 60% 50% at 50% 115%,rgba(31,122,131,.55),transparent 70%),
 radial-gradient(ellipse 40% 60% at 85% -10%,rgba(242,184,28,.16),transparent 60%),
 radial-gradient(ellipse 40% 60% at 10% -10%,rgba(42,163,173,.18),transparent 60%),
 linear-gradient(180deg,#06111e,#071a2c 60%,#082236)}
.beam{position:absolute;top:-120px;width:360px;height:900px;background:linear-gradient(180deg,rgba(255,236,170,.16),transparent 75%);filter:blur(6px);transform-origin:top center;pointer-events:none}
.beam.l{left:6%;transform:rotate(-24deg)}.beam.r{right:4%;transform:rotate(26deg)}
.floor{position:absolute;left:-20%;right:-20%;bottom:-40px;height:330px;pointer-events:none;background:
 repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 2px,transparent 2px 120px),
 repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 2px,transparent 2px 60px);transform:perspective(500px) rotateX(62deg);transform-origin:bottom;-webkit-mask:linear-gradient(transparent,#000 60%);mask:linear-gradient(transparent,#000 60%)}
.hg{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-bottom:90px}
h1.d{font-size:104px;line-height:.88;margin:22px 0 22px}
.out{color:transparent;-webkit-text-stroke:2px rgba(233,241,245,.85)}
.gold{background:linear-gradient(180deg,var(--gold2),var(--gold) 60%,#c9900c);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;line-height:1.6;color:var(--soft);max-width:540px}
.lead b{color:var(--ink)}
.ctas{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px;align-items:center}

/* scoreboard */
.board{position:relative;background:linear-gradient(180deg,rgba(13,40,64,.92),rgba(5,18,32,.95));border:1px solid rgba(242,184,28,.35);border-radius:22px;padding:22px;box-shadow:0 0 0 6px rgba(242,184,28,.06),0 40px 80px rgba(0,0,0,.5);transform:perspective(1200px) rotateY(-8deg)}
.bh{display:flex;justify-content:space-between;align-items:center;font:700 11px T,Arial;letter-spacing:2.5px;color:var(--mut);text-transform:uppercase;padding-bottom:14px;border-bottom:1px solid var(--line)}
.bh .live{color:#ff7b7b;display:flex;gap:8px;align-items:center}.bh .live i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:blink 1.6s infinite}
.big{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.big div{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.big b{display:block;font:900 italic 46px/1 D,"Arial Black";color:var(--gold2);font-variant-numeric:tabular-nums}
.big small{font:600 11px T,Arial;letter-spacing:2px;color:var(--mut);text-transform:uppercase}
.row{display:grid;grid-template-columns:34px 1fr 54px;gap:10px;align-items:center;padding:10px 4px;border-top:1px solid var(--line)}
.row .rk{font:900 italic 20px D,"Arial Black";color:var(--mut)}.row.first .rk{color:var(--gold)}
.row .nm{font:700 14px T,Arial}
.tierb{display:inline-block;margin-left:8px;font:700 10px T,Arial;letter-spacing:1px;text-transform:uppercase;padding:3px 7px;border-radius:4px;background:rgba(242,184,28,.15);color:var(--gold2)}
.tierb.m{background:rgba(160,90,255,.18);color:#c8a4ff}
.bar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);margin-top:7px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal2),var(--gold))}
.row .sc{font:900 italic 24px D,"Arial Black";text-align:right;font-variant-numeric:tabular-nums}
.note-s{margin-top:12px;font-size:11px;color:#5f7a8c;text-align:right}

/* ticker */
.ticker{position:relative;background:var(--gold);color:var(--night);transform:skewY(-2deg);margin-top:-30px;z-index:3;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.tk{display:flex;width:max-content;white-space:nowrap;padding:18px 0;font:900 italic 22px D,"Arial Black";text-transform:uppercase;animation:tick 40s linear infinite}
.tk span{display:inline-flex;align-items:center;gap:42px;padding-right:42px}.tk span:after{content:"\2605";font-size:16px}
@keyframes tick{to{transform:translateX(-50%)}}

/* sections */
section{position:relative;padding:110px 0}
.sh{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}
.sh h2{font-size:64px;line-height:.92;margin-top:14px}
.sh p{max-width:430px;color:var(--mut);font-size:16px;line-height:1.6}

/* page hero (inner pages) */
.phero{position:relative;overflow:hidden;padding:160px 0 90px;background:
 radial-gradient(ellipse 50% 70% at 90% 0%,rgba(242,184,28,.16),transparent 60%),
 radial-gradient(ellipse 50% 70% at 0% 100%,rgba(31,122,131,.35),transparent 60%),
 linear-gradient(180deg,#06111e,#071a2c)}
.phero .floor{height:240px;opacity:.7}
.phero h1.d{font-size:92px;margin:18px 0 18px;max-width:900px}
.phero .lead{max-width:640px}

/* lineup cards */
.lineup{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pc{position:relative;overflow:hidden;border-radius:22px;padding:28px 26px 72px;background:linear-gradient(160deg,#0d2a44,#081a2b);border:1px solid var(--line);min-height:250px;transition:transform .2s,border-color .2s}
.pc:hover{transform:translateY(-4px);border-color:rgba(242,184,28,.5)}
.pc:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(242,184,28,.12));pointer-events:none}
.pc .no{position:absolute;right:18px;top:6px;font:900 italic 110px/1 D,"Arial Black";color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.12)}
.pc .pos{font:700 11px T,Arial;letter-spacing:2.5px;color:var(--teal2);text-transform:uppercase}
.pc h3{font:900 italic 30px/1 D,"Arial Black";text-transform:uppercase;margin:12px 0 12px;max-width:80%}
.pc p{color:var(--mut);font-size:15px;line-height:1.6;max-width:92%}
.pc .st{position:absolute;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;font:700 12px T,Arial;letter-spacing:1px;color:#c3d4de;border-top:1px solid var(--line);padding-top:12px}
.pc .st b{color:var(--gold2)}
.pc.star{background:linear-gradient(160deg,#1a4f58,#0b2b49);border-color:rgba(242,184,28,.45)}
.pc.star .pos{color:var(--gold)}

/* service detail rows */
.svc{display:grid;grid-template-columns:120px 1fr 1fr;gap:34px;padding:44px 0;border-top:1px solid var(--line);align-items:start}
.svc .no{font:900 italic 96px/1 D,"Arial Black";color:transparent;-webkit-text-stroke:2px var(--gold)}
.svc h3{font:900 italic 38px/1 D,"Arial Black";text-transform:uppercase;margin:6px 0 14px}
.svc p{color:var(--soft)}
.svc ul{list-style:none;display:grid;gap:10px}
.svc li{position:relative;padding-left:30px;color:#cfe0e8}
.svc li:before{content:"";position:absolute;left:0;top:7px;width:16px;height:10px;border-left:3px solid var(--gold);border-bottom:3px solid var(--gold);transform:rotate(-45deg)}

/* scoreboard numbers */
.sb{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#0a2136,#061524)}
.sb div{padding:34px 28px;border-left:1px solid var(--line)}.sb div:first-child{border-left:0}
.sb b{display:block;font:900 italic 72px/1 D,"Arial Black";background:linear-gradient(180deg,#fff,#9cc3cf);-webkit-background-clip:text;background-clip:text;color:transparent}
.sb b em{font-style:italic;color:var(--gold);-webkit-text-fill-color:var(--gold)}
.sb small{display:block;margin-top:10px;font:700 12px T,Arial;letter-spacing:2px;text-transform:uppercase;color:var(--mut)}

/* photo slots: placeholders until a real photo is uploaded to /photos */
.ph3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}
.ph{position:relative;height:340px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 70% 15%,rgba(242,184,28,.28),transparent 45%),linear-gradient(165deg,#1f6a72,#081a2b);border:1px solid var(--line)}
.ph3 .ph:nth-child(2){transform:translateY(30px)}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.ph.has img{opacity:1}
.ph .tag{position:absolute;top:16px;left:16px;font:700 11px T,Arial;letter-spacing:1.5px;text-transform:uppercase;color:var(--night);background:var(--gold2);padding:6px 10px;border-radius:4px}
.ph.has .tag,.ph.has .sil{display:none}
.ph .cap{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(transparent,rgba(4,12,22,.9))}
.ph .cap b{display:block;font:900 italic 24px D,"Arial Black";text-transform:uppercase}.ph .cap small{color:var(--mut);font-size:13px}
.sil{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;opacity:.28}
.sil svg{width:190px;height:150px;fill:#cfe3e5;stroke:#cfe3e5;margin:0 -16px;flex:none}

/* playbook */
.play{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.step{padding:34px 30px 10px 0}
.step b{display:block;font:900 italic 80px/1 D,"Arial Black";color:transparent;-webkit-text-stroke:2px var(--gold)}
.step h4{font:900 italic 28px D,"Arial Black";text-transform:uppercase;margin:10px 0 8px}
.step p{color:var(--mut);line-height:1.6;font-size:15px}

/* feature tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
.tile svg{width:30px;height:30px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.tile h4{font:900 italic 20px D,"Arial Black";text-transform:uppercase;margin-bottom:8px}
.tile p{color:var(--mut);font-size:14.5px;line-height:1.6}

/* tryouts band */
.try{position:relative;overflow:hidden;border-radius:28px;padding:64px;background:linear-gradient(115deg,var(--gold2),var(--gold) 55%,#d99a06);color:var(--night);display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.try:after{content:"";position:absolute;right:-60px;top:-80px;width:420px;height:520px;background:url(img/crest.webp) center/contain no-repeat;opacity:.13;transform:rotate(-12deg);pointer-events:none}
.try h2{font-size:78px;line-height:.88;margin-top:14px}
.try p{font-size:18px;line-height:1.55;margin-top:18px;max-width:560px;color:#2b2405}
.try .eb{color:#4a3a00}
.try .btn{margin-top:28px}
.ladder{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}
.ladder div{display:flex;justify-content:space-between;align-items:center;gap:14px;background:rgba(4,12,22,.92);color:var(--ink);padding:14px 18px;border-radius:12px;font:900 italic 18px D,"Arial Black";text-transform:uppercase}
.ladder small{font:600 12px T,Arial;color:var(--mut);text-transform:none;letter-spacing:0;text-align:right}
.ladder .t-m{color:#c8a4ff}.ladder .t-l{color:var(--gold2)}.ladder .t-w{color:#ff8a65}

/* role card + process (tryouts page) */
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.role{position:relative;overflow:hidden;border-radius:24px;padding:34px;background:linear-gradient(160deg,#1a4f58,#0b2b49);border:1px solid rgba(242,184,28,.45)}
.role .no{position:absolute;right:18px;top:0;font:900 italic 130px/1 D,"Arial Black";color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.12)}
.role small.k{font:700 12px T,Arial;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase}
.role h2{font-size:52px;margin:10px 0 8px}
.role .meta{color:#c2d5de}
.role h4{font:900 italic 18px D,"Arial Black";text-transform:uppercase;margin:22px 0 10px;color:var(--gold2)}
.ticks{list-style:none;display:grid;gap:9px}
.ticks li{position:relative;padding-left:28px;color:#d6e4ea}
.ticks li:before{content:"";position:absolute;left:0;top:7px;width:14px;height:8px;border-left:3px solid var(--gold);border-bottom:3px solid var(--gold);transform:rotate(-45deg)}

/* forms */
.form{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:34px}
.form h3{font:900 italic 30px D,"Arial Black";text-transform:uppercase;margin-bottom:6px}
.form .sub{color:var(--mut);font-size:14.5px;margin-bottom:10px}
.fgp{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.f{display:block;margin-top:14px}
.f span{display:block;font:600 13px T,Arial;color:#c2d5de;margin-bottom:6px}
.f span em{font-style:normal;color:var(--mut);font-weight:400}
.f input,.f select,.f textarea{width:100%;height:50px;border-radius:10px;background:#06121f;border:1px solid rgba(255,255,255,.16);color:var(--ink);font:400 15px T,Arial;padding:0 14px;outline:0;transition:border-color .15s}
.f textarea{height:120px;padding:12px 14px;resize:vertical}
.f input[type=file]{padding:10px;height:auto;color:var(--mut)}
.f input[type=file]::file-selector-button{font:700 13px T,Arial;color:var(--night);background:var(--gold2);border:0;border-radius:6px;padding:8px 12px;margin-right:12px;cursor:pointer}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--gold)}
.f.full{grid-column:1/-1}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:13.5px;color:var(--soft)}
.check input{margin-top:4px;accent-color:var(--gold);width:16px;height:16px;flex:none}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form .btn{margin-top:22px;width:100%}
.fmsg{display:none;margin-top:16px;padding:14px 16px;border-radius:12px;font-size:14.5px}
.fmsg.ok{display:block;background:rgba(79,211,154,.12);border:1px solid rgba(79,211,154,.4);color:#bff0d9}
.fmsg.err{display:block;background:rgba(255,92,92,.12);border:1px solid rgba(255,92,92,.4);color:#ffd0d0}
.form.done .fields{display:none}
.small{font-size:12.5px;color:var(--mut);margin-top:12px}

/* contact side */
.info{display:grid;gap:14px}
.info div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.info small{display:block;font:700 11px T,Arial;letter-spacing:2px;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.info b{font:900 italic 22px D,"Arial Black";text-transform:uppercase}
.info a b{color:var(--gold2);text-transform:none;font-size:20px}
.info p{color:var(--soft);font-size:14.5px}

/* legal text */
.legal{max-width:820px}
.legal h2{font:900 italic 30px D,"Arial Black";text-transform:uppercase;margin:42px 0 12px}
.legal p,.legal li{color:var(--soft);margin-bottom:12px}
.legal ul{padding-left:22px}
.draft{display:inline-block;margin-top:18px;font:700 12px T,Arial;letter-spacing:1px;text-transform:uppercase;color:var(--night);background:var(--gold2);padding:6px 10px;border-radius:4px}

/* footer */
footer{border-top:1px solid var(--line);padding:56px 0 34px;color:var(--mut);font-size:14px;background:#030a12}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
footer h5{color:var(--ink);font:900 italic 14px D,"Arial Black";letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
footer ul{list-style:none}footer li{margin:8px 0}footer a:hover{color:var(--gold2)}
.bot{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

@media (prefers-reduced-motion:reduce){.tk,.eb i,.bh .live i{animation:none}.pc,.btn{transition:none}}

@media (max-width:980px){
 .tiles{grid-template-columns:1fr 1fr}
 .svc{grid-template-columns:90px 1fr}.svc ul{grid-column:2}
}
@media (max-width:820px){
 .w{padding:0 20px}
 .links{display:none}.menu{display:grid}
 .drawer{position:fixed;inset:0;z-index:30;background:rgba(4,12,22,.97);padding:24px 24px 40px;flex-direction:column;gap:6px}
 .drawer.on{display:flex}
 .drawer .x{align-self:flex-end;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:22px;cursor:pointer}
 .drawer a{font:900 italic 34px D,"Arial Black";text-transform:uppercase;padding:10px 0;border-bottom:1px solid var(--line)}
 .drawer .btn{margin-top:20px;font-size:16px;border-bottom:0;padding:0 20px}
 .lg img{height:36px}.lg .wm{height:18px}
 .hero{padding-top:118px}.hg{grid-template-columns:1fr;padding-bottom:70px}
 h1.d{font-size:58px}.phero h1.d{font-size:52px}.phero{padding:130px 0 60px}
 .lead{font-size:16px}.ctas{flex-direction:column;align-items:stretch}.ctas .btn{width:100%}
 .board{transform:none}.big b{font-size:38px}
 .tk{font-size:18px}
 section{padding:70px 0}.sh{flex-direction:column;align-items:start}.sh h2{font-size:44px}
 .lineup,.ph3,.play,.two{grid-template-columns:1fr}.ph3 .ph:nth-child(2){transform:none}.ph{height:240px}
 .sb{grid-template-columns:1fr 1fr}.sb div:nth-child(3){border-left:0}.sb div:nth-child(n+3){border-top:1px solid var(--line)}.sb b{font-size:48px}
 .try{grid-template-columns:1fr;padding:36px 26px}.try h2{font-size:48px}
 .fg{grid-template-columns:1fr 1fr}.fgp{grid-template-columns:1fr}
 .tiles{grid-template-columns:1fr}
 .svc{grid-template-columns:1fr;gap:10px}.svc .no{font-size:64px}.svc ul{grid-column:1}.svc h3{font-size:30px}
 .form{padding:24px 20px}.role{padding:26px 22px}.role h2{font-size:40px}
}
/* two-step application */
.stepper{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.stepper span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:900 italic 14px D,"Arial Black";border:1px solid rgba(255,255,255,.2);color:var(--mut)}
.stepper span.on{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--night);border:0}
.stepper span.ok{background:rgba(79,211,154,.16);border-color:rgba(79,211,154,.5);color:var(--ok)}
.stepper i{width:34px;height:2px;background:rgba(255,255,255,.18)}
.stepper i.on{background:var(--gold)}
.stepper small{margin-left:8px;font:700 12px T,Arial;letter-spacing:2px;text-transform:uppercase;color:var(--gold2)}
.apw{max-width:860px}
.form.ap{padding:40px}
.grp{border-top:1px solid var(--line);padding-top:26px;margin-top:26px}
.grp:first-of-type{border-top:0;padding-top:0;margin-top:0}
.grp h4{display:flex;align-items:center;gap:12px;font:900 italic 22px D,"Arial Black";text-transform:uppercase;letter-spacing:.5px}
.grp h4 b{font-size:15px;color:var(--night);background:var(--gold);padding:2px 8px;border-radius:6px;transform:skewX(-8deg)}
.grp h4 em.req{margin-left:auto;font:700 11px T,Arial;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold2);border:1px solid rgba(255,214,90,.4);border-radius:20px;padding:4px 10px}
.f.full{grid-column:1/-1}
fieldset.f{border:0;padding:0;min-width:0}
fieldset.f legend{display:block;font:600 13px T,Arial;color:#c2d5de;margin-bottom:6px;padding:0}
fieldset.f legend em{font-style:normal;color:var(--mut);font-weight:400}
.hint{color:var(--mut);font-size:13px;margin:0 0 10px}
.cl{display:flex;flex-wrap:wrap;gap:8px}
.cl label{cursor:pointer}
.cl input{position:absolute;opacity:0;width:1px;height:1px}
.cl span{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#06121f;color:var(--soft);font:500 14px T,Arial;transition:all .15s}
.cl span::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid rgba(255,255,255,.35);flex:none}
.cl label:hover span{border-color:rgba(255,214,90,.5)}
.cl input:checked+span{border-color:var(--gold);background:rgba(242,184,28,.12);color:var(--ink)}
.cl input:checked+span::before{background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23040c16' stroke-width='2.2'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--gold)}
.cl input:focus-visible+span{outline:2px solid var(--gold2);outline-offset:2px}
.chips.bad .cl span{border-color:rgba(255,92,92,.6)}
.rec{display:flex;gap:18px;margin-top:16px;padding:22px;border-radius:16px;border:1px dashed rgba(255,214,90,.45);background:linear-gradient(180deg,rgba(242,184,28,.07),rgba(242,184,28,.02))}
.rec>svg{width:46px;height:46px;flex:none;padding:10px;border-radius:12px;background:var(--gold);fill:none;stroke:var(--night);stroke-width:2;stroke-linecap:round}
.rec p{color:var(--soft);font-size:14.5px;margin:0 0 10px}.rec p b{color:var(--ink)}
.rec .hint{margin-bottom:14px}
.pick{position:relative;display:inline-flex;cursor:pointer}
.pick input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.pick span{display:inline-flex;align-items:center;height:46px;padding:0 20px;border-radius:10px;background:var(--gold2);color:var(--night);font:700 14px T,Arial}
.pick input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.recinfo:not(:empty){margin-top:14px;font-size:14px;color:var(--soft)}
.recinfo audio{display:block;width:100%;max-width:420px;margin-top:8px;height:40px}
.recinfo .bad{color:#ffb4b4}
.fmsg.big{padding:30px;text-align:left}
.fmsg.big h3{font:900 italic 30px D,"Arial Black";text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.fmsg.big p{color:#bff0d9;font-size:16px}
.f input[type=number]{-moz-appearance:textfield;appearance:textfield}.f input[type=number]::-webkit-inner-spin-button,.f input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media (max-width:640px){.form.ap{padding:24px 18px}.rec{flex-direction:column;padding:18px}.grp h4{font-size:19px}}