/* Nova Era material system. Web interpretation of Apple's public Liquid Glass
   guidance; this is not an Apple SDK or an official Apple web component. */
:root {
  --glass-edge: rgb(210 230 255 / .16);
  --glass-highlight: rgb(231 247 255 / .2);
  --glass-fill: rgb(18 40 73 / .66);
  --glass-shadow: 0 16px 44px rgb(0 6 23 / .24);
  --glass-inset: inset 0 .5px .5px rgb(236 249 255 / .2);
  --text: #f5f8ff;
  --muted: #b8c9e0;
  --panel: #0c213d;
  --line: #355476;
  background: #040b17;
}
body {
  isolation: isolate;
  background:
    radial-gradient(ellipse 75% 700px at 80% 1150px, #0e4e9466, transparent 80%),
    radial-gradient(ellipse 60% 850px at 5% 3250px, #0f428666, transparent 80%),
    radial-gradient(ellipse 80% 800px at 95% 5750px, #12649d44, transparent 80%),
    radial-gradient(ellipse 70% 900px at 5% 8500px, #124f8c55, transparent 80%),
    #040b17;
  color: var(--text);
}
body:before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: url('assets/grain.svg') repeat; opacity: .045; }
html { scroll-padding-top: 120px; }
::selection { background: #1c73b5; color: #fff; }
p { color: var(--muted); }
.wrap { max-width: 1280px; }
main { overflow: clip; }
.section-heading h2 { letter-spacing: -.045em; }
.section-heading > p:not(.eyebrow) { color: #b8c9e0; }
.eyebrow { color: #8ad9ff; }
em { background-image: linear-gradient(115deg, #a4e6ff, #43bfff 48%, #3988ff); }

/* Navigation floats above the artwork and scrolling content. */
.header {
  position: fixed; top: 18px; left: 50%; transform: translateX(-50%);
  width: calc(100% - 64px); max-width: 1250px; height: 78px;
  margin: 0; padding: 0 16px 0 28px; gap: 20px; z-index: 50;
  border: 1px solid var(--glass-edge); border-radius: 999px;
  background: linear-gradient(125deg, #d6e7ff0a, transparent 60%), rgb(9 23 42 / .7);
  -webkit-backdrop-filter: blur(26px) saturate(160%);
  backdrop-filter: blur(26px) saturate(160%);
  box-shadow: var(--glass-inset), 0 12px 36px #0003;
}
.brand img { width: 172px; height: auto; }
.header nav { gap: 3px; align-items: center; color: #d5e3f3; }
.header nav a { padding: 11px 15px; border-radius: 999px; transition: background .2s, color .2s; }
.header nav a:hover, .header nav a[aria-current=location] { color: #fff; background: rgb(196 225 255 / .13); }

/* Tinted and neutral lenses share the same optical edge. */
.button, .menu, .close, .text-button, .content-filters button,
.free-resource > div > button, .calc-controls fieldset button, #pause-coins {
  position: relative; isolation: isolate; border-radius: 999px;
  border: 1px solid var(--glass-edge);
  color: #f5f9ff; min-height: 46px;
  background: linear-gradient(130deg, #e0efff09, transparent 60%), rgb(42 61 85 / .35);
  -webkit-backdrop-filter: blur(16px) saturate(155%);
  backdrop-filter: blur(16px) saturate(155%);
  box-shadow: var(--glass-inset), 0 7px 20px #0002;
  transition: background .22s, box-shadow .22s, border-color .22s, transform .22s;
}
.button {
  background: linear-gradient(135deg, #b1dcff14, transparent 70%), rgb(0 96 211 / .93);
  border-color: rgb(172 213 255 / .3); min-height: 54px; padding: 15px 27px;
  font-size: 14px; font-weight: 600; text-shadow: 0 1px 2px #00284b66;
  box-shadow: inset 0 .5px .5px #e8f6ff55, 0 5px 18px #00193933;
}
.button.ghost { background: #c4e1ff0e; border-color: #d6eaff29; color: #f5f9ff; box-shadow: var(--glass-inset), 0 8px 22px #0002; }
.button.small { padding: 12px 21px; min-height: 46px; font-size: 12px; }
.button:hover, .menu:hover, .close:hover, .text-button:hover,
.free-resource > div > button:hover, #pause-coins:hover {
  transform: translateY(-2px); border-color: #c4e9ffad;
  box-shadow: inset 0 .5px .5px #effbff55, 0 6px 24px #0003;
}
.button:active, .menu:active, .text-button:active, .close:active { transform: scale(.98); }
.text-button { padding: 10px 20px; font-size: 13px; line-height: 1.6; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 3px solid #95e3ff; outline-offset: 5px;
}
.hero-immersive { min-height: 820px; padding: 150px 0 70px; background: transparent; }
.hero-immersive .hero-art { mask-image: linear-gradient(#000 72%, transparent 100%); }
.hero-immersive .hero-copy { width: 76%; max-width: 1060px; }
.hero-immersive h1 { font-size: clamp(52px,5.3vw,76px); font-weight: 600; }
.hero-immersive .intro { color: #cad9ed; max-width: 590px; }
.hero-immersive .hero-art:after { background: radial-gradient(ellipse 48% 65% at 50% 43%, #040b17eb 12%, #040b17ad 55%, #040b1733 83%, transparent 100%); }
.hero .actions { gap: 14px; margin-top: 31px; }
.hero .hero-note { color: #afc5e0; }

/* Content uses quieter, thicker material; controls retain the clearest lens. */
.reality-grid article, .comparison-grid article, .testimonial-grid figure,
.confidence-grid article, .editorial-card, .free-resource, .mini-calculator,
#topic-panel, .audience-panel, .faq-list details, .footer {
  border: 1px solid rgb(179 207 238 / .12);
  background: rgb(13 30 50 / .66);
  border-radius: 28px;
  box-shadow: inset 0 .5px 0 rgb(220 241 255 / .08);
}
.coin-section { padding-top: 80px; }
.coin-marquee { padding: 25px 0; }
.coin-item { gap: 14px; }
.marquee-footer { margin-top: 10px; }
.marquee-footer p { color: #adbfda; }
#pause-coins { font-size: 11px; text-decoration: none; padding: 8px 16px; }
.reality-grid { gap: 22px; }
.reality-grid article { padding: 30px 26px; text-align: center; }
.reality-grid p { color: #b4c8e0; }
.tiny-label { color: #9dcef5; }
.standalone { max-width: 780px; color: #b8c9e0; }
.section-dark, .method, .section-brand, .testimonials { background: transparent; }
.consulting { background: transparent; }
.audience-panel { padding: 36px; gap: 46px; }
.audience-panel h3 { font-size: clamp(28px,2.7vw,35px); }
.audience-panel > div > p:not(.eyebrow), .benefit-list { color: #bfd0e5; }
.audience-art { border-radius: 22px; background: #05152a; box-shadow: inset 0 0 0 1px #b7dfff16; }
.image-tag { background: #07172ad9; border-color: #b4dcff33; border-radius: 999px; color: #cfe6fa; letter-spacing: .08em; }

/* Shared segmented selection lens, measured from the actual active control. */
.audience-tabs, .content-filters, .topic-buttons {
  position: relative; isolation: isolate;
  border: 1px solid #b6dfff30;
  background: #b7d4ff06;
  box-shadow: inset 0 .5px 0 #e5f7ff1a, 0 8px 24px #0001;
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
}
.audience-tabs { border-radius: 999px; padding: 7px; max-width: 880px; }
.audience-tabs button { border-radius: 999px; min-height: 48px; color: #bfd1e9; }
.audience-tabs button[aria-selected=true], .topic-buttons button[aria-selected=true], .content-filters button[aria-pressed=true] {
  color: #fff; background: #bcdcff16;
  border-color: #d5edff33; box-shadow: inset 0 .5px .5px #e4f6ff33, 0 3px 10px #0002;
}
.audience-tabs button, .content-filters button { display: flex; align-items: center; justify-content: center; text-align: center; }
.audience-tabs button { flex: 1 1 0; min-width: 0; }
.topic-buttons button { display: flex; flex-direction: column; justify-content: center; }
.button, .menu, .text-button, .close, .calc-controls fieldset button { display: inline-flex; align-items: center; justify-content: center; text-align: center; }
.menu { display: none; }
#consultoria .section-heading h2 em { display: block; }
.content-filters { width: max-content; max-width: 100%; margin-left: auto; margin-right: auto; padding: 6px; border-radius: 999px; gap: 3px; }
.content-filters button { background: none; border-color: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; font-size: 12px; padding: 11px 20px; }
.topic-layout { grid-template-columns: 245px minmax(0,1fr); gap: 24px; }
.topic-buttons { padding: 8px; border-radius: 28px; height: max-content; --lens-radius: 21px; gap: 6px; }
.topic-buttons button { border-radius: 21px; padding: 20px 18px; min-height: 92px; }
.topic-buttons button span { color: #dbeaff; }
.topic-buttons button small { color: #a7c0dc; }
#topic-panel { padding: 29px; gap: 30px; min-width: 0; }
.topic-visual { border-radius: 20px; background: #06172e; }
.topic-copy h3 { font-size: 27px; }
.topic-copy > p:not(.eyebrow):not(.question-label) { color: #bfd0e4; }
.topic-copy blockquote { color: #d3e3f6; }
.topic-copy .text-button { margin-top: 22px; }
.method { background: transparent; }
.method-rows { gap: 68px; }
.method-row { gap: 64px; }
.method-picture { border-radius: 24px; }
.method-explanation > p:not(.eyebrow) { color: #bfd0e5; }
.comparison-grid { gap: 24px; }
.comparison-grid article { padding: 38px; }
.comparison-grid .comparison-feature { background: #0e2c4d99; border-color: #86caff33; }
.comparison-grid ul { color: #c0d3e9; }
.section-brand { background: transparent; }
.section-brand .mini-calculator { background: #10264199; border-color: #b2dfff26; border-radius: 32px; box-shadow: inset 0 .5px 0 #ccecff1a; padding: 36px; gap: 38px; }
.section-brand .calc-results { background: #07192bb3; border-color: #9dc9ec21; border-radius: 24px; box-shadow: none; }
.calc-entry input, dialog input, dialog select, dialog textarea {
  border: 1px solid #b7dfff3d; border-radius: 18px; background: #03132699;
  box-shadow: inset 0 2px 5px #0003, 0 1px 0 #d2edff1a; color: #f3f9ff;
}
.calc-entry input:focus, dialog input:focus, dialog select:focus, dialog textarea:focus { background: #071e36; border-color: #9edbffb3; }
.calc-entry input { min-height: 58px; }
.calc-entry.compact input { min-height: 52px; border-radius: 999px; }
.section-brand .calc-controls fieldset button { background: #d0e7ff09; border: 1px solid #a4cbed26; border-radius: 999px; padding: 11px 17px; min-height: 46px; color: #deecfa; box-shadow: var(--glass-inset); }
.section-brand .calc-controls fieldset button[aria-pressed=true] { background: #0864c4; border-color: #a9e2ff44; color: #fff; box-shadow: inset 0 .5px .5px #e3faff33; }
.evidence input[type=range] { height: 8px; background: linear-gradient(to right, #59cbff var(--range-progress,5%), #25425f var(--range-progress,5%)); box-shadow: inset 0 1px 3px #0005, 0 1px 0 #daf3ff1f; margin: 30px 0 34px; }
.evidence input[type=range]::-webkit-slider-thumb { width: 27px; height: 27px; border: 1px solid #d2eeff99; background: #d5ebfb; box-shadow: 0 2px 7px #0004; }
.evidence input[type=range]::-moz-range-thumb { width: 25px; height: 25px; border: 1px solid #d2eeff99; background: #d5ebfb; box-shadow: 0 2px 7px #0004; }
.evidence output { color: #a0e1ff; }
.section-brand #scenario-insight { background: #24557a4d; color: #d4e8fa; border-radius: 18px; padding: 18px; }
.confidence-grid { gap: 22px; }
.confidence-grid article { padding: 30px 24px; }
.confidence-grid p { color: #b9cce4; }
.confidence-grid h3 { font-size: 24px; }
.testimonial-grid figure { padding: 30px; }
.testimonial-grid blockquote { color: #dce8f7; }
.editorial-grid { gap: 26px; }
.editorial-card { padding: 14px 14px 25px; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.editorial-card:hover { border-color: #95d9ff77; box-shadow: inset 0 1px 0 #e3f8ff44, 0 12px 35px #0003; }
.editorial-art { border-radius: 18px; width: 100%; }
.editorial-card > :not(.editorial-art) { margin-left: 12px; margin-right: 12px; }
.editorial-card .read { margin-top: auto; padding-top: 20px; color: #99dcff; }
.editorial-card p:not(.eyebrow) { margin-bottom: 10px; color: #b8cce5; }
.free-resource { padding: 35px; background: #0c203cb3; }
.free-resource > div > button { border-radius: 22px; padding: 24px; }
.free-resource b { color: #a6e3ff; }
.free-resource > p:last-child { color: #abc2dd; }
.faq-list { max-width: 880px; }
.faq-list details { padding: 0 27px; margin-bottom: 13px; border-radius: 24px; }
.faq-list details[open] { border-color: #aadfff66; background: linear-gradient(120deg, #397cad22, transparent), #102945b3; }
.faq-list summary { padding: 23px 0; color: #edf6ff; font-weight: 500; }
.faq-list summary:after { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: #d8f0ff14; border: 1px solid #c0e3ff30; font-size: 22px; line-height: 1; color: #d6efff; }
.faq-list details p { color: #bfd1e6; }
.closing { position: relative; padding-top: 100px; padding-bottom: 85px; }
.closing:before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 50% 80%, #1769ad40, transparent 70%); pointer-events: none; }
.closing .button { min-width: 250px; }
.instagram-link { color: #a3c6e7; }
.footer { max-width: 1184px; margin: 0 auto 24px; padding: 42px; border-radius: 32px; background: #10223a99; }
.footer-top { align-items: center; gap: 35px; }
.footer-top > p { color: #c1d5eb; max-width: 240px; }
.footer-top > div { gap: 5px 18px; color: #d0dfef; font-size: 12px; }
.footer-top > div a, .footer-top > div button { min-height: 44px; display: flex; align-items: center; }
.footer-top > div a:hover, .footer-top > div button:hover { color: #9ce0ff; }
.footer-bottom { padding-top: 28px; border-top: 1px solid #b9ddff1f; margin-top: 28px; color: #a7bfda; }
.footer-bottom p { color: #a9bfd7; font-size: 10px; }
dialog, #article-dialog {
  border-radius: 32px; border: 1px solid #b2dcff55;
  background: #0a1d32eb;
  -webkit-backdrop-filter: blur(30px) saturate(140%); backdrop-filter: blur(30px) saturate(140%);
  box-shadow: var(--glass-inset), 0 30px 120px #0009; padding: 38px;
}
dialog::backdrop { background: #020914a6; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.close { min-height: 44px; padding: 10px 20px; color: #f4f9ff; }
dialog label, dialog label > span { color: #c7d9ed; }
dialog select option { background: #0b223e; color: #fff; }
.form-progress { border-radius: 999px; overflow: hidden; background: #03162b; padding: 5px; border: 1px solid #b3dfff33; }
.form-progress span { border-radius: 999px; }
.form-progress { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.form-progress span { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 34px; padding: 7px 10px; font-size: 11px; }
.form-progress .active { background: linear-gradient(120deg, #a6dbff38, #0d5da677); color: #fff; box-shadow: inset 0 1px 0 #def6ff66; }
.reader-body { color: #d2e1f3; }
.reader-body .callout { border-radius: 20px; background: #23507955; border-color: #a0d8ff55; }
.toast { border-radius: 999px; background: #13304ae8; border: 1px solid #a8d7ff66; backdrop-filter: blur(20px); color: #fff; box-shadow: var(--glass-inset), 0 12px 35px #0005; }

@media (min-width: 851px) and (max-width: 1100px) {
  .header { width: calc(100% - 32px); padding-left: 22px; gap: 12px; }
  .header nav a { padding: 10px; }
  .brand img { width: 145px; }
  .header-contact { padding-left: 15px; padding-right: 15px; }
  .topic-layout { grid-template-columns: 215px minmax(0,1fr); }
  #topic-panel { grid-template-columns: 1fr; text-align: center; }
  .topic-visual { max-width: 300px; width: 100%; margin: auto; height: 230px; }
  .topic-copy .text-button { margin-left: auto; margin-right: auto; }
}
@media (max-width: 850px) {
  .header { top: 12px; width: calc(100% - 32px); height: 70px; padding: 0 12px 0 24px; }
  .brand img { width: 158px; }
  .header-contact { display: none; }
  .menu { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; font-size: 13px; }
  .header nav { display: none; }
  .header nav.open { display: flex; position: absolute; top: calc(100% + 12px); left: 0; right: 0; flex-direction: column; align-items: stretch; padding: 12px; border-radius: 28px; border: 1px solid #c5e5ff55; background: linear-gradient(120deg, #b9dfff15, transparent), #0b2038f5; backdrop-filter: blur(28px); box-shadow: var(--glass-inset), 0 15px 40px #0005; gap: 5px; }
  .header nav a { text-align: center; padding: 14px 20px; font-size: 15px; }
  .audience-panel { padding: 28px; gap: 30px; }
  .topic-layout { grid-template-columns: 1fr; }
  .topic-buttons { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; }
  .topic-buttons button { text-align: center; padding: 14px 7px; min-height: 85px; }
  .topic-buttons button span { font-size: 13px; }
  .topic-buttons button small { font-size: 10px; }
  .footer { margin-left: 24px; margin-right: 24px; padding: 32px; }
}
@media (max-width: 600px) {
  .wrap { padding-left: 22px; padding-right: 22px; }
  .header { width: calc(100% - 24px); height: 66px; padding: 0 10px 0 22px; }
  .brand img { width: 145px; }
  .menu { min-height: 44px; padding: 10px 18px; }
  .hero-immersive { min-height: 780px; padding: 115px 0 50px; }
  .hero-immersive .hero-copy { width: 100%; padding: 0 27px; }
  .hero-immersive h1 { font-size: clamp(36px,10.3vw,43px); line-height: 1.12; }
  .hero-immersive .hero-art:after { background: radial-gradient(ellipse 80% 65% at 50% 45%, #040b17f5 7%, #040b17d6 50%, #040b1777 76%, transparent); }
  .hero-immersive .intro { font-size: 15px; line-height: 1.8; max-width: 310px; }
  .hero-immersive .eyebrow { font-size: 8px; }
  .hero .actions { gap: 12px; margin-top: 29px; }
  .hero-immersive .actions .button { max-width: 270px; width: 100%; font-size: 13px; min-height: 54px; }
  .hero .hero-note { font-size: 10px; }
  .section-heading h2 { font-size: clamp(31px,8.8vw,36px); }
  .coin-section { padding-top: 60px; }
  .marquee-footer { gap: 10px; }
  .marquee-footer p { font-size: 10px; }
  .reality-grid article { padding: 29px 23px; }
  .audience-tabs { border-radius: 25px; padding: 5px; gap: 2px; --lens-radius: 20px; }
  .audience-tabs button { border-radius: 20px; padding: 12px 5px; min-height: 70px; font-size: 11px; line-height: 1.55; }
  .audience-panel { padding: 25px 20px; border-radius: 28px; }
  .audience-panel h3 { font-size: 29px; }
  .audience-art { height: 280px; }
  .benefit-list { font-size: 14px; }
  .image-tag { font-size: 8px; padding: 10px 7px; left: 10px; right: 10px; }
  .topic-buttons { grid-template-columns: 1fr 1fr; border-radius: 28px; }
  .topic-buttons button { min-height: 82px; }
  .topic-buttons button span { font-size: 13px; }
  .topic-buttons button small { font-size: 10px; }
  #topic-panel { padding: 22px; border-radius: 28px; }
  .topic-copy .text-button { max-width: 100%; padding: 11px 18px; font-size: 12px; }
  .method-row { gap: 28px; }
  .method-rows { gap: 60px; }
  .method-explanation > p:not(.eyebrow) { font-size: 14px; }
  .comparison-grid article { padding: 30px 24px; }
  .section-brand .mini-calculator { padding: 25px 18px; border-radius: 28px; margin: 0; gap: 28px; }
  .section-brand .calc-controls h3 { font-size: 26px; }
  .section-brand .calc-controls label { font-size: 13px; }
  .section-brand .calc-controls fieldset { gap: 6px; }
  .section-brand .calc-controls fieldset button { padding: 10px 12px; font-size: 11px; }
  .section-brand .calc-controls legend { font-size: 12px; }
  .section-brand .calc-results { padding: 28px 16px; }
  .section-brand .calc-cost span { font-size: 12px; }
  .section-brand .result-line > span { font-size: 13px; }
  .section-brand .result-line small { font-size: 10px; }
  .confidence-grid { gap: 20px; }
  .confidence-grid article { padding: 30px 25px; }
  .testimonial-grid figure { padding: 29px 25px; }
  .content-filters { width: 100%; border-radius: 26px; display: grid; grid-template-columns: 1fr 1fr; --lens-radius: 20px; padding: 6px; gap: 4px; }
  .content-filters button { padding: 11px 8px; font-size: 11px; border-radius: 20px; }
  .editorial-grid { gap: 22px; }
  .editorial-card { padding: 12px 12px 27px; }
  .editorial-card h3 { font-size: 25px; }
  .editorial-card p:not(.eyebrow) { font-size: 14px; }
  .editorial-card .read { font-size: 13px; }
  .free-resource { padding: 27px 20px; }
  .free-resource > div > button { min-height: 62px; border-radius: 20px; padding: 18px; }
  .free-resource > p:last-child { font-size: 11px; }
  .free-resource b, .free-resource span { font-size: 12px; }
  .faq-list details { border-radius: 23px; padding: 0 20px; }
  .faq-list summary { padding: 21px 0; font-size: 14px; gap: 18px; align-items: center; }
  .faq-list details p { font-size: 13px; }
  .closing { padding-top: 75px; padding-bottom: 65px; }
  .closing .button { font-size: 14px; }
  .footer { margin: 0 14px 14px; padding: 32px 24px; border-radius: 28px; }
  .footer-top { flex-direction: column; text-align: center; }
  .footer-top > p { max-width: 260px; font-size: 14px; }
  .footer-top > div { gap: 4px 19px; font-size: 12px; }
  .footer-top > div a, .footer-top > div button { justify-content: center; text-align: center; }
  .footer-bottom { margin-top: 24px; padding-top: 24px; text-align: center; }
  .footer-bottom p, .footer-bottom > span { font-size: 10px; }
  dialog, #article-dialog { width: calc(100% - 24px); max-height: 92dvh; padding: 26px 22px; border-radius: 28px; }
  dialog h2, #article-dialog h2 { font-size: 32px; }
  dialog input, dialog select, dialog textarea { font-size: 16px; border-radius: 16px; }
  dialog .button { white-space: normal; font-size: 13px; }
  .toast { border-radius: 22px; }
}
@media (hover: none) { .button:hover, .text-button:hover, .menu:hover, .close:hover { transform: none; } }
@media (prefers-reduced-motion: reduce) { .liquid-segmented:before { transition: none; } .button, .menu, .text-button, .close { transition: none; } }
@media (prefers-reduced-transparency: reduce) {
  .header, .header nav.open, .button.ghost, .menu, .close, .text-button, .audience-tabs, .topic-buttons, .content-filters, dialog, #article-dialog, .toast { background-color: #112a44; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .button { background-color: #075eae; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .header, .header nav.open, .audience-tabs, .topic-buttons, .content-filters, dialog, #article-dialog { background-color: #0c2038; }
}
@media (prefers-contrast: more) {
  :root { --muted: #e0eaff; --glass-edge: #bde6ff; }
  .header, .button, .menu, .close, .text-button, dialog { border-color: #cdeaff; }
  p, .section-heading > p:not(.eyebrow) { color: #dfeaff; }
}
@media (forced-colors: active) {
  .liquid-segmented::before { display: none; }
  [aria-selected=true], [aria-pressed=true] { outline: 2px solid Highlight; }
  em { -webkit-text-fill-color: currentColor; background: none; }
}

/* Sentence-level headline breaks requested for these sections. */
.coin-section h2 em,.testimonials h2 em,.editorial h2 em,.faq h2 em { display: block; }
.learner-questions .testimonial-grid article { border: 1px solid #b9dfff1f; border-radius: 28px; background: #10223a66; padding: 31px 26px; text-align: center; }
.learner-questions .testimonial-grid h3 { font-size: 25px; line-height: 1.3; margin-bottom: 18px; }
.learner-questions .testimonial-grid p { font-size: 14px; line-height: 1.85; }
.coin-marquee:hover .coin-track { animation-play-state: paused; }
html:not(.keyboard-navigation) :is(button,a,input,select,textarea,summary):focus-visible { outline: none!important; }
html.keyboard-navigation :is(button,a,input,select,textarea,summary):focus-visible { outline: 2px solid #86cfff!important; outline-offset: 3px; }

/* A deeper blue gradient behind the social contacts, with one fine glass edge. */
.footer { background: radial-gradient(ellipse at 12% 0,#49b8ff36,transparent 65%),linear-gradient(125deg,#123f6bc7,#0a1e36c7 55%,#0f3866b3); border-color: #8ed2ff3b; box-shadow: inset 0 .5px .5px #d9f3ff33,0 18px 50px #0002; backdrop-filter: blur(24px) saturate(155%); }
.footer .footer-top { display: grid; grid-template-columns: 1fr .8fr 1.25fr; align-items: center; gap: 28px; }
.footer .footer-top > .footer-identity { display: block; text-align: center; }
.footer-identity > a { display: block; }
.footer .footer-identity img { width: 185px; height: auto; max-width: 100%; margin: auto; display: block; }
.footer-identity p { color: #b9d3ec; font-size: 13px; margin-top: 20px; }
.footer-nav { display: flex; flex-direction: column; gap: 4px; align-items: center; }
.footer-nav a,.footer-nav button { min-height: 44px; display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 8px 12px; color: #d4e6f7; }
.footer .footer-top > .footer-social { display: flex; flex-direction: column; gap: 6px; width: 100%; max-width: 280px; justify-self: center; }
.footer .social-contact { display: flex; align-items: center; gap: 14px; border: 0; border-radius: 0; background: transparent; color: #f1f5fa; padding: 10px 0; width: 100%; min-height: 58px; text-align: left; }
.footer a.social-contact:hover { background: transparent; color: #fff; }
.social-logo { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 0; }
.instagram-logo { background: transparent; }
.whatsapp-logo { background: transparent; }
.footer .social-logo img { display: block; width: 25px; height: 25px; max-width: none; margin: 0; }
.social-contact strong { display: block; font-size: 13px; font-weight: 600; line-height: 1.4; }
.social-contact small { display: block; font-size: 10px; color: #adc8e1; margin-top: 5px; overflow-wrap: anywhere; }
.footer .social-contact:disabled { opacity: 1; cursor: default; }
.footer .footer-top .footer-social .social-contact { justify-content: flex-start; text-align: left; }
.footer-bottom { gap: 24px; }
@media(max-width:850px) { .footer .footer-top { grid-template-columns: 1fr; text-align: center; gap: 27px; } .footer-nav { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 2px 8px; } }
@media(max-width:600px) { .learner-questions .testimonial-grid article { padding: 29px 24px; } .footer .social-contact { min-height: 58px; } }
@media(prefers-reduced-transparency:reduce) { .footer { backdrop-filter: none; background: radial-gradient(ellipse at 0 0,#195488,transparent 70%),#0b2441; } }

/* The editorial cover itself keeps a fixed photographic ratio at every width. */
.editorial-art { height: auto; aspect-ratio: 3/2; overflow: hidden; background: #08192d; }
.editorial-art img { width: 100%; height: 100%; object-fit: cover; padding: 0; }
.editorial-card img[src*=capa-] { object-fit: cover; object-position: center; padding: 0; }