/* Presentation layer only; shared HomeStage foundations and button styles are reused. */
.opening-page .brand-copy{text-transform:none}
.opening-social{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);align-items:center;gap:clamp(28px,7vw,100px);padding:56px var(--opening-gutter);border-block:1px solid #ffffff20;background:radial-gradient(ellipse at 85% 50%,#ff44530c,transparent 65%)}
.opening-social-copy{max-width:600px;min-width:0}.opening-social h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0}
.opening-social-copy>p:not(.opening-kicker){font-size:1rem;color:var(--hs-muted);line-height:1.65;margin:22px 0 26px;max-width:48ch}
.opening-social-copy strong{color:var(--hs-text);font-weight:500;white-space:nowrap}
.opening-page .opening-social-link{display:inline-flex;gap:12px;align-items:center;min-height:48px;font-size:.875rem}
.opening-social-visual{margin:0;max-width:260px;justify-self:center}.opening-social-visual img{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:18px;border:1px solid #ffffff26}
.opening-social-visual figcaption{font-size:.75rem;color:var(--hs-muted);line-height:1.5;margin-top:12px}
.opening-page[data-entry-phase=open] .opening-social{grid-template-columns:1fr}
@media(max-width:640px){.opening-social{grid-template-columns:1fr;gap:28px;padding-block:40px}.opening-social-visual{max-width:220px}.opening-page .opening-social-link{width:100%;justify-content:center}}
.opening-page .opening-header{position:sticky;top:0;z-index:25;background:#0e0e12;border-bottom:1px solid #ffffff12}
.opening-page [id]{scroll-margin-top:120px}
.opening-page .opening-header-interest{font-size:.8125rem;padding:10px 20px;min-height:44px;white-space:nowrap}
.opening-page .opening-cta-note{font-size:.75rem;max-width:40ch;color:var(--hs-muted);margin:0 0 10px}
.opening-how{padding:44px var(--opening-gutter) 48px;background:linear-gradient(120deg,#ff445309,transparent 70%);border-block:1px solid #ffffff20}
.opening-how-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:40px}
.opening-how-heading .opening-kicker{grid-column:1/-1}
.opening-how h2{font-size:clamp(30px,3.5vw,50px);line-height:1.12}
.opening-how-heading>p:not(.opening-kicker){font-size:1rem;color:var(--hs-muted);max-width:34ch;margin:16px 0 0}
.opening-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:40px 0 28px;padding:0}
.opening-steps li{border-top:1px solid #ffffff30;padding-top:20px;min-width:0}
.opening-step-number{color:var(--hs-signal);font-size:.8125rem;font-weight:600}
.opening-page .opening-steps h3{font-size:clamp(21px,2vw,27px);margin:14px 0 12px;line-height:1.2}
.opening-steps p{color:var(--hs-muted);font-size:.9375rem;margin:0;max-width:38ch}
.opening-ticket-note{font-size:.875rem;color:var(--hs-muted);max-width:95ch;margin:0}
.opening-ticket-note strong{color:var(--hs-text);font-weight:600}
.opening-ticket-note+.opening-visual-note{padding:0;margin-bottom:0}
.opening-page .opening-device-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:40px 0}
.opening-page .opening-device-gallery .opening-device{display:flex;flex-direction:column;gap:24px;padding:0;border:0;min-width:0;align-items:stretch}
.opening-page .opening-device-gallery .opening-device-copy{order:0}
.opening-page .opening-device-gallery h3{font-size:clamp(24px,2.1vw,32px);line-height:1.15}
.opening-page .opening-device-gallery .opening-device-copy>p:not(.opening-kicker){font-size:.875rem;margin-top:18px}
.opening-page .opening-device-gallery figure{margin-top:auto}
.opening-page .opening-device-gallery img{aspect-ratio:3/2;object-fit:contain;border-radius:12px}
.opening-form-preview{border-top:1px solid #ffffff26;margin-top:24px}
.opening-form-preview>summary{min-height:48px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font-size:.875rem}
.opening-form-preview>summary::-webkit-details-marker{display:none}
.opening-form-preview>summary::after{content:"+";color:var(--hs-signal);font-size:1.25rem}
.opening-form-preview[open]>summary::after{content:"−"}
.opening-form-preview form{margin-top:20px}
.opening-catalogue-invitation{padding:48px var(--opening-gutter);display:flex;align-items:center;justify-content:space-between;gap:32px}
.opening-catalogue-invitation h2{font-size:clamp(28px,3vw,42px);max-width:22ch}
@media(max-width:960px){.opening-page .opening-experience-link{display:none}.opening-page .opening-navigation{gap:12px}}
@media(max-width:640px){.opening-how{padding-block:32px}.opening-how-heading,.opening-steps{grid-template-columns:1fr}.opening-steps{gap:24px;margin-top:28px}.opening-steps li{display:grid;grid-template-columns:24px 1fr;gap:0 12px}.opening-steps h3{margin:0 0 10px}.opening-steps p{grid-column:2}.opening-step-number{padding-top:3px}.opening-page .opening-device-gallery{grid-template-columns:1fr;gap:36px}.opening-page .opening-device-gallery .opening-device{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.opening-page .opening-device-gallery h3{font-size:23px}.opening-page .opening-device-gallery .opening-kicker{font-size:.625rem;margin-bottom:12px}.opening-page .opening-device-gallery figure{margin:0}.opening-page .opening-header-interest{padding:8px 12px;font-size:.75rem}.opening-page .opening-header{gap:8px;padding-inline:16px}.opening-page .opening-navigation{gap:8px}.opening-page .opening-brand img{width:116px}.opening-page .opening-pro-link{padding:8px 10px;font-size:.6875rem;min-height:44px}.opening-catalogue-invitation{display:block}.opening-catalogue-invitation .button{margin-top:24px}}
@media(max-width:380px){.opening-page .opening-header .opening-navigation{width:auto}.opening-page .opening-header{flex-wrap:wrap}.opening-page .opening-brand{margin-right:auto}}
.opening-navigation{display:flex;align-items:center;gap:28px}
.opening-navigation a{display:flex;align-items:center;min-height:44px;font-size:.875rem;text-decoration:none;text-underline-offset:6px;white-space:nowrap}
.opening-navigation a:not(.button):is(:hover,:focus-visible){text-decoration:underline;text-decoration-color:var(--hs-signal)}
.opening-visual-note{font-size:.75rem;color:var(--hs-muted);line-height:1.5;padding-bottom:24px}
.opening-pro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;padding:88px var(--opening-gutter);border-top:1px solid #ffffff26;background:linear-gradient(140deg,#ff445311,transparent 60%)}
.opening-pro h2{font-size:clamp(34px,3.7vw,56px);max-width:16ch;line-height:1.1}
.opening-pro-heading-logo{display:block;width:clamp(220px,25vw,300px);max-width:100%;height:auto;margin-bottom:32px}
.opening-pro-copy>.opening-kicker{font-size:.6875rem;letter-spacing:.1em;line-height:1.6;margin-bottom:18px}
.opening-pro-copy>p:not(.opening-kicker){color:var(--hs-muted);max-width:42ch}
.opening-pro-copy .opening-pro-introduction{font-size:1.125rem;color:var(--hs-text)!important;margin-top:28px}
.opening-pro-benefits{list-style:none;padding:0;margin:30px 0;display:grid;gap:14px;line-height:1.6;font-size:.9375rem}
.opening-pro-benefits li{position:relative;padding-left:20px}
.opening-pro-benefits li::before{content:"";position:absolute;top:.6em;left:0;width:5px;height:5px;border-radius:50%;background:var(--hs-signal)}
.opening-pro-copy .opening-pro-availability{font-size:.8125rem}
.opening-pro-visual{min-width:0;border:1px solid #ffffff30;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#a4253826,transparent 70%),var(--hs-surface);padding:32px}
.opening-pro-visual>img{display:block;width:188px;max-width:100%;height:auto}
.opening-pro-poster{padding:8px 0 24px}
.opening-pro-signature{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
.opening-pro-symbol{display:flex;align-items:baseline;font-size:clamp(72px,7vw,104px);letter-spacing:-.07em;font-weight:600;line-height:.95}
.opening-pro-square{align-self:flex-start;font-size:.4em;letter-spacing:-.04em;margin-left:5px}
.opening-pro-word{font-size:clamp(30px,3vw,44px);letter-spacing:-.04em}
.opening-pro-poster>p{margin:20px 0 0;font-size:1.125rem;color:var(--hs-text);line-height:1.5}
.opening-pro-caption{display:block;padding-top:18px;margin:0;border-top:1px solid #ffffff26;font-size:.8125rem;color:var(--hs-muted)}
.opening-availability{align-self:center;max-width:45ch}
.opening-availability>p{font-size:1rem;color:var(--hs-muted)}
.opening-availability>a{display:inline-flex;align-items:center;min-height:44px;font-size:.8125rem;text-underline-offset:4px}
.opening-availability .opening-form-panel{margin-bottom:18px}
.opening-page .opening-signup{padding-block:56px}
@media(max-width:900px){.opening-pro{gap:36px;padding-block:56px}.opening-pro-visual{padding:24px}}
@media(max-width:640px){.opening-navigation{gap:14px}.opening-navigation a{font-size:.75rem}.opening-pro{grid-template-columns:1fr;gap:28px;padding-block:48px}.opening-pro-visual{max-width:440px;width:100%;justify-self:center}.opening-page .opening-footer>a{margin-left:0}.opening-page .opening-footer img{margin-right:auto}}
@media(max-width:380px){.opening-page .opening-header{flex-wrap:wrap}.opening-navigation{width:100%;justify-content:space-between}}
.opening-page{--opening-gutter:clamp(20px,6vw,96px);background:var(--hs-canvas);color:var(--hs-text);font-family:var(--hs-font),sans-serif;overflow-wrap:break-word}
.opening-page *{box-sizing:border-box}.opening-page figure{margin:0}.opening-page a{color:inherit}.opening-page h1,.opening-page h2,.opening-page h3{letter-spacing:-.045em;margin:0;line-height:1.05}.opening-page p{line-height:1.65}
.opening-page main{max-width:1600px;margin:auto}.opening-page [id]{scroll-margin-top:120px}.opening-page :focus-visible{outline:3px solid var(--hs-text);outline-offset:5px}.opening-page [hidden]{display:none!important}
.opening-skip{position:absolute;top:10px;left:20px;z-index:10;transform:translateY(-180%);padding:14px;background:var(--hs-text);color:var(--hs-canvas)!important}.opening-skip:focus{transform:none}
.opening-header{padding:24px var(--opening-gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:auto}.opening-brand{display:flex;min-height:44px;align-items:center}.opening-brand img{width:166px;height:auto}.opening-header-cta{font-size:.875rem!important;gap:18px;white-space:normal}.opening-page .button{min-height:52px;height:auto;max-width:100%;white-space:normal;border-radius:var(--hs-control-radius);line-height:1.5;gap:22px;font-weight:600}.opening-page .primary{background:var(--hs-action-bg);color:var(--hs-action-text)}
.opening-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:50px;padding:56px var(--opening-gutter) 72px}.opening-eyebrow{display:flex;align-items:center;gap:10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 24px}.opening-eyebrow>span{width:7px;height:7px;background:var(--hs-signal);border-radius:50%;flex:none}.opening-hero h1{font-size:clamp(44px,5.2vw,82px);max-width:12ch}.opening-hero h1>span{color:var(--hs-signal)}.opening-introduction{font-size:clamp(16px,1.35vw,20px);max-width:44ch;color:var(--hs-muted);margin:28px 0}.opening-primary{margin:0 0 16px}.opening-discover{display:flex;width:fit-content;gap:18px;align-items:center;min-height:44px;text-decoration:none;font-size:.875rem;color:var(--hs-muted)!important}.opening-discover:hover{color:var(--hs-text)!important}.opening-hero-art{justify-self:center;max-width:320px}.opening-hero-art img{display:block;width:100%;height:auto;border-radius:28px}.opening-page figcaption{font-size:.75rem;line-height:1.5;color:var(--hs-muted);margin-top:14px;text-align:center}
.opening-experience{padding:40px var(--opening-gutter) 0}.opening-section-intro{border-top:1px solid #ffffff26;padding-top:60px;max-width:100%;margin-bottom:40px}.opening-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--hs-signal);margin:0 0 20px}.opening-section-intro h2,.opening-signup h2,.opening-faq h2{font-size:clamp(36px,4.1vw,62px)}.opening-section-intro>p:not(.opening-kicker){max-width:62ch;color:var(--hs-muted);font-size:1.0625rem}.opening-section-intro .opening-caption{font-size:.75rem!important;max-width:none}
.opening-device{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:center;padding:72px 0;border-bottom:1px solid #ffffff1a}.opening-device:nth-of-type(even) .opening-device-copy{order:2}.opening-device h3{font-size:clamp(30px,3vw,48px)}.opening-device-copy>p:not(.opening-kicker){color:var(--hs-muted);max-width:38ch;font-size:1rem;margin:24px 0 0}.opening-device figure{min-width:0}.opening-device img{display:block;width:100%;height:auto;border-radius:22px}.opening-phone figure{max-width:230px;justify-self:center}.opening-phone{padding-block:48px}.opening-phone img{border-radius:26px}
.opening-signup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;padding:100px var(--opening-gutter);background:linear-gradient(115deg,#ff44530d,transparent 58%);border-bottom:1px solid #ffffff1a}.opening-signup>div>p:not(.opening-kicker){color:var(--hs-muted);max-width:40ch}.opening-form-panel{align-self:center;border:1px solid #ffffff26;padding:28px;border-radius:20px;background:var(--hs-surface)}.opening-form-panel>p:first-child{margin:0 0 24px;font-size:.9375rem}.opening-page fieldset{border:0;padding:0;margin:0;min-width:0}.opening-page label{font-size:.9375rem;font-weight:500}.opening-page input[type=email]{font:inherit;font-size:16px;width:100%;min-width:0;background:var(--hs-canvas);color:var(--hs-text);border:1px solid #ffffff40;border-radius:12px;min-height:54px;padding:14px;margin:10px 0 22px}.opening-page input:disabled{opacity:.6}.opening-consent{display:flex;gap:12px;align-items:flex-start;font-size:.8125rem!important;line-height:1.6;font-weight:400!important}.opening-consent input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--hs-signal)}.opening-submit{width:100%;margin-top:24px;display:flex;justify-content:space-between!important}.opening-page fieldset:disabled .opening-submit{opacity:.48;cursor:not-allowed;box-shadow:none!important}.opening-form-note{font-size:.75rem}.opening-form-panel>a{font-size:.8125rem;text-underline-offset:4px}#signup-error{font-size:.875rem;padding:12px;border:1px solid var(--hs-signal);border-radius:8px;color:var(--hs-text)}
.opening-faq{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding:80px var(--opening-gutter)}.opening-faq details{border-top:1px solid #ffffff26;padding:4px 0}.opening-faq details:last-child{border-bottom:1px solid #ffffff26}.opening-faq summary{padding:22px 0;cursor:pointer;font-size:1rem;line-height:1.6;min-height:52px}.opening-faq details p{font-size:.9375rem;color:var(--hs-muted);margin:0 0 24px}.opening-last-call{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:36px var(--opening-gutter) 72px}.opening-last-call p{font-size:1.25rem;letter-spacing:-.02em}.opening-footer{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:32px var(--opening-gutter);border-top:1px solid #ffffff26;font-size:.8125rem;color:var(--hs-muted)}.opening-footer img{height:auto}.opening-footer>a{margin-left:auto;min-height:44px;display:flex;align-items:center}
@media(max-width:900px){.opening-hero{gap:30px;grid-template-columns:1.2fr .8fr;padding-top:40px}.opening-hero-art{max-width:270px}.opening-device,.opening-signup,.opening-faq{gap:40px}.opening-device{padding-block:48px}.opening-form-panel{padding:22px}}
@media(max-width:640px){.opening-header{padding-block:16px;gap:12px}.opening-brand img{width:126px}.opening-header-cta{padding:10px 13px!important;font-size:.75rem!important;min-height:44px!important;gap:10px!important}.opening-hero{grid-template-columns:1fr;gap:32px;padding-top:38px;padding-bottom:44px}.opening-hero h1{font-size:clamp(41px,9vw,57px);max-width:13ch}.opening-eyebrow{font-size:.6875rem;margin-bottom:20px}.opening-introduction{margin:24px 0;font-size:1rem}.opening-primary{width:100%;padding:14px!important;font-size:.875rem!important;gap:12px!important}.opening-hero-art{max-width:230px}.opening-experience{padding-top:0}.opening-section-intro{padding-top:40px}.opening-device{grid-template-columns:1fr;gap:28px;padding-block:40px}.opening-device:nth-of-type(even) .opening-device-copy{order:0}.opening-device-copy>p:not(.opening-kicker){max-width:none;margin-top:20px}.opening-phone figure{max-width:200px}.opening-signup{grid-template-columns:1fr;padding-block:56px;gap:28px}.opening-faq{grid-template-columns:1fr;padding-block:56px;gap:28px}.opening-last-call{padding-bottom:44px}.opening-last-call .button{width:100%}.opening-footer{gap:12px 20px}.opening-footer>span{flex-basis:100%;order:3}.opening-footer>a{font-size:.75rem}}
.opening-page .opening-signup{align-items:center;column-gap:clamp(32px,5vw,80px);row-gap:32px;padding-block:72px}
.opening-signup-intro{min-width:0}
.opening-page .opening-signup-intro>p:not(.opening-kicker){max-width:40ch}
.opening-page .opening-closed-notice{font-size:.875rem;border-left:2px solid var(--hs-signal);padding-left:16px;margin:24px 0 0}
.opening-signup .opening-form-panel{align-self:start;min-width:0;padding:32px;width:100%;max-width:620px;justify-self:end}
.opening-form-panel h3,.opening-form-panel h4{font-size:clamp(27px,2.5vw,36px);line-height:1.15;letter-spacing:-.045em;margin:0}
.opening-form-brand{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #ffffff26}
.opening-form-brand img{display:block;width:188px;max-width:100%;height:auto}
.opening-form-audience{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid #ffffff40;border-radius:8px;font-size:.6875rem;font-weight:600;line-height:1.4;color:var(--hs-text)}
.opening-public-form{border-color:#ff44534d;background:linear-gradient(145deg,#ff44530a,transparent 55%),var(--hs-surface);box-shadow:0 16px 48px #0002}
.opening-public-form .opening-form-audience{border-color:#ff445366}
.opening-pro-form{border-color:#ffffff40;background:linear-gradient(145deg,#ffffff06,transparent 55%),var(--hs-surface);box-shadow:0 16px 48px #0002}
.opening-page .opening-pro-signup{grid-column:1/-1;padding:56px 0 0;background:none;border-top:1px solid #ffffff26;border-bottom:0}
.opening-pro-signup .opening-signup-intro h3{font-size:clamp(32px,3.5vw,50px)}
.opening-form-panel>p:not(.opening-kicker){color:var(--hs-muted);font-size:.9375rem}
.opening-form-panel .opening-kicker{color:var(--hs-signal);font-size:.6875rem;margin-bottom:16px}
.opening-form-panel form{margin-top:28px}
.opening-page input[type=text],.opening-page select{font:inherit;font-size:16px;width:100%;min-width:0;background:var(--hs-canvas);color:var(--hs-text);border:1px solid #ffffff40;border-radius:12px;min-height:54px;padding:14px;margin:10px 0 22px;color-scheme:dark}
.opening-page input:disabled,.opening-page select:disabled{opacity:1;color:var(--hs-muted);cursor:not-allowed;-webkit-text-fill-color:var(--hs-muted)}
.opening-page .opening-choices legend{font-size:.9375rem;font-weight:500}
.opening-choices>p{font-size:.75rem;color:var(--hs-muted);margin:8px 0 16px}
.opening-consent{min-height:44px;padding-block:8px}
.opening-choices .opening-consent+.opening-consent{margin-top:12px}
.opening-form-panel .opening-form-note{font-size:.75rem;margin:20px 0 12px}
.opening-form-panel .opening-privacy-link{display:inline-flex;align-items:center;min-height:44px}
.opening-form-error{font-size:.875rem;padding:12px;border:1px solid var(--hs-signal);border-radius:8px;color:var(--hs-text)}
.opening-form-status:empty{display:none}
.opening-form-status{font-size:.875rem;line-height:1.6}
.opening-page .opening-submit{align-items:center;padding-block:12px}
@media(max-width:760px){.opening-page .opening-signup{grid-template-columns:1fr;padding-block:48px}.opening-signup .opening-form-panel{padding:24px;max-width:none}.opening-page .opening-pro-signup{padding:40px 0 0}.opening-form-brand{gap:14px;margin-bottom:24px}.opening-form-brand img{width:168px}}
@media(max-width:380px){.opening-signup .opening-form-panel{padding:20px}.opening-page select{font-size:16px;padding-inline:10px}}
/* Same Web control contract as the product: compact 48 px / 12 px, no pill,
   no movement, shared interaction highlight. Disabled is a separate state. */
.opening-page .button{min-height:48px;padding:12px 24px;font-size:14px;font-weight:600;line-height:1.4;border-radius:var(--hs-control-radius,12px);justify-content:center;gap:12px}
.opening-page .opening-submit{display:inline-flex;width:auto;min-width:180px;max-width:100%;justify-content:center!important;margin-top:24px;align-items:center}
.opening-page fieldset:disabled .opening-submit{opacity:1;background:var(--hs-interactive,#1b1b26);color:var(--hs-muted);border-color:#ffffff26;cursor:not-allowed;box-shadow:none!important}
.opening-page .opening-last-call .button{width:auto;min-width:180px;flex:none}
.opening-page .opening-primary{width:auto;min-width:180px}
/* Campaign hook: shared white/coral identity, distinct from the brand signature. */
.opening-hero h1{max-width:15ch}
.opening-page .opening-promise{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.3;margin:28px 0 12px}
.opening-promise+.opening-introduction{margin-top:0}
/* Three distinct, code-native product illustrations: home, Explorer and detail.
   Shared shell and original HD artwork, never an embedded functional app. */
/* Stage light stays behind the content, inside each scene's bounds. Two soft
   gradients lift the phone edge and carry light toward the copy: left, left,
   then right. No bitmap, blur filter, motion or new interaction layer. */
.opening-hero,.opening-section-intro,.opening-phone{
  --opening-light-source:78%;
  --opening-light-reach:59%;
  --opening-light-height:46%;
  position:relative;
  isolation:isolate;
}
.opening-phone{--opening-light-source:26%;--opening-light-reach:47%}
.opening-hero::before,.opening-section-intro::before,.opening-phone::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 24% 48% at var(--opening-light-source) var(--opening-light-height),
      #f5ecdc3d 0%,#eee6da29 24%,#e8e3df14 48%,#e8e3df00 78%),
    radial-gradient(ellipse 44% 34% at var(--opening-light-reach) var(--opening-light-height),
      #eee8e01c 0%,#e8e3df12 32%,#e8e3df06 58%,#e8e3df00 82%);
}
/* On stacked layouts the copy is above the phone, so the light rises toward
   it instead of spilling sideways beyond the viewport. */
@media(max-width:760px){
  .opening-section-intro,.opening-phone{
    --opening-light-source:50%;--opening-light-reach:50%;--opening-light-height:65%;
  }
  .opening-section-intro::before,.opening-phone::before{background-size:170% 100%;background-position:center;background-repeat:no-repeat}
}
@media(max-width:640px){
  .opening-hero{--opening-light-source:50%;--opening-light-reach:50%;--opening-light-height:68%}
  .opening-hero::before{background-size:170% 100%;background-position:center;background-repeat:no-repeat}
}
@media(forced-colors:active){
  .opening-hero::before,.opening-section-intro::before,.opening-phone::before{display:none}
}
.opening-hero .opening-hero-art{width:min(100%,320px);max-width:320px;position:relative;isolation:isolate}
.opening-phone{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px);padding-inline:clamp(0px,3vw,48px)}
.opening-phone .opening-device-copy{order:2;max-width:440px;justify-self:center;padding-bottom:48px}
.opening-phone h3{font-size:clamp(30px,3vw,46px);line-height:1.12}
.opening-phone .opening-show-illustration{width:min(100%,340px);max-width:340px;position:relative;isolation:isolate}
/* The shell owns its height, never its content. em units scale the decorative
   screen together; editorial text and the accessible caption remain normal HTML. */
.opening-phone-frame{position:relative;container-type:inline-size;aspect-ratio:10/21;border:1px solid #6e6e76;border-radius:13% / 6.2%;background:#24242b;box-shadow:0 28px 60px #0006,inset 0 0 0 2px #ffffff12}
.opening-phone-screen{position:absolute;inset:5px;border:1px solid #000;border-radius:12% / 5.7%;background:#0e0e12;overflow:hidden;display:flex;flex-direction:column;padding:0 1em .7em;color:#f7f6f4;font-size:3.333cqw;line-height:1.25}
.opening-screen-status{position:relative;flex:none;display:flex;justify-content:space-between;align-items:center;height:3.1em;padding:0 1.2em;font-size:1em;font-weight:600}
.opening-screen-status>i{position:absolute;left:50%;top:.55em;transform:translateX(-50%);width:7em;height:1.85em;border-radius:2em;background:#000}
.opening-screen-battery{position:relative;width:1.7em;height:.8em;border:1px solid #ffffffa0;border-radius:.2em;padding:.1em}
.opening-screen-battery::before{content:"";display:block;width:80%;height:100%;background:currentColor;border-radius:.08em}
.opening-screen-battery::after{content:"";position:absolute;right:-.3em;top:.2em;width:.16em;height:.3em;background:#ffffffa0}
.opening-screen-header{flex:none;display:flex;justify-content:space-between;align-items:center;padding:.6em .15em 1em}
.opening-phone-frame .opening-screen-header img{display:block;width:11.8em;height:auto;border-radius:0}
.opening-screen-header svg{width:1.75em;height:1.75em}
.opening-screen-viewport{flex:1;min-height:0;overflow:hidden}
.opening-screen-universes{display:flex;gap:.5em;overflow:hidden;white-space:nowrap;padding-bottom:1em}
.opening-screen-universes>span{font-size:.833em;padding:.8em 1em;border:1px solid #ffffff26;border-radius:1em;line-height:1.2}
.opening-screen-universes>.is-selected{background:#f7f6f4;color:#0e0e12;border-color:transparent;font-weight:600}
.opening-screen-feature{position:relative;border-radius:1.5em;overflow:hidden;aspect-ratio:1.4;background:#18181e}
.opening-phone-frame .opening-screen-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;object-position:center}
.opening-home-phone .opening-screen-feature{aspect-ratio:1.65}
.opening-screen-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 12%,#05050755 42%,#050507f5)}
.opening-screen-feature-copy{position:absolute;z-index:1;inset:auto 1.2em 1.2em;display:flex;flex-direction:column;align-items:flex-start;gap:.6em}
.opening-screen-feature-copy>strong{font-size:2.67em;line-height:1;letter-spacing:-.04em}
.opening-screen-feature-copy>span:not(.opening-screen-live){font-size:.917em;color:#ddd}
.opening-screen-live{display:inline-flex;gap:.55em;align-items:center;font-size:.75em;font-weight:600;line-height:1;padding:.67em .89em;border:1px solid #ffffff50;border-radius:99px;background:#16161dbb}
.opening-screen-live i,.opening-screen-art>i{width:.45em;height:.45em;background:var(--hs-signal);border-radius:50%;box-shadow:0 0 8px #ff445380}
.opening-screen-actions{display:flex;gap:.67em;width:100%;margin-top:.25em}
.opening-screen-actions>span{display:flex;align-items:center;justify-content:center;min-height:3.2em;flex:1;border-radius:.9em;background:var(--hs-interactive);font-size:.833em;font-weight:600}
.opening-screen-actions>span:first-child{background:var(--hs-action-bg);color:var(--hs-action-text)}
.opening-screen-pagination{display:flex;justify-content:center;gap:.42em;padding:1em 0 .17em}
.opening-screen-pagination>i{width:.33em;height:.33em;border-radius:1em;background:#ffffff55}
.opening-screen-pagination>i:first-child{width:1.1em;background:#f7f6f4}
.opening-screen-rail-title{display:flex;align-items:center;justify-content:space-between;margin:.85em 0 .6em;font-size:1.25em;letter-spacing:-.03em}
.opening-screen-rail-title>span{font-size:.6em;color:var(--hs-muted);letter-spacing:0}
.opening-screen-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.83em}
.opening-screen-art{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:.83em;border:1px solid #ffffff26}
.opening-phone-frame .opening-screen-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.opening-screen-art>i{position:absolute;top:.67em;left:.67em}
.opening-screen-rail strong{display:block;font-size:.917em;margin-top:.64em;font-weight:600}
.opening-screen-rail small{display:block;font-size:.75em;color:var(--hs-muted);margin-top:.33em}
.opening-screen-tabbar{flex:none;position:relative;display:flex;justify-content:space-around;padding:1em 0 .6em;border-top:1px solid #ffffff26;background:#0e0e12;box-shadow:0 -1em 1.4em #0e0e12}
.opening-screen-tabbar>span{display:flex;flex-direction:column;align-items:center;gap:.6em;color:var(--hs-muted);font-size:.667em}
.opening-screen-tabbar>.is-selected{color:var(--hs-text)}
.opening-screen-tabbar svg{width:2.125em;height:2.125em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.opening-screen-home-indicator{flex:none;width:8em;height:.25em;background:#f7f6f4;border-radius:1em;margin:.6em auto 0}
.opening-home-illustration figcaption,.opening-show-illustration figcaption{margin-top:20px;font-size:.6875rem;line-height:1.6}
.opening-detail-back{display:flex;align-items:center;gap:.4em;color:var(--hs-muted);font-size:.9em;margin:.3em 0 1.2em}
.opening-detail-back svg{width:1.5em;height:1.5em}
.opening-detail-art{position:relative;aspect-ratio:1.25;border-radius:1.3em;overflow:hidden;background:var(--hs-surface)}
.opening-phone-frame .opening-detail-art>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.opening-detail-art::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#050507b3)}
.opening-detail-art>.opening-screen-live{position:absolute;bottom:1.1em;left:1.1em;z-index:1}
.opening-detail-identity{display:flex;flex-direction:column;gap:.6em;margin:1.5em 0}
.opening-detail-identity>span{color:var(--hs-muted);font-size:1em}
.opening-detail-identity>strong{font-size:2.4em;line-height:1.1;letter-spacing:-.04em}
.opening-detail-synopsis>strong{font-size:1.2em;font-weight:600}
.opening-detail-synopsis>p{font-size:1.05em;line-height:1.6;color:var(--hs-muted);margin:.7em 0 1.5em}
.opening-detail-actions>span{gap:.4em;font-size:1em;min-height:3.5em;border:1px solid #ffffff26}
.opening-detail-actions svg{width:1.3em;height:1.3em}
.opening-detail-more{display:flex;align-items:center;justify-content:space-between;margin-top:1.7em;padding-top:1.3em;border-top:1px solid #ffffff26;font-size:1em}
.opening-detail-more svg{width:1.4em;height:1.4em}
@media(max-width:760px){.opening-phone{grid-template-columns:1fr;gap:32px;padding-inline:0}.opening-phone .opening-device-copy{order:0;justify-self:start;max-width:38ch;padding-bottom:0}.opening-phone .opening-show-illustration{width:min(100%,300px)}}
@media(max-width:640px){.opening-hero .opening-hero-art{width:min(100%,280px)}}
@media(max-width:640px){.opening-page .opening-primary{padding:12px 24px!important;font-size:14px!important;min-height:48px!important}.opening-page .opening-submit{min-width:160px}.opening-page .opening-last-call{align-items:flex-start;flex-direction:column}}
/* Static projection of the existing Pro catalogue (product-app.mjs), with
   the full navigation already defined by app.mjs. Hollow dots mark future areas.
   Scoped illustration only: no embedded software, forms or private data. */
.opening-pro-showcase{grid-column:1/-1;min-width:0;display:grid;gap:32px;padding-top:12px}
.opening-pro-showcase-intro{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;align-items:end}
.opening-pro-showcase-intro>.opening-kicker{grid-column:1/-1;margin:0}
.opening-pro-showcase-intro h3{font-size:clamp(32px,3.5vw,50px)}
.opening-pro-showcase-intro>p:not(.opening-kicker){max-width:45ch;color:var(--hs-muted);margin:0}
.opening-pro-interface{min-width:0;padding:clamp(10px,2.3vw,32px);border:1px solid #ffffff12;border-radius:28px;background:radial-gradient(ellipse at 50% 0,#ffffff09,transparent 70%),#09090d}
.opening-pro-app{border:1px solid #74747e;border-radius:14px;overflow:hidden;background:var(--hs-canvas);box-shadow:0 24px 70px #0008,0 0 0 4px #ffffff04}
.opening-pro-windowbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 18px;background:#25252d;border-bottom:1px solid #ffffff26;color:var(--hs-muted);font-size:11px}
.opening-pro-windowdots{display:flex;gap:6px;flex:none}.opening-pro-windowdots i{width:7px;height:7px;border:1px solid #aaaab5;border-radius:50%}
.opening-pro-window-tag{border:1px solid #ffffff26;border-radius:5px;padding:2px 7px;font-size:10px}
.opening-pro-app-layout{display:grid;grid-template-columns:228px minmax(0,1fr);font-size:13px;line-height:1.5}
.opening-pro-app-sidebar{display:flex;flex-direction:column;gap:24px;padding:28px 16px;background:var(--hs-surface);border-right:1px solid #ffffff26}
.opening-pro-app-sidebar>img{width:158px;max-width:100%;height:auto}
.opening-pro-app-nav{display:grid;gap:4px}
.opening-pro-app-nav>span{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--hs-muted);font-size:12px}
.opening-pro-app-nav>span::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}
.opening-pro-app-nav>.is-planned::before{background:none;border:1px solid currentColor}
.opening-pro-app-nav>.is-selected::before{background:var(--hs-signal)}
.opening-pro-app-nav>.opening-pro-nav-spectator{border-top:1px solid #ffffff26;border-radius:0;margin-top:10px;padding-top:18px}
.opening-pro-app-nav>.is-selected{background:var(--hs-interactive);color:var(--hs-text);font-weight:600}
.opening-pro-app-sidebar>small{margin-top:auto;color:var(--hs-muted);font-size:11px}
.opening-pro-app-content{display:grid;gap:22px;padding:28px;min-width:0}
.opening-pro-app-heading,.opening-pro-app-panel-title,.opening-pro-app-venue,.opening-pro-app-show{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.opening-pro-app-heading>div>strong{font-size:26px;letter-spacing:-.03em;font-weight:600}
.opening-pro-app p{font-size:12px;color:var(--hs-muted);line-height:1.5;margin:6px 0 0}
.opening-pro-app-control{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;max-width:100%;border:1px solid #41414a;border-radius:var(--hs-control-radius);background:var(--hs-interactive);font-size:11px;font-weight:600;text-align:center}
.opening-pro-app-control.is-primary{background:var(--hs-action-bg);color:var(--hs-action-text);border-color:transparent}
.opening-pro-app-venue>div{display:grid;gap:6px;min-width:0;flex:1;max-width:320px}
.opening-pro-app-venue small{color:var(--hs-muted);font-size:11px}
.opening-pro-app-venue>div>span{display:flex;justify-content:space-between;gap:16px;min-width:0;padding:10px 14px;border:1px solid #41414a;border-radius:var(--hs-control-radius);background:var(--hs-interactive)}
.opening-pro-app-panel{padding:20px;background:var(--hs-surface);border:1px solid #41414a;border-radius:16px;min-width:0}
.opening-pro-app-panel-title{margin-bottom:12px}
.opening-pro-app-panel-title>strong{font-size:18px;font-weight:600}
.opening-pro-app-show{padding:14px 0;border-top:1px solid #ffffff26}
.opening-pro-app-show small{display:block;margin-top:3px;color:var(--hs-muted);font-size:11px}
.opening-pro-app-performance{padding-top:16px;border-top:1px solid #ffffff26}
.opening-pro-app-performance>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.opening-pro-app-draft{border:1px solid #ffffff26;border-radius:99px;padding:4px 10px;font-size:10px;color:var(--hs-muted)}
.opening-pro-app-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.opening-pro-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:8px 0 0;color:var(--hs-text)}
.opening-pro-workflow>li{border-top:1px solid #ffffff26;padding-top:20px}
.opening-pro-workflow>li>span{font-size:12px;color:var(--hs-signal);font-weight:600}
.opening-pro-workflow h4{font-size:19px;letter-spacing:-.025em;line-height:1.3;margin:12px 0}
.opening-pro-workflow p{font-size:14px;color:var(--hs-muted);margin:0}
.opening-pro-showcase>.button{justify-self:start}
@media(max-width:1000px){.opening-pro-app-layout{grid-template-columns:200px minmax(0,1fr)}.opening-pro-app-sidebar{padding:24px 12px}.opening-pro-app-content{padding:24px}.opening-pro-app-venue>div{flex-basis:100%;max-width:none}}
@media(max-width:760px){.opening-pro-app-layout{grid-template-columns:1fr}.opening-pro-app-sidebar{gap:18px;border-right:0;border-bottom:1px solid #ffffff26;padding:18px}.opening-pro-app-sidebar>img{width:145px}.opening-pro-app-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.opening-pro-app-nav>span{padding:8px 6px;font-size:11px;gap:6px}.opening-pro-app-nav>.opening-pro-nav-spectator{border:0;margin:0;padding-top:8px;border-radius:8px}.opening-pro-app-content{padding:18px;gap:18px}.opening-pro-workflow{grid-template-columns:1fr;gap:20px}.opening-pro-showcase-intro{grid-template-columns:1fr;gap:20px}.opening-pro-showcase-intro>p:not(.opening-kicker){max-width:none}.opening-pro-showcase{gap:28px;padding-top:28px}.opening-pro-window-detail{display:none}.opening-pro-windowbar{padding:10px 12px;gap:8px}.opening-pro-window-tag{display:none}}
@media(max-width:400px){.opening-pro-app-content{padding:14px}.opening-pro-app-panel{padding:14px}.opening-pro-app-heading>div>strong{font-size:23px}.opening-pro-app-sidebar{padding:14px}.opening-pro-app-sidebar>img{width:126px}.opening-pro-app-layout{font-size:12px}}
/* Compact product illustration: Explorer uses the existing phone shell,
   catalogue artwork and navigation, without embedding interactive software. */
.opening-section-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(32px,5vw,72px);row-gap:24px;align-items:center}
.opening-experience-copy{min-width:0}
.opening-experience-copy>p:not(.opening-kicker){max-width:52ch;color:var(--hs-muted);font-size:1.0625rem;margin-bottom:0}
.opening-experience-preview{width:min(100%,260px);justify-self:center;min-width:0;position:relative;isolation:isolate}
.opening-experience-preview figcaption{font-size:.6875rem;line-height:1.6;margin-top:18px}
.opening-explorer-phone .opening-screen-header img{display:block;width:11.8em;height:auto}
.opening-explorer-heading{display:flex;flex-direction:column;gap:.6em;margin:.6em 0 1.4em}
.opening-explorer-heading>strong{font-size:2.5em;letter-spacing:-.045em;line-height:1.1}
.opening-explorer-heading>span{font-size:1em;color:var(--hs-muted)}
.opening-explorer-search{display:flex;gap:.8em;align-items:center;padding:1em;margin-bottom:1.2em;border:1px solid #ffffff26;border-radius:1em;background:var(--hs-interactive);color:var(--hs-muted);font-size:.92em}
.opening-explorer-search svg{width:1.5em;height:1.5em;flex:none}
.opening-explorer-chips{gap:.4em;flex-wrap:wrap}
.opening-explorer-chips>span{font-size:.75em;padding:.75em .9em}
.opening-explorer-selection{display:flex;align-items:center;justify-content:space-between;margin:.8em 0 1em}
.opening-explorer-selection>strong{font-size:1.25em}
.opening-explorer-selection>span{display:flex;align-items:center;gap:.5em;font-size:.85em;color:var(--hs-muted)}
.opening-explorer-selection svg{width:1.3em;height:1.3em}
.opening-explorer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5em 1em}
.opening-explorer-grid>div{min-width:0}
.opening-explorer-art{position:relative;aspect-ratio:1.25;overflow:hidden;border-radius:1em;border:1px solid #ffffff26;background:var(--hs-surface)}
.opening-explorer-art>img{display:block;width:100%;height:100%;object-fit:cover}
.opening-explorer-grid strong{display:block;font-size:1em;margin-top:.65em;font-weight:600}
.opening-explorer-grid small{display:block;font-size:.85em;color:var(--hs-muted);margin-top:.35em}
.opening-explorer-moment{position:absolute;left:.7em;bottom:.7em;display:inline-flex;align-items:center;gap:.5em;max-width:calc(100% - 1.4em);padding:.55em .75em;border:1px solid #ffffff40;border-radius:99px;background:#101017eb;font-size:.7em;line-height:1;font-weight:600}
.opening-explorer-moment.is-upcoming{color:var(--gold,#c6a56b)}
.opening-explorer-moment>i{width:.45em;height:.45em;flex:none;border-radius:50%;background:var(--hs-signal);box-shadow:0 0 .7em #ff445366}
@media(max-width:760px){.opening-section-intro{grid-template-columns:1fr;gap:32px}.opening-experience-preview{width:min(100%,240px)}.opening-pro-heading-logo{width:240px;margin-bottom:26px}}
/* Pro is the header action; shared buttons supply the focus/hover halo.
   On narrow screens the experience anchor remains available in the hero. */
.opening-page .opening-navigation .opening-pro-link{background:var(--hs-interactive);border-color:#ffffff40;white-space:nowrap;padding-inline:20px;flex:none}
@media(max-width:640px){.opening-page .opening-header{flex-wrap:nowrap}.opening-navigation{width:auto;margin-left:auto;gap:0;flex:none}.opening-navigation>.opening-experience-link{display:none}.opening-page .opening-navigation .opening-pro-link{padding-inline:16px}}
/* Reuse the HomeStage signal: fixed red core and a soft 3.2 s breathing halo.
   Decorative only; the availability remains conveyed by the adjacent text. */
.opening-eyebrow>.live-indicator{display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--hs-signal,#ff4453);box-shadow:0 0 3px 1px #ff445347;animation:opening-live-glow 3.2s ease-in-out infinite;pointer-events:none}
@keyframes opening-live-glow{
  0%,100%{box-shadow:0 0 3px 1px #ff445347}
  50%{box-shadow:0 0 9px 3px #ff4453a6}
}
/* On narrow screens the hero already contains the public CTA. Keep the
   persistent header to the brand and the distinct professional destination. */
@media(max-width:640px){.opening-page .opening-navigation .opening-header-interest{display:none}.opening-page .opening-steps h3{margin:0 0 10px}}
@media(prefers-reduced-motion:reduce){.opening-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.opening-page .button,.opening-page input,.opening-page select,.opening-form-panel{border:1px solid ButtonText}.opening-page fieldset:disabled .opening-submit{color:GrayText;opacity:1}.opening-eyebrow>span,.opening-eyebrow>.live-indicator{background:CanvasText;animation:none;box-shadow:none}}