/* Shared Download, Buy and component pages use the product site's neutral charcoal/blue palette. */
.commerce-main{width:100%;max-width:none;margin:0;padding-top:72px;padding-bottom:88px;min-height:70vh}
.commerce-heading{max-width:920px;margin:0 auto 52px;text-align:center}
.commerce-heading .eyebrow{display:flex;gap:12px;align-items:center;justify-content:center}
.commerce-heading h1{font-size:clamp(42px,5.6vw,80px);line-height:1.04;letter-spacing:-.065em;color:#d8d8d8}
.commerce-heading>p:last-child{font-size:18px;line-height:1.7;max-width:670px;margin:24px auto 0}
.download-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.download-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:36px;border:1px solid #3a3a3a;border-radius:8px;background:linear-gradient(145deg,#232323,#1a1a1a)}
.platform-icon{display:block;color:#5a9fd4;margin-bottom:34px}
.platform-icon svg{width:48px;height:48px}
.download-card h2{font-size:30px;letter-spacing:-.035em;line-height:1.12;margin-bottom:19px}
.download-card>p{font-size:15px;margin:0 0 35px;max-width:300px}
.download-card .button{width:100%;margin-top:auto;justify-content:space-between;font-size:14px;min-height:54px}
.card-status{display:block;margin:13px 0 0;font-size:12px;line-height:1.6;color:#bcbcbc}
.components-card{background:#1a1a1a}
.commerce-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:34px;padding-top:24px;border-top:1px solid #303030}
.commerce-bottom>p{font-size:13px;margin:0;max-width:600px}
.text-link{display:inline-flex;align-items:center;gap:13px;font-size:14px;line-height:1.6;color:#5a9fd4}
.text-link:hover{color:#5a9fd4}
.text-link svg{width:17px;height:17px}
.user-picker{margin:0 auto 43px;padding:0;border:0;text-align:center}
.user-picker legend{float:none;width:100%;padding:0;margin:0 0 15px;color:#d8d8d8;font-size:13px}
.user-options{display:inline-flex;border:1px solid #3a3a3a;background:#1a1a1a;padding:5px;border-radius:6px;gap:4px;max-width:100%}
.user-options label{position:relative;cursor:pointer;min-width:0}
.user-options input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.user-options span{display:flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:3px;min-height:44px;font-size:14px;line-height:1.3;color:#d8d8d8;transition:background .15s,color .15s}
.user-options input:checked+span{color:#1a1a1a;background:#5a9fd4}
.user-options input:focus-visible+span{outline:2px solid #5a9fd4;outline-offset:5px}
.plan-card{position:relative;display:flex;flex-direction:column;border:1px solid #3a3a3a;border-radius:8px;padding:32px;background:#232323;min-width:0}
.plan-index{display:block;font:12px monospace;color:#bcbcbc;margin:0 0 26px}
.plan-heading h2{font-size:31px;line-height:1.12;letter-spacing:-.035em}
.plan-heading>p{font-size:14px;line-height:1.6;min-height:45px;margin:16px 0 25px}
.price-tier{display:none;border-top:1px solid #3a3a3a;padding-top:24px}
/* Native radios update complete server-rendered prices without JavaScript. */
.pricing-form:has(#users-1:checked) .tier-1,.pricing-form:has(#users-2:checked) .tier-2,.pricing-form:has(#users-3:checked) .tier-3{display:block}
.price-label{font-size:12px;color:#d8d8d8;margin:0 0 10px}
.price-amount{display:flex;gap:5px;align-items:flex-start;font-variant-numeric:tabular-nums;color:#d8d8d8}
.price-amount .currency{font-size:27px;margin-top:7px}
.price-amount strong{font-weight:500;font-size:72px;letter-spacing:-.07em;line-height:1}
.currency-code{font-size:11px;align-self:flex-end;margin:0 0 8px 8px;color:#bcbcbc}
.regular-price{font-size:13px;color:#bcbcbc;display:flex;gap:12px;align-items:center;margin:14px 0 22px}
.regular-price s{font-size:21px;color:#bcbcbc;text-decoration-thickness:1px}
.price-term{font-size:12px;line-height:1.75;color:#d8d8d8;margin:0 0 28px}
.price-term>span{color:#bcbcbc}
.plan-card .button{width:100%;font-size:14px;justify-content:space-between;margin-top:auto}
.plan-card>.card-status{text-align:center}
.featured-plan{border-color:#5a9fd4;background:radial-gradient(ellipse at 50% 0,#3a3a3a33,#232323 70%);box-shadow:0 0 45px #5a9fd40b}
.plan-badge{position:absolute;top:0;right:25px;transform:translateY(-50%);padding:7px 13px;border-radius:3px;background:#5a9fd4;color:#303030;font-size:12px;font-weight:600}
.featured-plan .price-amount{color:#5a9fd4}
.purchase-notice{max-width:800px;margin:25px auto 0;text-align:center;font-size:13px;color:#bcbcbc}
.additional-users{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;border-top:1px solid #3a3a3a;padding-top:38px;margin-top:60px}
.additional-users h2{font-size:29px;line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}
.additional-users>div>p{font-size:14px;margin:0;max-width:520px}
.additional-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.additional-grid h3{font-size:17px;margin:0 0 18px}
.additional-grid p{font-size:16px;color:#5a9fd4;margin:0}
.additional-grid p span{display:block;color:#bcbcbc;font-size:13px;margin-top:7px}
.component-notice{display:flex;gap:28px;padding:32px;border:1px solid #666666;background:#303030;border-radius:7px;margin:0 0 28px}
.component-notice .platform-icon{margin:0}
.component-notice h2{font-size:26px;line-height:1.2;letter-spacing:-.03em;margin-bottom:15px}
.component-notice p{font-size:15px;line-height:1.75;margin:0;color:#d8d8d8}
.component-platforms{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.component-platform{border:1px solid #3a3a3a;border-radius:7px;padding:32px;background:#232323;min-width:0}
.component-platform h2{font-size:28px;line-height:1.2;letter-spacing:-.03em}
.component-platform .platform-icon{margin-bottom:20px}
.component-platform .card-status{font-size:14px}
.release-details{margin:25px 0;padding:0;font-size:13px;line-height:1.7}
.release-details dt{color:#999999;margin-top:12px}
.release-details dd{margin:3px 0 0;color:#d8d8d8;overflow-wrap:anywhere}
.release-links{display:flex;flex-wrap:wrap;gap:18px;margin:25px 0 0}
.release-note{font-size:13px;margin:20px 0 0;color:#bcbcbc}
.component-summary{margin-top:40px}
.component-summary h2{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin-bottom:20px}
.component-summary p,.component-summary li{font-size:14px;line-height:1.8;color:#bcbcbc}
.component-summary ul{padding-left:22px}
.component-summary a{text-decoration:underline;text-underline-offset:4px;color:#5a9fd4}
@media(max-width:1100px){.download-card,.plan-card{padding:28px}.download-card h2{font-size:27px}.additional-users{gap:35px}.user-options span{padding-inline:20px}}
@media(max-width:900px){.commerce-main{padding-top:52px}.download-grid,.pricing-grid{gap:14px}.download-card,.plan-card{padding:24px 20px}.download-card h2,.plan-heading h2{font-size:25px}.price-amount strong{font-size:64px}.additional-users{grid-template-columns:1fr;gap:28px}.additional-grid{max-width:630px}}
@media(max-width:700px){.commerce-heading{margin-bottom:38px;text-align:left}.commerce-heading .eyebrow{justify-content:flex-start}.commerce-heading h1{font-size:48px}.commerce-heading>p:last-child{font-size:16px;margin-top:22px}.download-grid,.pricing-grid,.component-platforms{grid-template-columns:1fr;gap:23px}.download-card{padding:30px}.download-card h2,.plan-heading h2{font-size:30px}.download-card>p{max-width:none}.platform-icon{margin-bottom:25px}.user-picker{text-align:left;margin-bottom:32px}.user-options{display:flex}.user-options label{flex:1}.user-options span{padding:13px 10px;font-size:13px}.plan-card{padding:30px}.plan-heading>p{min-height:0;margin-bottom:24px}.plan-index{margin-bottom:20px}.plan-badge{right:25px}.commerce-bottom{flex-direction:column;align-items:flex-start;gap:18px}.additional-users{margin-top:43px;padding-top:30px}.additional-grid{gap:20px}.additional-grid p{font-size:15px}.purchase-notice{text-align:left}.component-notice{padding:25px;gap:20px}.component-notice .platform-icon svg{width:30px;height:30px}.component-platform{padding:27px}}
@media(max-width:380px){.commerce-heading h1{font-size:41px}.download-card,.plan-card{padding:25px}.user-options span{font-size:12px;padding-inline:6px}.additional-grid{grid-template-columns:1fr}.component-notice{display:block}.component-notice .platform-icon{margin-bottom:18px}}

.components-main .commerce-heading{max-width:1100px;margin-bottom:25px}
.components-main .commerce-heading h1{font-size:clamp(35px,4.5vw,62px);letter-spacing:-.045em;line-height:1.1}
.components-main .commerce-heading>p:last-child{max-width:860px;text-align:left;font-size:16px}
.component-intro-note{max-width:860px;margin:0 auto 38px;font-size:16px}
.component-document{padding-top:42px;margin-top:42px;border-top:1px solid #3a3a3a}
.component-document>h2{font-size:20px;line-height:1.45;letter-spacing:.045em;margin:0 0 26px;color:#5a9fd4}
.component-document>p,.component-document>ul{max-width:950px;font-size:16px;line-height:1.8;color:#bcbcbc}
.component-document>ul{padding-left:22px;margin:0 0 25px}
.component-document li+li{margin-top:8px}
.component-groups{display:grid;grid-template-columns:1fr 1fr;gap:34px 50px}
.component-groups h3{font-size:27px;margin:0 0 18px}
.component-groups p{font-size:15px;line-height:1.8;margin-bottom:18px;color:#bcbcbc}
.component-groups .component-project{font-size:13px}
.component-project a{color:#5a9fd4;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.release-heading{font-size:25px;margin:38px 0 24px}
.component-platform h4{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:0}
.component-platform .button{white-space:normal;text-align:left;font-size:13px}
.archive-checksum{font-family:monospace;font-size:12px;word-break:break-all}
.prores-notice{padding:32px;border:1px solid #999999;background:#232323;border-radius:7px}
.prores-notice>p:last-child{margin:0}
.purchase-legal-notice{border-left:2px solid #5a9fd4;margin-top:42px;padding:4px 0 4px 23px}
.purchase-legal-notice h2{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin-bottom:14px}
.purchase-legal-notice p{font-size:14px;max-width:760px;margin-bottom:14px}
@media(max-width:700px){.component-groups{grid-template-columns:1fr;gap:28px}.components-main .commerce-heading h1{font-size:36px;overflow-wrap:normal}.components-main .commerce-heading>p:last-child,.component-intro-note{font-size:15px}.component-document{margin-top:32px;padding-top:32px}.component-document>h2{font-size:18px;letter-spacing:.025em}.component-document>p,.component-document>ul{font-size:15px}.prores-notice{padding:25px}.component-platform h4{font-size:25px}}
@media(max-width:380px){.components-main .commerce-heading h1{font-size:31px}.component-platform .button{font-size:12px;gap:12px}}

/* Match the application: graphite panels, clear blue actions, neutral typography. */
.commerce-heading h1,.price-amount,.featured-plan .price-amount{color:var(--iv-text)}
.download-card,.components-card,.plan-card,.component-platform{background:var(--iv-panel);border:1px solid var(--iv-border);border-radius:10px}
.download-card{transition:border-color .2s,background .2s}
.download-card:hover{border-color:var(--iv-accent);background:#242424}
.platform-icon,.text-link,.component-document>h2,.component-project a,.component-summary a,.additional-grid p{color:var(--iv-accent)}
.text-link:hover{color:var(--iv-text)}
.user-options{background:#1A1A1A;border-color:#666666;border-radius:8px}
.user-options span{color:var(--iv-text);border-radius:5px}
.user-options input:checked+span{background:var(--iv-action);color:#fff}
.user-options input:focus-visible+span{outline-color:var(--iv-accent)}
.featured-plan{border-color:var(--iv-accent);background:linear-gradient(180deg,#1C4A63 0,#232323 46%);box-shadow:none}
.plan-badge{background:var(--iv-accent);color:#161616}
.plan-index,.release-details dt{color:#BCBCBC}
.price-label,.price-term,.release-details dd,.component-document>p,.component-document>ul,.component-groups p{color:var(--iv-text)}
.card-status,.regular-price,.regular-price s,.currency-code,.price-term>span,.additional-grid p span,.release-note,.component-summary p,.component-summary li{color:var(--iv-muted)}
.component-notice,.prores-notice{background:#1A1A1A;border-color:#666666}
.component-notice p{color:var(--iv-text)}
.purchase-legal-notice{border-color:var(--iv-accent)}