.expansion-hero { padding-block:80px 60px; }
.expansion-hero-copy { max-width:830px; min-width:0; }
.expansion-hero h1 { font-size:clamp(2.8rem,5.3vw,4.7rem); max-width:20ch; line-height:1.1; }
.expansion-hero-copy>p:not(.editorial-kicker) { margin-top:28px; color:var(--muted); font-size:1.15rem; line-height:1.8; max-width:64ch; }
.expansion-hero .button { margin-top:32px; }
.expansion-hero .availability-note { font-size:.9rem!important; margin-top:22px!important; }
.expansion-hero-media { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:70px; align-items:center; }
.expansion-hero-media .section-media { min-width:0; }
.expansion-hero-media .section-phone { max-width:224px; }
.expansion-hero-media .section-media-pair .section-phone { max-width:190px; }
.expansion-hero-media figcaption { font-size:.8rem; }
.expansion-hero-media .section-media-wide { width:100%; max-width:600px; }
.expansion-hero-media .section-shot-wide .section-phone { max-width:none; border-radius:24px; }
.expansion-hero-media .section-shot-wide .phone-image { border-radius:18px; }
.expansion-utility-hero { padding-bottom:36px; }
.plans-comparison { padding-bottom:100px; }
.table-scroll { overflow-x:auto; overscroll-behavior-inline:contain; border-block:1px solid var(--line); }
.plans-comparison table { border-collapse:collapse; width:100%; text-align:start; }
.plans-comparison :is(th,td) { padding:24px; border-bottom:1px solid var(--line); vertical-align:top; min-width:170px; }
.plans-comparison th { font-weight:600; }
.plans-comparison thead { background:var(--paper); font-size:1.1rem; }
.plans-comparison tbody td { color:var(--muted); }
.plans-comparison tr>:nth-child(3) { background:color-mix(in srgb,var(--accent) 5%,var(--page)); }
.plans-comparison tbody tr:last-child :is(th,td) { border:0; }
.plans-footnote { color:var(--muted); line-height:1.8; max-width:80ch; padding-block:26px; }
.site-search { padding-block:10px 40px; }
.site-search label { display:block; margin-bottom:14px; font-weight:600; }
.search-controls { display:flex; gap:16px; max-width:920px; }
.search-controls input { min-width:0; flex:1; padding:16px 20px; background:var(--paper); border:1px solid var(--line); border-radius:16px; color:var(--text); }
.site-search [data-search-status] { padding-block:24px; color:var(--muted); }
.site-search [data-search-results] { margin:0; padding:0; list-style:none; }
.site-search [data-search-results] li { padding-block:24px; border-top:1px solid var(--line); }
.site-search [data-search-results] a { display:inline-block; font-size:1.35rem; font-weight:600; }
.site-search [data-search-results] p { color:var(--muted); margin-top:12px; max-width:75ch; line-height:1.7; }
.search-directory { padding-bottom:90px; }
.search-directory ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 70px; }
.search-directory li { padding-block:26px; border-top:1px solid var(--line); }
.search-directory a { font-weight:600; font-size:1.1rem; }
.search-directory p { color:var(--muted); margin-top:12px; line-height:1.75; }
.release-history header>p { margin-top:18px; color:var(--muted); }
.release-history .detail-list { margin-block:28px; }
@media(max-width:980px) { .expansion-hero-media { gap:40px; grid-template-columns:minmax(0,1fr); } .expansion-hero-media .section-media { max-width:600px; width:100%; margin-inline:auto; } }
@media(max-width:600px) { .expansion-hero { padding-block:50px 40px; } .expansion-hero h1 { font-size:clamp(2.3rem,10vw,3.2rem); } .expansion-hero-copy>p:not(.editorial-kicker) { font-size:1.05rem; } .search-controls { flex-direction:column; } .search-controls input { width:100%; } .search-directory ul { grid-template-columns:minmax(0,1fr); } .plans-comparison :is(th,td) { padding:18px; } }
@media(max-width:600px) {
.plans-comparison table { table-layout:fixed; }
.plans-comparison :is(th,td) { min-width:0; padding:18px 10px; overflow-wrap:anywhere; font-size:.88rem; }
.plans-comparison tr>:first-child { width:28%; }
}

