.page-hero{border-bottom:1px solid var(--neutral-light);background:var(--base-ultra-light);padding-block:clamp(40px,5vw,72px) clamp(28px,3.4vw,48px);position:relative;overflow:hidden}.page-hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--primary) 9%, transparent), transparent 66%);z-index:0;width:50%;height:150%;position:absolute;top:-40%;right:-10%}.page-hero .container{z-index:1;position:relative}.page-hero .ph-inner{max-width:60ch}.page-hero h1{font-size:var(--h1);letter-spacing:-.03em;margin-top:var(--space-m);font-weight:800;line-height:1.04}.page-hero .lead{margin-top:var(--space-m);font-size:var(--text-xl);color:var(--text-dark-muted);max-width:56ch;line-height:1.5}.page-hero .ph-meta{gap:var(--space-s);margin-top:var(--space-l);flex-wrap:wrap;display:flex}.page-hero .ph-meta .pill{align-items:center;gap:var(--space-xs);background:var(--white);border:1px solid var(--neutral-light);border-radius:var(--radius-circle);font-size:var(--text-s);color:var(--text-dark);padding:8px 14px;font-weight:600;display:inline-flex}.page-hero .ph-meta .pill svg{width:16px;height:16px;color:var(--primary)}.prose{max-width:72ch;color:var(--text-dark-muted);font-size:var(--text-l);line-height:1.75}.prose>*+*{margin-top:var(--space-m)}.prose h2{color:var(--text-dark);font-size:var(--h3);margin-top:var(--space-2xl);line-height:1.2}.prose h2:first-child{margin-top:0}.prose strong,.prose b{color:var(--text-dark)}.prose ul{gap:var(--space-xs);flex-direction:column;margin:0;padding-left:1.2rem;display:flex}.feat-cards{gap:var(--space-l);grid-template-columns:repeat(3,1fr);display:grid}.feat-card{background:var(--white);border:1px solid var(--neutral-light);border-radius:var(--radius-m);padding:var(--space-l);transition:transform .2s,box-shadow .2s}.feat-card:hover{box-shadow:var(--box-shadow-m);transform:translateY(-4px)}.feat-card .fc-ic{border-radius:var(--radius);background:var(--primary-light);width:48px;height:48px;color:var(--primary);margin-bottom:var(--space-m);place-items:center;display:grid}.feat-card .fc-ic svg{width:24px;height:24px}.feat-card h3{font-size:var(--h4);margin-bottom:var(--space-xs);color:var(--text-dark);font-weight:700}.feat-card p{font-size:var(--text-m);color:var(--text-dark-muted);line-height:1.6}.feat-cards.is-steps,.page-card .feat-cards.is-steps{gap:var(--space-l);grid-template-columns:repeat(3,1fr)}.feat-cards.is-steps .feat-card{padding:var(--space-m);position:relative}.feat-card .fc-num{border-radius:var(--radius-circle);background:var(--primary);width:44px;height:44px;color:var(--white);font-family:var(--heading-font-family);font-weight:800;font-size:var(--text-l);margin-bottom:var(--space-s);place-items:center;display:grid}.feat-cards.is-steps .feat-card:not(:last-child):after{content:"";top:calc(var(--space-m) + 22px);width:var(--space-l);background:var(--neutral-semi-light);height:2px;position:absolute;left:100%}.feat-cards.is-steps .feat-card:not(:last-child):before{content:"";top:calc(var(--space-m) + 22px);left:calc(100% + var(--space-l) - 7px);border-top:2px solid var(--neutral-semi-light);border-right:2px solid var(--neutral-semi-light);width:8px;height:8px;position:absolute;transform:translateY(-50%)rotate(45deg)}.split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,64px);display:grid}.split.media-right .split-media{order:2}.split-media .media{aspect-ratio:4/3.2;border-radius:var(--radius-m);border:1px solid var(--neutral-light);width:100%}.split-copy h2{font-size:var(--h2);margin-top:var(--space-m)}.split-copy p{margin-top:var(--space-m);color:var(--text-dark-muted);max-width:48ch;line-height:1.7}.stat-band{gap:var(--space-l);grid-template-columns:repeat(4,1fr);display:grid}.stat{text-align:center}.stat b{font-family:var(--heading-font-family);font-size:var(--h2);letter-spacing:-.03em;color:var(--primary);font-weight:800;display:block}.stat span{font-size:var(--text-s);color:var(--text-dark-muted)}.cta-band{background:var(--base-ultra-dark);border-radius:var(--radius-m);justify-content:space-between;align-items:center;gap:var(--space-xl);flex-wrap:wrap;padding:clamp(36px,3.2vw,52px) clamp(32px,5vw,64px);display:flex}.cta-band h2{color:#fff;font-size:var(--h2);max-width:18ch}.cta-band p{color:var(--text-on-dark-muted);margin-top:var(--space-s);max-width:44ch}@media (width<=880px){.feat-cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.split.media-right .split-media{order:-1}.stat-band{gap:var(--space-xl);grid-template-columns:1fr 1fr}}@media (width<=540px){.feat-cards{grid-template-columns:1fr}}@media (width<=720px){.feat-cards.is-steps,.page-card .feat-cards.is-steps{gap:var(--space-l);grid-template-columns:1fr}.feat-cards.is-steps .feat-card:not(:last-child):after{top:100%;left:calc(var(--space-m) + 22px);width:2px;height:var(--space-l)}.feat-cards.is-steps .feat-card:not(:last-child):before{top:calc(100% + var(--space-l) - 7px);left:calc(var(--space-m) + 19px);transform:rotate(135deg)}}.page-layout{gap:var(--space-2xl);margin-block:var(--space-s) var(--space-l);grid-template-columns:minmax(0,1fr) 264px;align-items:start;display:grid}.page-card{background:var(--white);border-radius:var(--card-radius);box-shadow:var(--box-shadow-s);padding:clamp(24px,3vw,48px)}.page-card h1{font-size:var(--h2);margin-bottom:var(--space-2xs)}.page-updated{font-size:var(--text-xs);color:var(--text-subtle);margin-bottom:var(--space-l);display:block}.page-card h2{font-size:var(--text-xl);margin:var(--space-xl) 0 var(--space-s);scroll-margin-top:calc(var(--header-height,74px) + 16px)}.page-card p{color:var(--text-dark-muted);font-size:var(--text-m);max-width:76ch;margin-bottom:var(--space-s);line-height:1.7}.page-card ul{margin:0 0 var(--space-s);color:var(--text-dark-muted);padding-left:1.3em;line-height:1.7}.page-card li{margin-bottom:4px}.page-card a{color:var(--primary-strong);font-weight:600;text-decoration:underline}.page-card b{color:var(--text-dark)}.page-card table{border-collapse:collapse;width:100%;max-width:560px;margin-block:var(--space-s)}.page-card th,.page-card td{text-align:left;border-bottom:var(--border-size) solid var(--neutral-ultra-light);font-size:var(--text-m);padding:10px 0}.page-card th{color:var(--text-subtle);width:56%;font-weight:600}.page-card td{color:var(--text-dark);white-space:nowrap;font-weight:700}.page-toc{gap:var(--space-xs);margin-bottom:var(--space-m);flex-wrap:wrap;display:flex}.page-toc a{font-family:var(--heading-font-family);font-size:var(--text-xs);background:var(--neutral-ultra-light);border-radius:var(--radius-circle);color:var(--text-dark-muted);padding:6px 13px;font-weight:700;text-decoration:none}.page-toc a:hover{background:var(--primary-ultra-light);color:var(--primary-strong)}.page-side{top:calc(var(--header-height,0px) + var(--space-m));gap:var(--space-s);flex-direction:column;display:flex;position:sticky}.side-card{background:var(--white);border-radius:var(--card-radius);box-shadow:var(--box-shadow-s);padding:var(--space-m)}.side-card h3{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--space-s)}.side-card ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.side-card li a{justify-content:space-between;align-items:center;gap:var(--space-s);border-radius:var(--radius-s);font-size:var(--text-s);color:var(--text-dark);margin-inline:-10px;padding:9px 10px;font-weight:600;display:flex}.side-card li a:hover{background:var(--primary-ultra-light);color:var(--primary-strong)}.side-card li a.on{background:var(--primary-ultra-light);color:var(--primary-strong);font-weight:700}.side-card li a svg{width:13px;height:13px;color:var(--text-subtle);flex:none}.side-help{font-size:var(--text-s);color:var(--text-dark-muted)}.side-help b{color:var(--text-dark);font-family:var(--heading-font-family);margin-bottom:4px;display:block}.side-help a{color:var(--primary-strong);font-weight:700;text-decoration:underline}@media (width<=960px){.page-layout{grid-template-columns:1fr}.page-side{order:2;position:static}}.page-card .article-body{max-width:none}.page-card .article-body p{font-size:var(--text-m)}.page-card .article-body :is(h2,h3)[id]{scroll-margin-top:calc(var(--header-height,74px) + 16px)}.page-card .feat-cards{grid-template-columns:1fr 1fr}@media (width<=720px){.page-card .feat-cards{grid-template-columns:1fr}}
