/* Public-release layout. All colors and base controls use shared brand tokens. */
.release-site { --release-radius:calc(var(--cp-radius-panel)*2); }
.release-site .wrap { max-width:1280px; padding-inline:40px; }
.release-site h1,.release-site h2,.release-site h3 { text-wrap:balance; }
.release-site main a:focus-visible,.release-site main button:focus-visible,.release-site main summary:focus-visible { outline:2px solid var(--accent-text); outline-offset:5px; }
.release-hero { margin:12px 24px 0; padding:64px max(40px,calc((100vw - 1248px)/2)); padding-right:36px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr); align-items:center; gap:48px; border-radius:var(--release-radius); background:hsl(var(--cp-inverse)); color:hsl(var(--cp-inverse-foreground)); overflow:hidden; }
html[data-theme=dark] .release-hero { background:var(--band); color:var(--ink); }
@media(prefers-color-scheme:dark) {html:not([data-theme]) .release-hero { background:var(--band);color:var(--ink); }}
.release-announcement {display:inline-flex;align-items:center;gap:12px;font-size:12px;color:inherit;padding-bottom:4px;}
.release-announcement>span:first-child {font:11px var(--mono);border:1px solid currentColor;border-radius:6px;padding:3px 7px;}
.release-announcement>span:last-child {margin-left:4px;}
.release-brandline {font-size:13px;margin-top:44px;opacity:.7;}
.studio .release-hero h1 {font-size:clamp(42px,4.45vw,68px);font-weight:520;letter-spacing:-.045em;line-height:1.18;margin:16px 0 24px;color:inherit;}
.release-lead {font-size:17px;line-height:1.8;opacity:.76;}
.release-actions {display:flex;gap:26px;align-items:center;margin-top:30px;flex-wrap:wrap;}
.release-actions .cp-button {gap:22px;}
.release-secondary {font-size:14px;display:flex;gap:14px;padding-block:12px;}
.release-platforms {font:11px var(--mono);opacity:.58;margin-top:22px;}
.release-product {margin:0;min-width:0;}
.release-product a {display:block;border-radius:var(--cp-radius-panel);overflow:hidden;box-shadow:var(--cp-shadow);}
.release-product img {width:100%;height:auto;display:block;}
.release-product figcaption {font-size:12px;opacity:.66;line-height:1.7;margin-top:18px;text-align:center;}
.release-summary {display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:30px;border-bottom:1px solid var(--line);}
.release-summary p {display:flex;gap:24px;align-items:center;font-size:14px;color:var(--muted);}
.release-summary strong {color:var(--ink);font-weight:550;white-space:nowrap;}
.release-summary .text-link {font-size:13px;white-space:nowrap;}
.release-site .studio-personal {padding:80px 0;}
.release-site .studio-personal-stage {background:transparent;border-radius:0;padding:0;margin:0 auto 64px;max-width:1200px;}
.release-site .studio-section-heading {margin:0 0 28px;display:flex;gap:56px;align-items:end;justify-content:space-between;}
.release-site .studio-section-heading h2 {font-size:36px;line-height:1.25;margin-top:12px;}
.release-site .studio-section-heading>p {max-width:420px;font-size:15px;margin:0;}
.release-site .app-demo {border-radius:var(--cp-radius-panel);}
.release-site .studio-capability {border:0;border-top:1px solid var(--line);border-radius:0;margin:0;background:transparent;}
.release-site .studio-capability:last-child {border-bottom:1px solid var(--line);}
.release-site .studio-capability>summary {padding:25px 4px;grid-template-columns:44px 1fr 36px;gap:20px;}
.release-site .capability-name {display:grid;grid-template-columns:130px 1fr;gap:4px 20px;align-items:baseline;}
.release-site .capability-name>span {font-size:13px;grid-row:1/3;margin:0;}
.release-site .capability-name h3 {font-size:23px;font-weight:500;}
.release-site .capability-name>p {font-size:14px;margin:0;}
.release-site .capability-toggle {width:32px;height:32px;font-size:18px;}
.release-site .capability-story {display:block;padding:4px 56px 30px 214px;}
.release-site .capability-story-intro {display:none;}
.release-site .capability-story-copy {max-width:760px;}
.release-site .capability-story-copy>p {font-size:16px;}
.release-site .capability-points {grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;}
.release-site .capability-points li {display:block;padding:0;border:0;}
.release-site .capability-points p {font-size:13px;}
.release-site .studio-team {border-radius:var(--release-radius);padding:48px;max-width:1248px;margin-inline:auto;}
.release-site .studio-team-heading h2 {font-size:44px;}
.release-site .studio-team-heading>p {font-size:15px;}
.release-site .studio-team-inner {padding:0;gap:70px;}
.release-site .studio-innovation {padding-block:76px;}
.release-site .studio-mission {padding-block:64px;}
.release-site .studio-innovation h2,.release-site .studio-mission h2 {font-size:38px;}
.release-site .studio-innovation-copy>p,.release-site .studio-mission-copy>p {font-size:16px;}
.release-site .page-heading {padding:44px 0 32px;}
.release-site .page-heading h1 {font-size:44px;line-height:1.2;}
.release-site .page-heading>p:last-child {font-size:16px;margin-top:18px;}
.release-site .page-eyebrow {font-size:12px;margin-bottom:18px;}
.release-site .page-eyebrow::before {display:none;}
.release-site .blog-toolbar {margin:0 0 28px;}
.release-site .editorial-feature {border:0;border-radius:24px;background:var(--band);grid-template-columns:1.1fr 1fr;gap:30px;min-height:350px;overflow:hidden;}
.release-site .editorial-feature-copy {padding:38px 0 38px 40px;}
.release-site .editorial-feature h2 {font-size:34px;line-height:1.3;letter-spacing:-.025em;}
.release-site .editorial-feature-copy>p {font-size:15px;line-height:1.8;}
.release-site .featured-label {font-size:12px;color:var(--accent-text);}
.release-site .article-category {padding:0;border:0;font-size:12px;}
.release-site .article-meta {gap:16px;font-size:12px;flex-wrap:wrap;}
.release-site .editorial-feature .article-meta {margin:18px 0;}
.release-art {align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:32px 36px;background:hsl(var(--cp-inverse));color:hsl(var(--cp-inverse-foreground));overflow:hidden;min-height:280px;}
.release-art-top {display:flex;gap:10px;align-items:center;font-size:13px;}
.release-art-top svg {width:26px;height:24px;}
.release-version {font:500 clamp(70px,10vw,148px)/1 var(--sans);letter-spacing:-.065em;align-self:center;padding:32px 0;}
.release-art-bottom {display:flex;justify-content:space-between;align-items:center;font-size:12px;opacity:.75;}
.release-art-bottom>span:last-child {font-size:24px;}
.release-site .blog-row {grid-template-columns:180px 1fr;gap:36px;padding:30px 0;}
.release-site .blog-row .editorial-art {border-radius:12px;}
.release-site .blog-row h2 {font-size:24px;line-height:1.4;}
.release-site .blog-row p {font-size:15px;line-height:1.8;}
.release-site .blog-row .text-link {font-size:13px;}
.release-site .page-cta {padding:28px 0;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:60px;background:transparent;}
.release-site .page-cta h2 {font-size:26px;}
.release-site .article-heading {padding:36px 0 42px;max-width:960px;margin-inline:auto;}
.release-site .breadcrumb {margin-bottom:28px;}
.release-site .article-heading .article-meta {margin-bottom:18px;}
.release-site .article-heading h1 {font-size:clamp(32px,4vw,56px);line-height:1.28;max-width:900px;font-weight:520;letter-spacing:-.03em;}
.release-title-prefix {display:block;font-size:18px;letter-spacing:0;color:var(--muted);margin-bottom:14px;}
.release-title-main {display:block;}
.release-site .article-byline {margin-top:22px;}
.release-reading {display:grid;grid-template-columns:180px minmax(0,720px);gap:60px;max-width:960px;margin:auto;align-items:start;}
.release-reading .article-toc {top:102px;}
.release-reading .article-toc ol {gap:12px;}
.release-reading .article-toc a {font-size:12px;}
.release-reading .article-toc>a {margin-top:24px;display:inline-flex;font-size:13px;}
.release-reading .article-toc>a::before {content:none;}
.release-site .markdown-article .article-body {width:100%;font-size:17px;line-height:1.95;}
.release-site .markdown-article .article-body>p:first-child {color:var(--ink);font-size:19px;}
.release-site .markdown-article .article-body>h2 {font-size:26px;line-height:1.5;font-weight:550;margin:46px 0 18px;scroll-margin-top:100px;}
.release-site .markdown-article .product-screenshot {margin:28px 0 36px;}
.release-site .markdown-article .product-screenshot figcaption {font-size:12px;}
.pricing-heading {max-width:900px;padding:56px 0 36px;}
.release-site .pricing-heading h1 {font-size:clamp(36px,4.4vw,60px);line-height:1.2;font-weight:520;letter-spacing:-.03em;}
.pricing-heading>p:last-child {font-size:17px;line-height:1.8;color:var(--muted);margin-top:20px;}
/* Pricing: edition first, then a valid billing term. */
.free-edition {display:flex;justify-content:space-between;align-items:center;gap:32px;padding:26px 32px;border:1px solid var(--line);border-radius:var(--cp-radius-panel);margin-bottom:32px;}
.free-edition h2 {font-size:20px;font-weight:550;display:flex;align-items:center;gap:20px;}
.free-edition h2 span {font:500 22px var(--mono);}
.free-edition p {font-size:14px;line-height:1.8;color:var(--muted);margin-top:8px;}
.free-edition .cp-button {flex-shrink:0;}
.edition-tabs {display:flex;gap:8px;border-bottom:1px solid var(--line);padding:0 8px;}
.edition-tabs>a {position:relative;display:flex;align-items:center;justify-content:center;min-height:60px;padding:12px 32px;font-size:17px;font-weight:500;color:var(--muted);text-decoration:none;}
.edition-tabs>a::after {position:absolute;content:'';height:3px;bottom:-1px;inset-inline:20px;background:transparent;border-radius:2px;}
.edition-tabs>a:hover {color:var(--ink);}
.edition-tabs>a[aria-selected=true] {color:var(--ink);}
.edition-tabs>a[aria-selected=true]::after {background:var(--accent-text);}
.edition-panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:40px;border:1px solid var(--line);border-radius:24px;margin-top:28px;scroll-margin-top:100px;}
.edition-panel[hidden] {display:none;}
.plan-overview {padding:16px 0;}
.plan-overview h2 {font-size:32px;line-height:1.25;font-weight:520;letter-spacing:-.025em;}
.plan-overview sup {font-size:18px;margin-left:6px;color:var(--accent-text);}
.plan-overview sup a {padding:6px;}
.plan-description {font-size:16px;line-height:1.8;color:var(--muted);margin-top:16px;}
.plan-overview ul {list-style:none;padding:28px 0 0;margin:28px 0 0;border-top:1px solid var(--line);display:grid;gap:18px;}
.plan-overview li {font-size:15px;line-height:1.7;display:flex;gap:12px;}
.plan-overview li::before {content:'✓';font-size:13px;color:var(--muted);}
.plan-fineprint {font-size:13px;line-height:1.8;color:var(--muted);margin:28px 0 0;}
.plan-purchase {padding:28px 32px;border-radius:var(--cp-radius-panel);background:var(--band);min-width:0;}
.billing-selector {display:none;border:0;padding:0;margin:0 0 28px;width:100%;gap:6px;min-height:56px;}
.billing-selector legend {font-size:12px;color:var(--muted);margin-bottom:12px;}
.billing-selector label {position:relative;min-width:0;flex:1;display:flex;cursor:pointer;}
.billing-selector input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.billing-selector label>span {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:56px;padding:9px 6px;border:1px solid var(--line);border-radius:var(--cp-radius-button);font-size:13px;line-height:1.3;text-align:center;}
.billing-selector small {font-size:11px;font-weight:550;color:var(--accent-text);white-space:nowrap;}
.billing-selector small:empty {display:none;}
.billing-selector input:checked+span {background:var(--bg);border-color:var(--accent-text);font-weight:600;}
.billing-selector input:focus-visible+span {outline:2px solid var(--accent-text);outline-offset:2px;}
.billing-selector label:hover>span {border-color:var(--ink);}
.plan-quotes {min-height:216px;margin-bottom:24px;}
.quote-period {font-size:16px;font-weight:600;}
.plan-original {display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.6;min-height:40px;color:var(--muted);}
.plan-original s {font-size:18px;text-decoration-thickness:1px;}
.purchase-label {font-size:12px;color:var(--muted);margin:6px 0 8px;}
.release-price {font-size:56px;line-height:1.15;font-weight:520;letter-spacing:-.04em;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;}
.release-price>span {font-size:13px;color:var(--muted);letter-spacing:0;white-space:nowrap;}
.plan-bill {font-size:13px;line-height:1.75;margin-top:12px;}
.plan-credit {font-size:13px;line-height:1.75;margin-top:18px;color:var(--accent-text);}
.plan-purchase>.cp-button {width:100%;justify-content:center;}
.plan-minimum {margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}
.plan-minimum p {font-size:13px;line-height:1.7;}
.plan-minimum strong {font-weight:600;}
.plan-footnote {position:relative;padding-left:12px;margin-top:20px;font-size:12px;line-height:1.85;color:var(--muted);scroll-margin-top:110px;}
.plan-footnote>span {position:absolute;left:0;color:var(--accent-text);}
.enterprise-offer {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:40px;margin-top:32px;padding:44px 48px;border:1px solid var(--line);border-radius:24px;}
.enterprise-offer .page-eyebrow {margin-bottom:14px;}
.enterprise-offer h2 {font-size:28px;font-weight:520;line-height:1.3;letter-spacing:-.02em;}
.enterprise-offer p:not(.page-eyebrow) {font-size:14px;line-height:1.9;color:var(--muted);margin-top:12px;}
.enterprise-details {border-left:1px solid var(--line);padding-left:36px;}
.enterprise-offer .enterprise-details p:first-child {margin-top:0;}
.enterprise-offer>.cp-button {min-width:140px;justify-content:center;}
.pricing-terms {font-size:12px;line-height:1.8;color:var(--muted);margin-top:24px;}
@supports selector(:has(*)) {
 .billing-selector {display:flex;}
 .plan-quote[data-price],.plan-minimum [data-price],.quote-period {display:none;}
 .edition-panel:has(input[value="month"]:checked) [data-price="month"],
 .edition-panel:has(input[value="quarter"]:checked) [data-price="quarter"],
 .edition-panel:has(input[value="half"]:checked) [data-price="half"],
 .edition-panel:has(input[value="year"]:checked) [data-price="year"],
 .edition-panel:has(input[value="lifetime"]:checked) [data-price="lifetime"] {display:block;}
}
@media(prefers-reduced-motion:no-preference) {
 .edition-tabs>a,.billing-selector label>span {transition:color 160ms,background 160ms,border-color 160ms;}
}
.release-site .plan-faq {margin-top:64px;gap:70px;}
.release-site .plan-faq h2 {font-size:30px;font-weight:520;}
.release-site .plan-faq summary {font-size:16px;}
.release-site .plan-faq p {font-size:15px;}
@media(prefers-reduced-motion:no-preference) {
 .release-hero-copy {animation:release-enter 440ms cubic-bezier(.2,0,0,1) both;}
 .release-product {animation:release-enter 520ms cubic-bezier(.2,0,0,1) 60ms both;}
 .release-site main .cp-button {transition:transform 160ms cubic-bezier(.2,0,0,1),background 160ms;}
 .release-site main .cp-button:active {transform:scale(.98);}
 .release-site .release-announcement>span:last-child,.release-site .text-link>span {transition:transform 180ms;}
 .release-site .release-announcement:hover>span:last-child,.release-site .text-link:hover>span {transform:translate(2px,-2px);}
 @keyframes release-enter {from {opacity:0;transform:translateY(10px)}to {opacity:1;transform:none}}
}
@media(max-width:1100px) {
 .release-hero {padding:44px 32px;gap:28px;grid-template-columns:1fr 1fr;}
 .release-site .studio-personal-stage {margin-inline:40px;}
 .release-site .studio-team {margin-inline:24px;padding:36px;}
 .release-site .studio-section-heading {gap:30px;}
 .release-site .studio-section-heading h2 {font-size:30px;}
 .release-site .studio-team-inner {gap:36px;}
 .release-site .capability-story {padding-left:88px;}
}
@media(max-width:760px) {
 .release-site .wrap {padding-inline:22px;}
 .release-hero {grid-template-columns:1fr;margin:8px 12px 0;padding:30px 24px;border-radius:24px;gap:30px;}
 .release-brandline {margin-top:32px;}
 .studio .release-hero h1 {font-size:clamp(32px,7.8vw,54px);line-height:1.25;letter-spacing:-.04em;}
 .release-lead {font-size:16px;}
 .release-actions {gap:22px;margin-top:24px;}
 .release-product figcaption {font-size:11px;margin-top:12px;text-align:left;}
 .release-summary {display:block;padding-block:24px;}
 .release-summary p {display:block;font-size:13px;}
 .release-summary strong {display:block;font-size:15px;margin-bottom:7px;}
 .release-summary .text-link {margin-top:12px;}
 .release-site .studio-personal {padding-block:48px;}
 .release-site .studio-personal-stage {margin:0 22px 36px;}
 .release-site .studio-section-heading {display:block;margin-bottom:24px;}
 .release-site .studio-section-heading h2 {font-size:29px;}
 .release-site .studio-section-heading>p {margin-top:16px;font-size:14px;}
 .release-site .studio-capability>summary {grid-template-columns:24px 1fr 36px;gap:12px;padding:24px 0;}
 .release-site .capability-name {display:block;}
 .release-site .capability-name>span {font-size:12px;margin-bottom:8px;}
 .release-site .capability-name h3 {font-size:20px;}
 .release-site .capability-name>p {font-size:13px;margin-top:6px;}
 .release-site .capability-story {padding:0 0 28px 36px;}
 .release-site .capability-points {grid-template-columns:1fr;gap:20px;}
 .release-site .studio-team {margin-inline:12px;padding:28px 20px;border-radius:24px;}
 .release-site .studio-team-heading h2 {font-size:36px;}
 .release-site .studio-team-inner {display:block;}
 .release-site .studio-team-capabilities {margin-top:32px;}
 .release-site .studio-innovation,.release-site .studio-mission {padding-block:48px;}
 .release-site .studio-innovation h2,.release-site .studio-mission h2 {font-size:30px;}
 .release-site .page-heading {padding:32px 0 24px;}
 .release-site .page-heading h1 {font-size:36px;}
 .release-site .page-heading>p:last-child {font-size:15px;}
 .release-site .editorial-feature {grid-template-columns:1fr;gap:0;border-radius:20px;}
 .release-site .editorial-feature-copy {padding:26px;}
 .release-site .editorial-feature h2 {font-size:27px;}
 .release-art {min-height:230px;padding:24px 28px;}
 .release-version {font-size:96px;padding:24px 0;}
 .release-site .blog-row {grid-template-columns:1fr;gap:20px;}
 .release-site .blog-row .editorial-art {max-height:180px;}
 .release-site .blog-row h2 {font-size:23px;}
 .release-site .article-heading {padding:28px 0;}
 .release-site .article-heading h1 {font-size:32px;line-height:1.3;letter-spacing:-.025em;}
 .release-title-prefix {font-size:16px;}
 .release-reading {display:block;}
 .release-reading .article-toc {position:static;padding:20px 0;margin:0 0 28px;}
 .release-reading .article-toc ol {grid-template-columns:1fr 1fr;gap:6px 16px;}
 .release-reading .article-toc>a {margin-top:16px;}
 .release-site .markdown-article .article-body {font-size:16px;}
 .release-site .markdown-article .article-body>p:first-child {font-size:17px;}
 .release-site .markdown-article .article-body>h2 {font-size:24px;margin-top:34px;}
 .pricing-heading {padding:34px 0 28px;}
 .release-site .pricing-heading h1 {font-size:36px;line-height:1.3;}
 .pricing-heading>p:last-child {font-size:15px;}
 .release-site .plan-faq {margin-top:44px;gap:24px;}
 .release-site .plan-faq h2 {font-size:27px;}
 .release-site .page-cta {margin-top:44px;}
 .release-site .page-cta h2 {font-size:24px;}
}
@media(max-width:1000px) {
 .edition-panel {gap:32px;padding:32px;}
 .plan-purchase {padding:24px;}
 .enterprise-offer {grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:36px;gap:24px 32px;}
 .enterprise-offer>.cp-button {justify-self:start;}
}
@media(max-width:760px) {
 .free-edition {display:block;padding:24px;}
 .free-edition .cp-button {margin-top:18px;width:100%;}
 .edition-tabs {padding:0;gap:4px;}
 .edition-tabs>a {flex:1;min-width:0;padding:12px 4px;font-size:14px;}
 .edition-tabs>a::after {inset-inline:8px;}
 .edition-panel {grid-template-columns:1fr;padding:24px;gap:28px;margin-top:22px;}
 .plan-overview {padding:0;grid-row:2;}
 .plan-purchase {grid-row:1;}
 .plan-overview h2 {font-size:28px;}
 .plan-description {font-size:14px;}
 .plan-overview ul {gap:14px;margin-top:22px;padding-top:22px;}
 .plan-overview li {font-size:14px;}
 .plan-fineprint {margin-top:20px;font-size:12px;}
 .plan-purchase {padding:24px 20px;}
 .billing-selector {gap:4px;margin-bottom:22px;}
 .billing-selector label>span {font-size:11px;padding-inline:2px;}
 .billing-selector small {font-size:10px;}
 .plan-quotes {min-height:240px;}
 .release-price {font-size:42px;}
 .release-price>span {font-size:12px;}
 .plan-original {min-height:50px;gap:6px;font-size:11px;}
 .plan-bill,.plan-credit {font-size:12px;}
 .enterprise-offer {grid-template-columns:1fr;padding:28px 24px;gap:24px;}
 .enterprise-offer h2 {font-size:26px;}
 .enterprise-details {border-left:0;border-top:1px solid var(--line);padding:20px 0 0;}
 .enterprise-offer>.cp-button {width:100%;}
}
@media(max-width:360px) {
 .release-site .wrap {padding-inline:18px;}
 .release-hero {padding-inline:20px;}
 .release-site .pricing-heading h1 {font-size:31px;}
 .release-site .article-heading h1 {font-size:29px;}
 .release-reading .article-toc ol {grid-template-columns:1fr;}
}