.faq-list.is-filtered .faq-columns{display:flex;flex-direction:column;gap:10px}.faq-list.is-filtered .faq-column{display:contents}.faq-list.is-filtered details{width:100%}.site-header{padding-top:max(8px,env(safe-area-inset-top))}.back-to-top{bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px));right:max(14px,env(safe-area-inset-right))}.header-actions .lang-btn{min-width:44px;min-height:36px}.header-actions .lang-btn:focus-visible{outline:2px solid #b9d6ff;outline-offset:2px}.plan-price small{white-space:nowrap}.faq-search-field input{font-size:16px}button,a,input,summary{touch-action:manipulation}@media(max-width:800px){.menu-toggle{width:44px;height:44px}.site-header{padding-top:max(5px,env(safe-area-inset-top))}.site-header .header-row{padding-inline:8px}.header-actions .lang-btn{min-height:38px}.back-to-top{bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px))}}
@media(max-width:430px){.legacy-block .why__tabs{grid-template-columns:1fr}.legacy-block .why__tab{display:flex;align-items:flex-start;gap:13px;padding:16px 13px 20px}.legacy-block .why__tab .icon{margin:0;flex-shrink:0}.legacy-block .why__tab h3{font-size:13px}.legacy-block .why__tab .text p{font-size:12px;line-height:1.75}.legacy-block .why__stage{min-height:350px}.legacy-block .why__tab .text{min-width:0}}

.header-actions .lang-btn{min-height:44px;min-width:44px}@media(max-width:800px){.header-actions .lang-btn{min-height:44px}}
/* A wider desktop canvas, with a restrained increase in reading sizes. */
@media(min-width:1200px){
  .wrap,.legacy-block .wrap{width:min(1320px,calc(100% - 80px));max-width:1320px}
  .site-header .header-row{width:min(1360px,calc(100% - 40px))}
  .hero h1{font-size:78px}
  .hero-description{font-size:16px;max-width:490px}
  .site-header .desktop-nav{font-size:15px}
  .section-heading>p,.network-heading>p,.faq-intro>p,.accounting-copy>p{font-size:16px}
  .hero-buttons>.button{font-size:14px}
}
/* Readable supporting text across the page. */
.footer-main h3{font-size:16px}.footer-main>div>a:not(.brand){font-size:16px;line-height:1.65;margin-top:12px}.footer-brand>p{font-size:15px}.footer-brand>.caption,.footer-legal{font-size:13px}
.hero-description,.section-heading p,.network-heading>p,.legacy-block .sub,.step>p,.faq-intro p,.accounting-copy p{font-size:16px;line-height:1.8}
.faq-list summary,.faq-list details>p{font-size:16px}
.legacy-block .why__tab .text p{font-size:14px;line-height:1.75}.legacy-block .why__tab h3{font-size:18px}
.trust-strip .trust-card p{font-size:14px}.trust-strip .trust-card strong{font-size:16px}
.plan-description,.plan-payment,.plan-card li,.pricing-note,.traffic-calculator>.caption{font-size:14px}
.hero-how,.text-link{font-size:14px}.hero-facts small{font-size:12px}.caption,.legacy-demo-note{font-size:12px}
.legacy-block .srv-card b{font-size:15px}.legacy-block .srv-card em{font-size:13px}.legacy-block .srv-card .pingval{font-size:13px}.legacy-block .wl-badge{font-size:9px}
@media(max-width:800px){
 .footer-main h3,.footer-main>div>a:not(.brand){font-size:15px}
 .hero-description,.section-heading p,.network-heading>p,.legacy-block .sub,.step>p,.faq-intro p,.accounting-copy p,.faq-list summary,.faq-list details>p{font-size:14px}
 .legacy-block .why__tab h3{font-size:16px}.legacy-block .why__tab .text p{font-size:13px}
 .plan-description,.plan-payment,.plan-card li,.pricing-note,.traffic-calculator>.caption{font-size:13px}
 .hero-facts small{font-size:11px}.hero-how{font-size:13px}
 .legacy-block .srv-card b{font-size:13px}.legacy-block .srv-card em,.legacy-block .srv-card .pingval{font-size:12px}
}
.final-cta>p:not(.caption){font-size:16px}.final-cta>.caption{font-size:12px}@media(max-width:800px){.final-cta>p:not(.caption){font-size:14px}}
.final-cta .cta-emblem{width:92px;height:92px;margin-bottom:26px}.final-cta .cta-emblem img{width:46px;height:58px}.final-cta>.eyebrow{font-size:14px}@media(max-width:600px){.final-cta .cta-emblem{width:80px;height:80px}.final-cta .cta-emblem img{width:40px;height:50px}}

@media(max-width:600px){.legacy-block .netmap-refresh{width:auto!important;min-width:0!important;max-width:calc(100% - 24px);min-height:36px;padding:8px 10px!important;font-size:11px!important;line-height:1.2;gap:6px;right:12px;top:12px;bottom:auto!important;white-space:nowrap}.legacy-block .netmap-refresh svg{width:14px;height:14px;flex-shrink:0}}
/* Center the main hero copy against the connection card; the announcement sits above it. */
.hero-copy > .announcement{margin-bottom:18px}
@media(min-width:801px){
 .hero-layout{align-items:center}
 .hero-copy{position:relative;align-self:center}
 .hero-copy > .announcement{position:absolute;left:0;bottom:calc(100% + 18px);margin:0;max-width:100%}
}
.hero .word-dot{color:#f5f8ff}
/* A consistent, tighter rhythm around the opening cards and the final call to action. */
.hero-layout{padding-bottom:24px}
.hero .trust-strip{padding-top:12px;padding-bottom:0}
main>#start{margin-top:0}
main>.section-seam{margin-block:40px}
main>.final-cta{margin-top:0}
.traffic-section>.section-heading{margin-bottom:32px}
.traffic-section>.accounting-section{margin:0}
#faq .faq-intro{display:block;text-align:center;max-width:760px;margin:0 auto}
#faq .faq-intro>.eyebrow{display:flex;margin:0 auto 18px}
#faq .faq-intro>p{max-width:620px;margin:18px auto 0}
#faq .faq-intro>.button{margin:22px auto 0}
@media(max-width:720px){main>.section-seam{margin-block:28px}.hero-layout{padding-bottom:20px}.hero .trust-strip{padding-top:10px}.traffic-section>.section-heading{margin-bottom:24px}#faq .faq-intro{text-align:left}#faq .faq-intro>.eyebrow{margin-left:0}#faq .faq-intro>p{margin-left:0}#faq .faq-intro>.button{margin-left:0}}
/* Shared section-heading geometry: seam → label → title. */
:root{--heading-label-gap:18px}
:is(.section-heading,.network-heading,.legacy-block .sechead,.legacy-block .why__header,.faq-intro)>.eyebrow{
 display:flex;align-items:center;width:fit-content;line-height:1.6;margin-top:0;margin-bottom:var(--heading-label-gap);
}
:is(.section-heading,.network-heading,.legacy-block .sechead,.legacy-block .why__header,.faq-intro)>.eyebrow+h2{margin-top:0}
@media(max-width:720px){:root{--heading-label-gap:18px}}
.legacy-block :is(.why__header,.sechead){row-gap:0}
.legacy-block :is(.why__header,.sechead)>.sub{margin-top:18px}
/* FAQ follows the features section: introduction on the left, existing answers on the right. */
main>#faq.faq-section{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.65fr);gap:48px;align-items:start}
#faq .faq-intro{display:block;text-align:left;max-width:none;margin:0}
#faq .faq-intro>.eyebrow{justify-content:flex-start;margin:0 0 var(--heading-label-gap)}
#faq .faq-intro>.eyebrow::before,#faq .faq-intro>.eyebrow::after{content:none}
#faq .faq-intro h2{font-size:clamp(32px,3.7vw,48px);line-height:1.15;margin-top:0;text-wrap:balance}
#faq .faq-intro h2 br{display:initial}
#faq .faq-intro>p{margin:20px 0 0;max-width:380px}
#faq .faq-intro>.button{margin:24px 0 0}
#faq .faq-list{min-width:0;align-self:start}
@media(max-width:1000px) and (min-width:721px){main>#faq.faq-section{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:28px}#faq .faq-columns{grid-template-columns:1fr}}
@media(max-width:720px){main>#faq.faq-section{grid-template-columns:1fr;gap:28px}#faq .faq-intro h2 br{display:none}#faq .faq-intro>p{max-width:520px}}
#faq .faq-intro>.eyebrow{gap:12px}
#faq .faq-intro>.eyebrow::before{content:'';display:block;position:static;width:24px;height:1px;flex:0 0 24px;background:#a9c8ef70;transform:none}