/* Public-page presentation only. Payment controls, forms and modal are unchanged. */
body[data-page=home] .hero{padding-bottom:38px}
body[data-page=home] .hero .lead{max-width:650px}
body[data-page=home] #product-demo{padding-top:28px}
body[data-page=home] #product-demo .experience-jump{margin-bottom:32px}
body[data-page=home] #product-demo .eyebrow{margin-top:0}
body[data-page=home] .home-paths{padding-top:64px;padding-bottom:64px;border-top:1px solid var(--line)}
body[data-page=home] .home-paths .editorial-grid article{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
body[data-page=home] .home-paths .editorial-grid article p{min-height:0}
body[data-page=home] .home-paths .editorial-grid .step-index{font-size:12px}
.catalog-discovery{padding:42px;border:1px solid var(--line);border-radius:26px;background:var(--surface)}
.catalog-discovery-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 35px;align-items:center;margin-bottom:32px}
.catalog-discovery h2{font-size:clamp(28px,3vw,42px);max-width:700px}
.catalog-discovery p{font-size:15px;line-height:1.8;max-width:650px;margin-top:15px}
.catalog-discovery summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:25px;padding:23px 0 0;border-top:1px solid var(--line);font-size:15px;font-weight:550}
.catalog-discovery summary::-webkit-details-marker{display:none}
.catalog-discovery summary small{font-size:12px;color:var(--reading-secondary);font-weight:400;margin-inline-start:auto}
.catalog-discovery summary .fold-symbol{font-size:24px;font-weight:300;line-height:1;transition:transform .18s}
.catalog-discovery details[open] summary .fold-symbol{transform:rotate(45deg)}
.catalog-discovery details .catalog-section{padding-top:45px;margin-top:20px}
.catalog-discovery summary:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:5px}

/* One readable comparison surface; names remain visible during vertical scrolling. */
.product-comparison .compare-scroll{max-height:min(720px,73vh);isolation:isolate;scroll-padding-top:150px}
.product-comparison .compare-table{min-width:0;font-size:15px}
.product-comparison .compare-table thead th{position:sticky;top:0;z-index:3;background:var(--surface);border-bottom:2px solid var(--line)}
.product-comparison .compare-table th,.product-comparison .compare-table td{padding:25px 22px}
.product-comparison .compare-table tr>th:first-child{width:150px;line-height:1.6}
.product-comparison .compare-table tbody tr:nth-child(2)>*{border-bottom-width:2px;padding-bottom:29px}
.product-comparison .compare-table tbody tr:first-child td{background:var(--surface)}
.product-comparison .compare-table tbody tr:nth-child(3) td{color:var(--ink)}
.product-comparison .compare-column-label{font-size:12px}
.compare-product-name{display:none}
.product-comparison .compare-table select{font-size:14px;min-height:48px}
.product-comparison .compare-table li{margin-bottom:16px}
.product-comparison .compare-scroll-hint{display:none}
.product-comparison .compare-table tbody tr:hover td{background:var(--surface)}

