/* ============================================================
   THE PROFESSIONAL BUILDER — GLOBAL DESIGN SYSTEM
   Single source of truth for tokens + shared components.
   Change a token here and every page updates.
   Docs: /docs/DESIGN-SYSTEM.md
   ============================================================ */

:root{
  --navy:#0A1726; --navy-2:#0E2236; --surface:#13293F; --surface-2:#17324C;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --cyan:#8EDCE8; --cyan-2:#8EDCE8; --cyan-soft:rgba(142,220,232,.14); --cyan-ink:#015AFF;
  --yellow:#FFD23F; --yellow-2:#FFE070;
  --text:#EAF2F9; --muted:#9DB2C7; --muted-2:#7C93AB; --green:#39D98A;
  --lt-bg:#F1F6FB; --lt-bg-2:#FFFFFF; --lt-ink:#0B1B2B; --lt-muted:#56697C; --lt-line:#E4EBF2;
  --maxw:1180px; --radius:18px; --radius-sm:12px;
  --shadow:0 24px 60px -24px rgba(0,0,0,.55); --shadow-lt:0 18px 44px -22px rgba(15,40,70,.22);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px;height:auto}
body{font-family:'Montserrat',system-ui,sans-serif;background:var(--lt-bg);color:var(--lt-ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Montserrat',sans-serif;line-height:1.1;letter-spacing:-.02em;font-weight:800}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-ink);background:rgba(1,90,255,.08);border:1px solid rgba(1,90,255,.2);padding:7px 14px;border-radius:999px}

.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:9px;font-weight:800;font-size:1rem;padding:15px 26px;border-radius:999px;border:none;cursor:pointer;line-height:1.1;white-space:nowrap;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}
/* Neutral elevation, not a coloured halo. The yellow glow this replaces
   (0 10px 28px -8px rgba(255,210,63,.55)) read as a light source the page
   doesn't have, and on the dark heroes it haloed. The inset white ring went
   with it — ring plus vertical gradient was a bevel imitating a 3D button. */
.btn-primary{background:linear-gradient(180deg,var(--yellow-2),var(--yellow));color:#1A1402;box-shadow:0 2px 5px -1px rgba(11,27,43,.28)}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 7px 14px -3px rgba(11,27,43,.32)}
.btn-sm{padding:11px 20px;font-size:.9rem}
.btn-lg{padding:18px 36px;font-size:1.1rem}
@media(max-width:560px){.btn-lg{font-size:.95rem;padding:15px 24px;width:100%}}
.btn-block{width:100%}

header{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .3s,box-shadow .3s,border-color .3s;border-bottom:1px solid transparent}
header.scrolled{background:rgba(10,23,38,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 10px 30px -20px #000}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:18px}
.brand{flex-shrink:0;display:flex;align-items:center}
.logo-img{height:30px;width:auto}
.logo-fallback{font-weight:900;font-size:1.05rem;letter-spacing:.02em;color:#fff}
.nav-links{display:flex;gap:26px;font-weight:600;font-size:.92rem;color:var(--muted)}
.nav-links a:hover{color:#fff}
.nav-right{display:flex;align-items:center;gap:16px}

/* ===== HERO (split: logo image + text left, people right) ===== */
.hero{position:relative;min-height:640px;display:flex;align-items:center;padding:64px 0 72px;
  background:url('/assets/images/events-split-bg1.webp') center right/cover no-repeat;background-color:#0A1726}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,34,.97) 0%,rgba(8,20,34,.9) 32%,rgba(8,20,34,.55) 52%,rgba(8,20,34,.15) 72%,rgba(8,20,34,0) 100%)}
.hero>.wrap{position:relative;z-index:1;width:100%}
.hero-copy{max-width:600px;color:var(--text)}
.hero-logo{width:100%;max-width:550px;margin:0 0 10px}
.hero-logo img{width:100%;height:auto;display:block}
.hero h1{font-size:clamp(1.15rem,1.85vw,1.4rem);font-weight:500;line-height:1.45;letter-spacing:0;margin:0 0 22px;color:#EAF2F9}
.hero h1 b{font-weight:800;color:#fff}
.hero h1 em{font-style:normal;font-weight:800;color:var(--cyan)}
.hero-detail-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.hero-detail-row li{list-style:none;display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;background:rgba(19,41,63,.7);border:1px solid var(--line);padding:9px 15px;border-radius:11px;color:var(--text)}
.hero-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.hero-cta-row .btn-lg{font-size:.95rem;padding:16px 30px}
.price-col{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.price-tag{font-weight:700;font-size:.95rem;color:var(--muted)}
.price-tag b{color:#fff;font-size:1.15rem}
.partner-note{display:inline-flex;align-items:center;font-weight:700;font-size:.8rem;color:var(--green)}
.fud-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}
.fud{display:inline-flex;align-items:center;gap:7px;font-size:.85rem;font-weight:600;color:#B9C8D8}
.fud svg{color:#7FE0AE;flex-shrink:0}

.sec{padding:78px 0;background:var(--lt-bg)}
.sec.white{background:var(--lt-bg-2)}
.sec.dark{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:var(--text)}
.sec.dark h2,.sec.dark h3,.sec.dark h4{color:var(--text)}
.sec.dark .eyebrow{color:var(--cyan);background:var(--cyan-soft);border-color:rgba(142,220,232,.25)}
.sec.dark .sec-head p{color:var(--muted)}
.sec-head{max-width:820px;margin:0 auto 46px;text-align:center}
.sec-head h2{font-size:clamp(1.7rem,3.3vw,2.6rem);font-weight:900;margin:22px 0 12px}
.sec-head h2 em{font-style:normal;color:var(--cyan-ink)}
.sec-head p{color:var(--lt-muted);font-size:1.05rem}
.center{text-align:center}
.cta-center{text-align:center;margin-top:44px}

/* ===== "READY TO" 5-bullet section ===== */
.ready-list{max-width:720px;margin:0 auto;list-style:none;display:flex;flex-direction:column;gap:18px}
.ready-list li{display:flex;align-items:flex-start;gap:16px;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:700;color:var(--lt-ink);line-height:1.35;text-align:left}
.ready-list li .rk{flex-shrink:0;width:36px;height:36px;margin-top:1px;border-radius:50%;background:rgba(57,217,138,.15);display:grid;place-items:center;color:#1FA968}
.ready-list li b{color:var(--cyan-ink)}

/* ===== SPLIT (image + text) reusable ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1080px;margin:0 auto}
.split + .split{margin-top:60px}
/* full-bleed split: image fills its entire half of the section */
.split-full{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;width:100%}
.split-full>*{min-width:0} /* let grid tracks shrink below content min-content so a nowrap CTA can't blow the column (and full-bleed image) wider than the viewport */
.split-full .split-media{position:relative;min-height:460px}
.split-full .split-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:0;box-shadow:none;max-width:none}
.split-full .split-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:72px clamp(24px,5vw,72px)}
.split-full .split-body>*{max-width:600px;width:100%}
.split-full .split-body>.eyebrow{width:auto}
@media(max-width:920px){
  .split-full{grid-template-columns:1fr}
  .split-full .split-media{min-height:400px;order:-1}
  .split-full .split-body{padding:44px 24px}
  .split-full .split-body .btn{white-space:normal} /* long CTA labels wrap instead of forcing horizontal overflow */
}
.split.rev .split-media{order:2}
.split-media img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow-lt);object-fit:cover}
.split-body h2,.split-body h3{font-size:clamp(1.5rem,2.8vw,2.15rem);font-weight:900;margin:12px 0 12px}
.split-body p{color:var(--lt-muted);font-size:1rem;margin-bottom:14px}
.split-body .lead{font-size:1.05rem}
.sec.dark .split-body p{color:#C7D6E5}
.split-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.split-stat{background:rgba(1,90,255,.06);border:1px solid rgba(1,90,255,.16);border-radius:var(--radius-sm);padding:16px 12px;text-align:center}
.split-stat b{display:block;font-size:1.5rem;font-weight:900;color:var(--cyan-ink);line-height:1.15}
.split-stat span{display:block;font-size:.72rem;font-weight:600;color:var(--lt-muted);line-height:1.3;margin-top:4px}
.sec.dark .split-stat{background:var(--surface);border-color:var(--line)}
.sec.dark .split-stat b{color:var(--cyan)}
.sec.dark .split-stat span{color:var(--muted)}

/* ===== LEARNING POINTS list ===== */
.learn-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px 40px}
.learn-grid li{list-style:none;display:flex;align-items:flex-start;gap:13px;font-size:.99rem;color:var(--lt-muted);line-height:1.5}
.learn-grid li b{color:var(--lt-ink)}
.learn-grid li .lk{flex-shrink:0;width:24px;height:24px;margin-top:2px;border-radius:7px;background:rgba(1,90,255,.1);display:grid;place-items:center;color:var(--cyan-ink)}
.tag-live{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.08em;color:#92400e;background:rgba(255,196,0,.18);border:1px solid rgba(255,196,0,.5);padding:1px 6px;border-radius:5px;margin-left:6px;vertical-align:middle}

/* ===== LOCATION cards ===== */
.loc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:980px;margin:0 auto}
.loc-card{background:var(--lt-bg-2);border:1px solid var(--lt-line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lt);display:flex;flex-direction:column}
.loc-photo{aspect-ratio:16/10;position:relative;overflow:hidden;background:#0E2236}
.loc-photo img{width:100%;height:100%;object-fit:cover;display:block}
.loc-badge{position:absolute;top:14px;left:0;display:inline-flex;align-items:center;background:var(--navy);color:#fff;font-weight:800;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;padding:5px 11px 5px 9px;border-left:4px solid var(--cyan);border-radius:0 6px 6px 0;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.loc-body{padding:22px;flex:1;display:flex;flex-direction:column;gap:14px}
.loc-city{font-size:1.2rem;font-weight:900;color:var(--lt-ink);margin-bottom:-2px;letter-spacing:-.01em}
.loc-detail{display:flex;gap:12px}
.loc-detail .li{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:rgba(1,90,255,.1);display:grid;place-items:center;color:var(--cyan-ink)}
.loc-detail h4{font-size:.98rem;font-weight:800;margin-bottom:2px}
.loc-detail p{font-size:.88rem;color:var(--lt-muted)}
.loc-card .btn{margin-top:auto}

/* ===== TESTIMONIAL cards ===== */
.t-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.t-grid.cols3{grid-template-columns:repeat(3,1fr);max-width:1080px;margin:0 auto}
.t-card{background:var(--lt-bg-2);border:1px solid var(--lt-line);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-lt);display:flex;flex-direction:column;gap:14px}
.t-stars{display:flex;gap:2px;color:#FFB800;font-size:1.05rem;letter-spacing:2px}
.t-quote{font-size:.96rem;color:var(--lt-ink);line-height:1.5;font-weight:600;flex:1}
.t-person{display:flex;align-items:center;gap:12px;margin-top:2px}
.avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:1rem;color:#fff;background:linear-gradient(135deg,#015AFF,#013a9e)}
.t-person .nm{font-size:.9rem;font-weight:800;color:var(--lt-ink);line-height:1.2}
.t-person .nm span{display:block;font-size:.78rem;font-weight:600;color:var(--lt-muted)}

/* ===== VIDEO testimonial cards ===== */
.v-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.v-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.v-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}}
.v-card{background:var(--lt-bg-2);border:1px solid var(--lt-line);border-radius:var(--radius);box-shadow:var(--shadow-lt);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .18s ease,box-shadow .2s ease}
.v-card:hover,.v-card:focus-visible{transform:translateY(-4px);box-shadow:0 26px 54px -22px rgba(15,40,70,.32);outline:none}
.v-thumb{position:relative;aspect-ratio:4/5;background:linear-gradient(135deg,#13293F,#0A1726);overflow:hidden}
.v-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.v-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,23,38,0) 42%,rgba(10,23,38,.82) 100%)}
.v-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .18s ease,background .18s ease}
.v-card:hover .v-play{transform:translate(-50%,-50%) scale(1.08);background:#fff}
.v-play svg{width:24px;height:24px;margin-left:3px;fill:var(--cyan-ink)}
.v-badge{position:absolute;top:12px;right:12px;z-index:2;font-size:.72rem;font-weight:800;color:#fff;background:rgba(10,23,38,.72);padding:4px 9px;border-radius:999px}
.v-name{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff}
.v-name b{display:block;font-size:.95rem;font-weight:800;line-height:1.2}
.v-name span{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.82)}
.v-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.v-body .t-stars{font-size:.95rem}
.v-quote{font-size:.9rem;color:var(--lt-ink);line-height:1.45;font-weight:600}

/* ===== VIDEO modal ===== */
.v-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
.v-modal.open{display:flex}
.v-modal-bg{position:absolute;inset:0;background:rgba(6,14,24,.86);backdrop-filter:blur(6px)}
.v-modal-inner{position:relative;z-index:1;height:min(86vh,760px);aspect-ratio:9/16;max-width:100%;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.v-modal-inner iframe{width:100%;height:100%;border:0;display:block}
.v-close{position:absolute;top:-16px;right:-16px;z-index:3;width:42px;height:42px;border-radius:50%;background:#fff;border:none;cursor:pointer;font-size:1.5rem;line-height:1;color:#0B1B2B;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.4);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
/* A round button only takes clicks inside the circle, so taps on the corners of the
   button box (and near-misses just outside it) fell through to the play/pause layer
   underneath instead of closing. This invisible disc pads the hit area out past the
   visual circle; it belongs to the button, so those clicks close the modal. */
.v-close::after{content:"";position:absolute;inset:-10px;border-radius:50%}
@media(max-width:560px){.v-close{top:8px;right:8px;width:38px;height:38px}.v-close::after{inset:-12px}}

/* ===== BONUS gift rows (alternating) ===== */
.gift-no{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#015AFF,#013a9e);padding:5px 12px;border-radius:999px}
.gift-by{font-size:.9rem;font-weight:700;color:var(--cyan-ink);margin-bottom:8px}
.gift-val{display:inline-block;margin-top:6px;font-weight:800;font-size:.85rem;color:#1A1402;background:var(--yellow);padding:4px 12px;border-radius:8px}

/* ===== SPONSORS ===== */
.sponsor-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:36px}

/* ===== GUARANTEE band ===== */
.guarantee{background:radial-gradient(700px 360px at 50% -5%,rgba(255,210,63,.16),transparent 65%),linear-gradient(180deg,rgba(10,23,38,.9),rgba(10,23,38,.94)),url('/assets/images/hero.jpg') center/cover no-repeat}
.guar-box{max-width:920px;margin:0 auto;position:relative;display:grid;grid-template-columns:auto 1fr;gap:38px;align-items:center;background:linear-gradient(135deg,var(--surface),var(--navy-2));border:1.5px solid rgba(255,210,63,.4);border-radius:26px;padding:44px 46px;overflow:hidden}
.guar-box::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,210,63,.04) 0 14px,transparent 14px 28px);pointer-events:none}
.seal{position:relative;width:168px;height:168px;flex-shrink:0;display:grid;place-items:center}
.seal svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 28s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.seal .seal-core{position:relative;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#FFE070,#FFC400);display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 14px 30px -10px rgba(255,196,0,.6),inset 0 -6px 16px rgba(180,120,0,.35)}
.seal .seal-core b{font-weight:900;font-size:4.6rem;color:#3a2c00;line-height:1;position:relative;top:-6px}
.seal .seal-core span{position:absolute;bottom:16px;font-weight:800;font-size:.62rem;letter-spacing:.18em;color:#5a4400}
.guar-copy h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900;margin-bottom:12px;position:relative;color:#fff}
.guar-copy h2 em{font-style:normal;color:var(--yellow)}
.guar-copy p{color:#D7E3EF;font-size:1.05rem;position:relative}

/* ===== FAQ ===== */
.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq{background:var(--lt-bg-2);border:1px solid var(--lt-line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-lt)}
.faq summary{cursor:pointer;list-style:none;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:700;font-size:1.02rem;color:var(--lt-ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1.5px solid #CBD6E2;display:grid;place-items:center;color:var(--cyan-ink);transition:transform .25s;font-size:1.1rem;line-height:1}
.faq[open] summary .ico{transform:rotate(45deg)}
.faq .ans{padding:0 22px 20px;color:var(--lt-muted);font-size:.96rem}

footer{background:var(--navy-2);border-top:1px solid var(--line);padding:38px 0;text-align:center;color:var(--muted-2);font-size:.84rem}
footer .logo-img{height:28px;margin:0 auto 14px}
footer a{color:var(--cyan)}

.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(10,23,38,.95);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:11px 16px calc(11px + env(safe-area-inset-bottom));display:none;align-items:center;justify-content:space-between;gap:14px;transform:translateY(110%);transition:transform .3s;color:var(--text)}
.sticky-cta.show{transform:translateY(0)}
.sticky-cta .sc-info b{display:block;font-size:.92rem}
.sticky-cta .sc-info span{font-size:.76rem;color:var(--muted)}

html.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
html.js .reveal.in{opacity:1;transform:none}

@media(max-width:920px){
  .split{grid-template-columns:1fr;gap:28px}
  .split.rev .split-media{order:0}
  .loc-grid,.bonus-grid,.t-grid,.t-grid.cols3{grid-template-columns:repeat(2,1fr)}
  .nav-links{display:none}
  .sticky-cta{display:flex}
  .guar-box{grid-template-columns:1fr;text-align:center;gap:24px;padding:38px 28px}
  .seal{margin:0 auto}
  .sponsor-row{flex-wrap:wrap;row-gap:20px}
  .hero::before{background:linear-gradient(180deg,rgba(8,20,34,.72),rgba(8,20,34,.92))}
  .hero{background-position:center top;min-height:auto}
  .hero-logo{max-width:340px}
}
@media(max-width:680px){
  .sec{padding:56px 0}.hero{padding:48px 0 56px}
  .loc-grid,.t-grid,.t-grid.cols3,.learn-grid{grid-template-columns:1fr}
  .eyebrow{border-radius:14px}
}
@media(max-width:920px) and (orientation:portrait){
  .hero-copy{max-width:none}
  .hero-logo{max-width:none}
}
@media(max-width:480px){
  .logo-img{height:24px}
  .nav-right .btn-sm{font-size:.76rem;padding:9px 14px}
}
/* ===== MOBILE BODY-COPY FLOOR =====
   Nothing a visitor is meant to read sits below 18px on a phone. Only reading
   copy is floored: paragraphs, bullet lists, quotes, FAQ text. UI chrome is
   deliberately left where it is - eyebrows, badges, stat and slot labels, nav,
   buttons, the sticky bar and the footer legal line are controls and captions,
   and growing them costs layout without buying legibility. Desktop keeps its
   own scale; 820px is where the generated apply pages already step type down. */
@media(max-width:820px){
  body{font-size:1.125rem}
  .sec-head p{font-size:1.125rem}
  .ready-list li{font-size:clamp(1.125rem,2vw,1.3rem)}
  .split-body p{font-size:1.125rem}
  .split-body .lead{font-size:1.2rem}
  .learn-grid li{font-size:1.125rem}
  .loc-detail p{font-size:1.125rem}
  .t-quote,.v-quote{font-size:1.125rem}
  .guar-copy p{font-size:1.125rem}
  .faq summary{font-size:1.125rem}
  .faq .ans{font-size:1.125rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}