/* Open page surfaces. Keep all scene geometry, 3D transforms and reveal hooks. */
:root{--open-rule:#ffffff17;--open-gap:clamp(32px,5vw,72px)}
.ownership-copy h3,.product-copy h2,.studio-heading h2,.launch-content h2,.pricing-heading h2{ text-wrap:balance }
.ownership-intro,.product-copy>p,.studio-heading>p,.pricing-card>p:not(.pricing-price){text-wrap:pretty}
.film-chapter{gap:13px;font-size:10px;letter-spacing:.08em}
.film-chapter i{max-width:56px;background:#ffffff24}
.film-chapter>span:first-child{color:#8f9c91}

/* Benefits share the page canvas; the infinity remains the visual anchor. */
.story-enabled #why .section-heading{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ownership-panel{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.ownership-main{padding:24px 0 48px;gap:var(--open-gap);grid-template-columns:1fr 1fr}
.ownership-copy h3{font-size:clamp(36px,4.1vw,56px);line-height:1.1;max-width:520px;margin-bottom:22px}
.ownership-intro{max-width:380px;line-height:1.75}
.ownership-platforms{gap:28px;margin-top:30px}
.ownership-visual{padding:12px 0 0}
.ownership-visual::before{display:none}
.ownership-infinity{max-width:450px;margin:20px 0 0}
.ownership-features{padding:28px 0 36px;gap:36px;border-top:0;background:transparent}
.ownership-features>div+div{border-color:var(--open-rule);padding-left:36px}
.ownership-features svg{width:21px;height:21px;margin-bottom:18px}
.ownership-features h4{font-size:17px;margin-bottom:9px}
.ownership-features p{max-width:320px;font-size:13px}
.ownership-foot{padding:20px 0 10px;border-top:1px solid var(--open-rule);background:transparent;gap:32px}
.ownership-foot p{max-width:680px}

/* The real application stays dimensional, without an extra marketing frame. */
.journey-enabled .gallery-frame,.gallery-frame{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.journey-enabled .workspace-tabs,.workspace-tabs{padding:0;gap:28px;background:transparent;border:0;border-bottom:1px solid var(--open-rule);margin:0 0 24px}
.journey-enabled .workspace-tabs button,.workspace-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 0;min-height:44px;box-shadow:none;color:#aeb8b0}
.journey-enabled .workspace-tabs button[aria-selected=true],.workspace-tabs button[aria-selected=true]{border-color:#c1ee9f;background:transparent;color:#eff4ec;box-shadow:none}
.journey-enabled .workspace-tabs button:hover,.workspace-tabs button:hover{background:transparent;color:#eff4ec;border-color:#65725f}
.workspace-panel,.workspace-image,.workspace-panel figcaption{background:transparent}
.workspace-image{padding:0}
.workspace-image img{border-radius:8px}
.workspace-panel figcaption{padding:20px 0 0;border:0;gap:5px}
.film-scene[data-film=app] .workspace-panel figcaption{min-height:78px}
.workspace-footnote{margin-top:12px}

/* The editor is a workspace on the page, not a second enclosing card. */
#studio .clip-editor{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;column-gap:var(--open-gap);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
#studio .clip-editor::after{display:none}
#studio .editor-bar{padding:0 0 20px;margin-bottom:28px;border-bottom:1px solid var(--open-rule);background:transparent}
#studio .editor-view{padding:18px 0 0;background:transparent;gap:18px}
#studio .editor-view-label{max-width:300px}
#studio .clip-editor .demo-phone{width:270px;box-shadow:0 0 0 3px #ffffff0a,0 18px 36px #0004}
#studio .editor-transport,#studio .editor-timeline{max-width:300px}
#studio .editor-view-hint{max-width:300px;text-align:center;line-height:1.7}
#studio .editor-inspector-demo{background:transparent;border:0;min-width:0}
#studio .editor-tabs-demo{padding:0;gap:30px;border-color:var(--open-rule)}
#studio .editor-tabs-demo button{padding-top:10px;min-height:44px}
#studio .edit-panel{padding:26px 0 28px}
#studio .editor-footer{padding:18px 0 0;margin-top:24px;background:transparent;border-top:1px solid var(--open-rule)}
#studio .studio-heading{margin-bottom:36px}

/* Prices are two typographic columns, divided by one quiet rule. */
#pricing .pricing-heading{margin-bottom:48px}
#pricing .pricing-grid{gap:0}
#pricing .pricing-card,#pricing .pricing-card.featured{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 54px 10px 0;display:flex;flex-direction:column;align-items:flex-start}
#pricing .pricing-card+.pricing-card{border-left:1px solid var(--open-rule);padding:0 0 10px 54px}
#pricing .pricing-top{width:100%}
#pricing .pricing-top h3{font-size:20px;font-weight:550}
#pricing .pricing-tag{background:transparent;border:0;padding:0;color:#aeb8b0;font-size:12px}
#pricing .pricing-price{margin:24px 0 10px}
#pricing .pricing-price strong{font-size:clamp(50px,5vw,68px);font-weight:600;letter-spacing:-.055em}
#pricing .pricing-card>p:not(.pricing-price){max-width:450px;line-height:1.8;margin:10px 0 0;min-height:70px}
#pricing .pricing-card ul{border:0;margin:24px 0 30px;padding:0;width:100%}
#pricing .pricing-card li{font-size:13px;padding:7px 0;line-height:1.6}
#pricing .pricing-card .pricing-action{width:auto;min-width:240px;max-width:100%;padding:13px 24px;margin-top:auto;box-shadow:none;border-radius:8px}
#pricing .pricing-note{border-top:1px solid var(--open-rule);padding-top:24px;margin:36px 0 0;gap:32px}

@media(min-width:1001px){
 .film-scene[data-film=app] .film-body{column-gap:var(--open-gap)}
 #studio .editor-view{position:sticky;top:120px;align-self:start}
}
@media(min-width:761px) and (max-width:1000px){
 #studio .clip-editor{column-gap:32px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 #studio .clip-editor .demo-phone{width:230px}
 #pricing .pricing-card{padding-right:30px}
 #pricing .pricing-card+.pricing-card{padding-left:30px}
 #pricing .pricing-card .pricing-action{min-width:0;width:100%}
}
@media(max-width:760px){
 .ownership-main{grid-template-columns:1fr;gap:28px;padding:6px 0 30px}
 .ownership-copy h3{font-size:clamp(32px,8.8vw,42px);max-width:430px}
 .ownership-intro{max-width:440px;font-size:14px}
 .ownership-platforms{gap:26px;margin-top:25px}
 .ownership-visual{border:0;margin:0;padding:10px 0}
 .ownership-infinity{max-width:330px;margin-top:14px}
 .ownership-features{padding:12px 0 26px;gap:24px}
 .ownership-features>div+div{padding:24px 0 0;border-left:0;border-top:1px solid var(--open-rule)}
 .ownership-features svg{margin:1px 0 0}
 .ownership-features h4{font-size:16px;margin:0}
 .ownership-features p{max-width:none}
 .ownership-foot{padding:20px 0 0;gap:10px}
 .journey-enabled .workspace-tabs{gap:22px}
 .journey-enabled .workspace-tabs button{flex:0 1 auto;padding:12px 0}
 .workspace-panel figcaption{padding:16px 0 0}
 #studio .clip-editor{overflow:visible;gap:0}
 #studio .studio-heading{margin-bottom:28px}
 #studio .editor-bar{padding:0 0 17px;margin-bottom:20px;gap:8px}
 #studio .editor-project{gap:8px}
 #studio .editor-history button{padding:7px 8px}
 #studio .editor-view{padding:0 0 28px;gap:14px 24px}
 #studio .editor-view-label{max-width:none}
 #studio .clip-editor .demo-phone{width:100%;max-width:200px}
 #studio .editor-view-hint{text-align:left;max-width:160px}
 #studio .editor-inspector-demo{border-top:1px solid var(--open-rule)}
 #studio .editor-tabs-demo{gap:16px;justify-content:flex-start}
 #studio .editor-tabs-demo button{flex:0 1 auto;padding:15px 0;font-size:12px}
 #studio .edit-panel{padding:24px 0 20px}
 #studio .editor-footer{padding:17px 0 0;margin-top:8px;gap:10px}
 #pricing .pricing-heading{margin-bottom:32px}
 #pricing .pricing-grid{grid-template-columns:1fr;gap:36px}
 #pricing .pricing-card,#pricing .pricing-card.featured{padding:0;border:0}
 #pricing .pricing-card+.pricing-card{border-left:0;border-top:1px solid var(--open-rule);padding:32px 0 0}
 #pricing .pricing-card>p:not(.pricing-price){min-height:0;font-size:14px}
 #pricing .pricing-card ul{margin:22px 0 26px}
 #pricing .pricing-card .pricing-action{min-width:0;width:100%;min-height:48px}
 #pricing .pricing-price strong{font-size:54px}
 #pricing .pricing-note{margin-top:30px;padding-top:22px;gap:16px}
}