.why-page { background: #fff; overflow: hidden; }
.why-header { background: #fff; border-bottom: 1px solid #e6ecea; }
.why-header .active { color: var(--orange-dark); border-color: var(--orange); }
.why-hero { padding: 78px clamp(22px, 6vw, 92px) 95px; display: grid; grid-template-columns: 1.3fr .7fr; gap: 70px; align-items: end; background: linear-gradient(145deg, #f7f3ea 70%, #edf5f1); }
.why-title h1 { margin: 0; color: var(--navy); font-size: clamp(51px, 7vw, 92px); line-height: .95; letter-spacing: -.067em; }
.why-title h1 em, .problem-solution h2 em, .cycle-copy h2 em { color: var(--orange); font-family: Georgia, serif; font-weight: 400; }
.why-intro { padding-bottom: 10px; }
.why-intro p { color: var(--muted); font-size: 19px; line-height: 1.65; }
.why-intro a { display: inline-flex; gap: 30px; border-bottom: 1px solid var(--navy); font-weight: 800; font-size: 13px; }
.problem-solution { padding: 22px clamp(22px, 5vw, 76px) 100px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; background: #f7f3ea; }
.problem-solution article { min-height: 650px; padding: clamp(28px, 4vw, 54px); border-radius: 14px; }
.problem-card { color: white; background: var(--orange); }
.solution-card { color: white; background: var(--navy); }
.card-label { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.28); font-size: 12px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.problem-solution h2 { max-width: 610px; margin: 36px 0 17px; font-size: clamp(34px, 4vw, 53px); line-height: 1; letter-spacing: -.055em; }
.problem-card h2 em { color: #fff2cf; }
.solution-card h2 em { color: #ff9b6c; }
.problem-solution article > p { max-width: 610px; color: rgba(255,255,255,.75); font-size: 15px; }
.microbe-art { width: 150px; height: 150px; margin-top: 38px; position: relative; display: grid; place-items: center; border: 2px dashed rgba(255,255,255,.35); border-radius: 50%; }
.microbe-art strong { width: 75px; height: 75px; display: grid; place-items: center; background: white; color: var(--orange); border-radius: 44% 56% 50% 48%; font-size: 34px; }
.microbe-art i { position: absolute; width: 13px; height: 13px; border: 2px solid white; border-radius: 50%; }.microbe-art i:nth-child(1){top:12px;left:20px}.microbe-art i:nth-child(2){right:0;top:45px}.microbe-art i:nth-child(3){bottom:7px;left:38px}.microbe-art i:nth-child(4){left:-3px;top:78px}
.fact-pill { margin-top: 28px; padding: 16px 18px; display: flex; gap: 18px; align-items: center; background: rgba(121,22,0,.18); border-radius: 8px; }.fact-pill b{padding-right:18px;border-right:1px solid rgba(255,255,255,.3)}.fact-pill span{font-size:12px;color:#fff1e9}
.sms-preview { max-width: 440px; margin-top: 38px; padding: 18px; background: #fff; color: var(--ink); border-radius: 12px; box-shadow: 0 15px 35px rgba(0,0,0,.2); transform: rotate(-1deg); }
.sms-head { display:flex;align-items:center;gap:11px}.sms-head>span{width:36px;height:36px;display:grid;place-items:center;background:var(--orange);color:white;border-radius:50%;font-weight:900}.sms-head div{display:grid}.sms-head small{color:#829299;font-size:10px}.sms-preview>p{margin:14px 0 0;padding:12px;background:#eef4f1;border-radius:8px;font-size:13px;line-height:1.5}
.benefit-list { margin-top: 28px; display:flex;gap:8px;flex-wrap:wrap}.benefit-list span{padding:7px 11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#d3e3e6;font-size:11px}
.cycle-section { padding: 120px clamp(22px, 6vw, 92px); display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(60px, 8vw, 140px); align-items: center; background: #083646; color: white; }
.cycle-copy h2 { margin:0;font-size:clamp(44px,5.7vw,75px);line-height:.98;letter-spacing:-.06em}.cycle-copy>p:not(.eyebrow){margin:25px 0 34px;max-width:480px;color:#b9d0d5}.cycle-copy .orange-button{background:var(--orange)}
.cycle-wheel { position:relative;min-height:580px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.cycle-wheel:before{content:"";position:absolute;inset:21%;border:1px dashed rgba(255,255,255,.2);border-radius:50%}.cycle-center{position:absolute;inset:35%;display:grid;place-content:center;text-align:center;background:var(--orange);border-radius:50%;transform:rotate(-6deg);box-shadow:0 15px 40px rgba(0,0,0,.25)}.cycle-center span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.cycle-center strong{font-family:Georgia,serif;font-size:34px;font-style:italic}
.cycle-step{position:absolute;display:flex;gap:13px;align-items:center;width:220px;padding:13px 15px;background:#fff;color:var(--ink);border-radius:9px;box-shadow:0 10px 25px rgba(0,0,0,.2)}.cycle-step b{width:32px;height:32px;display:grid;place-items:center;flex:none;background:var(--mint);color:#13704d;border-radius:50%}.cycle-step h3{margin:0;font-size:14px}.cycle-step p{margin:1px 0 0;color:#71838a;font-size:10px}.step-one{top:0;left:50%;transform:translateX(-50%)}.step-two{right:-30px;top:50%;transform:translateY(-50%)}.step-three{bottom:0;left:50%;transform:translateX(-50%)}.step-four{left:-30px;top:50%;transform:translateY(-50%)}.arrow{position:absolute;color:#ff9c70;font-size:24px;font-weight:900}.a1{top:20%;right:15%}.a2{right:18%;bottom:22%}.a3{bottom:19%;left:17%}.a4{left:16%;top:23%}
.mission-strip{position:relative;padding:90px clamp(28px,10vw,160px);display:flex;align-items:center;gap:34px;background:#f7f3ea}.quote-mark{color:var(--orange);font-family:Georgia,serif;font-size:120px;line-height:.5}.mission-strip p{max-width:920px;margin:0;color:var(--navy);font-size:clamp(25px,3.2vw,42px);line-height:1.25;font-weight:750;letter-spacing:-.035em}.mission-tag{margin-left:auto;align-self:flex-end;color:var(--orange-dark);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.14em}
@media(max-width:900px){.why-hero,.problem-solution,.cycle-section{grid-template-columns:1fr}.problem-solution article{min-height:auto}.cycle-copy{max-width:700px}.cycle-wheel{margin:0 auto;width:min(100%,600px)}}
@media(max-width:620px){.why-hero{padding:58px 20px;gap:25px}.problem-solution{padding:14px 14px 70px}.problem-solution article{padding:28px 22px}.cycle-section{padding:80px 20px}.cycle-wheel{min-height:500px;border-radius:20px}.cycle-step{width:180px}.step-two{right:-5px}.step-four{left:-5px}.mission-strip{padding:70px 20px;align-items:flex-start}.quote-mark{font-size:70px}.mission-tag{display:none}}

/* Editorial treatment story hero */
.why-hero {
  min-height: 760px;
  padding: 76px clamp(30px, 6vw, 100px) 86px;
  grid-template-columns: minmax(410px, .82fr) minmax(580px, 1.18fr) 62px;
  gap: clamp(38px, 5vw, 82px);
  align-items: center;
  background:
    radial-gradient(circle at 5% 95%, rgba(242,106,46,.18), transparent 28%),
    linear-gradient(128deg, #fffaf0 0 49%, #f1eee5 49% 100%);
  border-bottom: 1px solid #d8e1dd;
}
.why-hero::after { content:""; position:absolute; top:0; bottom:0; left:49%; width:1px; background:rgba(6,45,59,.09); }
.why-title { position:relative; z-index:2; }
.why-title h1 { max-width:760px; font-size:clamp(58px,6vw,91px); line-height:.9; }
.why-title h1 em { display:block; padding-top:9px; }
.why-lede { max-width:590px; margin:30px 0 0; color:#526d76; font-size:17px; line-height:1.65; }
.why-actions { margin-top:34px; display:flex; align-items:center; gap:26px; }
.why-actions>a:last-child { display:inline-flex; gap:22px; border-bottom:1px solid var(--navy); font-size:12px; font-weight:850; }
.resistance-story { position:relative; z-index:2; min-height:580px; padding:24px; overflow:hidden; color:#fff; background:linear-gradient(150deg,#06394a,#041f29); border:1px solid rgba(255,255,255,.12); border-radius:30px 8px 30px 8px; box-shadow:0 35px 80px rgba(6,45,59,.24); }
.resistance-story::before { content:""; position:absolute; width:340px; height:340px; right:-120px; top:-140px; border:70px solid rgba(242,106,46,.09); border-radius:50%; }
.story-top { position:relative; z-index:1; padding:5px 4px 19px; display:flex; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.13); }
.story-top span { color:#ffae88; font-size:10px; font-weight:850; letter-spacing:.14em; }
.story-top strong { font:italic 16px Georgia,serif; color:#d8e9ec; }
.dose-progress { position:relative; z-index:1; padding:28px 0 34px; display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
.dose { position:relative; display:grid; justify-items:center; gap:7px; color:#8ca4ab; }
.dose:not(:last-child)::after { content:""; position:absolute; left:63%; top:16px; width:74%; border-top:1px dashed rgba(255,255,255,.18); }
.dose b { width:34px; height:34px; position:relative; z-index:1; display:grid; place-items:center; background:#173e49; border:1px solid #315a65; border-radius:50%; font-size:11px; }
.dose small { font-size:8px; white-space:nowrap; }
.dose.done b { background:#1a765a; border-color:#68c69e; color:white; }
.dose.done b::before { content:"✓"; position:absolute; font-size:12px; }
.dose.done b { font-size:0; }
.dose.current b { color:white; background:var(--orange); border-color:#ffb18d; box-shadow:0 0 0 7px rgba(242,106,46,.15); }
.dose.current small { color:#ffad85; font-weight:800; }
.resistance-choice { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.resistance-choice>div { min-height:245px; padding:20px; position:relative; overflow:hidden; border-radius:14px; }
.resistance-choice>div>span { display:block; margin-bottom:8px; font-size:9px; font-weight:900; letter-spacing:.14em; }
.resistance-choice>div>strong { display:block; max-width:160px; font-size:22px; line-height:1.05; }
.choice-stop { background:#f26a2e; color:white; }
.choice-stop>span { color:#ffe0d1; }.choice-finish>span { color:#79d1ae; }
.choice-finish { background:#f2f6f2; color:var(--navy); }
.germ-cloud { position:absolute; right:8px; bottom:7px; width:130px; height:130px; }
.germ-cloud i { position:absolute; width:32px; height:32px; background:#8d2e12; border:7px dotted #ffba9b; border-radius:44% 56% 51% 49%; animation:germMove 3s ease-in-out infinite; }
.germ-cloud i:nth-child(1){left:10px;top:35px}.germ-cloud i:nth-child(2){right:10px;top:9px;transform:scale(.7)}.germ-cloud i:nth-child(3){right:6px;bottom:8px;transform:scale(1.2)}.germ-cloud i:nth-child(4){left:40px;bottom:3px;transform:scale(.5)}.germ-cloud i:nth-child(5){left:58px;top:52px;transform:scale(.35)}
.finish-ring { width:115px; height:115px; position:absolute; right:12px; bottom:8px; display:grid; place-items:center; color:#16805a; border:1px dashed #6fc8a5; border-radius:50%; font-size:43px; box-shadow:inset 0 0 0 22px #dcefe7; }
.story-alert { position:relative; z-index:1; margin-top:13px; padding:15px; display:flex; gap:12px; align-items:center; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.1); border-radius:9px; }
.story-alert>span { width:30px; height:30px; display:grid; place-items:center; flex:none; background:#ff986a; color:#5d210d; border-radius:50%; font-weight:900; }
.story-alert p { margin:0; color:#aac1c7; font-size:11px; line-height:1.45; }.story-alert strong{color:white}
.why-side-note { align-self:stretch; padding:14px 0; display:flex; flex-direction:column; align-items:center; justify-content:space-between; border-left:1px solid #cbd6d3; color:#6c7e83; writing-mode:vertical-rl; }
.why-side-note span { color:var(--orange); font:italic 18px Georgia,serif; }.why-side-note p{margin:0;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
@keyframes germMove { 0%,100%{margin:0} 50%{margin-top:-7px;transform:rotate(18deg) scale(.9)} }
@media(max-width:1100px){.why-hero{grid-template-columns:1fr;}.why-hero::after,.why-side-note{display:none}.resistance-story{width:100%;max-width:760px}.why-title{max-width:780px}}
@media(max-width:650px){.why-hero{padding:55px 18px}.why-title h1{font-size:55px}.why-actions{align-items:flex-start;flex-direction:column}.resistance-story{min-height:auto;padding:15px;border-radius:20px 6px}.dose-progress{overflow-x:auto}.dose{min-width:48px}.resistance-choice{grid-template-columns:1fr}.resistance-choice>div{min-height:200px}}

/* Supplied germ imagery */
.germ-cloud { width:150px; height:145px; right:-5px; bottom:-3px; overflow:hidden; border-radius:50%; }
.germ-cloud img { width:285px; height:145px; max-width:none; object-fit:cover; object-position:left center; filter:drop-shadow(0 8px 15px rgba(0,0,0,.22)); animation:germImageFloat 3.4s ease-in-out infinite; }
.microbe-art { width:180px; height:180px; overflow:hidden; border:0; background:rgba(255,255,255,.12); box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); }
.microbe-art img { width:350px; height:180px; max-width:none; object-fit:cover; object-position:left center; animation:germImageSpin 12s linear infinite; }
@keyframes germImageFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(4deg) scale(1.04)}}
@keyframes germImageSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.germ-cloud img,.microbe-art img{animation:none!important}}

/* Character-led treatment cycle */
.why-hero { grid-template-columns:minmax(410px,.82fr) minmax(580px,1.18fr); }
.realistic-treatment { overflow:hidden; padding:0; background:#fff; border:0; box-shadow:0 12px 25px rgba(6,45,59,.12); }
.realistic-treatment img { width:230px; height:115px; max-width:none; object-fit:cover; transform:translateX(-50%); }
.character-cycle { min-height:610px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:36px; background:radial-gradient(circle at 50% 50%,rgba(242,106,46,.14),transparent 29%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); box-shadow:inset 0 0 80px rgba(21,132,145,.08); }
.character-cycle::before { inset:11%; border:1px dashed rgba(123,224,184,.22); animation:trackSpin 24s linear infinite; }
.character-cycle::after { content:""; position:absolute; inset:23%; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 34px rgba(255,255,255,.015); animation:trackSpin 18s linear infinite reverse; }
.character-cycle .cycle-center { z-index:3; inset:auto; left:50%; top:50%; width:190px; height:190px; padding:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border-radius:50%; transform:translate(-50%,-50%); animation:coreBreathe 4s ease-in-out infinite; }
.character-cycle .cycle-center img { width:88px; height:88px; flex:none; object-fit:cover; object-position:left center; border:4px solid rgba(255,255,255,.65); border-radius:50%; box-shadow:0 9px 22px rgba(0,0,0,.2); }
.character-cycle .cycle-center span { margin-top:7px; font-size:8px; }
.character-cycle .cycle-center strong { font:700 16px/1.05 Inter,Arial,sans-serif; }
.character-cycle .cycle-step { z-index:4; width:255px; min-height:126px; padding:13px; display:grid; grid-template-columns:72px 30px 1fr; gap:9px; border:1px solid rgba(255,255,255,.75); }
.character-cycle .cycle-step > b { align-self:center; width:28px; height:28px; }
.character-cycle .cycle-step h3 { font-size:13px; }
.character-cycle .cycle-step p { font-size:9px; }
.cycle-character { position:relative; width:70px; height:88px; display:grid; place-items:center; align-self:center; background:linear-gradient(#dff1e9,#fff); border:1px solid #cfe4da; border-radius:35px 35px 18px 18px; box-shadow:inset 0 -10px 18px rgba(22,128,90,.06); }
.person { position:relative; width:58px; height:80px; transform-origin:50% 92%; }
.person .head { position:absolute; z-index:4; left:13px; top:4px; width:34px; height:34px; background:#a85f3f; border-radius:48% 48% 45% 45%; box-shadow:inset 0 -4px 0 rgba(84,35,22,.08); }
.person .head::before { content:""; position:absolute; left:2px; right:2px; top:-2px; height:11px; background:#123f4d; border-radius:18px 18px 6px 6px; transform:rotate(-3deg); }
.person .eyes { position:absolute; left:8px; top:16px; width:4px; height:4px; background:#092e39; border:0; border-radius:50%; box-shadow:14px 0 #092e39; }
.person .mouth { position:absolute; left:11px; top:24px; width:12px; height:6px; display:block; background:transparent; border:0; border-bottom:2px solid #71301f; border-radius:50%; box-shadow:none; }
.person .detail { position:absolute; display:none; }
.person .torso { position:absolute; z-index:2; left:10px; top:36px; width:40px; height:36px; background:#0b5264; border-radius:16px 16px 9px 9px; box-shadow:inset 0 -6px 0 rgba(0,0,0,.08); }
.person .arm { position:absolute; z-index:3; top:42px; width:9px; height:28px; background:#a85f3f; border-radius:8px; transform-origin:50% 4px; }
.person .arm-left { left:8px; transform:rotate(18deg); }
.person .arm-right { right:8px; transform:rotate(-18deg); }
.state-germ { position:absolute; z-index:6; right:-3px; top:4px; width:13px; height:13px; background:var(--orange); border:3px dotted #ffd2bd; border-radius:50%; animation:germSatellite 2.2s ease-in-out infinite; }
.character-sick .person { animation:sickShiver .65s ease-in-out infinite; }
.character-sick .head { box-shadow:inset 0 -4px 0 rgba(84,35,22,.08),8px 12px 0 -7px #e2573f,-8px 12px 0 -7px #e2573f; }
.character-sick .mouth { top:27px; border:0; border-top:2px solid #71301f; }
.character-sick .detail { display:block; right:-5px; top:13px; width:6px; height:9px; background:#65bfe8; border-radius:70% 30% 55% 45%; transform:rotate(18deg); animation:sweatDrop 1.3s ease-in infinite; }
.character-sick .arm-left { left:15px; top:48px; transform:rotate(-48deg); }.character-sick .arm-right { right:15px; top:48px; transform:rotate(48deg); }
.character-better .person { animation:betterBounce 2s ease-in-out infinite; }
.character-better .torso { background:#1a8a61; }
.character-better .mouth { height:7px; border-bottom:3px solid #71301f; }
.character-better .arm-left { left:7px; top:39px; transform:rotate(145deg); animation:waveLeft 1.2s ease-in-out infinite; }.character-better .arm-right { right:7px; top:39px; transform:rotate(-145deg); animation:waveRight 1.2s ease-in-out infinite; }
.character-better .state-germ { opacity:.38; transform:scale(.65); }
.character-stops .person { animation:stopTurn 2.8s ease-in-out infinite; }
.character-stops .torso { background:var(--orange); }
.character-stops .mouth { width:10px; height:1px; top:27px; border:0; border-top:2px solid #71301f; border-radius:0; }
.character-stops .arm-right { right:4px; top:44px; transform:rotate(-68deg); }
.medicine-prop { position:absolute; z-index:7; right:-7px; top:47px; width:18px; height:24px; background:#fff; border:2px solid #e85c27; border-radius:3px 3px 5px 5px; box-shadow:0 4px 8px rgba(6,45,59,.18); animation:medicineMovesAway 2.8s ease-in-out infinite; }
.medicine-prop::before { content:""; position:absolute; left:2px; right:2px; top:-7px; height:6px; background:#e85c27; border-radius:3px 3px 1px 1px; }
.medicine-prop i,.medicine-prop i::after { position:absolute; left:7px; top:4px; width:2px; height:13px; content:""; background:#e85c27; transform:rotate(45deg); }.medicine-prop i::after{left:0;top:0;transform:rotate(90deg)}
.character-returns .person { animation:relapseSway 1.8s ease-in-out infinite; }
.character-returns .head { background:#b85e46; box-shadow:0 0 0 4px rgba(235,82,54,.15); }
.character-returns .mouth { top:27px; border:0; border-top:2px solid #71301f; }
.character-returns .torso { background:#564b72; transform:rotate(7deg); }
.character-returns .arm-left { left:17px; top:26px; transform:rotate(-64deg); }.character-returns .arm-right { right:5px; transform:rotate(8deg); }
.fever-waves { position:absolute; z-index:7; left:5px; top:-5px; width:58px; height:18px; }
.fever-waves i { position:absolute; width:3px; height:12px; border-radius:4px; background:#ee654a; animation:heatRise 1.4s ease-out infinite; }.fever-waves i:nth-child(1){left:11px}.fever-waves i:nth-child(2){left:28px;animation-delay:.35s}.fever-waves i:nth-child(3){right:10px;animation-delay:.7s}
.character-cycle .step-one { top:28px; left:28px; transform:none; animation:storyCardFloat 4s ease-in-out infinite; }
.character-cycle .step-two { top:28px; right:28px; transform:none; animation:storyCardFloat 4s .8s ease-in-out infinite; }
.character-cycle .step-three { bottom:28px; left:auto; right:28px; transform:none; animation:storyCardFloat 4s 1.6s ease-in-out infinite; }
.character-cycle .step-four { bottom:28px; left:28px; top:auto; transform:none; animation:storyCardFloat 4s 2.4s ease-in-out infinite; }
@keyframes trackSpin{to{transform:rotate(360deg)}}
@keyframes coreBreathe{0%,100%{transform:translate(-50%,-50%) scale(.96)}50%{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 20px 55px rgba(242,106,46,.35)}}
@keyframes germSatellite{0%,100%{transform:translate(0,0) scale(.8)}50%{transform:translate(8px,-8px) scale(1.15)}}
@keyframes sickShiver{0%,100%{transform:translateX(-1px) rotate(-2deg)}50%{transform:translateX(2px) rotate(2deg)}}
@keyframes sweatDrop{0%{opacity:0;transform:translateY(-4px) rotate(18deg)}40%{opacity:1}100%{opacity:0;transform:translateY(10px) rotate(18deg)}}
@keyframes betterBounce{0%,100%{transform:translateY(1px)}50%{transform:translateY(-7px)}}
@keyframes waveLeft{0%,100%{transform:rotate(145deg)}50%{transform:rotate(175deg)}}
@keyframes waveRight{0%,100%{transform:rotate(-145deg)}50%{transform:rotate(-175deg)}}
@keyframes stopTurn{0%,100%{transform:rotate(0) translateX(0)}50%{transform:rotate(-8deg) translateX(-3px)}}
@keyframes medicineMovesAway{0%,100%{transform:translateX(0) rotate(0);opacity:1}50%{transform:translateX(10px) rotate(12deg);opacity:.35}}
@keyframes relapseSway{0%,100%{transform:rotate(-5deg) translateY(2px)}50%{transform:rotate(6deg) translateY(5px)}}
@keyframes heatRise{0%{opacity:0;transform:translateY(7px) scaleY(.5)}45%{opacity:1}100%{opacity:0;transform:translateY(-8px) scaleY(1.2)}}
@keyframes storyCardFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}
@media(max-width:1100px){.why-hero{grid-template-columns:1fr}.character-cycle{max-width:780px}}
@media(max-width:720px){.character-cycle{min-height:auto;padding:18px;display:grid;gap:12px}.character-cycle::before,.character-cycle::after{display:none}.character-cycle .cycle-center{position:relative;left:auto;top:auto;transform:none;margin:0 auto 10px;animation:none}.character-cycle .cycle-step{position:relative;inset:auto!important;width:100%;animation:none}.cycle-character{height:66px}}
@media(prefers-reduced-motion:reduce){.character-cycle::before,.character-cycle::after,.character-cycle .cycle-center,.cycle-character *,.character-cycle .cycle-step{animation:none!important}}