/* Product-specific, monochrome vector concepts. All colours follow the current theme. */
.product-concept{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(25px,6vw,80px);padding:58px 0;border-bottom:1px solid var(--line)}
.product-concept-copy h2{font-size:clamp(28px,3.1vw,42px);line-height:1.15;max-width:460px;margin:18px 0}
.product-concept-copy p{font-size:14px;line-height:1.8;max-width:410px;color:var(--reading-secondary)}
.product-concept-figure{margin:0;padding:21px;border:1px solid var(--line);border-radius:24px;background:var(--surface);min-width:0}
.product-concept-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.1em;color:var(--reading-secondary)}
.product-concept-figure figcaption span:last-child{font-size:12px;letter-spacing:0;direction:ltr}
.product-concept-art{width:100%;height:auto;overflow:visible}
.art-panel{fill:var(--paper);stroke:var(--line);stroke-width:1.5}
.art-line{fill:none;stroke:var(--muted);stroke-width:1.5;opacity:.6}
.art-grid{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:4 5}
.art-node{fill:var(--paper);stroke:var(--ink);stroke-width:2}
.art-orbit{fill:none;stroke:var(--muted);stroke-width:1;stroke-dasharray:3 6;opacity:.6}
.art-muted-fill{fill:var(--muted);opacity:.3}
.art-solid,.art-pin{fill:var(--ink)}
.art-pin-hole{fill:var(--surface)}
.art-chart{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* Readability refinements are scoped to public explanatory content. */
html[data-theme] main :is(.demo-view>p,.demo-footer p,.scenario-copy p,.purchase-step p){font-size:15px;line-height:1.8}
html[data-theme] main :is(.demo-metric>span,.demo-metric small,.demo-chart-top label,.demo-chart-axis,.demo-table th,.demo-filter-status){font-size:12px;color:var(--reading-secondary)}
html[data-theme] main :is(.demo-table td,.demo-nav button){font-size:13px}
html[data-theme] main .example-badge{font-size:10px;letter-spacing:.05em}
html[data-theme] main .experience-jump{font-size:12px}
html[data-theme] .footer-group h4{font-size:13px}
main :is(.home-paths article,.scenario-card,.product-related-card,.product-concept-figure){transition:transform .2s ease,border-color .2s ease}
@media(hover:hover){main :is(.home-paths article,.scenario-card,.product-related-card):hover{transform:translateY(-3px);border-color:var(--muted)}main .product-concept-figure:hover{border-color:var(--muted)}}
html[lang=ar] .product-concept-copy h2{line-height:1.4;letter-spacing:0}
html[lang=ar] .product-concept-figure figcaption{letter-spacing:0}
@media(max-width:1050px){.catalog-discovery-heading{grid-template-columns:1fr}.catalog-discovery-heading .button{justify-self:start}.product-concept{gap:35px}.product-comparison .compare-table th,.product-comparison .compare-table td{padding:22px 17px}.product-comparison .compare-table tr>th:first-child{width:120px}}
@media(max-width:760px){
 body[data-page=home] .hero{padding-bottom:24px}
 body[data-page=home] #product-demo{padding-top:16px}
 body[data-page=home] #product-demo .experience-jump{gap:12px 20px;margin-bottom:26px}
 body[data-page=home] .home-paths{padding:42px 0}
 body[data-page=home] .home-paths .editorial-grid{gap:15px}
 body[data-page=home] .home-paths .editorial-grid article{padding:25px}
 .catalog-discovery{padding:25px 22px;border-radius:22px}
 .catalog-discovery-heading{gap:22px;margin-bottom:27px}
 .catalog-discovery summary{gap:13px;flex-wrap:wrap;font-size:14px}
 .catalog-discovery summary>span:first-child{flex:1;min-width:140px}
 .catalog-discovery summary small{order:3;width:100%;margin:0}
 .product-concept{grid-template-columns:1fr;gap:25px;padding:40px 0}
 .product-concept-copy h2{font-size:32px;max-width:none}
 .product-concept-copy p{max-width:none}
 .product-concept-figure{padding:17px;border-radius:20px}
 .product-comparison .compare-scroll{max-height:72vh;border-radius:17px;scroll-padding-top:175px}
 .product-comparison .compare-scroll-hint{display:block;font-size:13px;line-height:1.7}
 .product-comparison .compare-table{display:block;min-width:0;width:100%;font-size:13px}
 .product-comparison .compare-table thead{display:block;position:sticky;top:0;z-index:4;background:var(--surface);border-bottom:2px solid var(--line)}
 .product-comparison .compare-table tbody{display:block}
 .product-comparison .compare-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-comparison .compare-table th,.product-comparison .compare-table td{position:static;min-width:0;width:auto;padding:18px 13px;border-bottom:1px solid var(--line);overflow-wrap:break-word}
 .product-comparison .compare-table thead tr>th:first-child{display:none}
 .product-comparison .compare-table thead th{position:static;vertical-align:top;border-bottom:0}
 .product-comparison .compare-table tbody tr>th:first-child{position:static;grid-column:1/-1;inset-inline-start:auto;width:auto;padding:10px 13px;font-size:12px;background:var(--surface);border-inline-end:0}
 .product-comparison .compare-table tbody tr>td:last-child{border-inline-end:0}
 .product-comparison .compare-table tbody tr:nth-child(2)>*{border-bottom-width:1px;padding-bottom:18px}
 .product-comparison .compare-table tbody tr:nth-child(2)>th:first-child{padding-bottom:10px}
 .product-comparison .compare-table select{font-size:16px;padding:9px 22px 9px 8px;min-height:43px}
 .product-comparison .compare-column-label{font-size:11px;line-height:1.5;margin-bottom:8px}
 .compare-product-name{display:block;font-size:13px;line-height:1.5;font-weight:600;margin-top:10px;color:var(--ink);overflow-wrap:anywhere}
 .product-comparison .compare-table .compare-price{font-size:29px}
 .product-comparison .compare-table .text-link{font-size:12px;line-height:1.6;gap:5px}
 .product-comparison .compare-table li{padding-inline-start:10px;margin-bottom:12px}
 html[dir=rtl] .product-comparison .compare-table select{padding:9px 8px 9px 22px}
 html[data-theme] main :is(.demo-view>p,.scenario-copy p,.purchase-step p){font-size:14px}
 html[data-theme] main .demo-nav button{font-size:11px;padding:10px 6px;gap:5px}
 html[data-theme] main :is(.demo-metric>span,.demo-metric small){font-size:11px}
 html[data-theme] main .demo-metric strong{font-size:25px}
}
@media(prefers-reduced-motion:reduce){main :is(.home-paths article,.scenario-card,.product-related-card,.product-concept-figure),.catalog-discovery summary .fold-symbol{transition:none}main :is(.home-paths article,.scenario-card,.product-related-card):hover{transform:none}}