:root{--purple:#7B2CFF;--purple-2:#9b5cff;--black:#000;--ink:#0f0f12;--card:#131317;--line:#22222a;--off:#F4F2EE;--paper:#fff;--mute:#8d8d98;--soft:#c9c9d2;--dark-text:#111114}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;background:var(--black);color:#f5f5f7;-webkit-font-smoothing:antialiased;line-height:1.6}
h1,h2,h3,.bebas{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:1px;line-height:1}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.purple{color:var(--purple)}
.eyebrow{color:#b9a3ff;font-weight:600;letter-spacing:3px;text-transform:uppercase;font-size:12px;margin-bottom:14px}
.title{font-size:clamp(40px,5.2vw,64px);margin-bottom:16px}
.lead{color:var(--mute);max-width:680px;font-size:17px;margin-bottom:48px}
section{padding:100px 0}
.light{background:var(--off);color:var(--dark-text)}
.light .lead,.light p{color:#4a4a55}
.btn{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;background:var(--purple);color:#fff;font-weight:600;padding:15px 30px;border-radius:40px;border:0;cursor:pointer;font-family:inherit;font-size:15px;transition:background .2s}
.btn:hover{background:var(--purple-2)}
.btn.ghost{background:transparent;border:1px solid #3a3a44;color:#f5f5f7}
.light .btn.ghost{border-color:#cfc9bf;color:var(--dark-text)}
.arrow::after{content:'→';margin-left:6px}

/* HEADER + MEGA MENU */
header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.86);backdrop-filter:blur(12px);border-bottom:1px solid #1c1c22}
header .bar{display:flex;align-items:center;justify-content:space-between;height:72px;gap:12px}
.logo img{height:30px;width:auto}
.logo .txt{font-family:'Bebas Neue';font-size:30px;letter-spacing:2px}
nav.main{display:flex;align-items:center;gap:4px}
nav.main>.item{position:relative}
nav.main>.item>a,nav.main>.item>button{background:none;border:0;color:#c3c3cc;font:600 13px 'Montserrat';padding:26px 11px;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}
nav.main>.item>button::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
nav.main>.item:hover>a,nav.main>.item:hover>button,nav.main>.item.active>a,nav.main>.item.active>button{color:#fff}
.mega{position:fixed;left:0;right:0;top:72px;background:#08080a;border-bottom:1px solid #1c1c22;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .18s;box-shadow:0 30px 60px rgba(0,0,0,.6)}
nav.main>.item:hover .mega,nav.main>.item:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega .inner{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:36px 24px 40px}
.mega .intro h4{font-family:'Bebas Neue';font-size:34px;font-weight:400;line-height:1;margin-bottom:10px}
.mega .intro p{color:var(--mute);font-size:14px;margin-bottom:18px}
.mega .links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mega .links.two{grid-template-columns:repeat(2,1fr)}
.mega .links a{display:block;padding:16px;border-radius:14px;border:1px solid transparent;transition:all .15s}
.mega .links a:hover{background:#121216;border-color:#25252e}
.mega .links b{display:block;font-size:15px;color:#fff;margin-bottom:4px}
.mega .links span{display:block;font-size:13px;color:var(--mute);line-height:1.5}
.head-cta{display:flex;align-items:center;gap:14px}
.lang{font-size:12px;color:#a3a3ad;letter-spacing:1px}
.lang a{margin-left:6px}
.btn-sm{background:var(--purple);color:#fff;padding:10px 18px;border-radius:30px;font-weight:600;font-size:13px;white-space:nowrap}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}
.burger span{display:block;height:2px;background:#fff;margin:7px 8px;transition:.2s}
.mobile{display:none}

/* HERO */
.hero{padding:120px 0 90px;background:radial-gradient(900px 520px at 78% 0%,rgba(123,44,255,.28),transparent 60%)}
.hero h1{font-size:clamp(54px,9vw,120px);max-width:1000px;margin-bottom:26px}
.hero p.sub{color:#b6b6c0;max-width:640px;font-size:19px}
.hero .ctas{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px}
.page-hero{padding:96px 0 70px;background:radial-gradient(700px 400px at 85% 0%,rgba(123,44,255,.22),transparent 60%);border-bottom:1px solid #16161b}
.page-hero h1{font-size:clamp(48px,7vw,92px);max-width:900px;margin-bottom:20px}
.page-hero p{color:#b6b6c0;max-width:660px;font-size:18px}
.crumbs{font-size:12px;color:#a3a3ad;margin-bottom:22px;letter-spacing:1px}
.crumbs a:hover{color:#fff}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:34px 26px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stats.three{grid-template-columns:repeat(3,1fr)}
.stat .n{font-family:'Bebas Neue';font-size:60px;line-height:1;color:#fff}
.stat .n em{font-style:normal;color:var(--purple)}
.stat p{color:var(--soft);font-size:14px;margin:10px 0 12px}
.stat small{display:block;color:#a3a3ad;font-size:11px;line-height:1.4}
.light .stats{border-color:#ddd7cd}.light .stat{border-color:#ddd7cd}
.light .stat .n{color:var(--dark-text)}.light .stat p{color:#3a3a44}.light .stat small{color:#6a655d}

/* THESIS / SYSTEM */
.thesis{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.thesis h2{font-size:clamp(44px,5.6vw,76px)}
.layers{display:grid;gap:14px}
.layer{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start;padding:24px;border-radius:18px;background:#fff;border:1px solid #e3dfd8}
.layer .l{font-family:'Bebas Neue';font-size:56px;line-height:.9;color:var(--purple)}
.layer h3{font-size:28px;color:var(--dark-text);margin-bottom:4px}
.layer p{font-size:14px}
.layer .tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:11px;letter-spacing:.5px;padding:4px 10px;border-radius:20px;background:#f1ecff;color:#5a1fd1;font-weight:600}
.dark .tag,.card .tag{background:rgba(123,44,255,.14);color:#c9adff}

/* SERVICE GRID */
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
a.card:hover{border-color:var(--purple);transform:translateY(-4px);box-shadow:0 22px 50px rgba(123,44,255,.16)}
.card .n{color:var(--purple);font-family:'Bebas Neue';font-size:26px}
.card h3{font-size:30px;margin:8px 0 10px}
.card p{color:var(--mute);font-size:14px;flex:1}
.card .tags{margin:16px 0 18px;display:flex;flex-wrap:wrap;gap:6px}
.card .more{color:#fff;font-weight:600;font-size:14px}
.card.wide{grid-column:1/-1}
.card.featured{background:linear-gradient(160deg,#1b0f33,#131317 60%);border-color:#3a2470}

/* TRACKS */
.tracks{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.track{border-radius:22px;padding:42px;background:#fff;border:1px solid #e3dfd8}
.track h3{font-size:40px;margin-bottom:12px;color:var(--dark-text)}
.track ul{list-style:none;margin:20px 0 28px}
.track li{padding:12px 0;border-top:1px solid #ece8e1;font-size:15px;color:#2a2a33}
.track li b{color:var(--dark-text)}
.track .link{color:var(--purple);font-weight:600}

/* CASES */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case{background:#fff;border:1px solid #e3dfd8;border-radius:20px;padding:30px}
.case .who{font-family:'Bebas Neue';font-size:30px;color:var(--dark-text)}
.case .kpi{font-family:'Bebas Neue';font-size:56px;color:var(--purple);margin:14px 0 4px}
.case p{font-size:14px}
.todo{background:#fff6d6;border:1px dashed #d1b54a;color:#6b5a12;font-size:12px;padding:4px 8px;border-radius:6px;display:inline-block;margin-top:10px}
.logos{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:center;margin-top:44px}
.logos span{font-family:'Bebas Neue';font-size:30px;color:#9a968f}

/* SERVICE PAGE */
.two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.deliver{list-style:none;counter-reset:d;display:flex;flex-direction:column;gap:10px}
.deliver li{counter-increment:d;position:relative;padding:18px 22px 18px 64px;border:1px solid var(--line);border-radius:14px;color:var(--soft);background:rgba(12,12,14,.6);transition:border-color .18s,transform .18s,background .18s}
.deliver li:hover{border-color:#312a4a;background:#121017;transform:translateX(5px)}
.deliver li::before{content:counter(d,decimal-leading-zero);position:absolute;left:20px;top:16px;font-family:'Bebas Neue';font-size:26px;color:var(--purple);letter-spacing:1px}
.deliver li::after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(var(--purple),transparent);opacity:0;transition:opacity .18s}
.deliver li:hover::after{opacity:1}
.deliver li b{display:block;color:#fff;font-size:17px;margin-bottom:3px}
/* coluna de intro fixa enquanto a lista rola — preenche o vazio */
.two:has(> .deliver) > div:first-child{position:sticky;top:100px;align-self:start}
.terms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.term{background:#fff;border:1px solid #e3dfd8;border-radius:18px;padding:26px}
.term h3{font-size:26px;color:var(--dark-text);margin-bottom:6px}
.term p{font-size:14px}
.term small{display:block;margin-top:10px;color:#6a655d;font-size:11px}
.quote{font-family:'Bebas Neue';font-size:clamp(38px,5vw,64px);line-height:1.02;max-width:980px}
.quote em{font-style:normal;color:var(--purple)}
.nextsvc{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px;border:1px solid var(--line);border-radius:20px}
.nextsvc h3{font-size:36px}

/* PROCESS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{border-top:2px solid var(--purple);padding-top:22px}
.step h3{font-size:28px;margin-bottom:8px}
.step p{color:var(--mute);font-size:14px}
.light .step p{color:#4a4a55}
.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.format{background:#fff;border:1px solid #e3dfd8;border-radius:20px;padding:32px}
.format h3{font-size:32px;color:var(--dark-text);margin-bottom:6px}
.format .when{font-size:13px;color:var(--purple);font-weight:600;margin-bottom:12px}
.format p{font-size:14px}
details{border-top:1px solid #e3dfd8;padding:22px 0}
details summary{cursor:pointer;font-weight:600;font-size:16px;color:var(--dark-text);list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::after{content:'+';float:right;color:var(--purple);font-size:22px;line-height:1}
details[open] summary::after{content:'×'}
details p{margin-top:10px;font-size:15px}
.list{list-style:none}
.list li{padding:16px 0;border-top:1px solid var(--line);color:var(--soft);font-size:15px}
.list li b{color:#fff}

/* MARKET PAGE */
.datagrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.datum{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}
.datum .n{font-family:'Bebas Neue';font-size:54px;line-height:1}
.datum .n em{font-style:normal;color:var(--purple)}
.datum p{color:var(--soft);font-size:14px;margin:10px 0 14px}
.datum small{color:#a3a3ad;font-size:11px;line-height:1.5;display:block}
.datum small a{text-decoration:underline}
.datum .so{margin-top:12px;font-size:12px;color:#c9adff;font-weight:600}
.flag{font-size:10px;letter-spacing:1px;background:#2a2a33;color:#c9c9d2;padding:2px 7px;border-radius:10px;margin-left:6px;vertical-align:middle}
.groupt{font-family:'Bebas Neue';font-size:34px;margin:56px 0 18px}
.groupt:first-child{margin-top:0}

/* CONTACT PAGE */
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.formbox{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:38px}
form{display:grid;gap:22px}
label.lbl{display:block;font-size:13px;color:#b6b6c0;margin-bottom:8px;font-weight:500}
input,select,textarea{width:100%;background:#0b0b0e;border:1px solid #6b6b76;border-radius:12px;padding:14px;color:#fff;font-family:inherit;font-size:15px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--purple)}
textarea{min-height:120px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{border:1px solid #2a2a33;border-radius:30px;padding:9px 15px;cursor:pointer;color:#c9c9d2;font-size:14px;transition:.15s}
.chips input{position:absolute;opacity:0;width:0;height:0}
.chips label:has(input:checked){border-color:var(--purple);background:rgba(123,44,255,.18);color:#fff}
.progress{display:flex;gap:6px;margin-bottom:26px}
.progress i{flex:1;height:3px;border-radius:3px;background:#2a2a33}
.progress i.on{background:var(--purple)}
.fstep{display:none}.fstep.on{display:grid;gap:22px}
.fnav{display:flex;justify-content:space-between;gap:12px}
.sent{display:none;padding:30px;border-radius:18px;background:rgba(123,44,255,.12);border:1px solid #3a2470}
.direct a{display:block;font-size:18px;font-weight:600;margin:6px 0}
.side-list{list-style:none;margin-top:30px}
.side-list li{padding:14px 0;border-top:1px solid var(--line);color:var(--soft);font-size:14px}
.side-list b{color:#fff}

/* CTA BAND + FOOTER */
.cta-band{padding:90px 0;background:radial-gradient(800px 400px at 50% 120%,rgba(123,44,255,.35),transparent 60%);border-top:1px solid #16161b;text-align:center}
.cta-band h2{font-size:clamp(44px,6vw,80px);margin-bottom:16px}
.cta-band p{color:var(--mute);margin-bottom:30px}
footer{padding:64px 0 40px;border-top:1px solid #1c1c22;color:#a3a3ad;font-size:13px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;margin-bottom:40px}
.fgrid h5{color:#fff;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.fgrid a{display:block;margin:7px 0;color:#9a9aa5}
.fgrid a:hover{color:#fff}
.fbottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #1c1c22;padding-top:24px;text-transform:uppercase;letter-spacing:.8px;font-size:11px}

/* RESPONSIVE */
@media(max-width:1020px){
  nav.main,.head-cta .lang{display:none}
  .burger{display:block}
  .mobile{position:fixed;inset:72px 0 0 0;background:#050507;z-index:49;overflow-y:auto;padding:16px 24px 40px}
  body.menu-open .mobile{display:block}
  body.menu-open .burger span:nth-child(1){transform:translateY(9px) rotate(45deg)}
  body.menu-open .burger span:nth-child(2){opacity:0}
  body.menu-open .burger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
  .mobile details{border-color:#1c1c22}
  .mobile summary{color:#fff;font-family:'Bebas Neue';font-size:34px;font-weight:400;letter-spacing:1px;text-transform:uppercase}
  .mobile details a{display:block;padding:12px 0;border-bottom:1px solid #141418}
  .mobile details a b{display:block;color:#fff;font-size:15px}
  .mobile details a span{color:var(--mute);font-size:13px}
  .mobile .solo{display:block;font-family:'Bebas Neue';font-size:34px;padding:18px 0;border-top:1px solid #1c1c22}
  .mobile .btn{width:100%;justify-content:center;margin-top:24px}
  .stats{grid-template-columns:1fr 1fr}
  .stats.three{grid-template-columns:1fr}
  .stats.three .stat{border-right:0;border-bottom:1px solid var(--line)}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .thesis,.two,.contact,.tracks{grid-template-columns:1fr;gap:40px}
  .sgrid,.cases,.formats,.terms,.datagrid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  section{padding:76px 0}
}
@media(max-width:640px){
  .head-cta .btn-sm{display:none}
  .stats,.stats.three,.sgrid,.cases,.formats,.terms,.datagrid,.steps,.row2{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line)}
  .track,.formbox{padding:28px}
  .hero{padding:80px 0 70px}
  .nextsvc{flex-direction:column;align-items:flex-start}
  .layer{grid-template-columns:52px 1fr;padding:20px}
  .layer .l{font-size:44px}
}

.dot{color:var(--purple)}
.desc{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#a98cff;font-weight:600;margin:-2px 0 12px}
.mega .links em.desc{display:block;font-style:normal;margin:0 0 4px;font-size:11px}
.nextsvc .desc{margin:6px 0 0}

.light .eyebrow{color:#7B2CFF}
.todo{display:none !important}

.social{display:flex;gap:12px;margin-top:10px}
.social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid #2a2a30;color:#c9c9d2;transition:.15s}
.social a:hover{border-color:var(--purple);color:#fff;background:rgba(123,44,255,.14)}
.social svg{width:18px;height:18px}

/* MOTION LAYER (camada por cima, nao remove nada) */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.reveal.in{opacity:1;transform:none}
.hero,.page-hero,.cta-band{position:relative;overflow:hidden}
.hero::before,.cta-band::before{content:"";position:absolute;inset:-25%;background:radial-gradient(620px 420px at 28% 18%,rgba(123,44,255,.20),transparent 62%);pointer-events:none;z-index:0;animation:braDrift 16s ease-in-out infinite alternate}
.hero>.wrap,.page-hero>.wrap,.cta-band>.wrap{position:relative;z-index:1}
@keyframes braDrift{0%{transform:translate(-5%,-3%) scale(1)}100%{transform:translate(7%,5%) scale(1.18)}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none}.hero::before,.cta-band::before{animation:none}}

/* luz que segue o mouse (interativa) */
.hero,.page-hero{--mx:50%;--my:28%}
.hero::after,.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(340px 340px at var(--mx) var(--my),rgba(155,91,255,.30),transparent 62%);pointer-events:none;z-index:0;mix-blend-mode:screen;transition:opacity .4s;opacity:0}
.hero:hover::after,.page-hero:hover::after{opacity:1}

.layer p,.term p,.format p,.case p{color:#4a4a55}

.head-cta .loc{display:flex;align-items:center;gap:5px;font-size:12px;color:#a3a3ad;letter-spacing:.3px;white-space:nowrap}
.head-cta .loc svg{opacity:.8}
@media(max-width:1020px){.head-cta .loc{display:none}}

/* SELETOR DE IDIOMA */
.langsel{position:relative}
.langsel .langbtn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid #2a2a30;color:#c9c9d2;border-radius:20px;padding:6px 10px 6px 11px;font:600 12px 'Montserrat';letter-spacing:.6px;cursor:pointer;text-transform:uppercase;white-space:nowrap}
.langsel .langbtn:hover{border-color:var(--purple);color:#fff}
.langsel .langbtn .curflag{font-size:15px;line-height:1}
.langsel .langbtn .arr{font-size:9px;opacity:.7;transition:transform .2s}
.langsel.open .langbtn{border-color:var(--purple);color:#fff}
.langsel.open .langbtn .arr{transform:rotate(180deg)}
/* fade leve: afasta o texto atrás do menu sem apagar a pagina */
.langsel.open::before{content:"";position:fixed;inset:0;background:rgba(6,6,8,.2);z-index:55;animation:langfade .16s ease}
@keyframes langfade{from{opacity:0}to{opacity:1}}
.langsel .langmenu{position:absolute;right:0;top:150%;background:#0f0f12;border:1px solid #2a2a30;border-radius:14px;padding:8px;display:none;min-width:234px;z-index:60;box-shadow:0 26px 64px rgba(0,0,0,.65)}
.langsel.open .langmenu{display:block;animation:langpop .17s ease}
@keyframes langpop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.langsel .langmenu button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;color:#c9c9d2;padding:9px 11px;border-radius:10px;cursor:pointer}
.langsel .langmenu button:hover{background:#1a1a20}
.langsel .langmenu button.active{background:#17132099}
.langsel .langmenu .fl{font-size:21px;line-height:1;width:26px;text-align:center;flex:none}
.langsel .langmenu .nm{display:flex;flex-direction:column;line-height:1.25}
.langsel .langmenu .nm b{color:#fff;font:600 14px 'Montserrat'}
.langsel .langmenu button.active .nm b{color:#b9a3ff}
.langsel .langmenu .nm i{color:var(--mute);font:500 11.5px 'Montserrat';font-style:normal;letter-spacing:.2px}
@media(max-width:1020px){.head-cta .langsel{display:block}.langsel .langmenu{min-width:214px}}

.navcta{margin-left:14px}
.head-cta{gap:10px}

/* v2: método, processo e simulador de formato */
.layer .q{font-size:14px;font-weight:600;color:var(--purple);margin:2px 0 8px}
.format .via{margin-top:14px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#6a655d}
.step .out{margin-top:12px;color:var(--soft)}
.step .out b{color:#fff;font-weight:600}
.quiz{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:36px;max-width:860px}
.quiz .qz,.quiz .qres,.quiz .qr{display:none}
.quiz .qz.on,.quiz .qres.on,.quiz .qr.on{display:block}
.quiz .qn{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple-2);font-weight:600;margin-bottom:8px}
.quiz h3{font-size:34px;margin-bottom:20px}
.qopts{display:grid;gap:10px}
.qopts button{text-align:left;font-family:inherit;font-size:15px;color:#f5f5f7;background:transparent;border:1px solid var(--line);border-radius:14px;padding:16px 20px;cursor:pointer;transition:border-color .2s,background .2s}
.qopts button:hover,.qopts button:focus-visible{border-color:var(--purple);background:rgba(123,44,255,.08);outline:none}
.qr p{color:var(--soft);max-width:620px}
.qacts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.format.pick{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple)}
@media(max-width:640px){.quiz{padding:24px}.quiz h3{font-size:28px}}