@font-face{font-family:Titular;src:url(assets/titular.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:Texto;src:url(assets/texto.woff) format("woff");font-weight:400;font-display:swap}
:root{--ink:#101011;--coal:#19191a;--text:#f5f2ec;--muted:#c0bcb7;--line:#393738;--red:#ff382f;--signal:#e12721;--gold:#ffd66b;--display:Titular,'Arial Narrow',Impact,sans-serif;--sans:Texto,Arial,sans-serif;--mono:ui-monospace,'Courier New',monospace;--pad:clamp(22px,6vw,100px);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--ink);color:var(--text);font:16px/1.65 var(--sans);overflow-wrap:break-word}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}svg:not(.defs){width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.defs{position:absolute;width:0;height:0;pointer-events:none}.wrap{width:min(100%,1530px);padding-inline:var(--pad);margin-inline:auto}.skip{position:absolute;left:10px;top:8px;transform:translateY(-150%);background:#fff;color:#151515;padding:10px;z-index:20}.skip:focus{transform:none}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.top{background:#111112;border-bottom:1px solid #353233;position:relative;z-index:9}.navwrap,.nav,.nav-end,.top-contact,.footer-row{display:flex;align-items:center}.navwrap{min-height:81px;justify-content:space-between;gap:35px}.brand{display:inline-block;flex:none}.brand img{width:112px;height:auto}.nav{gap:clamp(22px,3vw,48px);margin-left:auto}.nav a,.top-contact{font:700 13px/1.3 var(--sans);letter-spacing:.015em}.nav a{color:#d5d2cf;padding:17px 0}.nav a:hover,.footer-row a:hover{color:var(--gold)}.nav-end{gap:12px}.top-contact{gap:15px;padding:12px 16px;border:1px solid #615658;background:linear-gradient(135deg,#232122,#171618)}.top-contact:hover{border-color:var(--red)}.top-contact svg{width:15px;height:15px}.menu{display:none;border:0;background:transparent}.hero{position:relative;isolation:isolate;overflow:hidden;background:#101010;border-bottom:2px solid #cc3029}.hero::after{content:"";height:1px;background:linear-gradient(90deg,transparent,#fc4035 28%,#e89e48 63%,transparent);position:absolute;bottom:0;left:0;right:0;z-index:4;box-shadow:0 -1px 11px #fa332b88}.hero-scene,.hero-shade,.hero-photo{pointer-events:none;position:absolute}.hero-scene{inset:0;z-index:-4;overflow:hidden}.gym,.flag{position:absolute;inset:0;background-position:50% 49%;background-size:cover;background-repeat:no-repeat}.gym{background-image:url(assets/ring.webp)}@media(prefers-reduced-motion:no-preference){.flag{background-image:url(assets/bandera-onda.webp)}}.hero-photo{z-index:-2;left:52%;width:42%;bottom:-3.2%;height:101%;display:flex;align-items:flex-end;justify-content:center}.hero-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:contrast(1.045) drop-shadow(-8px 0 10px #0004)}.hero-shade{inset:0;z-index:-1;background:linear-gradient(90deg,#0a0a0bec 0%,#0a0a0cdd 16%,#0c0c0da6 32%,#1010114d 45%,transparent 61%),linear-gradient(0deg,#0b0b0c96,transparent 18%)}.hero-inner{min-height:clamp(563px,44.4vw,681px);display:flex;align-items:center;position:relative;padding-block:47px 43px}.hero-copy{max-width:56%;position:relative}.kicker,.sample,.photo-credit small,.under,.quiz-position,.gallery-count,.cite{font:700 11px/1.45 var(--mono);letter-spacing:.115em;text-transform:uppercase}.kicker{display:flex;gap:10px;align-items:center;color:var(--gold);margin:0 0 23px}.kicker i{width:26px;height:2px;background:#ffbf37;box-shadow:0 0 9px #ffc5447a;flex-shrink:0}.hero-kicker b{color:#8b8069;margin:0 2px}.hero-kicker{font-size:10px;letter-spacing:.17em}.hero-kicker i{width:20px}
h1,h2,h3,h4,p,blockquote,figure{margin:0}h1,h2,h3,h4,.photo-credit span{font-family:var(--display);font-weight:700}h1,h2{text-transform:uppercase;letter-spacing:-.048em}.hero h1{font-size:clamp(82px,7.8vw,123px);line-height:.85;margin-left:-.035em;letter-spacing:-.052em;-webkit-text-stroke:.5px}.hero h1 span,.hero h1 em{display:block}h1 em,h2 em{font-style:normal;color:var(--red)}.hero h1 em{color:#fc372d}.hero-sub{font:700 clamp(19px,1.6vw,25px)/1.28 var(--sans);margin-top:23px;letter-spacing:-.045em}.hero-intro{max-width:395px;color:#d8d4d0;font-size:15px;line-height:1.6;margin:7px 0 24px}.cta,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-family:var(--sans);font-size:14px;font-weight:bold;line-height:1.35}.cta{padding:16px 23px;min-height:50px;border:1px solid transparent;transition:background .2s,box-shadow .2s,transform .2s}.cta:hover:not(:disabled){transform:translateY(-2px)}.cta.primary{background:#e72c25;color:white;border-color:#fb493e;box-shadow:0 0 19px #ff382f25}.cta.primary:hover:not(:disabled){background:#fb382d;box-shadow:0 0 22px #ff382f50}.cta svg,.text-link svg{width:19px;height:19px}.photo-credit{position:absolute;right:7.6%;bottom:34px;padding:2px 0 3px 13px;border-left:2px solid var(--gold);line-height:1.1;text-shadow:0 1px 8px #000,0 0 12px #000}.photo-credit span{display:block;font-size:22px;text-transform:uppercase;letter-spacing:.015em}.photo-credit small{display:block;color:#e1ddd6;font-size:9px;margin-top:3px}
.info-band{background:#1a1a1b;border-bottom:1px solid #323233}.band-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;padding-block:21px}.band-grid>a,.band-grid>div{display:flex;align-items:center;gap:16px}.band-grid>*+*{border-left:1px solid #444142;padding-left:clamp(16px,4.5vw,71px)}.band-grid svg{color:var(--gold);width:25px;height:25px;filter:drop-shadow(0 0 5px #ffca4c30)}.band-grid strong,.band-grid small{display:block}.band-grid strong{font:700 16px/1.3 var(--display);letter-spacing:.025em;text-transform:uppercase}.band-grid small{color:#bcb8b5;font-size:12px;margin-top:2px}.band-grid a:hover small{color:white}
.section{padding-block:clamp(68px,7.2vw,112px)}.split,.system-grid,.book-grid,.contact-grid{display:grid;align-items:center;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(40px,8.5vw,138px)}.section-copy{max-width:550px}.section-copy .kicker,.section-heading .kicker{margin-bottom:18px}.section h2,.book h2{font-size:clamp(51px,5.15vw,88px);line-height:.97;margin-left:-.025em}.section-copy>p:not(.kicker):not(.sample),.schedule{margin-top:18px;color:var(--muted);line-height:1.72;font-size:15.5px}.section-copy .lead,.section-copy>p.lead{font-size:clamp(20px,1.8vw,27px);line-height:1.35;letter-spacing:-.025em;color:var(--text);margin-top:22px}.story{background:radial-gradient(ellipse at 89% 17%,#242021 0,transparent 52%),#111112}.small-sign{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:14px;font-weight:bold}.small-sign img{border-radius:50%;object-fit:cover;clip-path:circle(47%);width:47px;height:47px}.small-sign small{display:block;font:11px var(--mono);color:#a7a29f;margin-top:1px}.gallery-wrap{width:100%;max-width:660px;min-width:0;justify-self:end}.gallery-stage{position:relative;isolation:isolate;perspective:900px;height:auto;aspect-ratio:1.6;overflow:hidden;touch-action:pan-y;--spread:51%;--tilt:33deg}.gallery-card{appearance:none;border:1px solid #69625e;background:#242221;position:absolute;inset:3% auto 3% 50%;padding:0;aspect-ratio:1;height:94%;transform:translateX(-50%) rotateY(0) scale(1);transition:transform .54s cubic-bezier(.2,.72,.25,1),filter .48s,opacity .48s;overflow:hidden;box-shadow:0 6px 22px #0007;filter:brightness(1);z-index:3;opacity:1;display:block}.gallery-card img{width:100%;height:100%;object-fit:cover}.gallery-card.prev{z-index:2;filter:brightness(.48) saturate(.8);transform:translateX(calc(-50% - var(--spread))) rotateY(var(--tilt)) scale(.78)}.gallery-card.next{z-index:2;filter:brightness(.5) saturate(.8);transform:translateX(calc(-50% + var(--spread))) rotateY(calc(0deg - var(--tilt))) scale(.78)}.gallery-card.gone{z-index:0;opacity:0;pointer-events:none;transform:translateX(-50%) translateZ(-260px) scale(.65)}.gallery-card.current{cursor:default}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 2px 0}.gallery-text{display:flex;gap:12px;align-items:center;min-width:0;font-size:13px;color:#d5cfca}.gallery-count{color:var(--gold);font-size:10px;letter-spacing:.055em;white-space:nowrap}.arrows{display:flex;gap:7px}.arrows button,.x-btn{width:40px;height:40px;display:grid;place-items:center;background:#181819;border:1px solid #504b4b}.arrows button:hover,.x-btn:hover{border-color:var(--gold);color:var(--gold)}.arrows svg{width:16px;height:16px}
.system{background:#1b1a1b;border-block:1px solid #393637}.system-grid{grid-template-columns:1.02fr 1fr;gap:clamp(35px,7vw,110px)}.system-image{position:relative}.system-image img{width:100%;height:auto;aspect-ratio:1.43;object-fit:cover}.system-image:after{content:"";position:absolute;left:0;bottom:0;width:24%;height:3px;background:var(--red);box-shadow:0 0 10px #f43a3266}.system blockquote{border-left:2px solid var(--red);padding:0 0 0 18px;font:700 clamp(22px,2.05vw,33px)/1.25 var(--display);margin-top:24px}.system cite{font:700 10px var(--mono);color:var(--gold);text-transform:uppercase;letter-spacing:.11em;display:block;margin-top:12px}.class-section{background:#111112}.text-link{color:var(--gold);gap:9px;margin-top:21px;border-bottom:1px solid #a17d38;padding:0 0 4px}.text-link:hover{color:#fff}.class-gallery .gallery-stage{aspect-ratio:1.43}.class-gallery .gallery-card{aspect-ratio:.86}.class-gallery .gallery-card img{object-position:center 48%}.modes{margin-top:58px}.modes-head,.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.modes h3{font-size:30px;line-height:1.1}.sample{color:#dec392;letter-spacing:.055em;font-size:10px}.book{background:#222021;border-block:1px solid #3b3838}.book-grid{gap:clamp(35px,7vw,108px);grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.book-photo{height:clamp(390px,38vw,555px);overflow:hidden}.book-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.book .section-copy{padding-block:36px}.book .sample{margin-top:16px}.book .book-excerpt{color:#ebe4da;border-left:2px solid #ac8442;padding-left:16px;font-size:15px}.outline{background:#151515;border-color:#716966;margin-top:24px}.outline:hover{border-color:white}.under{display:block;font-size:9px;letter-spacing:.06em;font-weight:400;color:#c3b6a2;margin-top:9px}
.section-heading{margin-bottom:34px}
.contact{background:radial-gradient(ellipse at 84% 80%,#302121 0,transparent 52%),#1b191a;border-top:1px solid var(--line)}.contact-grid{align-items:start;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,125px)}.location{display:flex;gap:13px;align-items:start;border-top:1px solid #454042;padding-top:24px;margin-top:28px}.location>svg{color:var(--gold);margin-top:4px}.location h3{font-size:23px;line-height:1.25}.location p,.section-copy .schedule{font-size:13px;color:#c6c0bd}.location .text-link{font-size:13px;margin-top:7px;gap:4px}.location .text-link svg{width:14px;height:14px}.section-copy .schedule{margin-top:12px}
.quiz{background:#121213;border:1px solid #514846;border-top:2px solid var(--red);padding:clamp(21px,3vw,42px);box-shadow:0 9px 28px #08080840}.quiz-position{color:var(--gold);font-size:10px;margin-bottom:9px}.progress{display:flex;gap:4px;margin-bottom:23px}.progress i{flex:1;height:3px;background:#383537}.progress .on{background:#ffbc49;box-shadow:0 0 5px #dca72a35}fieldset{padding:0;margin:0;border:0;min-width:0}legend,.quiz h3,.dialog-head+h3{font:700 clamp(26px,2.2vw,34px)/1.18 var(--display);padding:0;margin-bottom:17px;letter-spacing:-.02em}.radio{display:flex;align-items:center;position:relative;gap:11px;border:1px solid #484244;background:#212022;padding:10px 12px;line-height:1.4;font-size:14px;min-height:43px;margin-top:7px;cursor:pointer}.radio input{accent-color:#f84538;width:16px;height:16px;margin:0;flex:none}.radio:has(:checked){border-color:#e4ac58;background:#2d2522}.quiz-actions,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-actions{margin-top:20px;justify-content:flex-end}.quiz-actions .cta{padding:11px 16px;min-height:44px}.quiz-actions .back{margin-right:auto;background:none;border:0;color:#d1c8c3;font-size:13px;text-decoration:underline;padding:8px 0}.cta.primary:disabled{background:#383436;box-shadow:none;border-color:#4c4747;color:#b7b1ad}.quiz small{display:block;line-height:1.5;font-size:12px;color:#c5bbb4;margin-top:12px}.quiz label[for=message]{display:block;margin-bottom:7px;color:#e6dfd7;font-size:13px}.quiz textarea{width:100%;min-height:155px;resize:vertical;color:#f7eee8;background:#1d1c1d;border:1px solid #50494b;padding:11px;font-size:14px;line-height:1.6;border-radius:0}.quiz .result-note{font-size:13px;color:#d9c6a6;margin-top:10px}.quiz .status{color:var(--gold);font-size:13px;line-height:1.4;margin-top:9px}.quiz .status:empty{display:none}footer{background:#0d0d0e;border-top:1px solid #343031}.footer-row{justify-content:space-between;gap:20px;padding-block:24px;font-size:12px;color:#b5aca8}.footer-row .brand img{width:82px}.footer-row>a:last-child{display:inline-flex;align-items:center;gap:6px;color:#eee6df}.footer-row svg{width:13px;height:13px}dialog{padding:25px;color:var(--text);width:min(92vw,470px);border:1px solid #665653;border-top:2px solid var(--red);background:#1d1a1b}dialog::backdrop{background:#000b}.dialog-head{margin-bottom:20px}.dialog-head .kicker{margin:0}.dialog-head+h3{margin-bottom:9px}dialog p:last-child{font-size:14px;color:var(--muted)}.noscript{padding:20px;text-align:center;color:var(--gold)}
@media(min-width:1600px){.hero-photo{left:calc(50% + 30px);width:630px}}
@media(max-width:950px){.navwrap{gap:22px}.nav{gap:20px}.hero-copy{max-width:60%}.hero-photo{left:51%;width:49%}.photo-credit{right:5%;bottom:26px}.split,.system-grid,.book-grid,.contact-grid{gap:37px}.section-heading{align-items:start;flex-direction:column;gap:12px}.brand img{width:100px}}
@media(max-width:750px){:root{--pad:22px}.navwrap{min-height:65px;gap:12px}.brand img{width:90px}.nav-end{margin-left:auto;gap:7px}.top-contact{padding:9px 12px;font-size:12px;gap:8px}.menu{display:grid;place-items:center;width:41px;height:44px}.nav{display:none;position:absolute;left:0;right:0;top:100%;padding:8px var(--pad) 15px;background:#171617;border-bottom:1px solid #514647;margin:0}.nav.open{display:grid;gap:0}.nav a{padding:11px 1px;border-top:1px solid #312f30}.hero-inner{min-height:0;padding-top:clamp(188px,38vw,244px);padding-bottom:30px;align-items:flex-end}.hero-copy{max-width:100%}.hero-scene{bottom:auto;height:clamp(340px,72vw,470px)}.gym,.flag{background-position:69% 38%}.hero-photo{width:67%;left:auto;right:-.5%;top:8px;bottom:auto;height:clamp(298px,68vw,458px)}.hero-shade{background:linear-gradient(0deg,#101011 0%,#101011 26%,#101011ed 36%,#10101197 48%,transparent 68%),linear-gradient(90deg,#0c0c0dab 0%,#0c0c0d40 39%,transparent 72%)}.hero h1{font-size:clamp(65px,12vw,87px);line-height:.87}.hero-kicker{margin-bottom:13px;font-size:9px;letter-spacing:.085em;gap:7px;text-shadow:0 1px 5px #000}.hero-kicker i{width:18px}.hero-sub{font-size:19px;margin-top:18px}.hero-intro{font-size:14px;line-height:1.55;margin:7px 0 19px;max-width:360px}.hero .primary{font-size:13.5px;padding:14px 18px;min-height:48px}.photo-credit{display:none}.band-grid{padding-block:15px;grid-template-columns:1.28fr .85fr}.band-grid>div:last-child{display:none}.band-grid>a,.band-grid>div{gap:9px}.band-grid svg{width:19px;height:19px}.band-grid strong{font-size:14px}.band-grid small{font-size:10px;line-height:1.4}.band-grid>*+*{padding-left:14px}.section{padding-block:55px}.split,.book-grid,.system-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.section-copy{max-width:620px}.section-copy .kicker,.section-heading .kicker{margin-bottom:12px}.section h2,.book h2{font-size:clamp(48px,10.8vw,68px)}.section-copy>p:not(.kicker):not(.sample){font-size:14.5px;margin-top:13px}.section-copy>p.lead{font-size:21px}.small-sign{margin-top:18px}.gallery-wrap{justify-self:center;max-width:550px}.gallery-stage{aspect-ratio:1.45;--spread:46%}.gallery-tools{padding-top:8px}.gallery-text{gap:8px;font-size:12px}.arrows button{width:40px;height:40px}.system-image{grid-row:2;max-width:560px}.system-image img{aspect-ratio:1.64;object-position:center 39%}.system blockquote{margin-top:18px}.class-gallery .gallery-stage{aspect-ratio:1.35}.modes{margin-top:35px}.modes-head{display:block}.modes-head .sample{margin-top:6px}.book-grid{padding-block:32px;gap:23px}.book-photo{height:auto;aspect-ratio:1.2;max-height:410px}.book .section-copy{padding:0}.section-heading{margin-bottom:20px}.sample{line-height:1.55}.contact-grid{gap:24px}.contact .section-copy>.schedule{font-size:13px}.footer-row{flex-wrap:wrap;gap:9px 16px;padding-block:20px}.footer-row>span{order:3;flex-basis:100%;font-size:11px}.footer-row .brand img{width:71px}.book .kicker{margin-bottom:13px}.system .section-copy{grid-row:1}}
@media(max-width:360px){:root{--pad:16px}.hero-inner{padding-top:184px}.hero h1{font-size:61px}.hero-kicker{font-size:8px}.band-grid{grid-template-columns:1.3fr .8fr}.band-grid small{font-size:9px}.gallery-tools{align-items:flex-start}.gallery-text{flex-direction:column;align-items:flex-start;gap:2px}.quiz-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.flag{filter:none;display:none}}
.top .brand img{width:130px}
.hero::after{height:2px;right:36%;background:linear-gradient(90deg,#ff3f32 4%,#ff493b 38%,#ffa949 73%,transparent);box-shadow:none;filter:drop-shadow(0 0 5px #ff3f30)}
.photo-credit{box-shadow:-5px 0 12px -8px #ffd065}
.hero .primary{box-shadow:0 0 23px #ff302a45,inset 0 1px 0 #fb777047}
[data-gallery=historia] .gallery-card{aspect-ratio:707/568}
[data-gallery=historia] .gallery-stage{aspect-ratio:1.78}
@media(max-width:750px){.top .brand img{width:101px}[data-gallery=historia] .gallery-stage{aspect-ratio:1.67}}

/* Continuous light along the page and focused pools of light at section edges. */
:root {
  --tube-red: #ff5347;
  --tube-gold: #ffd463;
  --red-glow: #ff352d80;
  --gold-glow: #ffc44266;
}
.top::after, .info-band::after, .section::after, .book::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 1%, #ff6b56 9%, #fc342a 23%, #ff342a20 48%, #ffba4320 65%, #ffe188 84%, transparent 98%);
  filter: drop-shadow(0 0 3px #ff5d39b3) drop-shadow(0 0 9px #ff8f4055);
}
.top::after { height: 1px; }
.info-band, .section, .book { position: relative; }
.hero::after {
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #ff5c4d 3%, #ff352d 32%, #ff6e3f 58%, #ffe38b 80%, #ffbb4077 92%, transparent);
  box-shadow: 0 0 7px #ff3b32, 0 -3px 20px #ff572c80;
}
.hero h1 em { text-shadow: 0 0 11px #ff322b44, 0 0 36px #fb2c252e; }
.hero .primary, .quiz-actions .primary:enabled {
  box-shadow: inset 0 1px 0 #ffac8c80, 0 0 3px #ff6956aa, 0 0 14px #ff3b2c85, 0 0 34px #ff3b2c40;
}
.kicker i {
  background: #ffe5a1;
  box-shadow: 0 0 3px #ffe7aa, 0 0 8px #ffb936, 0 0 18px #f6a51b99;
}
.band-grid svg, .location>svg {
  filter: drop-shadow(0 0 3px #ffc84982) drop-shadow(0 0 9px #ffcc5455);
}
.section h2 em, .book h2 em {
  text-shadow: 0 0 11px #ff44373a, 0 0 28px #ff312723;
}
.story {
  background: radial-gradient(ellipse at 96% 74%,#ff302616,transparent 44%),
              radial-gradient(ellipse at 0% 0%,#ffcf5310,transparent 35%), #121213;
}
.system {
  background: radial-gradient(ellipse at 0 92%,#ff3c321a,transparent 55%), #1b191b;
}
.system-image::after {
  background: #ff8272; box-shadow: 0 0 5px #ff4637, 0 0 17px #ff332d;
}
.system blockquote {
  border-color: var(--tube-red);
  background: linear-gradient(90deg,#f5443010,transparent 67%);
}
.gallery-tools {
  border-bottom: 1px solid #ffbf444a;
  padding-bottom: 12px;
  background: radial-gradient(ellipse at 7% 112%,#ffaa3020,transparent 42%);
}
.arrows button:hover, .arrows button:focus-visible {
  box-shadow: 0 0 12px var(--gold-glow);
}
.class-section { background: radial-gradient(ellipse at 100% 67%,#ffbe3f0e,transparent 47%),#111112; }
.book {
  background: radial-gradient(ellipse at 15% 54%,#f65a3626,transparent 52%),
              radial-gradient(ellipse at 95% 98%,#d997381b,transparent 43%), #222021;
}
.book-photo { box-shadow: 0 0 0 1px #ffb56b36, 0 0 35px #ff443218; }
.outline {
  border-color: #c18a42; box-shadow: inset 0 0 14px #eb9d3410, 0 0 14px #ffb33226;
}
.outline:hover, .outline:focus-visible { border-color: var(--tube-gold); box-shadow: 0 0 16px var(--gold-glow); }
.contact {
  background: radial-gradient(ellipse at 94% 35%,#ef332721,transparent 49%),
              radial-gradient(ellipse at 1% 100%,#f5ae3420,transparent 48%), #1b191a;
}
.quiz { border-top-color:#ff7265; box-shadow:0 -3px 15px -6px #ff3e34cc, 0 0 32px #ff3a2b15, 0 9px 28px #08080840; }

/* Each class type is its own row at every viewport width. */
.mode-grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 23px; }
.mode-grid article {
  --accent: #ff6357;
  --ambient: #ff413014;
  display: flex; align-items: center; gap: clamp(16px,2.3vw,32px);
  min-height: 88px; padding: 20px clamp(17px,2.8vw,40px);
  border: 1px solid #453538; border-left: 3px solid var(--accent);
  background: linear-gradient(100deg,var(--ambient),transparent 68%),#1b191b;
  box-shadow: -6px 0 18px -12px var(--accent);
}
.mode-grid article:nth-child(2) { --accent: #ffd368; --ambient: #ffbd3813; border-color:#474034; border-left-color:var(--accent); }
.mode-icon { display: grid; place-items: center; flex-shrink: 0; width: 46px; height: 46px; border: 1px solid #ffffff20; border-radius: 50%; background:#161516; color:var(--accent); }
.mode-icon svg { width:23px; height:23px; filter:drop-shadow(0 0 5px var(--accent)); }
.mode-grid h4 { font-size: clamp(24px,2.2vw,32px); line-height: 1.15; }
.mode-grid p { color:var(--muted); font-size:15px; margin-top:4px; line-height:1.54; }

/* A readable stack of WhatsApp mockups, alongside the section title on wide screens. */
.feedback {
  background: radial-gradient(ellipse at 92% 26%,#a83a2520,transparent 51%),
              radial-gradient(ellipse at 5% 91%,#cc902514,transparent 44%), #141314;
}
.feedback>.wrap { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(30px,6vw,104px); align-items:start; }
.feedback .section-heading { position:sticky; top:35px; display:block; margin:0; }
.feedback .section-heading h2 { max-width:7.2em; }
.feedback .section-heading .sample { display:block; margin-top:20px; }
.messages { display:grid; grid-template-columns:minmax(0,1fr); gap:22px; width:100%; max-width:700px; }
.chat {
  border: 1px solid #5b5a4a; border-radius: 13px; overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:#13221e; box-shadow:0 9px 25px #0005;
}
.chat-head {
  display:flex; align-items:center; gap:11px; min-height:66px; padding:10px 18px 10px 14px;
  background:#075e54; color:#fff; box-shadow:0 2px 5px #0002; position:relative; z-index:1;
}
.chat-back { display:flex; align-items:center; color:#e5f4eb; }
.chat-back svg { width:19px; height:19px; stroke-width:2; }
.chat-avatar { display:grid; place-items:center; width:38px; height:38px; margin-left:-4px; flex:none; border-radius:50%; color:#58756a; background:#d2e2d7; }
.chat-avatar svg { width:27px; height:27px; stroke-width:1.7; }
.chat:nth-child(2) .chat-avatar {background:#d8dde8;color:#607083}
.chat:nth-child(3) .chat-avatar {background:#e7dbc6;color:#80694c}
.chat:nth-child(4) .chat-avatar {background:#dfd6df;color:#7b6175}
.chat-contact { display:grid; gap:2px; }
.chat-contact strong {font:600 18px/1.14 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#fff}
.chat-contact small {display:flex; align-items:center; gap:4px; font-size:12px; line-height:1.2; color:#d4f0e6}
.chat-contact small svg {width:12px;height:12px}
.chat-call {margin-left:auto;display:flex;gap:22px;align-items:center;color:#e6f5ed}
.chat-call svg {width:19px;height:19px}
.chat-body {
  padding:17px clamp(18px,2.3vw,32px) 25px; background-color:#eae3d7;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22186%22%20height%3D%22138%22%20viewBox%3D%220%200%20186%20138%22%20fill%3D%22none%22%20stroke%3D%22%23978a73%22%20stroke-opacity%3D%22.36%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cg%20transform%3D%22translate%2812%2014%29%20rotate%28-14%29%22%3E%3Cpath%20d%3D%22m0%207%2022-7-8%2018-4-8zM10%2010%2022%200%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate%2857%2014%29%20rotate%2812%29%22%3E%3Cpath%20d%3D%22M0%204h18v12H0zM4%204l2-3h6l2%203%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%223.4%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate%28113%2014%29%20rotate%2818%29%22%3E%3Cpath%20d%3D%22m5%200%202.4%205.1%205.4.7-3.9%203.8.9%205.4L5%2012.4.2%2015l1-5.4-4-3.8%205.5-.7z%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate%28151%206%29%20rotate%28-13%29%22%3E%3Cpath%20d%3D%22M0%2014V5l12-3v10M0%206l12-3%22%2F%3E%3Cellipse%20cx%3D%22-2.4%22%20cy%3D%2215.7%22%20rx%3D%222.8%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%229.6%22%20cy%3D%2213.5%22%20rx%3D%222.8%22%20ry%3D%222%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate%2832%2047%29%20rotate%2815%29%22%3E%3Cpath%20d%3D%22M-7%200h15v7a7%207%200%200%201-14%200zM8%201h2c6%200%204%207-2%207M-7%2014H9M-1-3c-2-1%201-2%200-4M4-3c-2-1%201-2%200-4%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate%2886%2051%29%20rotate%28-18%29%22%3E%3Cpath%20d%3D%22M0%202a7%207%200%200%201%2012-3%207%207%200%200%201%2012%203c0%206-8%2010-12%2013C8%2012%200%208%200%202z%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate%28139%2046%29%20rotate%2816%29%22%3E%3Cpath%20d%3D%22M0%205a9%209%200%200%201%2018%200v6M0%207h4v7H0zM14%207h4v7h-4z%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate%284%2087%29%20rotate%28-16%29%22%3E%3Cpath%20d%3D%22m0%202%2014-5-3%206%205%201-10%209%201-6z%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate%2848%2096%29%20rotate%289%29%22%3E%3Ccircle%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22M-4%202q4%206%208%200M-3-2h.3M3-2h.3%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate%2886%20100%29%20rotate%28-15%29%22%3E%3Cpath%20d%3D%22M0%200h18v11H8l-5%204v-4H0zM4%204h9M4%207h6%22%2F%3E%3C%2Fg%3E%0A%3Cg%20transform%3D%22translate%28139%2091%29%20rotate%2818%29%22%3E%3Cpath%20d%3D%22M0%200h11v14H0zM2-3h7v3M3%205h5M3%208h5%22%2F%3E%3C%2Fg%3E%0A%3Cpath%20d%3D%22m177%2035%203%202-2%203M53%2066l2%203m1-5%202%202M115%20121l3-2M18%20125l3%202M164%20112l3-1m-1-3%201%203M79%2035l2-2M119%2073q3%203%206%200M65%20122l2-2m0%205%202-2%22%2F%3E%0A%3C%2Fsvg%3E"); background-size:175px 130px;
}
.chat:nth-child(2n) .chat-body { background-position:47px 15px; }
.chat-tag {
  width:max-content; margin:0 auto 15px; padding:4px 10px; border-radius:7px;
  color:#465953; background:#fbfcf6; box-shadow:0 1px 2px #0002;
  font:500 11px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; letter-spacing:.015em;
}
.bubble {
  position:relative; width:fit-content; max-width:min(87%,500px); margin-left:2px;
  padding:10px 13px 8px; color:#16221d; background:#fff; border-radius:0 10px 10px 10px;
  box-shadow:0 1px 2px #2537293d; font-size:clamp(16px,1.3vw,19px); line-height:1.42;
}
.bubble::before {
  content:""; position:absolute; top:0; left:-7px; width:8px; height:10px; background:#fff;
  clip-path:polygon(0 0,100% 0,100% 100%);
}
.bubble time { display:inline-block; margin:3px 0 0 8px; float:right; color:#687871; font:11px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
.bubble::after { content:""; display:block; clear:both; }
@media(max-width:750px) {
  .feedback>.wrap { grid-template-columns:1fr; gap:22px; }
  .feedback .section-heading { position:static; }
  .feedback .section-heading h2 { max-width:none; }
  .feedback .section-heading .sample { margin-top:10px; }
  .messages { gap:17px; }
  .chat-head { min-height:58px; padding:8px 13px 8px 9px; gap:7px; }
  .chat-avatar { width:33px; height:33px; margin-left:-3px; }
  .chat-contact strong { font-size:16px; }
  .chat-call { gap:14px; }
  .chat-body { padding:13px 16px 20px; }
  .chat-tag { margin-bottom:12px; }
  .bubble { max-width:93%; }
  .mode-grid { gap:11px; margin-top:17px; }
  .mode-grid article { padding:16px 14px; gap:13px; }
  .mode-icon {width:38px;height:38px;}
  .mode-grid p {font-size:14px}
}