:root{--petrol:#073d3a;--deep:#052b29;--ink:#172f2c;--muted:#45645f;--red:#ff684f;--sun:#ffd54a;--cream:#f7f2e8;--mint:#cfe9df;--white:#fffdf8;--line:rgba(7,61,58,.22);--shadow:rgba(7,61,58,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Source Sans 3',system-ui,sans-serif;font-size:17px}
h1,h2,h3,h4,strong,.brand{font-family:'Bricolage Grotesque',system-ui,sans-serif}
img{max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--deep);outline-offset:3px;box-shadow:0 0 0 3px var(--white)}
.site-header{position:sticky;top:0;z-index:80}
.main-nav{min-height:72px;padding:0 clamp(18px,4.5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(247,242,232,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{font-size:28px;font-weight:800;text-decoration:none;letter-spacing:-.055em}
.brand-dot{display:inline-block;width:8px;height:8px;margin-left:3px;border-radius:50%;background:var(--red)}
.nav-links{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650}
.nav-links a{text-decoration:none}
.nav-links a[aria-current="page"]{border-bottom:3px solid var(--red);padding-bottom:5px}
.nav-cta{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;background:var(--red);color:var(--deep);text-decoration:none;font-weight:800}
.nav-toggle{min-height:44px;padding:0 14px;border:2px solid var(--petrol);background:var(--sun);font-weight:800}
.nav-toggle[hidden],.nav-menu-cta{display:none}
.editorial-masthead{min-height:260px;padding:clamp(38px,5vw,72px) clamp(24px,6vw,92px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);align-items:end;gap:clamp(36px,8vw,130px);background:var(--deep);color:var(--white);border-bottom:2px solid var(--petrol)}
.publication-name{margin:0 0 12px;color:var(--sun);font-size:14px;font-weight:700}
.editorial-masthead h1{max-width:11ch;margin:0;font-size:clamp(56px,7vw,96px);line-height:.9;letter-spacing:-.04em;text-wrap:balance}
.masthead-deck{max-width:480px}
.masthead-deck p{margin:0 0 16px;font-size:clamp(21px,2vw,28px);line-height:1.25;text-wrap:pretty}
.masthead-deck span{color:var(--mint);font-size:16px}
.latest-story{padding:clamp(26px,4vw,58px) clamp(20px,5vw,76px) clamp(60px,8vw,120px);background:var(--white)}
.featured-story{width:min(1320px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(320px,.44fr) minmax(0,.56fr);border:2px solid var(--petrol);background:var(--white)}
.featured-art{display:block;background:var(--sun);border-right:2px solid var(--petrol);overflow:hidden}
.featured-art img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover}
.featured-copy{padding:clamp(32px,5vw,76px);display:flex;flex-direction:column;align-items:flex-start}
.featured-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:14px;font-weight:650}
.featured-meta span:first-child{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:800}
.featured-meta span:first-child::before{width:10px;height:10px;content:'';background:var(--red);border:2px solid var(--ink);border-radius:50%;flex:0 0 auto}
.featured-copy h2{max-width:15ch;margin:24px 0 18px;font-size:clamp(42px,5vw,70px);line-height:.96;letter-spacing:-.04em;text-wrap:balance}
.featured-copy h2 a{text-decoration-thickness:3px;text-decoration-color:transparent;text-underline-offset:7px}
.featured-copy h2 a:hover,.featured-copy h2 a:focus-visible{text-decoration-color:var(--red)}
.featured-deck{max-width:55ch;margin:0;color:var(--muted);font-size:20px;line-height:1.5;text-wrap:pretty}
.story-cta{min-height:46px;margin-top:30px;padding:0 18px;display:inline-flex;align-items:center;gap:10px;background:var(--red);color:var(--deep);font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;text-decoration:none}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.author-line{display:flex;align-items:center;gap:12px;margin-top:24px}
.author-avatar{width:56px;height:56px;border:3px solid var(--petrol);border-radius:50%;object-fit:cover}
.author-line span,.author-line strong{display:block}
.site-footer{padding:60px clamp(24px,6vw,92px);display:grid;grid-template-columns:1.25fr .75fr .75fr;background:var(--petrol);color:var(--cream)}
.site-footer a{display:block;margin-top:10px}
.footer-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(247,242,232,.35);font-size:14px}
.footer-legal a{margin-top:0}
@media(max-width:980px){
  .main-nav{position:relative}
  .nav-toggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center}
  .nav-links{position:absolute;left:18px;right:18px;top:calc(100% + 8px);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:var(--cream);border:2px solid var(--petrol);box-shadow:8px 9px 0 var(--petrol)}
  .nav-links[hidden]{display:none}
  .nav-links a{min-height:44px;padding:12px;display:flex;align-items:center}
  .nav-menu-cta{display:block;background:var(--red);color:var(--deep);font-weight:800}
}
@media(max-width:800px){
  .editorial-masthead{min-height:230px;grid-template-columns:1fr;align-items:start;gap:22px}
  .featured-story{grid-template-columns:1fr}
  .featured-copy{order:1}
  .featured-art{order:2;border-right:0;border-top:2px solid var(--petrol)}
  .featured-art img{min-height:0;aspect-ratio:1/1}
}
@media(max-width:760px){
  .site-footer{grid-template-columns:1fr;gap:32px}
}
@media(max-width:680px){.main-nav>.nav-cta{display:none}.article-hero img{aspect-ratio:1/1}}
@media(max-width:520px){
  .editorial-masthead{min-height:230px;padding:24px 20px;gap:12px}
  .publication-name{margin-bottom:6px;font-size:13px;line-height:1.2}
  .editorial-masthead h1{max-width:none;font-size:clamp(34px,10.5vw,42px);line-height:.95;white-space:normal;text-wrap:balance;overflow-wrap:anywhere}
  .masthead-deck p{margin-bottom:8px;font-size:18px;line-height:1.2}
  .masthead-deck span{display:block;font-size:14px;line-height:1.25}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.article-header{padding:clamp(55px,8vw,120px) clamp(24px,8vw,130px) 55px;border-bottom:2px solid var(--petrol);background:var(--white);color:var(--ink)}
.article-header h1{max-width:12ch;margin:18px 0 26px;color:var(--petrol);font-size:clamp(56px,8vw,96px);line-height:.92;letter-spacing:-.04em;text-wrap:balance}
.breadcrumbs{display:flex;gap:9px;align-items:center;margin-bottom:32px;font-size:14px;font-weight:700}
.article-deck{max-width:760px;color:var(--muted);font-size:clamp(21px,2.4vw,30px);line-height:1.35;text-wrap:pretty}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;color:var(--muted);font-size:15px}
.article-hero{display:block;margin:0 clamp(18px,6vw,96px)}
.article-hero img{display:block;width:100%;border:3px solid var(--petrol);border-top:0}
.article-layout{width:min(1140px,calc(100% - 40px));margin:70px auto;display:grid;grid-template-columns:minmax(190px,.32fr) minmax(0,1fr);align-items:start;gap:clamp(36px,7vw,100px)}
.article-toc{position:sticky;top:120px;align-self:start;padding:22px;border:2px solid var(--petrol);background:var(--mint)}
.article-toc strong,.article-toc a{display:block}
.article-toc strong{margin-bottom:8px;color:var(--petrol)}
.article-toc a{min-height:44px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink);line-height:1.25}
.article-utility-rail{display:none}
.utility-author,.utility-links,.utility-cta{border:2px solid var(--petrol)}
.utility-author{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;padding:18px;background:var(--white)}
.utility-author img{width:64px;height:64px;border:2px solid var(--petrol);border-radius:50%;object-fit:cover}
.utility-author h2,.utility-links h2,.utility-cta h2{margin:0;color:var(--petrol);font-family:"Bricolage Grotesque",system-ui,sans-serif;line-height:1}
.utility-author h2{font-size:20px}
.utility-author p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.35}
.utility-links{padding:20px;background:var(--mint)}
.utility-links h2{margin-bottom:9px;font-size:24px}
.utility-links a{display:block;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:700;line-height:1.25;text-decoration-thickness:2px;text-underline-offset:3px}
.utility-links a:last-child{border-bottom:0;padding-bottom:0}
.utility-cta{padding:22px;background:var(--sun);color:var(--deep)}
.utility-cta>span{display:block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.utility-cta h2{font-size:29px;letter-spacing:-.025em}
.utility-cta p{margin:12px 0 18px;font-size:14px;font-weight:700}
.utility-cta a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border:2px solid var(--petrol);background:var(--red);color:var(--deep);font-weight:800;text-decoration:none}
.utility-cta a:hover{background:var(--white)}
.article-body{max-width:65ch;color:var(--ink)}
.article-body>p{margin:0 0 26px}
.article-body>ul{margin:0 0 30px;padding-left:1.35em}
.article-body>p,.article-body li{font-size:19px;line-height:1.68;text-wrap:pretty}
.article-body li+li{margin-top:12px}
.article-body h2{margin:65px 0 22px;color:var(--petrol);font-size:clamp(34px,4vw,52px);line-height:1;scroll-margin-top:120px;text-wrap:balance}
.article-body a{text-decoration-thickness:2px;text-underline-offset:3px}
.article-visual{margin:48px -72px 64px}
.article-visual img{display:block;width:100%;height:auto;border:2px solid var(--petrol)}
.article-visual figcaption{max-width:64ch;margin:13px 0 0;padding-left:18px;border-left:1px solid var(--petrol);color:var(--muted);font-size:15px;line-height:1.45}
@media(max-width:911px){.article-visual{margin:38px 0 50px}}
.article-prices,.monthly-plans{display:grid;gap:12px;margin:35px 0}
.article-prices{grid-template-columns:repeat(2,minmax(0,1fr))}
.monthly-plans{grid-template-columns:repeat(3,minmax(0,1fr))}
.article-prices section,.monthly-plans section{padding:20px;border:2px solid var(--petrol);background:var(--cream);color:var(--ink)}
.article-prices section:nth-child(2),.monthly-plans section:nth-child(3){background:var(--red);color:var(--deep)}
.article-prices span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.article-prices h3,.monthly-plans h3{margin:10px 0 8px;font-size:24px;line-height:1}
.article-prices p,.monthly-plans p{margin:0;line-height:1.35}
.price-guide-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:36px 0 30px;counter-reset:scope}
.price-guide-scope section{min-width:0;padding:24px;border:2px solid var(--petrol);background:var(--white)}
.price-guide-scope section:nth-child(2),.price-guide-scope section:nth-child(3){background:var(--mint)}
.price-guide-scope span,.price-guide-costs span,.price-guide-compare__head>span{display:block;color:var(--petrol);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.price-guide-scope h3,.price-guide-costs h3,.price-guide-compare h3{margin:10px 0 9px;color:var(--deep);font-size:clamp(22px,2.2vw,29px);line-height:1.02;text-wrap:balance}
.price-guide-scope p,.price-guide-costs p{margin:0;color:var(--ink);font-size:16px;line-height:1.48;text-wrap:pretty}
.price-guide-costs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:36px 0 30px;border:2px solid var(--petrol)}
.price-guide-costs section{min-width:0;padding:clamp(24px,4vw,34px);background:var(--sun)}
.price-guide-costs section+section{border-left:2px solid var(--petrol);background:var(--deep);color:var(--white)}
.price-guide-costs section+section span{color:var(--sun)}
.price-guide-costs section+section h3{color:var(--white)}
.price-guide-costs section+section p{color:var(--mint)}
.price-guide-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:34px 0 30px;border:2px solid var(--petrol);background:var(--white)}
.price-guide-timeline span{display:grid;min-width:0;min-height:112px;place-content:center;padding:18px;color:var(--deep);font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:17px;font-weight:800;line-height:1.1;text-align:center;text-wrap:balance}
.price-guide-timeline span+span{border-left:2px solid var(--petrol)}
.price-guide-timeline span:nth-child(2){background:var(--mint)}
.price-guide-timeline span:nth-child(3){background:var(--sun)}
.price-guide-timeline span:nth-child(4){background:var(--red)}
.price-guide-compare{margin:36px 0 42px;border:2px solid var(--petrol);background:var(--white)}
.price-guide-compare__head{padding:26px 28px;border-bottom:2px solid var(--petrol);background:var(--mint)}
.price-guide-compare__head h3{margin-bottom:0}
.price-guide-compare dl{margin:0}
.price-guide-compare dl>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:20px 28px}
.price-guide-compare dl>div+div{border-top:1px solid var(--line)}
.price-guide-compare dt{color:var(--deep);font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:18px;font-weight:800;line-height:1.2}
.price-guide-compare dd{margin:0;color:var(--muted);font-size:16px;line-height:1.45}
.annual-offer{display:grid;grid-template-columns:210px minmax(0,1fr);margin:22px 0 30px;background:var(--deep);color:var(--white);border:2px solid var(--petrol)}
.annual-offer-badge{display:grid;place-content:center;min-height:210px;padding:24px;background:var(--sun);color:var(--deep);text-align:center;border-right:2px solid var(--petrol)}
.annual-offer-badge strong{display:block;font-size:64px;line-height:.85;letter-spacing:-.06em}
.annual-offer-badge span{display:block;margin-top:12px;font-weight:800;line-height:1.15}
.annual-offer-copy{padding:28px}
.annual-offer-copy h3{margin:0;color:var(--white);font-size:31px;line-height:1}
.annual-offer-copy>p{margin:8px 0 22px;color:var(--mint);font-size:16px;line-height:1.4}
.annual-offer-savings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.annual-offer-savings div{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.35)}
.annual-offer-savings strong,.annual-offer-savings span{display:block}
.annual-offer-savings strong{font-size:18px;line-height:1.15}
.annual-offer-savings span{margin-top:5px;color:var(--mint);font-size:14px;line-height:1.25}
.annual-offer-savings em{color:var(--sun);font-style:normal;font-weight:800}
.article-faq-shell{display:grid;grid-template-columns:1fr;gap:30px;margin:70px 0 60px;padding:clamp(26px,5vw,44px);border:2px solid var(--petrol);background:var(--mint);scroll-margin-top:120px}
.article-faq-heading .eyebrow{color:var(--petrol)}
.article-body .article-faq-heading h2{margin:12px 0 14px;font-size:clamp(42px,5vw,62px);letter-spacing:-.04em}
.article-faq-heading p{max-width:32ch;margin:0;color:var(--muted);font-size:16px;line-height:1.45}
.article-faq{container-type:inline-size;border-top:2px solid var(--petrol)}
.article-faq details{border-bottom:1px solid var(--petrol)}
.article-faq summary{position:relative;min-height:68px;display:flex;align-items:center;padding:17px 54px 17px 0;color:var(--deep);font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:clamp(18px,1.65vw,23px);font-weight:750;line-height:1.15;cursor:pointer;list-style:none}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary::after{position:absolute;right:4px;display:grid;width:34px;height:34px;place-items:center;content:"+";background:var(--red);color:var(--deep);border:2px solid var(--petrol);border-radius:50%;font-family:"Source Sans 3",system-ui,sans-serif;font-size:26px;font-weight:700;line-height:1}
.article-faq details[open] summary::after{content:"−"}
.article-faq details[open] summary{color:var(--petrol)}
.article-faq-answer{padding:0 54px 26px 0}
.article-faq-answer>p{margin:0;color:var(--ink);font-size:18px;line-height:1.62;text-wrap:pretty}
.article-faq-answer>p+*{margin-top:22px}
.article-faq-answer>*>p:last-child,.article-faq-answer>p:last-child{margin-bottom:0}
.article-faq-answer .monthly-plans{grid-template-columns:1fr}
@container(max-width:720px){
  .annual-offer{grid-template-columns:1fr}
  .annual-offer-badge{grid-template-columns:auto auto;align-items:center;gap:20px;min-height:0;border-right:0;border-bottom:2px solid var(--petrol)}
  .annual-offer-badge span{margin-top:0;text-align:left}
  .annual-offer-savings{grid-template-columns:1fr}
}
.plan-note{margin:24px 0;padding:18px 20px;border:2px solid var(--petrol);background:var(--mint);font-size:16px!important}
.domain-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center;margin:34px 0 40px;padding:22px;border:2px solid var(--petrol);background:var(--mint)}
.domain-route div{display:flex;min-width:0;gap:5px;flex-direction:column}
.domain-route code{overflow-wrap:anywhere;color:var(--deep);font-size:16px;font-weight:700}
.domain-route span:not(.domain-route-arrow){color:var(--muted);font-size:14px;line-height:1.3}
.domain-route-arrow{color:var(--red);font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:30px;font-weight:800}
.article-mid-cta{position:relative;isolation:isolate;margin:68px -30px 76px;padding:clamp(30px,5vw,48px);border:3px solid var(--petrol);background:var(--sun);box-shadow:9px 9px 0 var(--petrol);transform:rotate(-.35deg)}
.article-mid-cta h2{margin:0 0 18px;color:var(--deep);font-size:clamp(34px,4.5vw,48px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.article-mid-cta p{max-width:48ch;margin:0 0 24px;font-size:19px;line-height:1.5;text-wrap:pretty}
.brush-highlight{position:relative;z-index:0;display:inline-block;padding:0 .05em;color:var(--deep)}
.brush-highlight::before{position:absolute;z-index:-1;inset:.08em -.13em -.03em;content:"";background:var(--red);clip-path:polygon(0 22%,6% 8%,51% 13%,98% 0,96% 78%,84% 91%,43% 84%,3% 100%);transform:rotate(-1.5deg) skewX(-2deg)}
.article-mid-cta-link{display:inline-flex;min-height:46px;align-items:center;gap:9px;padding:12px 18px;border:2px solid var(--deep);background:var(--deep);color:var(--white);font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;text-decoration:none;box-shadow:4px 4px 0 var(--red);transition:transform .16s cubic-bezier(.25,1,.5,1),box-shadow .16s cubic-bezier(.25,1,.5,1)}
.article-mid-cta-link:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--red)}
.article-mid-cta-link:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--red)}
@media(max-width:911px){.article-mid-cta{margin-left:0;margin-right:0}}
.article-signals-with-video{display:grid;grid-template-columns:1fr;margin:65px 0 0;scroll-margin-top:120px}
.article-signals-copy h2{margin:0 0 22px}
.article-signals-copy p,.article-signals-list>p{margin:0 0 26px;font-size:19px;line-height:1.68;text-wrap:pretty}
.article-signals-list ul{margin:0 0 30px;padding-left:1.35em}
.article-signals-list li{font-size:19px;line-height:1.68;text-wrap:pretty}
.article-signals-list li+li{margin-top:12px}
.article-signals-list>p{margin-bottom:0}
.article-signals-media{position:relative;isolation:isolate;width:min(100%,390px);margin:8px auto 34px;transform-origin:50% 45%}
.article-signals-media::before{position:absolute;z-index:-1;inset:-30px -24px 42px;content:"";background:radial-gradient(circle at 78% 18%,rgba(255,102,80,.42),transparent 42%),radial-gradient(circle at 18% 76%,rgba(255,211,77,.48),transparent 46%),rgba(203,231,220,.44);filter:blur(16px);opacity:.22;transform:scale(.86);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.article-signals-video-frame{position:relative;overflow:hidden;background:#111;box-shadow:0 16px 38px rgba(0,58,54,.16);transition:box-shadow .7s ease}
.article-signals-video-frame::after{position:absolute;inset:-20% auto -20% -40%;width:24%;content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:0;transform:skewX(-16deg) translateX(-180%)}
.article-signals-media video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#111;object-fit:cover}
.article-signals-media figcaption{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--petrol);color:var(--muted);font-size:15px;line-height:1.5;text-wrap:pretty}
.article-signals-with-video.video-motion-ready .article-signals-media{opacity:.9;transform:translateY(18px) scale(.975);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.article-signals-with-video.is-in-view .article-signals-media{opacity:1;transform:translateY(0) scale(1.02)}
.article-signals-with-video.is-in-view .article-signals-media::before{opacity:.82;transform:scale(1)}
.article-signals-with-video.is-in-view .article-signals-video-frame{box-shadow:0 28px 64px rgba(0,58,54,.26),9px 10px 0 rgba(255,211,77,.9)}
.article-signals-with-video.is-in-view .article-signals-video-frame::after{animation:article-video-glint 1s cubic-bezier(.2,.75,.2,1) .16s both}
@keyframes article-video-glint{0%{opacity:0;transform:skewX(-16deg) translateX(-180%)}24%{opacity:.72}100%{opacity:0;transform:skewX(-16deg) translateX(720%)}}
.channel-decision{margin:54px 0 66px;padding:clamp(26px,4vw,42px);border:2px solid var(--petrol);background:var(--mint)}
.channel-decision>.eyebrow{color:var(--petrol)}
.channel-decision>h2{margin:12px 0 28px;font-size:clamp(34px,4vw,46px)}
.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.channel-card{padding:24px;border:2px solid var(--petrol);background:var(--white)}
.channel-card-web{background:var(--sun)}
.channel-card h3{margin:0 0 18px;color:var(--deep);font-size:25px;line-height:1.05;text-wrap:balance}
.channel-card ul{margin:0;padding-left:1.2em}
.channel-card li{font-size:17px;line-height:1.48}
.channel-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 40px;border:2px solid var(--petrol);background:var(--white)}
.channel-flow>div{min-width:0;padding:24px;border-right:2px solid var(--petrol)}
.channel-flow>div:last-child{border-right:0}
.channel-flow span{display:grid;width:34px;height:34px;margin-bottom:16px;place-items:center;border:2px solid var(--petrol);border-radius:50%;background:var(--red);font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800}
.channel-flow strong{display:block;color:var(--petrol);font-size:23px}
.channel-flow p{margin:8px 0 0;color:var(--muted);font-size:16px;line-height:1.4}
.utility-cta-short{display:none!important}
.author-box{display:flex;gap:22px;align-items:center;margin-top:70px;padding:38px;border:3px solid var(--petrol);background:var(--sun)}
.author-box img{width:96px;height:96px;border:3px solid var(--petrol);border-radius:50%;object-fit:cover}
.author-box h2{margin:0 0 8px;font-size:26px}
.author-box p{margin:0;line-height:1.5}
.article-inline-author img{flex:0 0 auto;width:96px;height:96px}
.article-final-cta{margin:28px 0 56px;padding:clamp(28px,5vw,42px);border:3px solid var(--petrol);background:var(--deep);color:var(--white)}
.article-final-cta>span{display:block;margin-bottom:10px;color:var(--sun);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.article-final-cta h2{margin:0 0 14px;color:var(--white);font-size:clamp(34px,4.5vw,48px)}
.article-final-cta p{max-width:48ch;margin:0 0 24px;color:var(--mint);font-size:18px;line-height:1.5}
.article-final-cta a{display:inline-flex;min-height:48px;align-items:center;gap:10px;padding:12px 18px;border:2px solid var(--white);background:var(--red);color:var(--deep);font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;text-decoration:none}
.article-final-cta a:hover{background:var(--sun)}
@media(max-width:800px){
  .article-layout{grid-template-columns:1fr}
  .article-toc{position:static}
  .article-signals-media::before{inset:-22px 0 38px}
  .article-signals-with-video.is-in-view .article-signals-media{transform:translateY(0) scale(1.01)}
  .article-visual{margin:38px 0 50px}
  .article-prices,.monthly-plans{grid-template-columns:1fr}
  .price-guide-scope,.price-guide-costs{grid-template-columns:1fr}
  .price-guide-costs section+section{border-top:2px solid var(--petrol);border-left:0}
  .price-guide-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
  .price-guide-timeline span+span{border-left:0}
  .price-guide-timeline span:nth-child(even){border-left:2px solid var(--petrol)}
  .price-guide-timeline span:nth-child(n+3){border-top:2px solid var(--petrol)}
  .annual-offer{grid-template-columns:1fr}
  .annual-offer-badge{min-height:0;border-right:0;border-bottom:2px solid var(--petrol)}
  .annual-offer-savings{grid-template-columns:1fr}
  .article-mid-cta{margin-left:0;margin-right:0}
  .channel-grid{grid-template-columns:1fr}
  .channel-flow{grid-template-columns:1fr}
  .channel-flow>div{border-right:0;border-bottom:2px solid var(--petrol)}
  .channel-flow>div:last-child{border-bottom:0}
}
@media(max-width:520px){
  .article-header{padding:42px 24px 38px}
  .article-header h1{width:100%;max-width:100%;font-size:clamp(42px,11.2vw,48px);line-height:.95;white-space:normal;text-wrap:wrap;overflow-wrap:anywhere}
  .article-deck{width:100%;font-size:20px;white-space:normal;text-wrap:wrap;overflow-wrap:anywhere}
  .article-layout{width:min(100% - 32px,1140px);margin:48px auto}
  .article-body>p,.article-body li,.article-faq>p{font-size:18px}
  .domain-route{grid-template-columns:1fr;gap:10px;padding:20px}
  .price-guide-scope{gap:10px}
  .price-guide-timeline{grid-template-columns:1fr}
  .price-guide-timeline span{min-height:84px}
  .price-guide-timeline span:nth-child(even){border-left:0}
  .price-guide-timeline span:nth-child(n+2){border-top:2px solid var(--petrol)}
  .price-guide-compare__head,.price-guide-compare dl>div{padding:20px}
  .price-guide-compare dl>div{grid-template-columns:1fr;gap:7px}
  .domain-route-arrow{transform:rotate(90deg);justify-self:start}
  .article-mid-cta{margin:56px 0 62px;padding:28px 22px;box-shadow:6px 6px 0 var(--petrol);transform:none}
  .article-mid-cta h2{font-size:34px}
  .article-mid-cta p{font-size:18px}
  .article-signals-copy p,.article-signals-list>p{font-size:18px}
  .author-box{align-items:flex-start;padding:25px;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.article-mid-cta-link{transition:none}.article-mid-cta-link:hover,.article-mid-cta-link:active{transform:none}.article-signals-media,.article-signals-media::before,.article-signals-video-frame{transition:none}.article-signals-with-video.video-motion-ready .article-signals-media,.article-signals-with-video.is-in-view .article-signals-media{opacity:1;transform:none}.article-signals-video-frame::after{display:none}}

@media(min-width:1024px) and (max-height:800px){
  .article-header{padding-block:38px 34px}
  .breadcrumbs{margin-bottom:18px}
  .article-header h1{margin:14px 0 18px;font-size:clamp(60px,7vw,84px)}
  .article-deck{font-size:clamp(21px,2.1vw,26px)}
  .article-meta{margin-top:18px}
  .article-toc{padding:10px}
}

@media(min-width:1280px){
  .article-signals-with-video{width:858px;grid-template-columns:minmax(0,1fr) 360px;column-gap:56px;align-items:start}
  .article-signals-copy{grid-column:1;grid-row:1}
  .article-signals-list{grid-column:1;grid-row:2}
  .article-signals-media{width:100%;margin:0;grid-column:2;grid-row:1/span 2}
}

@media(min-width:1280px) and (max-width:1320px){
  .article-signals-media::before{right:0}
  .article-signals-with-video.is-in-view .article-signals-media{transform:translate(-4px,0) scale(1.02)}
}

@media(min-width:1600px){
  .main-nav{padding-inline:max(72px,calc((100vw - 1600px)/2))}
  .editorial-masthead,.site-footer{padding-inline:max(92px,calc((100vw - 1600px)/2))}
  .featured-story{width:min(1480px,100%)}
  .article-header{padding-inline:max(72px,calc((100vw - 1480px)/2));display:grid;grid-template-columns:minmax(0,820px) minmax(340px,500px);grid-template-rows:auto auto auto auto;column-gap:clamp(80px,8vw,150px);align-items:end}
  .article-header>.breadcrumbs{grid-column:1/-1;grid-row:1}
  .article-header>.eyebrow{grid-column:1;grid-row:2}
  .article-header>h1{grid-column:1;grid-row:3/5;margin-bottom:0}
  .article-header>.article-deck{grid-column:2;grid-row:3;margin:0 0 18px}
  .article-header>.article-meta{grid-column:2;grid-row:4;margin-top:0;align-self:start}
  .article-hero{width:min(1600px,calc(100% - 96px));margin-inline:auto}
  .article-layout{width:100%;padding-inline:max(24px,calc((100vw - 1920px)/2));grid-template-columns:280px minmax(0,900px) minmax(240px,300px);gap:clamp(48px,4vw,80px);justify-content:center}
  .article-toc{padding:26px}
  .article-utility-rail{display:grid;position:sticky;top:120px;align-self:start;gap:18px}
  .article-body{width:100%;max-width:none}
  .article-body>p,.article-body>ul{max-width:70ch}
  .article-visual{width:100%;max-width:none;margin:54px 0 68px}
  .article-prices,.monthly-plans{width:100%;max-width:none}
  .domain-route{width:820px;max-width:none}
  .article-mid-cta{width:820px;max-width:none;margin:68px 0 76px}
  .article-story-video{width:820px;max-width:none}
  .article-faq-shell{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(42px,4vw,68px);align-items:start}
  .article-faq-heading{position:sticky;top:120px}
  .article-faq{width:100%;max-width:none}
  .article-faq>p:not(.plan-note){max-width:65ch}
  .author-box{width:820px;max-width:none}
  .article-inline-author,.article-final-cta{display:none}
}

@media(min-width:2400px){
  .main-nav{padding-inline:max(96px,calc((100vw - 2000px)/2))}
  .brand{font-size:32px}
  .nav-links{font-size:15px}
  .editorial-masthead,.site-footer{padding-inline:max(120px,calc((100vw - 2000px)/2))}
  .editorial-masthead h1{font-size:120px}
  .masthead-deck p{font-size:34px}
  .featured-story{width:min(1680px,100%)}
  .featured-copy h2{font-size:80px}
  .featured-deck{font-size:22px}
  .article-header{padding-inline:max(96px,calc((100vw - 1800px)/2));grid-template-columns:minmax(0,960px) minmax(420px,600px);column-gap:160px}
  .article-header h1{font-size:128px}
  .article-deck{font-size:36px}
  .article-meta{font-size:17px}
  .breadcrumbs{font-size:16px}
  .eyebrow{font-size:14px}
  .article-hero{width:min(1920px,calc(100% - 160px))}
  .article-layout{padding-inline:max(80px,calc((100vw - 2000px)/2));grid-template-columns:300px minmax(0,960px) minmax(280px,320px);gap:90px;justify-content:center}
  .article-toc{padding:28px}
  .article-body{width:960px}
  .article-body>p,.article-body>ul{max-width:72ch}
  .article-body>p,.article-body li{font-size:20px}
  .article-body h2{font-size:60px}
  .article-visual,.article-prices,.monthly-plans{width:960px}
  .domain-route,.article-mid-cta,.author-box{width:900px}
  .article-signals-with-video{width:960px;grid-template-columns:minmax(0,1fr) 420px;column-gap:68px}
}

/* Blog index */
.blog-index{padding:clamp(52px,7vw,100px) clamp(20px,5vw,76px) clamp(72px,9vw,132px);background:var(--cream)}
.blog-index__heading{width:min(1320px,100%);margin:0 auto 32px;border-bottom:2px solid var(--petrol)}
.blog-index__heading h2{margin:0 0 18px;color:var(--petrol);font-size:clamp(32px,4vw,50px)}
.blog-entry-grid{width:min(1320px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,38px)}
.blog-entry-card{display:flex;min-width:0;flex-direction:column;border:2px solid var(--petrol);background:var(--white)}
.blog-entry-card__image{display:block;overflow:hidden;border-bottom:2px solid var(--petrol);background:var(--sun)}
.blog-entry-card__image picture{display:block}
.blog-entry-card__image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.blog-entry-card__copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:clamp(24px,4vw,42px)}
.blog-entry-card__meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 18px;color:var(--muted);font-size:14px;font-weight:650}
.blog-entry-card h3{margin:0 0 16px;color:var(--petrol);font-size:clamp(30px,3.5vw,48px);line-height:.98;letter-spacing:-.03em;text-wrap:balance}
.blog-entry-card h3 a{text-decoration-color:transparent;text-underline-offset:6px}
.blog-entry-card h3 a:hover,.blog-entry-card h3 a:focus-visible{text-decoration-color:var(--red)}
.blog-entry-card__copy>p:not(.blog-entry-card__meta){margin:0 0 24px;color:var(--muted);font-size:18px;line-height:1.5}
.blog-entry-card .story-cta{margin-top:auto}
.sector-note{margin:44px 0;padding:28px;border:2px solid var(--petrol);background:var(--cream)}
.sector-note h2{margin-top:0}
.back-to-blog{margin:42px 0 0;font-weight:800}
.back-to-blog a{text-underline-offset:5px}
@media(max-width:800px){.blog-entry-grid{grid-template-columns:1fr}}
@media(max-width:520px){.blog-index{padding-inline:20px}.blog-entry-card__copy{padding:24px 22px}.blog-entry-card h3{font-size:32px}.sector-note{padding:22px}}