:root{
  --ink:#0b2630;
  --ink-2:#123f3b;
  --ink-3:#1b5f52;
  --sand:#f4eddf;
  --paper:#fff9ee;
  --mist:#dbeee7;
  --aqua:#72d3c4;
  --sun:#f1c44c;
  --coral:#e65a48;
  --sky:#8fdbe6;
  --line:rgba(11,38,48,.16);
  --line-dark:rgba(255,255,255,.16);
  --shadow:0 1.5rem 4rem rgba(11,38,48,.12);
  --radius-sm:.75rem;
  --radius-md:1.35rem;
  --radius-lg:2.2rem;
  --container:88rem;
  --gutter:clamp(1.1rem,3.6vw,4rem);
  --space-1:.5rem;
  --space-2:.8rem;
  --space-3:1rem;
  --space-4:1.5rem;
  --space-5:2.2rem;
  --space-6:3.2rem;
  --space-7:4.6rem;
  --space-8:6.5rem;
  --font-display:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
  --font-body:"Aptos","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html.has-modal{overflow:hidden}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.67;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}
button,input,select,textarea{font:inherit}
button{color:inherit}
figure{margin:0}
p{margin:0 0 1.1rem}
h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600;line-height:.98;letter-spacing:-.035em}
h1{font-size:clamp(3.2rem,6vw,5.8rem)}
h2{font-size:clamp(2.15rem,4.2vw,4.1rem)}
h3{font-size:clamp(1.45rem,2.2vw,2.1rem)}
strong,b{font-weight:720}
.shell{inline-size:min(calc(100% - (2 * var(--gutter))),var(--container));margin-inline:auto}
.section{padding-block:clamp(4.3rem,7vw,7rem)}
.skip-link{position:fixed;inset-inline-start:1rem;inset-block-start:1rem;z-index:1000;transform:translateY(-180%);background:var(--paper);padding:.75rem 1rem;border-radius:.65rem}
.skip-link:focus{transform:none}
.eyebrow{margin:0 0 1rem;color:var(--coral);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.small-note{font-size:.9rem;opacity:.75}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.8rem 1.25rem;border-radius:999rem;text-decoration:none;font-weight:800;letter-spacing:.01em;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-.12rem)}
.button-primary{background:var(--coral);color:#fff;border:.08rem solid var(--coral)}
.button-outline{border:.08rem solid var(--ink);background:transparent}
.button-ghost{border:.08rem solid rgba(255,255,255,.45);color:#fff}
.text-link{font-weight:800;text-decoration:none;border-bottom:.08rem solid currentColor;padding-bottom:.15rem}
.topbar{background:var(--ink);color:#d9eee8;font-size:.82rem}
.topbar-inner{display:flex;gap:1rem;justify-content:space-between;align-items:center;min-height:2.65rem}
.topbar a{text-decoration:none;color:#fff;font-weight:700}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.2rem;position:relative;z-index:20}
.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}
.brand-mark{display:grid;place-items:center;inline-size:2.7rem;block-size:2.7rem;border-radius:.8rem;background:var(--ink-2);color:var(--sun);font-family:var(--font-display);font-size:1.45rem;font-weight:800}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}
.brand-copy b{font-family:var(--font-display);font-size:1.35rem}
.brand-copy small{margin-top:.3rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.62}
.site-nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem;list-style:none;margin:0;padding:0}
.site-nav a{display:block;padding:.7rem .78rem;border-radius:.8rem;text-decoration:none;font-size:.89rem;font-weight:720}
.site-nav a:hover{background:rgba(11,38,48,.07)}
.nav-toggle{display:none;border:.08rem solid var(--ink);background:transparent;border-radius:999rem;padding:.65rem 1rem;font-weight:800}
.hero,.page-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,4vw,5rem);align-items:center;padding-block:clamp(3rem,6vw,6rem) clamp(4rem,7vw,7rem)}
.hero-copy,.page-hero>div{max-width:42rem}
.hero h1 em{display:block;color:var(--ink-3);font-weight:500}
.hero-lead,.page-hero p{margin-top:1.5rem;max-width:40rem;font-size:clamp(1.05rem,1.4vw,1.25rem);color:rgba(11,38,48,.78)}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:2rem}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin:2.4rem 0 0}
.hero-facts div{border-top:.08rem solid var(--line);padding-top:.75rem}
.hero-facts dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.58}
.hero-facts dd{margin:.25rem 0 0;font-weight:800}
.hero-media,.page-hero figure{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--ink);box-shadow:var(--shadow)}
.hero-media img,.page-hero figure img{inline-size:100%;aspect-ratio:8/5;object-fit:cover}
.hero-media figcaption{position:absolute;inset-inline:1.2rem;inset-block-end:1.2rem;display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;align-items:center;background:rgba(7,29,39,.84);color:#fff;padding:.9rem 1rem;border-radius:1rem;backdrop-filter:blur(.7rem)}
.hero-media figcaption span{grid-row:1/3;font-family:var(--font-display);font-size:1.8rem;color:var(--sun)}
.hero-media figcaption b{line-height:1}
.hero-media figcaption small{opacity:.75}
.signal-strip{background:var(--ink-2);color:#fff}
.signal-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem}
.signal-grid span{padding:1.1rem .6rem;text-align:center;border-inline-end:.08rem solid var(--line-dark);font-size:.76rem;text-transform:uppercase;letter-spacing:.11em}
.intro-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);align-items:start}
.intro-copy{font-size:1.15rem;max-width:42rem}
.media-story,.resource-story,.progress-layout,.reference-layout,.support-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,4vw,5rem);align-items:center}
.media-story.reverse figure{order:2}
.media-story figure,.resource-story figure,.progress-layout figure,.reference-photo{overflow:hidden;border-radius:var(--radius-lg);background:var(--ink);box-shadow:var(--shadow)}
.media-story figure img,.resource-story figure img,.progress-layout figure img,.reference-photo img{inline-size:100%;aspect-ratio:3/2;object-fit:cover}
.media-story-copy,.resource-copy,.progress-copy{max-width:39rem}
.number-list{display:grid;gap:.75rem;margin:1.6rem 0 2rem}
.number-list span{display:flex;align-items:center;gap:.85rem;padding:.8rem 0;border-bottom:.08rem solid var(--line)}
.number-list b{font-family:var(--font-display);font-size:1.45rem;color:var(--coral)}
.control-lab{background:var(--ink);color:#fff}
.control-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding-block:clamp(4.5rem,7vw,7rem)}
.control-copy .eyebrow{color:var(--sun)}
.control-copy p{color:rgba(255,255,255,.76)}
.control-tabs{display:flex;gap:.6rem;margin:1.5rem 0 1rem}
.control-tabs button,.filter-bar button{border:.08rem solid currentColor;background:transparent;border-radius:999rem;padding:.55rem .9rem;font-weight:800;cursor:pointer}
.control-tabs button.is-active{background:var(--sun);color:var(--ink);border-color:var(--sun)}
.control-panel{padding:1rem 1.15rem;border:.08rem solid var(--line-dark);border-radius:1rem;margin-bottom:1.3rem}
.control-panel strong{color:var(--sun);letter-spacing:.12em}
.control-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.control-media-grid figure{overflow:hidden;border-radius:var(--radius-md);background:#143943}
.control-media-grid img{aspect-ratio:9/6.5;object-fit:cover}
.check-list{display:grid;gap:.75rem;padding:0;margin:1.4rem 0 1.8rem;list-style:none}
.check-list li{position:relative;padding-inline-start:1.7rem}
.check-list li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.62rem;inline-size:.65rem;block-size:.65rem;border-radius:50%;background:var(--coral)}
.reference-band{background:#e8dfcf}
.reference-photo figcaption{padding:.85rem 1rem;background:var(--paper);font-size:.78rem;line-height:1.45}
.reference-photo figcaption a{font-weight:800}
.process-list{display:grid;gap:1rem;padding:0;margin:1.6rem 0 2rem;list-style:none}
.process-list li{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1rem 0;border-bottom:.08rem solid var(--line)}
.process-list li>span{font-family:var(--font-display);font-size:1.45rem;color:var(--coral)}
.process-list p{margin:.25rem 0 0;color:rgba(11,38,48,.72)}
.process-list.compact{margin-top:1rem}
.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}
.section-head>p{max-width:34rem}
.library-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.2rem}
.library-grid>figure{border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}
.library-grid>figure img{inline-size:100%;block-size:100%;object-fit:cover}
.library-list{display:grid;border-top:.08rem solid var(--line)}
.library-list a{display:grid;grid-template-columns:5rem 1fr auto;gap:1rem;align-items:center;padding:1.2rem .3rem;border-bottom:.08rem solid var(--line);text-decoration:none}
.library-list span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);font-weight:800}
.library-list i{font-style:normal;font-size:1.4rem}
.reviews-section{background:var(--ink-2);color:#fff;padding-block:clamp(4.5rem,7vw,7rem)}
.section-head.inverse .eyebrow{color:var(--sun)}
.section-head.inverse>p{color:rgba(255,255,255,.72)}
.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.review-card{display:flex;flex-direction:column;min-height:17rem;padding:1.35rem;border:.08rem solid var(--line-dark);border-radius:var(--radius-md);background:rgba(255,255,255,.06)}
.review-card>span{font-family:var(--font-display);font-size:3rem;color:var(--sun);line-height:.7}
.review-card p{margin-top:1rem;color:rgba(255,255,255,.84)}
.review-card footer{margin-top:auto;display:flex;flex-direction:column}
.review-card small{opacity:.62}
.trust-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,7rem)}
.trust-copy{font-size:1.06rem}
.faq-preview{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.faq-mini,.faq-full{display:grid;gap:.75rem}
.faq-mini details,.faq-full details{border-top:.08rem solid var(--line);padding:1rem .2rem}
.faq-mini details:last-child,.faq-full details:last-child{border-bottom:.08rem solid var(--line)}
summary{cursor:pointer;font-weight:800}
details p{padding-top:.8rem;color:rgba(11,38,48,.75)}
.final-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--ink);color:#fff;margin-block:2rem 5rem;padding:clamp(2rem,4vw,4rem);border-radius:var(--radius-lg);overflow:hidden}
.final-cta .eyebrow{color:var(--sun)}
.final-cta p{max-width:40rem;color:rgba(255,255,255,.74)}
.final-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.page-hero{padding-block:clamp(2.8rem,5vw,5rem) clamp(3.5rem,6vw,6rem)}
.page-hero h1{font-size:clamp(3rem,5.2vw,5.4rem)}
.article-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);gap:clamp(2rem,6vw,7rem);align-items:start}
.article-main{max-width:48rem}
.article-main h2{font-size:clamp(2rem,3vw,3.25rem);margin:2.4rem 0 1rem}
.side-card{position:sticky;inset-block-start:1.4rem;padding:1.4rem;border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow)}
.side-card span{display:block;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--coral);font-weight:800}
.side-card b{display:block;font-family:var(--font-display);font-size:1.6rem;line-height:1.05;margin:.7rem 0}
.callout{margin:2rem 0;padding:1.2rem 1.3rem;border-inline-start:.35rem solid var(--sun);background:#eaf2dd;border-radius:0 1rem 1rem 0}
.callout p{margin:.4rem 0 0}
.checklist-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,5vw,6rem)}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.check-grid span{padding:1rem;border:.08rem solid var(--line);border-radius:1rem;background:rgba(255,255,255,.28)}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.compare-card{padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow)}
.compare-card.dark{background:var(--ink-2);color:#fff}
.compare-card span{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--coral)}
.compare-card.dark span{color:var(--sun)}
.compare-card h2{font-size:clamp(2rem,3.3vw,3.25rem);margin:.7rem 0 1rem}
.compare-card ul{padding-inline-start:1.1rem}
.triad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.triad-grid article{padding:1.4rem;border-top:.25rem solid var(--coral);background:rgba(255,255,255,.32);border-radius:0 0 var(--radius-md) var(--radius-md)}
.triad-grid span{font-family:var(--font-display);font-size:2.1rem;color:var(--coral)}
.triad-grid h2{font-size:2.1rem;margin:.5rem 0}
.progress-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.progress-stages article{padding:1.2rem;border:.08rem solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.3)}
.progress-stages span{font-size:.68rem;letter-spacing:.12em;color:var(--coral);font-weight:800}
.progress-stages h2{font-size:1.8rem;margin:.6rem 0}
.error-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.5rem 0}
.error-grid div{padding:1rem;border-radius:1rem;background:#e9f1df}
.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem}
.filter-bar button.is-active{background:var(--ink);color:#fff}
.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.note-grid article{display:flex;flex-direction:column;min-height:15rem;padding:1.3rem;border:.08rem solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.32)}
.note-grid article[hidden]{display:none}
.note-grid span{font-size:.68rem;letter-spacing:.13em;color:var(--coral);font-weight:800}
.note-grid h2{font-size:1.7rem;margin:.7rem 0}
.note-grid .text-link{margin-top:auto;align-self:flex-start}
.faq-full{max-width:58rem;margin-inline:auto}
.faq-full details{padding:1.2rem .3rem}
.faq-full summary{font-size:1.1rem}
.source-card,.contact-note{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.about-values article{padding:1.3rem;border-top:.3rem solid var(--sun);background:rgba(255,255,255,.32);border-radius:0 0 var(--radius-md) var(--radius-md)}
.about-values span{font-family:var(--font-display);font-size:2rem;color:var(--coral)}
.about-values h2{font-size:2rem;margin:.5rem 0}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.contact-card{padding:1.35rem;border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow)}
.contact-card>span{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);font-weight:800}
.contact-card h2{font-family:var(--font-body);font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.2;letter-spacing:-.02em;margin:.8rem 0}
.official-support{padding:1.3rem;border:.08rem solid var(--line);border-radius:var(--radius-md)}
.official-support>div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:.08rem solid var(--line)}
.official-support>div span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;opacity:.62}
.official-support .button{margin-top:1.2rem}
.legal-links{display:flex;flex-wrap:wrap;gap:.8rem}
.legal-links a{font-weight:800}
.legal-shell{padding-bottom:5rem}
.legal-hero{padding-block:clamp(3rem,6vw,6rem) 2.5rem}
.legal-hero p{max-width:50rem}
.legal-layout{display:grid;grid-template-columns:minmax(13rem,.35fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.legal-toc{position:sticky;inset-block-start:1rem;display:grid;gap:.45rem;padding:1rem;border:.08rem solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.35)}
.legal-toc strong{margin-bottom:.4rem}
.legal-toc a{text-decoration:none;font-size:.9rem}
.legal-article{max-width:55rem}
.legal-article h2{font-size:clamp(1.7rem,2.5vw,2.5rem);margin:2.4rem 0 .9rem;scroll-margin-top:1rem}
.legal-article p,.legal-article li{color:rgba(11,38,48,.82)}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;inline-size:100%;min-inline-size:40rem}
th,td{text-align:left;vertical-align:top;padding:.9rem;border-bottom:.08rem solid var(--line)}
.site-footer{background:#071d27;color:#fff;padding-block:4rem 1.2rem}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.15fr;gap:clamp(1.5rem,4vw,4rem)}
.site-footer .brand{color:#fff}
.footer-brand p{max-width:30rem;color:rgba(255,255,255,.68);margin-top:1rem}
.footer-col,.footer-contact{display:flex;flex-direction:column;gap:.65rem}
.footer-col>strong,.footer-contact>strong{color:var(--sun);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem}
.footer-col a,.footer-contact a{color:#fff;text-decoration:none}
.footer-contact span,.footer-contact small{color:rgba(255,255,255,.7)}
.footer-contact small{margin-top:.4rem;font-size:.75rem}
.footer-cookie-link{border:0;padding:0;background:transparent;color:#fff;text-align:left;cursor:pointer}
.footer-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:.08rem solid var(--line-dark);font-size:.76rem;color:rgba(255,255,255,.58)}
.cookie-bar{position:fixed;inset-inline:var(--gutter);inset-block-end:1rem;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;max-inline-size:78rem;margin-inline:auto;padding:1rem 1.1rem;background:#102f38;color:#fff;border:.08rem solid rgba(255,255,255,.2);border-radius:var(--radius-md);box-shadow:0 1rem 4rem rgba(0,0,0,.25)}
.cookie-bar[hidden]{display:none}
.cookie-bar p{margin:.25rem 0 0;color:rgba(255,255,255,.7);font-size:.86rem}
.cookie-kicker{display:block;color:var(--sun);font-size:.65rem;font-weight:800;letter-spacing:.14em}
.cookie-actions{display:flex;gap:.6rem;flex:0 0 auto}
.cookie-button{border:.08rem solid rgba(255,255,255,.35);border-radius:999rem;padding:.7rem .95rem;cursor:pointer;font-weight:800}
.cookie-button-primary{background:var(--sun);color:var(--ink);border-color:var(--sun)}
.cookie-button-secondary{background:transparent;color:#fff}
.cookie-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:rgba(4,18,25,.68)}
.cookie-modal[hidden]{display:none}
.cookie-dialog{position:relative;inline-size:min(100%,38rem);max-block-size:90vh;overflow:auto;padding:1.6rem;border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow)}
.cookie-dialog h2{font-size:2.2rem;margin-bottom:1rem}
.cookie-modal-close{position:absolute;inset-inline-end:1rem;inset-block-start:1rem;border:0;background:transparent;font-size:2rem;cursor:pointer}
.cookie-category{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:.08rem solid var(--line)}
.cookie-category div{display:flex;flex-direction:column}
.cookie-category span{font-size:.82rem}
.cookie-state{padding:.35rem .6rem;border-radius:999rem;background:#d8ebd2;font-weight:800}
.cookie-category-muted{opacity:.7}
.cookie-dialog-links{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}
.cookie-dialog-links a{font-weight:800}
@media (max-width:72rem){
  .site-nav{position:absolute;inset-inline:0;inset-block-start:100%;display:none;background:var(--paper);padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow)}
  .site-nav.is-open{display:block}
  .site-nav ul{display:grid;grid-template-columns:repeat(2,1fr)}
  .nav-toggle{display:block}
  .review-grid{grid-template-columns:1fr 1fr}
  .progress-stages{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:56rem){
  .hero,.page-hero,.intro-split,.media-story,.resource-story,.progress-layout,.reference-layout,.control-layout,.trust-section,.faq-preview,.article-grid,.support-split,.checklist-section{grid-template-columns:1fr}
  .hero-media,.page-hero figure{order:-1}
  .page-hero>figure{max-width:48rem}
  .media-story.reverse figure{order:0}
  .control-media-grid{max-width:48rem}
  .side-card,.legal-toc{position:static}
  .legal-layout{grid-template-columns:1fr}
  .triad-grid,.note-grid,.about-values,.contact-grid{grid-template-columns:1fr 1fr}
  .signal-grid{grid-template-columns:repeat(3,1fr)}
  .final-cta,.source-card,.contact-note{align-items:flex-start;flex-direction:column}
}
@media (max-width:38rem){
  :root{--gutter:1rem}
  h1{font-size:clamp(2.8rem,14vw,4.2rem)}
  h2{font-size:clamp(2rem,10vw,3rem)}
  .topbar-inner{min-height:3.2rem;font-size:.72rem}
  .topbar-inner span{max-width:14rem}
  .brand-copy small{display:none}
  .site-nav ul{grid-template-columns:1fr}
  .hero,.page-hero{padding-top:2rem}
  .hero-facts{grid-template-columns:1fr}
  .signal-grid{grid-template-columns:1fr 1fr}
  .control-media-grid,.review-grid,.progress-stages,.triad-grid,.note-grid,.about-values,.contact-grid,.check-grid,.error-grid,.footer-grid{grid-template-columns:1fr}
  .library-grid{grid-template-columns:1fr}
  .library-list a{grid-template-columns:4.3rem 1fr auto}
  .section-head{align-items:flex-start;flex-direction:column}
  .official-support>div{grid-template-columns:1fr}
  .footer-meta{flex-direction:column}
  .cookie-bar{inset-inline:1rem;align-items:flex-start;flex-direction:column}
  .cookie-actions{inline-size:100%}
  .cookie-actions .cookie-button{flex:1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}