/* C4.4: commercial navigation only. Formation styles and timeline stay in baseline.css/formation.js. */
.next-step{position:relative;padding:70px var(--gutter) 50px;background:#07131a;border-top:1px solid #9fe7ef20}
.next-heading{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:32px;align-items:center;margin-bottom:44px}.next-heading>p{font-size:10px;letter-spacing:.18em;color:#9db8c1}.next-heading h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,3.1vw,46px);font-weight:400;line-height:1.08;letter-spacing:-.055em}.next-heading h2 em{font-style:normal;color:#b9e7ed}.next-heading>span{font-size:14px;line-height:1.65;color:#9eb5be;max-width:225px;justify-self:end}
.destination-bar{display:grid;grid-template-columns:1.1fr .85fr 1fr .8fr 1.4fr;gap:10px;align-items:start}.destination{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:16px 22px;background:transparent;border:1px solid #9fe7ef33;border-radius:12px;font-size:14px;color:#e7eeec;font-weight:500;transition:background-color .18s,border-color .18s,color .18s;list-style:none}.destination i{font-style:normal;color:#9fe7ef;transition:transform .18s;font-size:18px;font-weight:400}.destination:hover{background:#102b37;border-color:#9fe7ef70}.destination:hover i{transform:translate(2px,-2px)}.destination:focus-visible,.destination-demo-list a:focus-visible{outline:2px solid #c7f8ff;outline-offset:4px}.destination-proposal{background:#eaece5;border-color:#eaece5;color:#07131a}.destination-proposal i{color:#173d48}.destination-proposal:hover{background:#c7f8ff;border-color:#c7f8ff;color:#07131a}.destination-demos{position:relative}.destination-demos summary::-webkit-details-marker{display:none}.destination-demos[open] summary{background:#102b37;border-color:#9fe7ef70}.destination-demos[open] summary i{transform:rotate(45deg)}.destination-demo-list{position:absolute;bottom:calc(100% + 12px);left:0;z-index:15;width:260px;padding:10px 20px;border:1px solid #9fe7ef44;border-radius:14px;background:#0a1c25;box-shadow:0 18px 50px #0007}.destination-demo-list a{display:flex;justify-content:space-between;align-items:center;min-height:54px;gap:20px;font-size:13px;border-bottom:1px solid #9fe7ef20}.destination-demo-list a:last-child{border-bottom:0}.destination-demo-list a:hover{color:#c7f8ff}.destination-demo-list span{color:#9fe7ef}.site-foot{margin:0;padding:25px var(--gutter) 28px;border-top:1px solid #9fe7ef16;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#99b1ba;font-size:11px;background:#061017}.site-foot>span{font-size:9px;letter-spacing:.15em}.site-foot nav{display:flex;gap:24px}.site-foot a{display:inline-flex;align-items:center;min-height:44px}.site-foot a:hover{color:#c7f8ff}.back-top{gap:14px}.frame-mode .next-step,.frame-mode .site-foot,.review-mode .next-step,.review-mode .site-foot{display:none}
/* Commercial controls keep the approved colors and gain consistent targets. */
.hero-actions a{min-height:48px}.topbar summary,.topbar nav>a{min-height:44px}.hero-actions a:focus-visible,.topbar a:focus-visible,.topbar summary:focus-visible{outline:2px solid #c7f8ff;outline-offset:5px}.hero-actions a span{transition:transform .18s}.hero-actions a:hover span{transform:translate(2px,-2px)}
@media(max-width:1000px){.destination{padding:15px;font-size:12px;gap:10px}.next-heading{grid-template-columns:.8fr 1.6fr 1fr;gap:24px}}
@media(max-width:700px){.next-step{padding:38px 22px 30px}.next-heading{display:block;margin-bottom:26px}.next-heading>p{font-size:9px;margin-bottom:17px}.next-heading h2{font-size:34px}.next-heading>span{display:block;font-size:12px;max-width:290px;margin-top:14px;line-height:1.6}.destination-bar{grid-template-columns:1fr 1fr;gap:10px}.destination{min-height:56px;padding:15px 17px;font-size:13px}.destination-proposal{grid-column:1/-1;min-height:58px}.destination-demo-list{left:auto;right:0;width:min(270px,calc(100vw - 44px))}.site-foot{padding:18px 22px;display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:10px}.site-foot nav{grid-column:1/-1;grid-row:2;gap:20px;flex-wrap:wrap}.site-foot>span{font-size:8px}.back-top{justify-self:end}.hero-actions a{min-height:44px}.topbar nav>a,.topbar summary{min-height:44px}.topbar .solutions-link{display:inline-flex}}
@media(max-width:360px){.next-step{padding-inline:20px}.next-heading h2{font-size:30px}.destination{padding-inline:14px;font-size:12px}.site-foot{padding-inline:20px}.site-foot nav{gap:15px}}
@media(prefers-reduced-motion:reduce){.destination,.destination i,.hero-actions a span{transition:none}.destination:hover i,.hero-actions a:hover span{transform:none}}
.reduced-motion .destination,.reduced-motion .destination i{transition:none}
/* C4.5: one responsive composition. Rows reserve real space; no scene offsets.
   The 3D surfaces retain their original dimensions and trajectories. */
@media(max-width:900px){
 :root{--gutter:clamp(16px,4vw,30px);--header-height:calc(68px + env(safe-area-inset-top,0px))}
 html{scroll-padding-top:calc(var(--header-height) + 12px)}
 .topbar{height:var(--header-height);padding:env(safe-area-inset-top,0px) max(var(--gutter),env(safe-area-inset-right,0px)) 0 max(var(--gutter),env(safe-area-inset-left,0px))}
 .topbar .brand{padding:0}.topbar .brand img{width:36px;filter:none}
 .topbar nav{gap:6px}.topbar nav>a,.topbar summary{min-height:44px;padding-inline:10px;font-size:11px}
 .nav-plans span,.topbar summary span{display:none}
 .demo-links{top:calc(100% + 10px);right:0;min-width:0;width:min(270px,calc(100vw - 32px));max-height:calc(100svh - var(--header-height) - 24px);overflow:auto}
 .story{height:340svh}
 .stage{height:auto;min-height:100svh;position:sticky;top:min(0px,calc(100svh - var(--measured-stage-height,100svh)));overflow:clip;display:grid;grid-template-rows:auto minmax(250px,1fr) auto auto;gap:12px;padding:calc(var(--header-height) + 12px) max(var(--gutter),env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(var(--gutter),env(safe-area-inset-left,0px))}
 .hero-copy{position:relative;top:auto;left:auto;width:100%;grid-row:1;min-width:0}
 .product-brand{font-size:10px;letter-spacing:.22em;margin-bottom:9px}
 .formation-title{width:100%}.formation-title h1{font-size:clamp(48px,12.8vw,76px);line-height:.94;letter-spacing:-.075em}
 /* Increase the initial trace contrast without superimposing two glyph layouts. */
 .title-outline text{fill:rgba(243,241,234,.65);opacity:1;stroke:#c7f8ff}
 .launch-status{font-size:10px;gap:10px;margin-top:12px;letter-spacing:.13em}
 .hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
 .hero-actions a{min-height:44px;font-size:11px;gap:8px;padding-inline:12px;border-radius:12px}
 .formation-space{position:relative;grid-row:2;left:auto;top:auto;width:100%;height:100%;min-height:0;perspective:850px}
 .formation-camera{top:calc(50% - 10px);left:50%}
 .concept-disclaimer{bottom:0;font-size:9px;line-height:1.4}
 .narrative{position:relative;grid-row:3;top:auto;bottom:auto;left:auto;right:auto;max-width:none;text-align:center;min-height:36px}
 .scene-caption{font-size:12px;line-height:1.5}.image-note{display:none}
 .stage-bottom{position:relative;grid-row:4;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px;min-height:45px}
 .current-offer{display:none}.scroll-cue{font-size:8px;gap:10px}.scroll-cue>span:last-child{display:none}.progress{width:35px}.motion-toggle{min-height:44px;font-size:10px;padding:8px 0}
 .next-heading{display:block}.next-heading>p{margin-bottom:17px}.next-heading>span{display:block;max-width:100%;margin-top:14px}
 .destination-bar{grid-template-columns:1fr 1fr}.destination-proposal{grid-column:1/-1}.destination-demo-list{left:auto;right:0;width:min(270px,calc(100vw - 44px))}
 .no-js .story,.reduced-motion .story,.frame-mode .story,.review-mode .story{height:auto}
 .no-js .stage,.reduced-motion .stage,.frame-mode .stage,.review-mode .stage{position:relative;top:0}
 .review-mode .stage{padding-bottom:65px}.review-mode .formation-space{height:100%}.review-mode .stage-bottom{bottom:auto}
 .no-js .fallback-poster{position:relative;grid-row:2;top:auto;right:auto;width:min(100%,460px);align-self:center;justify-self:center;margin:0}
 .no-js .narrative,.reduced-motion .narrative{display:none}
 .no-js .stage,.reduced-motion .stage{grid-template-rows:auto minmax(250px,1fr) auto}
 .no-js .stage-bottom,.reduced-motion .stage-bottom{grid-row:3}
 .demo-notice{max-height:calc(100svh - max(24px,env(safe-area-inset-top,0px)) - max(24px,env(safe-area-inset-bottom,0px)));max-height:calc(100dvh - max(24px,env(safe-area-inset-top,0px)) - max(24px,env(safe-area-inset-bottom,0px)))}
 .demo-notice__inner{padding:24px 20px}.demo-notice__close{min-width:44px;min-height:44px}.demo-notice__label{margin-top:22px}.demo-notice__description{font-size:13px;line-height:1.6}.demo-notice__foot{margin-top:22px;padding-top:18px}.demo-notice__buttons{gap:8px}.demo-notice__back,.demo-notice__open{font-size:12px;padding-inline:12px;gap:8px}
}
@media(max-width:360px){
 .topbar nav{gap:4px}.topbar nav>a,.topbar summary{padding-inline:7px;font-size:10px}
 .hero-actions a{font-size:10px;padding-inline:10px}.hero-actions{gap:7px}
}
/* Very short landscape windows scroll the copy before holding the full scene. */
@media(max-width:900px) and (max-height:450px){
 .stage{gap:8px;grid-template-rows:auto minmax(210px,1fr) auto auto}.narrative{min-height:30px}.scene-caption{font-size:11px}
}
@media(max-width:900px) and (max-height:700px){
 .demo-notice__inner{padding:20px}
 .demo-notice__label{margin:16px 0 12px}
 .demo-notice h2{font-size:36px}
 .demo-notice__description{margin-top:16px;font-size:12px}
 .demo-notice__foot{margin-top:16px;padding-top:16px}
 .demo-notice__buttons{margin-top:16px}
}
html:has(.reduced-motion){scroll-behavior:auto}
.reduced-motion{scroll-behavior:auto}

/* C4.6: stable commercial navigation across real mobile browsers. */
.brand-wordmark,.mobile-nav{display:none}
@media (max-width:900px){
  .topbar{box-sizing:border-box;isolation:isolate;justify-content:space-between;gap:14px;overflow:visible}
  .topbar .brand{flex:0 1 auto;min-width:0;max-width:calc(100% - 114px);display:inline-flex;align-items:center;gap:11px;text-decoration:none}
  .topbar .brand picture,.topbar .brand img{display:block;flex:none}
  .topbar .brand img{width:38px;height:38px;object-fit:contain}
  .topbar .brand-wordmark{display:inline-block;color:#e9f4f3;font-family:'Space Grotesk',sans-serif;font-size:clamp(19px,5.3vw,24px);font-weight:600;letter-spacing:-.065em;line-height:1;white-space:nowrap}
  .topbar .desktop-nav{display:none!important}
  .topbar .mobile-nav{display:block!important;position:static;flex:none;z-index:31}
  .topbar .mobile-nav>summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;min-width:92px;padding:10px 13px;border:1px solid #719eac88;border-radius:12px;background:#0d2630;color:#e8f5f6;font:600 13px 'Space Grotesk',sans-serif;cursor:pointer;list-style:none}
  .topbar .mobile-nav>summary::-webkit-details-marker{display:none}
  .topbar .mobile-nav>summary .mobile-nav-icon{display:inline;color:#9ce9f1;font-size:17px;line-height:1}
  .topbar .mobile-nav[open]>summary{background:#163943;border-color:#b9e6e8}
  .topbar .mobile-nav-panel{position:fixed;z-index:32;top:var(--header-height);left:0;right:0;display:flex;flex-direction:column;gap:4px;max-height:calc(100svh - var(--header-height));max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain;padding:14px max(18px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));background:#071820;border-top:1px solid #9fe7ef33;border-bottom:1px solid #9fe7ef33;box-shadow:0 25px 40px #000a}
  .mobile-nav-panel>a,.mobile-nav-panel .mobile-demo-details>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:12px 15px;color:#ecf5f6;background:#0b232d;border:1px solid #9fe7ef31;border-radius:10px;font:500 14px 'Space Grotesk',sans-serif;text-decoration:none;list-style:none}
  .mobile-nav-panel .mobile-demo-details>summary::-webkit-details-marker{display:none}
  .mobile-nav-panel a span,.mobile-nav-panel summary span{display:inline;color:#a7ebf2}
  .mobile-nav-panel .mobile-proposal{background:#e9ece7;color:#06131b}
  .mobile-nav-panel .mobile-proposal span{color:#16313a}
  .mobile-nav-panel .mobile-demo-list{padding:5px 10px 8px;display:grid;gap:3px}
  .mobile-nav-panel .mobile-demo-list>a{display:block;min-height:48px;padding:14px 13px;border-bottom:1px solid #9fe7ef26;color:#dceef1;font-size:13px}
  .mobile-nav-panel .mobile-demo-list>a:last-child{border-bottom:0}
  .topbar .mobile-nav a:focus-visible,.topbar .mobile-nav summary:focus-visible{outline:2px solid #b8f5fa;outline-offset:3px}
  .next-step{padding:clamp(44px,8vh,80px) max(20px,env(safe-area-inset-right,0px)) 42px max(20px,env(safe-area-inset-left,0px));overflow:visible}
  .next-step .next-heading{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:620px;margin-bottom:24px}
  .next-step .next-heading>p{display:block;color:#a4cad0;font-size:10px;letter-spacing:.19em;margin:0 0 16px}
  .next-step .next-heading h2{margin:0!important;color:#edf5f4!important;font-size:clamp(34px,8vw,48px);font-weight:500;line-height:1.1;letter-spacing:-.065em;text-wrap:balance;opacity:1!important;filter:none!important;text-shadow:none!important}
  .next-step .next-heading h2 em{color:#9adfe7!important;font-style:normal}
  .next-step .next-heading>span{display:block;color:#abc7ce;font-size:14px;line-height:1.55;max-width:420px;justify-self:auto;align-self:flex-start;text-align:left;margin-top:14px}
  .destination-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:11px;width:100%;min-width:0}
  .destination-bar>*{min-width:0}
  .destination-bar .destination{width:100%;min-width:0;box-sizing:border-box;min-height:60px;padding:16px 16px;gap:10px;border-radius:12px;font-size:clamp(12px,1.7vw,15px);color:#eaf3f3;background:#0a202a;border-color:#90c5cf52;overflow-wrap:anywhere}
  .destination-bar .destination i{flex:none;color:#a9ebf2}
  .destination-bar .destination-proposal{grid-column:1/-1;background:#ecefe9;color:#06141b;font-weight:600;border-color:#ecefe9}
  .destination-bar .destination-proposal i{color:#14404a}
  .destination-bar .destination-demos{min-width:0}
  .destination-bar .destination-demos .destination{cursor:pointer}
  .destination-bar .destination-demo-list{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:none;margin-top:7px;padding:6px 12px;border-radius:10px;background:#09202a;max-height:none;overflow:visible}
  .destination-bar .destination-demo-list a{min-height:48px;gap:5px;font-size:12px;overflow-wrap:anywhere}
  .destination-bar .destination-demo-list a span{flex:none}
  .next-step a:focus-visible,.next-step summary:focus-visible{outline:2px solid #c7f8ff;outline-offset:3px}
}
@media(max-width:600px){
  .next-step .next-heading h2{font-size:clamp(35px,10vw,47px)}
  .destination-bar{grid-template-columns:minmax(0,1fr);gap:10px}
  .destination-bar .destination-proposal{grid-column:auto}
  .destination-bar .destination{font-size:15px;min-height:60px;padding:16px 18px}
  .destination-bar .destination-demo-list a{font-size:13px}
  .site-foot{grid-template-columns:minmax(0,1fr) auto;min-width:0}
  .site-foot nav{gap:12px;row-gap:2px}
}
@media(max-width:340px){
  .topbar .brand{gap:8px}.topbar .brand-wordmark{font-size:18px}
  .topbar .mobile-nav>summary{min-width:78px;padding:9px;font-size:12px}
  .next-step{padding-left:18px;padding-right:18px}
}
@media(prefers-reduced-motion:reduce){.mobile-nav-panel *{scroll-behavior:auto}}


/* C4.8: compact, reversible mobile scroll narrative. Desktop unchanged. */
@media(max-width:900px){
 :root{--accent:#FF4FA3;--accent-soft:#FF78B8}
 .story{height:calc(max(100svh, 540px) + 115svh);overflow:visible}
 .stage{height:100svh;min-height:540px;position:sticky;top:min(0px,calc(100svh - var(--measured-stage-height,100svh)));grid-template-rows:auto minmax(160px,1fr) 30px 44px;gap:8px;padding-top:calc(var(--header-height) + 12px);padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}
 .hero-copy{top:auto;width:100%}.product-brand{display:none}
 .formation-title h1{font-size:clamp(49px,13vw,68px);opacity:1;line-height:.94}
 .formation-title .title-drawing{display:none}
 .launch-status{margin-top:10px;font-size:9px}
 .hero-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-top:14px}
 .hero-actions a{display:flex;justify-content:space-between;min-height:44px;padding:10px 11px;font-size:11px;border-radius:8px;background:#140f19;color:#fff;border:1px solid #ff4fa36b;box-shadow:0 0 16px #ff4fa30b}
 .hero-actions .hero-primary{border-color:#ff4fa3a6;background:linear-gradient(110deg,#251321,#15131c)}
 .hero-actions a span{color:var(--accent-soft)}
 .hero-actions a:hover,.destination-bar .destination:hover{color:white;background:#291724;border-color:var(--accent-soft);box-shadow:0 0 18px #ff4fa314}
 .formation-space{contain:layout;grid-row:2}
 .narrative{grid-row:3;min-height:30px;align-self:center}
 .scene-caption{font-size:12px;line-height:1.4;color:#d9e3e7}
 .concept-disclaimer{font-size:8px;bottom:0;letter-spacing:.02em}
 .stage-bottom{grid-row:4;min-height:44px;padding:0;gap:6px;border-top:1px solid #ffffff0c}
 .scroll-cue{font-size:8px;gap:8px}.scroll-cue>span:last-child{display:inline;font-size:8px}.progress{width:30px}.progress i{background:var(--accent)}
 .motion-toggle{font-size:9px;min-height:44px}
 .topbar .mobile-nav>summary{min-width:78px;border-radius:8px;background:#130f18;border-color:#ff4fa359}
 .topbar .mobile-nav>summary .mobile-nav-icon{color:var(--accent-soft)}
 .mobile-nav-panel>a,.mobile-nav-panel .mobile-demo-details>summary{background:#13131c;border-color:#ff4fa333;color:#fff;border-radius:8px}
 .mobile-nav-panel a span,.mobile-nav-panel summary span{color:var(--accent-soft)}
 .mobile-nav-panel .mobile-proposal{background:#251321;color:white;border-color:#ff4fa380}
 .next-step{padding:26px max(20px,env(safe-area-inset-right,0px)) 26px max(20px,env(safe-area-inset-left,0px));background:#081017;scroll-margin-top:var(--header-height)}
 .next-step .next-heading{margin-bottom:20px}.next-step .next-heading>p{font-size:9px;margin-bottom:10px}
 .next-step .next-heading h2{font-size:30px}.next-step .next-heading h2 em{color:#f6d5e6!important}
 .next-step .next-heading>span{font-size:12px;margin-top:10px;line-height:1.5}
 .destination-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .destination-bar .destination{min-height:48px;font-size:12px;padding:12px;border-radius:8px;background:#13121b;color:white;border:1px solid #ff4fa34d;box-shadow:0 0 14px #ff4fa307}
 .destination-bar .destination i{font-family:Arial,sans-serif;font-style:normal;font-size:17px;color:var(--accent-soft);background:none;box-shadow:none}
 .destination-bar .destination-proposal{grid-column:1/-1;background:#21131e;border-color:#ff4fa385;font-weight:500}
 .destination-bar .destination-proposal i{color:var(--accent-soft)}
 .destination-bar .destination-demos[open] summary{border-color:var(--accent-soft)}
 .hero-actions a:focus-visible,.topbar a:focus-visible,.topbar summary:focus-visible,.next-step a:focus-visible,.next-step summary:focus-visible{outline-color:var(--accent-soft)}
 .no-js .story,.reduced-motion .story,.frame-mode .story,.review-mode .story{height:auto}
 .no-js .stage,.reduced-motion .stage,.frame-mode .stage,.review-mode .stage{position:relative;top:0}
 .no-js .stage,.reduced-motion .stage{grid-template-rows:auto minmax(160px,1fr) 44px}
 .no-js .stage-bottom,.reduced-motion .stage-bottom{grid-row:3}
 .reduced-motion .scroll-cue>span:last-child{display:none}
 .reduced-motion *{transition:none!important;scroll-behavior:auto!important}
}
@media(max-width:350px){.hero-actions a{font-size:10px;padding-inline:9px}.scroll-cue{gap:6px}.scroll-cue>span:last-child{font-size:7px}}

/* C4.9 — minimal commercial controls + cinematic mobile framing.
   Scoped to handheld/tablet; desktop scrollytelling remains untouched. */
@media (max-width:900px) {
 :root { --tp-rose:#f0a4c4; --tp-rose-strong:#f4b3cf; }
 /* The title and commerce take less space so the animation has a larger canvas. */
 .story { height:calc(max(100svh, 690px) + 108svh); }
 .stage {
   height:100svh;min-height:690px;
   padding-top:calc(var(--header-height) + 8px);
   padding-bottom:76px;
   grid-template-rows:auto minmax(0,1fr);
   gap:0;
   background:#081117;
 }
 .hero-copy{grid-row:1;padding-top:0;z-index:5}
 .formation-title h1{font-size:clamp(48px,12.2vw,63px);line-height:.94;letter-spacing:-.078em}
 .launch-status{margin-top:7px;font-size:9px;letter-spacing:.17em;color:#c9d8d8}
 .hero-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:9px;margin-top:13px}
 .hero-actions a{
   display:inline-flex;align-items:center;justify-content:center;
   min-width:0;min-height:45px;max-width:100%;padding:12px 15px;
   border:0!important;border-radius:999px!important;
   box-shadow:none!important;white-space:nowrap;
   font-size:clamp(10px,2.6vw,12px);letter-spacing:-.01em;
   font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;
   transition:background-color .22s ease,color .22s ease,opacity .22s ease;
 }
 .hero-actions .hero-primary{flex:0 1 auto;background:var(--tp-rose)!important;color:#20111b!important}
 .hero-actions .hero-primary span{color:#25101d!important}
 .hero-actions .hero-secondary{flex:0 1 auto;background:transparent!important;color:#f2c0d5!important;padding-inline:10px;gap:9px}
 .hero-actions .hero-secondary span{color:var(--tp-rose)!important}
 .hero-actions .hero-primary:hover{background:var(--tp-rose-strong)!important;color:#20111b!important}
 .hero-actions .hero-secondary:hover{background:transparent!important;color:#fff!important}
 .formation-space{grid-row:2;min-height:0;overflow:visible;position:relative;contain:layout;perspective:980px}
 .formation-camera{top:50%;left:50%}
 .concept-disclaimer{display:none}
 .narrative{position:absolute;bottom:48px;left:22px;right:22px;top:auto;min-height:0;grid-row:auto;text-align:center;pointer-events:none}
 .scene-caption{font-size:11px;line-height:1.35;color:#bfcfd0;letter-spacing:.005em}
 .stage-bottom{position:absolute;bottom:max(4px,env(safe-area-inset-bottom,0px));left:var(--gutter);right:var(--gutter);grid-row:auto;
   min-height:42px;padding:0;gap:10px;border-top:1px solid #e5a5c423;align-items:center}
 .scroll-cue{color:#afbbc0}.progress i{background:var(--tp-rose)}
 .motion-toggle{color:#b6bfc3;border-bottom:1px solid #f1a6c63d}
 .topbar .mobile-nav>summary{border:0!important;border-radius:999px!important;background:transparent!important;color:#e3e9e7!important;box-shadow:none!important;padding:11px 5px}
 .topbar .mobile-nav>summary .mobile-nav-icon{color:var(--tp-rose)!important}
 .topbar .mobile-nav-panel{border-top-color:#f0a4c43b}
 .topbar .mobile-nav-panel>a,.topbar .mobile-nav-panel .mobile-demo-details>summary{
   border:0!important;border-bottom:1px solid #f0a4c433!important;border-radius:0!important;
   background:transparent!important;box-shadow:none!important;padding-inline:6px;color:#e8ebec;
 }
 .topbar .mobile-nav-panel .mobile-proposal{color:var(--tp-rose)!important}
 .mobile-nav-panel a span,.mobile-nav-panel summary span{color:var(--tp-rose)!important}
 /* Commercial destinations are editorial links, not boxed tiles. */
 .next-step{padding:38px max(22px,env(safe-area-inset-right,0px)) 35px max(22px,env(safe-area-inset-left,0px));
   background:#081117;border-top:1px solid #dfb4c018}
 .next-step .next-heading{margin-bottom:29px}
 .next-step .next-heading>p{color:var(--tp-rose);font-size:9px;letter-spacing:.18em;margin-bottom:13px}
 .next-step .next-heading h2{font-size:clamp(28px,7.8vw,34px);line-height:1.14;font-weight:400;color:#eef2f0!important}
 .next-step .next-heading h2 em{color:#eeb9d0!important}
 .next-step .next-heading>span{color:#a5b5b8;font-size:12px;line-height:1.5;margin-top:13px}
 .destination-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:23px;row-gap:8px}
 .destination-bar>*{min-width:0}
 .destination-bar .destination{
   min-height:57px!important;padding:13px 2px!important;gap:7px;
   background:transparent!important;color:#ebefef!important;
   border:0!important;border-bottom:1px solid #d99abb42!important;
   border-radius:0!important;box-shadow:none!important;
   font:500 clamp(12px,3.1vw,14px) 'Space Grotesk',Arial,sans-serif;
   overflow-wrap:normal;
 }
 .destination-bar .destination i{color:var(--tp-rose)!important;font-size:17px!important}
 .destination-bar .destination:hover,.destination-bar .destination-demos[open] summary{background:transparent!important;color:#f2b4cf!important;border-bottom-color:#f0a4c4aa!important}
 .destination-bar .destination-proposal{grid-column:1/-1;color:var(--tp-rose)!important;border-bottom-color:#f0a4c474!important;font-weight:500}
 .destination-bar .destination-demo-list{position:static!important;background:#0d1b21!important;border:0!important;border-radius:12px!important;margin-top:10px;padding:7px 13px!important;box-shadow:none!important;width:100%!important;max-height:none!important}
 .destination-bar .destination-demo-list a{padding:10px 0;font-size:12px;color:#e9eeee;line-height:1.35}
 .destination-bar .destination-demo-list a span{color:var(--tp-rose)}
 .site-foot{border-top-color:#dfb4c01e;background:#071015}
 .hero-actions a:focus-visible,.next-step a:focus-visible,.next-step summary:focus-visible{outline:2px solid #f0a4c4;outline-offset:3px}
 .no-js .story,.reduced-motion .story,.frame-mode .story,.review-mode .story{height:auto}
 .no-js .stage,.reduced-motion .stage,.frame-mode .stage,.review-mode .stage{position:relative;top:0}
 .no-js .stage,.reduced-motion .stage{grid-template-rows:auto minmax(280px,1fr)}
 .no-js .stage-bottom,.reduced-motion .stage-bottom{grid-row:auto}
}
@media (max-width:360px) {
 .stage{min-height:702px;padding-top:calc(var(--header-height) + 7px)}
 .hero-actions{gap:6px}
 .hero-actions a{min-height:44px;font-size:10px;padding:10px 11px}
 .hero-actions .hero-secondary{padding-inline:4px;gap:7px}
 .next-step{padding-inline:18px}
 .destination-bar{column-gap:13px}
 .destination-bar .destination{font-size:12px}
}
@media (max-width:900px) and (max-height:700px) {
 .stage{min-height:702px}
}
@media(prefers-reduced-motion:reduce){
 .hero-actions a{transition:none}
}