/* Board 42: same HS palettes; existing rounded web cards use radius 28. */
@font-face{font-family:Nunito;src:url('/fonts/nunito.woff2') format('woff2');font-style:normal;font-weight:200 1000;font-display:swap}
.remaining{padding-top:48px;padding-bottom:56px}.remaining h2{margin-top:40px}.remaining h3{margin-top:0}
.remaining p,.remaining li{max-width:62ch}.remaining .cards{margin:24px 0}.remaining .card{border-radius:28px;min-width:0}.remaining .card img{max-height:240px;object-fit:contain;display:block;margin:16px auto}
.remaining a:not(.btn){display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;max-width:100%}
.tools{align-items:center}.tools a{min-height:44px;display:inline-flex;align-items:center}
.btn{font-family:inherit;font-size:19px;font-weight:800;line-height:1.35;padding:12px 24px;min-height:52px;white-space:normal;text-align:center}
button:disabled{cursor:default;opacity:1;background:var(--sunk);color:var(--ink2);border:2px dashed var(--line)}
.soon{display:inline-flex;align-items:center;min-height:56px;padding:12px 20px;margin:15px;border:2px dashed var(--pri);border-radius:12px;font-weight:800}
.email{width:100%;max-width:560px;margin:24px auto;border-radius:0}.email td{display:table-cell;width:auto;text-align:left;padding:24px}.email h2{font-size:32px;margin-top:0}
.email a{overflow-wrap:anywhere}code{overflow-wrap:anywhere}
#contact-errors{background:var(--amber);color:var(--amber-ink);padding:16px;border-radius:20px;margin-bottom:20px}
#contact-errors a{color:inherit;display:flex;align-items:center;min-height:44px}
#contact-status{padding:12px;border-radius:12px;background:var(--ice);color:var(--ice-ink)}
#contact-status:empty{display:none}.err:not(:empty)::before{content:'! ';font-weight:900}
.badge-ph{border:2px dashed var(--pri);background:var(--surface);color:var(--ink);min-height:56px;margin:15px}.badge-ph small{font-size:15px}
input,textarea{min-width:0}textarea{resize:vertical}.hdr .wrap{flex-wrap:wrap}.nav{min-width:0}
@media(min-width:700px) and (max-width:1023px){.wrap{padding-inline:40px}.cards,.support,.hero,.feat,.plans{grid-template-columns:1fr}.ftr .cols{grid-template-columns:1fr}}
@media(min-width:1024px){.wrap{max-width:1232px;padding-inline:40px}.remaining{padding-top:72px}.remaining .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.remaining{padding-inline:20px}.tools{flex-direction:column;align-items:stretch}.tools>*{max-width:100%}.remaining h1{overflow-wrap:anywhere}.contact{padding:20px}}
@media(prefers-contrast:more){:root{--line:var(--ink2)}a{text-decoration-thickness:2px}button,input,textarea{border-color:var(--ink2)}}
@media(max-width:699px){.hdr .wrap{gap:8px}.hdr .brand{font-size:20px;gap:8px}.hdr .brand img{width:32px;height:32px}.hdr .seg a[aria-current=true]{display:none}.hdr .seg a{padding-inline:10px}.nav{gap:6px}}
.card,.contact{border-radius:28px}
/* Slice 82: preserve HS tokens while allowing narrow/zoomed content to reflow. */
html{scroll-padding-top:112px}
h1,h2,h3{overflow-wrap:anywhere;text-wrap:balance;scroll-margin-top:112px}
p,li{overflow-wrap:anywhere}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:var(--pri-soft)}
a:not(.brand):not(.skip){min-height:44px;min-width:44px}
.legal .body a,.card a:not(.btn){display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}
.wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.hero>*,.feat>*,.support>*,.cols>*,.legal>*{min-width:0}
.brand img{width:36px;height:36px;flex:none}
.remaining .card img{width:auto;height:auto;max-width:100%}
.device img{aspect-ratio:auto;object-fit:contain}
.sheet{overscroll-behavior:contain;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}
.seg{overflow:visible}.seg a:first-child{border-radius:999px 0 0 999px}.seg a:last-child{border-radius:0 999px 999px 0}
@media(max-width:699px){
 .hdr .wrap{flex-wrap:nowrap}.hdr .brand{font-size:18px;gap:6px}.hdr .brand img{width:28px;height:28px}
 .hdr .nav{gap:4px}.hdr .iconbtn{min-width:44px;min-height:44px}.hdr .seg a{padding-inline:6px}
 .sheet .seg a[aria-current=true]{display:inline-flex}.sheet a.big{font-size:clamp(22px,6vw,28px)}
}
@media(min-width:700px){.wrap{padding-inline:max(40px,env(safe-area-inset-left))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}