/* Readable supporting typography at desktop and mobile sizes. */
:root{--quiet:#aaaab3;--muted:#c0c0c8}
body{font-size:16px;line-height:1.6}
.header nav{font-size:16px;gap:28px}
.button,.button.small,.hero .button,.edition-detail .button{font-size:16px;line-height:1.4}
.button.small{padding:10px 14px}
.intro,.section-head>p,.audience-intro,.demo-grid>div>p:not(.eyebrow){font-size:18px;line-height:1.6}
.section-head>p{max-width:460px}
.eyebrow,.hero .eyebrow,.audience-panel .eyebrow,.edition-detail .eyebrow,.hero-card .eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.2px}
.hero-caption,.manifesto-footer,.pill,.step,.audience-label,.value-grid article>span,.product-number span,.capabilities span,.use-cases>span,.demo-aside span,.footer-bottom{font-size:12px;line-height:1.6}
.hero-caption{max-width:100%;white-space:normal}
.card-link,.text-link,.product>a,.footer-top>a:last-child{font-size:16px;line-height:1.5}
.capture-tabs button{font-size:12px;line-height:1.5;gap:14px;padding:20px 16px}
.capture-tabs button span{font-size:16px;line-height:1.5}
.capture figcaption{font-size:14px;line-height:1.6;flex-wrap:wrap;gap:12px 24px}
.capture figcaption span:last-child{font-size:12px;line-height:1.6;white-space:normal}
.experience-notes p,.experience-notes>span,.fine,.market-context .fine,.form-note,.footer-top p{font-size:14px;line-height:1.6}
.audience-buttons button,.edition-selector button{font-size:15px;line-height:1.5;min-height:46px}
.audience-panel p,.audience-panel ul,.product>p,.product ul,.workflow-grid p,.value-grid p,.environment-grid p,.market-grid p,.market-context>p,.mobile-note p,.edition-detail p:last-child{font-size:16px;line-height:1.65}
.audience-example{font-size:14px!important}
.product>p{min-height:0}.product ul{margin-top:12px}
.use-cases p,.market-grid a{font-size:14px;line-height:1.6}
table,thead th,th,td{font-size:15px;line-height:1.55}
caption{font-size:13px;line-height:1.6}
label{font-size:15px;line-height:1.5}
input,select,textarea{font-size:16px;line-height:1.5}
#form-status{font-size:16px}
.motion-toggle{font-size:12px}
.footer-bottom{padding-bottom:52px}
.manifesto h2 span{color:#a2a2ac}
@media(max-width:1100px) and (min-width:761px){
 .header nav{gap:18px;font-size:15px}.header .button{font-size:14px;gap:12px}
 .environment-grid{grid-template-columns:repeat(2,1fr)}
 .section-head{gap:36px}.demo-grid{gap:40px}
}
@media(max-width:760px){
 html{scroll-padding-top:90px}
 .header .button{font-size:12px;min-height:38px;padding:8px;gap:8px}
 .header nav{gap:0}
 h1{font-size:clamp(54px,10vw,78px)}
 .intro,.section-head>p,.audience-intro,.demo-grid>div>p:not(.eyebrow){font-size:16px;line-height:1.65}
 .hero .eyebrow{font-size:11px;letter-spacing:.7px}
 .hero-caption,.manifesto-footer,.footer-bottom{font-size:12px}
 .manifesto-footer{flex-wrap:wrap;align-items:flex-start}
 .capture-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .capture-tabs button{padding:16px 10px;gap:6px;font-size:12px}
 .capture-tabs button span{font-size:14px}
 .capture figcaption{font-size:14px;padding:16px}
 .capture figcaption span:last-child{font-size:12px}
 .experience-notes p,.experience-notes>span{font-size:13px}
 .audience-buttons button{font-size:14px;padding:12px;flex:1 0 44%}
 .audience-panel h3{font-size:30px;line-height:1.2}
 .product h3{margin-bottom:20px}
 .edition-selector button{font-size:14px}
 .use-cases p{font-size:14px;line-height:1.8}.use-cases b{margin-inline:6px}
 .mobile-note p,.workflow-grid p,.audience-panel p{font-size:16px}
 th,td{font-size:14px;min-width:155px}
 .footer-top>a:last-child{font-size:14px}
 .motion-toggle{font-size:11px;padding:9px 11px}
 .hero-content{padding-top:135px}
}
@media(min-width:761px) and (max-width:900px){.header nav>a:not(.button){display:none}}
@media(max-width:360px){.header .wordmark{width:105px}.header .button{font-size:11px}}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product{padding:30px 22px 0}
/* Shared tracks keep every card aligned even when descriptions wrap. */
@media(min-width:761px){
 .product{display:grid;grid-row:span 6;grid-template-rows:subgrid}
 .product>p{margin-bottom:0}
 .product-number,.mobile-icon{margin:28px 0}
 .product ul{display:grid;grid-template-rows:repeat(3,1fr);margin:12px 0 28px}
 .product li{margin:5px 0}
 .product>a{margin-top:0;align-self:stretch;align-items:center}
}
.product-wordmark img{max-width:100%;object-fit:contain}
@media(min-width:761px) and (max-width:1200px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product:nth-child(3){border-left:0}.product:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:760px){.product-grid{grid-template-columns:1fr}.product{padding:28px 25px 0}}
.mobile-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.suite-summary{margin-bottom:40px}.desktop-specs{margin-top:48px}.desktop-specs>h3{margin-bottom:24px}
.edition-detail>.button{flex-shrink:0;white-space:nowrap}
.edition-spec-copy{padding:0 0 28px;color:var(--muted)}.edition-spec-copy>p:first-child{font-size:18px;color:var(--text)}.edition-spec-copy ul{columns:2;column-gap:48px;padding-left:22px;margin-bottom:0}.edition-spec-copy li{break-inside:avoid;margin-bottom:12px;padding-left:4px}.edition-spec-copy li::marker{color:var(--accent)}
@media(max-width:760px){.edition-spec-copy ul{columns:1}.suite-summary table{min-width:680px}}
.mobile-family-heading{margin:48px 0 24px}.mobile-family-heading .eyebrow{margin-bottom:16px}.mobile-family-heading h3{margin-bottom:16px}.mobile-family-heading>p:last-child{color:var(--muted);margin:0}
.mobile-product-grid .product>p{max-width:100%}
.mobile-lite-label{font:700 13px/1 Plex,sans-serif;letter-spacing:1.3px;margin-left:7px;transform:translateY(2px)}
.mobile-comparison{margin-top:80px;padding-top:64px;border-top:1px solid var(--line)}
.mobile-comparison .section-head{margin-bottom:24px}.mobile-spec-status{margin:0 0 32px}
.mobile-comparison-table{table-layout:fixed}.mobile-comparison-table th:first-child{width:30%}.mobile-comparison-table td{width:35%}
.mobile-performance{padding:20px 24px;background:var(--surface);border-left:2px solid var(--accent);margin:24px 0 32px}
.mobile-spec-group{border-top:1px solid var(--line)}.mobile-spec-group:last-of-type{border-bottom:1px solid var(--line)}
.mobile-spec-group summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:20px;padding:24px 0;list-style:none}.mobile-spec-group summary::-webkit-details-marker{display:none}.mobile-spec-group summary span{color:var(--accent)}.mobile-spec-group[open] summary span{transform:rotate(45deg)}.mobile-spec-group .table-scroll{padding-bottom:24px}
.mobile-demo-links{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:32px}
@media(max-width:760px){.mobile-product-grid{grid-template-columns:1fr}.mobile-comparison{margin-top:56px;padding-top:40px}.mobile-comparison-table{min-width:680px}.mobile-lite-label{font-size:11px}.mobile-demo-links .button{width:100%}}