.expansion-hero-media>.section-media { padding:30px;border-radius:30px;background:color-mix(in srgb,var(--feature,var(--accent)) 12%,var(--paper)); }
@media(max-width:600px) { .expansion-hero-media>.section-media { padding:20px 12px; } }

.smart-demo,.scenario-library,.personalization-examples { margin-block:42px; scroll-margin-top:30px; }
.smart-demo { padding:clamp(20px,4vw,38px); background:var(--paper); border-radius:16px; }
.article-body :is(.smart-demo,.scenario-library,.personalization-examples)>p { margin-top:22px; color:var(--muted); line-height:1.8; }
.smart-demo-controls { margin-block:30px; display:flex; flex-wrap:wrap; gap:24px; align-items:end; }
.smart-demo-controls fieldset { min-width:0; margin:0; border:0; padding:0; flex:1 1 200px; }
.smart-demo-controls legend { margin-bottom:14px; font-weight:600; }
.smart-demo-controls label { display:flex; align-items:center; gap:10px; padding-block:9px; line-height:1.5; cursor:pointer; }
.smart-demo-controls input { flex-shrink:0; width:19px; height:19px; accent-color:var(--accent); }
.smart-demo-controls .button { padding:12px 20px; }
.smart-demo-results h3 { display:flex; flex-wrap:wrap; gap:12px; align-items:baseline; font-size:1.2rem; line-height:1.5; }
.smart-demo-results [data-smart-count] { color:var(--muted); font-weight:400; font-variant-numeric:tabular-nums; }
.smart-demo-results ol { list-style:none; margin-top:20px; padding:0; }
.smart-demo-results li { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,.8fr); gap:12px 22px; padding:22px 16px; border-top:1px solid var(--line); }
.smart-demo-results h4 { font-size:1rem; line-height:1.5; font-weight:600; }
.smart-demo-results dl { display:flex; flex-wrap:wrap; gap:12px 24px; font-size:.85rem; line-height:1.5; }
.smart-demo-results dt { color:var(--muted); }
.smart-demo-results dd { margin:4px 0 0; }
.smart-demo-results [data-smart-match="true"] { background:color-mix(in srgb,var(--mint) 10%,var(--paper)); }
.smart-demo-row-status { font-size:.85rem; color:var(--muted); grid-column:1 / -1; }
[data-smart-match="true"] .smart-demo-row-status { color:var(--mint); font-weight:600; }
.smart-demo-notice { font-size:.9rem; }
.scenario-example { padding-block:32px; border-bottom:1px solid var(--line); }
.scenario-example h3,.personalization-example h3 { font-size:1.35rem; line-height:1.35; }
.scenario-example>p { margin-block:18px; color:var(--muted); line-height:1.8; }
.scenario-example textarea { display:block; width:100%; min-height:210px; field-sizing:content; resize:vertical; padding:20px; background:var(--paper); color:var(--text); border:1px solid var(--line); border-radius:12px; font:inherit; line-height:1.75; white-space:pre-wrap; overflow-wrap:anywhere; }
.scenario-copy { margin-top:20px; }
.scenario-copy-status { min-height:3.6em; font-size:.9rem; }
.personalization-examples ul { list-style:none; margin-top:28px; padding:0; }
.personalization-example { display:flex; gap:22px; padding-block:24px; border-bottom:1px solid var(--line); }
.personalization-example p { margin-top:12px; color:var(--muted); line-height:1.8; }
.personalization-swatch { flex:0 0 60px; height:60px; display:grid; place-items:center; border-radius:16px; background:var(--mint-soft); color:var(--mint); }
.personalization-swatch .icon { width:32px; height:32px; }
.example-1 .personalization-swatch { background:var(--blue-soft); color:var(--accent); }
.example-2 .personalization-swatch { background:var(--lavender-soft); }
.personalization-emoji { font-size:30px; }
@media(max-width:600px) {
.smart-demo-results li { grid-template-columns:minmax(0,1fr); padding-inline:12px; }
.smart-demo-controls { flex-direction:column; align-items:stretch; }
.smart-demo-controls fieldset { flex-basis:auto; }
.smart-demo-results dl { gap:10px 28px; }
.personalization-example { gap:16px; }
.personalization-swatch { flex-basis:48px; height:48px; border-radius:12px; }
.scenario-example textarea { padding:16px; min-height:280px; }
}