/* Production version of experience-lab-v2.html. */
#experienceMount{
  --bg:#0d0d0c;
  --panel:#151514;
  --panel-2:#1b1b1a;
  --ink:#f3f1ec;
  --ink-2:#d4d1ca;
  --muted:#88857e;
  --quiet:#5f5c56;
  --line:#2c2b28;
  --line-bright:#4c4a45;
  --accent:#ff4764;
  --accent-rgb:255,71,100;
  --display:'Inter Tight',system-ui,sans-serif;
  --serif:'Playfair Display',Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --ease-out:cubic-bezier(.23,1,.32,1);
  position:relative;
  min-width:320px;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--display);
  font-size:16px;
  line-height:normal;
  -webkit-font-smoothing:antialiased;
}
#experienceMount,
#experienceMount *{box-sizing:border-box}
#experienceMount .lab-sticky::before{
  content:"";
  position:absolute;
  z-index:90;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.22) .45px,transparent .65px);
  background-size:4px 4px;
  opacity:.035;
  mix-blend-mode:screen;
}
#experienceMount a{color:inherit;text-decoration:none}
#experienceMount button{font:inherit;color:inherit}
#experienceMount ::selection{background:rgba(var(--accent-rgb),.28);color:var(--ink)}
#experienceMount :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#experienceMount .mono{
  font-family:var(--mono);
  font-size:11px;
  line-height:1.4;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.lab-header{
  position:fixed;
  z-index:70;
  top:0;
  left:0;
  right:0;
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(20px,4vw,58px);
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(13,13,12,.74);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.lab-brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700}
.lab-brand img{width:38px;height:38px;border-radius:10px}
.lab-brand em{font-family:var(--serif);font-size:17px;font-weight:500;color:var(--muted)}
.lab-status{display:flex;align-items:center;gap:10px;color:var(--muted)}
.lab-status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.lab-back{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 16px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--ink-2);
  font-size:13px;
  transition:border-color .2s ease,color .2s ease,transform .16s var(--ease-out);
}
.lab-back:hover{border-color:var(--line-bright);color:var(--ink)}
.lab-back:active{transform:scale(.97)}

.lab-scroll{
  --experience-runway:clamp(240px,42svh,380px);
  position:relative;height:calc(100svh + var(--experience-runway));min-height:640px;
}
.lab-scroll.is-passed{height:100svh!important}
.lab-scroll.is-passed .lab-sticky{position:relative;contain:paint style}
.lab-scroll.is-passed .lab-sticky::before{opacity:.018;mix-blend-mode:normal}
html.safari-engine .lab-scroll.is-passed .lab-sticky::before{display:none}
.lab-scroll.is-passed .visual-field,
.lab-scroll.is-passed .launch-grid,
.lab-scroll.is-passed .scroll-cue,
.lab-scroll.is-passed .page-progress,
.lab-scroll.is-passed .launch-progress,
.lab-scroll.is-passed .launch-scroll-cue,
.lab-scroll.is-passed .launch-camera > :not(.launch-ready),
.lab-scroll.is-passed .copy-step[aria-hidden="true"]{display:none!important}
.lab-scroll.is-passed *,
.lab-scroll.is-passed *::before,
.lab-scroll.is-passed *::after{will-change:auto!important}
html.experience-virtual-active,
html.experience-virtual-active body{overscroll-behavior:none}
.lab-sticky{
  position:sticky;
  top:0;
  height:100svh;
  min-height:640px;
  overflow:hidden;
  isolation:isolate;
  background:var(--bg);
}
.world-grid{
  position:absolute;
  z-index:-4;
  inset:-32% -14% -18%;
  transform-origin:50% 20%;
  transform:perspective(900px) rotateX(66deg);
  opacity:.3;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 2%,black 28%,black 76%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 2%,black 28%,black 76%,transparent 100%);
  will-change:transform,opacity;
}
.world-grid::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,var(--bg) 0 12%,transparent 34% 80%,var(--bg) 100%);
}

.stage-layout{
  position:relative;
  z-index:20;
  height:100%;
  display:grid;
  grid-template-columns:minmax(280px,34vw) 1fr;
  gap:clamp(20px,3vw,48px);
  align-items:center;
  padding:104px clamp(20px,4vw,58px) 38px;
  pointer-events:none;
}
.stage-copy{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:470px;
  pointer-events:auto;
}
.chapter-label{margin-bottom:38px;color:var(--accent)}
.stage-tabs{display:flex;gap:8px;margin-bottom:34px}
.stage-tab{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:36px;
  padding:0 13px;
  cursor:pointer;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(20,20,19,.78);
  color:var(--quiet);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:color .25s ease,border-color .25s ease,background .25s ease,transform .16s var(--ease-out);
}
#experienceMount .stage-tab{
  font-family:var(--mono);
  font-size:10px;
  font-weight:500;
  line-height:1;
}
.stage-tab::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.stage-tab:hover{color:var(--ink-2);border-color:var(--line-bright)}
.stage-tab:active{transform:scale(.97)}
.stage-tab.is-active{color:var(--ink);border-color:var(--line-bright);background:rgba(20,20,19,.78)}
.copy-stack{position:relative;min-height:330px}
.copy-step{position:absolute;inset:0;will-change:transform,opacity}
.copy-step h1,.copy-step h2{
  max-width:9ch;
  font-size:clamp(52px,6.5vw,104px);
  line-height:.91;
  letter-spacing:-.045em;
  font-weight:700;
}
.copy-step h1 em,.copy-step h2 em{font-family:var(--serif);font-weight:500;letter-spacing:0}
.copy-step p{max-width:36ch;margin-top:28px;color:var(--muted);font-size:clamp(17px,1.45vw,21px);line-height:1.5}
.copy-step p strong{color:var(--ink-2);font-weight:600}
.copy-two{opacity:0;transform:translateY(36px)}
.copy-three{opacity:0;transform:translateY(36px)}
@media (min-width:701px){
  .copy-three{left:clamp(-18px,-1.25vw,-8px);right:clamp(8px,1.25vw,18px)}
  .copy-step.copy-three h2{font-size:clamp(50px,6vw,96px)}
}
.stage-foot{display:flex;align-items:center;gap:14px;margin-top:14px;color:var(--quiet)}
.stage-count{min-width:50px}
.stage-track{position:relative;width:min(230px,18vw);height:1px;background:var(--line)}
.stage-track span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;will-change:transform}

.visual-field{
  position:absolute;
  z-index:5;
  inset:76px 0 0;
  pointer-events:none;
  perspective:1400px;
  perspective-origin:69% 50%;
}
.visual-field::after{
  content:"";
  position:absolute;
  z-index:40;
  inset:0;
  background:linear-gradient(90deg,var(--bg) 0 23%,rgba(13,13,12,.86) 32%,transparent 47% 92%,rgba(13,13,12,.25));
  opacity:.5;
  pointer-events:none;
}

.object-wrap{
  position:absolute;
  z-index:12;
  left:69%;
  top:53%;
  width:min(61vw,840px);
  height:min(75vh,560px);
  transform:translate(-50%,-50%);
  transform-style:preserve-3d;
  will-change:transform;
}
.morph-shell{
  position:absolute;
  inset:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:rgba(21,21,20,.96);
  box-shadow:0 44px 110px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  transform-style:preserve-3d;
  clip-path:inset(75px 22px 365px 330px round 17px);
  will-change:clip-path,border-radius,transform,box-shadow;
}
.message-tint{
  position:absolute;
  z-index:0;
  inset:0;
  background:rgba(255,255,255,.018);
  will-change:opacity;
}
.bubble-tail{
  position:absolute;
  z-index:14;
  right:20px;
  bottom:185px;
  width:27px;
  height:20px;
  overflow:visible;
  opacity:1;
  transform:rotate(0deg);
  will-change:opacity,transform;
}

.notification-content{
  position:absolute;
  z-index:7;
  left:342px;
  right:56px;
  top:90px;
  min-height:70px;
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:12px;
  align-items:center;
  color:var(--ink);
  will-change:opacity,transform,filter;
}
.notification-avatar{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--accent);
  color:#111;
  font-weight:800;
  box-shadow:none;
}
.notification-copy{min-width:0}
.notification-copy strong{display:block;font-size:14px;line-height:1.2}
.notification-copy span{display:block;margin-top:4px;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.notification-time{align-self:start;margin-top:3px;color:var(--quiet)}
.notification-dot{position:absolute;right:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--accent);transform:translateY(-50%)}
.bubble-tail::before{
  content:"";
  position:absolute;
  inset:0;
  background:color-mix(in srgb,var(--panel) 83%,var(--accent) 17%);
  clip-path:polygon(0 0,0 100%,100% 100%);
}

.message-content{
  position:absolute;
  z-index:4;
  left:76px;
  width:min(500px,calc(100% - 136px));
  top:115px;
  color:var(--ink);
  will-change:opacity,transform,filter;
}
.message-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.message-sender{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600;font-size:13px}
.sender-avatar{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--accent);
  color:#171716;
  font-size:12px;
  font-weight:800;
}
.message-time{color:rgba(243,241,236,.42)}
.typed-message{
  position:relative;
  max-width:29ch;
  min-height:118px;
  font-size:clamp(22px,2.2vw,31px);
  line-height:1.28;
  letter-spacing:-.022em;
  color:var(--ink);
}
.typed-char{visibility:hidden}
.typed-char.is-visible{visibility:visible}
.message-source{
  position:relative;
  display:inline;
  color:var(--ink);
  background:none;
}
.message-state{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:13px;color:rgba(243,241,236,.46)}
.message-checks{color:var(--accent);font-size:12px;letter-spacing:-.2em;padding-right:3px}
.typing-caret{
  position:absolute;
  z-index:18;
  width:2px;
  height:29px;
  border-radius:2px;
  background:var(--accent);
  box-shadow:none;
  opacity:0;
  will-change:transform,opacity,height;
}

.editor-content{
  position:absolute;
  z-index:6;
  inset:0;
  opacity:0;
  will-change:opacity,transform,filter;
}
.editor-top{
  height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 13px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(14,14,13,.7);
}
.editor-top>i{width:7px;height:7px;border-radius:50%;background:var(--quiet)}
.editor-top i:first-child{background:var(--accent)}
.editor-app{margin-left:4px;color:var(--quiet)}
.editor-tabs{align-self:stretch;display:flex;align-items:flex-end;min-width:0;margin-left:8px;overflow:hidden}
.editor-tab{position:relative;height:31px;display:flex;align-items:center;gap:7px;min-width:0;padding:0 11px;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0;color:var(--quiet);white-space:nowrap}
.editor-tab::before{content:"<>";color:var(--accent);font-family:var(--mono);font-size:8px}
.editor-tab.css::before{content:"#";color:#62b0ff}
.editor-tab.js::before{content:"JS";color:#e7c85a;font-size:7px}
.editor-tab:not(.is-active)::after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.45}
.editor-tab.is-active{border-color:rgba(255,255,255,.08);background:var(--panel-2);color:var(--ink-2)}
.top-play{
  position:relative;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  margin-left:auto;
  border:1px solid rgba(255,255,255,.14);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  opacity:0;
  transform:scale(.94);
  will-change:opacity,transform;
  box-shadow:none;
}
.top-play::before{content:"";width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--accent)}
.editor-body{position:absolute;left:0;right:0;top:44px;bottom:22px;display:grid;grid-template-columns:46px 166px 1fr;min-height:0}
.activity-bar{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:16px;border-right:1px solid rgba(255,255,255,.07);background:#111110;color:var(--quiet)}
.activity-icon{width:19px;height:19px;display:grid;place-items:center;font-family:var(--mono);font-size:9px;border:1px solid currentColor;border-radius:4px}
.activity-icon.is-active{color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.explorer{padding:13px 10px;border-right:1px solid rgba(255,255,255,.07);background:#131312;color:var(--muted)}
.explorer-title{padding:0 6px 10px;color:var(--quiet)}
.folder-label{padding:6px;color:var(--ink-2)}
.folder-row{height:25px;display:flex;align-items:center;gap:6px;padding:0 7px;color:var(--muted);font-family:var(--mono);font-size:9px}
.folder-row::before{content:"▾";color:var(--quiet)}
.file-row{height:27px;display:flex;align-items:center;gap:7px;padding:0 7px;border-radius:4px;font-family:var(--mono);font-size:10px}
.file-row::before{content:"<>";color:var(--accent);font-size:8px}
.file-row.css::before{content:"#";color:#62b0ff}
.file-row.js::before{content:"JS";color:#e7c85a;font-size:7px}
.file-row.image::before{content:"IMG";color:#b39ddb;font-size:6px}
.file-row.svg::before{content:"◇";color:#79c6a3;font-size:9px}
.file-row.nested{height:23px;padding-left:22px;color:var(--quiet);font-size:8.5px}
.file-row.is-active{background:rgba(255,255,255,.055);color:var(--ink)}
.editor-pane{position:relative;min-width:0;overflow:hidden;background:#171716}
.editor-pane::before{content:"";position:absolute;left:46px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.025)}
.code-area{position:absolute;inset:0;padding:13px 18px 14px 10px;overflow:hidden}
.code-row{
  min-height:19px;
  display:grid;
  grid-template-columns:36px 1fr;
  align-items:center;
  color:var(--ink-2);
  font-family:var(--mono);
  font-size:clamp(10.5px,.88vw,12.5px);
  letter-spacing:.01em;
  opacity:0;
  transform:translateX(16px);
  will-change:opacity,transform,filter;
}
.line-no{color:#55534f;font-size:9px;text-align:right;padding-right:10px;user-select:none}
.syn-doctype{color:#73808a}
.syn-tag{color:#ff6f91}
.syn-attr{color:#86c9e8}
.syn-string{color:#d8bd78}
.syn-text{color:#d4d1ca}
.syn-comment{color:#66985b;font-style:italic}
.kw{color:#c792ea}
.prop{color:#86c9e8}
.value{color:#d8bd78}
.code-target{display:inline-block;color:var(--ink);opacity:0;will-change:opacity,color,text-shadow}
.code-row.is-active .line-code{text-shadow:none}
.code-row.is-active .line-no{color:var(--accent)}
.editor-statusbar{position:absolute;left:0;right:0;bottom:0;height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid rgba(255,255,255,.045);background:#171716;color:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase}

.browser-content{
  position:absolute;
  z-index:7;
  inset:0;
  overflow:hidden;
  background:#eeeae3;
  color:#161514;
  opacity:0;
  transform-style:preserve-3d;
  will-change:opacity,clip-path,transform,filter;
}
.browser-chrome{
  height:50px;
  display:grid;
  grid-template-columns:auto minmax(160px,1fr);
  align-items:center;
  gap:12px;
  padding:0 13px;
  border-bottom:1px solid rgba(16,15,14,.13);
  background:#1a1918;
  color:#aaa59e;
}
.browser-nav{display:flex;align-items:center;gap:6px}
.browser-nav span{width:7px;height:7px;border-radius:50%;background:#5f5c56}
.browser-nav span:first-child{background:var(--accent)}
.browser-address{
  min-width:0;
  height:30px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px;
  background:#11110f;
  color:#aaa59e;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.04em;
  white-space:nowrap;
  overflow:hidden;
}
.lab-sticky.is-scroll-held{
  position:fixed;
  inset:0;
  width:100%;
}
.address-lock{position:relative;width:8px;height:7px;flex:0 0 auto;border:1px solid var(--accent);border-radius:2px}
.address-lock::before{content:"";position:absolute;left:4px;top:-6px;width:4px;height:5px;border:1px solid var(--accent);border-bottom:0;border-radius:4px 4px 0 0;transform:rotate(27deg);transform-origin:0 100%}
.address-text{overflow:hidden;text-overflow:ellipsis}
.browser-page{position:absolute;left:0;right:0;top:50px;bottom:0;overflow:hidden;background:#171513;transform-style:preserve-3d;perspective:1100px;perspective-origin:64% 42%}
.browser-page::before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
}
.semantic-assembly{position:absolute;z-index:8;inset:0;transform-style:preserve-3d;pointer-events:none;will-change:opacity,transform,filter}
.assembly-backplate{
  position:absolute;
  z-index:0;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    #171513;
  background-size:34px 34px;
  opacity:0;
  transform:scale(1.02);
  will-change:opacity,transform,filter;
}
.assembly-veil{position:absolute;z-index:1;inset:0;background:rgba(15,13,12,.54);opacity:0;will-change:opacity}
.assembly-artboard{
  position:absolute;
  z-index:5;
  inset:0;
  overflow:hidden;
  border:0;
  background:rgba(20,18,17,.08);
  box-shadow:none;
  opacity:0;
  transform-style:preserve-3d;
  will-change:opacity,transform,filter;
}
.assembly-artboard::before{content:"blueprint / lider-vino";position:absolute;z-index:8;right:10px;top:8px;color:rgba(255,255,255,.42);font-family:var(--mono);font-size:5px;letter-spacing:.13em;text-transform:uppercase}
.assembly-artboard::after{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px}
.semantic-module{
  position:absolute;
  z-index:5;
  opacity:0;
  color:rgba(255,255,255,.78);
  transform-origin:0 50%;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  will-change:opacity,transform,clip-path,filter;
}
.blueprint-nav{left:3%;right:3%;top:4%;height:9%;display:grid;grid-template-columns:.42fr 1fr .33fr;align-items:center;gap:5%}
.bp-brand{display:flex;align-items:center;gap:8px}.bp-brand i{width:22px;height:22px;border:1px solid currentColor;border-radius:50%}.bp-brand span{width:54%;height:3px;background:currentColor}
.bp-nav-links{display:flex;justify-content:center;gap:7%}.bp-nav-links i{width:12%;height:2px;background:currentColor;opacity:.66}
.bp-nav-cta{height:56%;border:1px solid var(--accent);background:rgba(var(--accent-rgb),.08)}
.blueprint-hero{left:3%;right:3%;top:18%;height:39%}
.bp-kicker{position:absolute;left:0;top:0;width:31%;height:2px;background:currentColor;opacity:.55}
.bp-title{position:absolute;left:0;top:14%;width:47%;height:55%}.bp-title i{display:block;height:9%;margin-top:8%;background:currentColor}.bp-title i:nth-child(1){width:76%}.bp-title i:nth-child(2){width:94%}.bp-title i:nth-child(3){width:68%;background:var(--accent)}
.bp-media-frame{position:absolute;right:0;top:0;width:48%;height:100%;border:1px solid rgba(255,255,255,.5)}.bp-media-frame::before,.bp-media-frame::after{content:"";position:absolute;left:50%;top:50%;width:112%;height:1px;background:rgba(255,255,255,.34)}.bp-media-frame::before{transform:translate(-50%,-50%) rotate(31deg)}.bp-media-frame::after{transform:translate(-50%,-50%) rotate(-31deg)}
.blueprint-copy{left:3%;top:60%;width:42%;height:11%}.blueprint-copy i{display:block;height:2px;margin-top:7%;background:currentColor;opacity:.68}.blueprint-copy i:nth-child(1){width:96%}.blueprint-copy i:nth-child(2){width:82%}.blueprint-copy i:nth-child(3){width:68%}
.blueprint-actions{left:3%;top:75%;width:34%;height:9%;display:flex;gap:6%}.blueprint-actions i{width:47%;height:100%;border:1px solid currentColor}.blueprint-actions i:first-child{border-color:var(--accent);background:rgba(var(--accent-rgb),.14)}
.blueprint-proof{left:3%;right:3%;bottom:4%;height:7%;display:grid;grid-template-columns:repeat(4,1fr);gap:4%;align-items:end;border-top:1px solid rgba(255,255,255,.35);padding-top:2%}.blueprint-proof i{height:2px;background:currentColor;opacity:.62}.blueprint-proof i::before{content:"";display:inline-block;width:4px;height:4px;margin-right:7px;border-radius:50%;background:var(--accent);vertical-align:middle}
.final-site-shot{position:absolute;z-index:10;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center top;background:#17120f;opacity:0;clip-path:inset(0);isolation:isolate;transform:translate3d(0,0,0);transform-origin:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:opacity,transform}
.webkit-final-portal{
  position:absolute;
  z-index:13;
  display:none;
  overflow:hidden;
  border-radius:0 0 15px 15px;
  background:#17120f;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  contain:paint;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.webkit-final-portal img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.assembly-beam{position:absolute;z-index:9;left:14px;right:14px;top:15%;height:2px;opacity:0;transform-origin:left;pointer-events:none;will-change:top,opacity,transform}
.assembly-beam::before{content:"";position:absolute;inset:-5px 0;background:rgba(var(--accent-rgb),.12);filter:blur(5px)}
.assembly-beam::after{content:"";position:absolute;right:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.78)}
.assembly-beam i{position:absolute;inset:0;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.58)}
.assembly-route{display:none;position:absolute;z-index:11;inset:5px 7px 6px;width:calc(100% - 14px);height:calc(100% - 11px);overflow:visible;pointer-events:none;opacity:0;transform:translateZ(210px);will-change:opacity,transform}
.assembly-route path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.assembly-route-glow{stroke:rgba(var(--accent-rgb),.13);stroke-width:11;filter:blur(3px);stroke-dasharray:1;stroke-dashoffset:1}
.assembly-route-core{stroke:var(--accent);stroke-width:2.2;filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.56));stroke-dasharray:1;stroke-dashoffset:1}
.assembly-route-head{fill:var(--accent);filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.86));opacity:0}
.assembly-node{fill:#eeeae3;stroke:var(--accent);stroke-width:2;opacity:0;vector-effect:non-scaling-stroke}
.build-seam{position:absolute;z-index:12;top:0;bottom:0;left:0;width:2px;opacity:0;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.72),0 0 34px rgba(var(--accent-rgb),.26);pointer-events:none;will-change:transform,opacity}

.ribbon-svg{
  position:absolute;
  z-index:15;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
  opacity:0;
}
.ribbon-glow,.ribbon-core{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
.ribbon-glow{display:none;stroke:transparent;stroke-width:0;filter:none}
.ribbon-core{stroke:var(--accent);stroke-width:6.5;filter:none}
.ribbon-head{opacity:0;filter:drop-shadow(0 7px 8px rgba(0,0,0,.55)) drop-shadow(0 0 3px rgba(255,255,255,.28));will-change:transform,opacity}
.ribbon-head path{fill:#070707;stroke:#fff;stroke-width:2.9;stroke-linejoin:round;vector-effect:non-scaling-stroke}

.token-layer{position:absolute;z-index:22;inset:0;pointer-events:none}
.flight-token{
  position:absolute;
  left:0;
  top:0;
  padding:0;
  color:var(--accent);
  text-shadow:none;
  font-family:var(--display);
  font-size:clamp(18px,1.75vw,27px);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.015em;
  white-space:nowrap;
  opacity:0;
  will-change:transform,opacity,filter;
}

.virtual-cursor{
  position:absolute;
  z-index:30;
  left:0;
  top:0;
  width:29px;
  height:39px;
  aspect-ratio:29/39;
  opacity:0;
  filter:drop-shadow(0 8px 9px rgba(0,0,0,.48));
  contain:layout paint;
  transform-origin:4px 4px;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  will-change:transform,opacity;
}
.virtual-cursor svg{display:block;width:100%;height:100%;overflow:visible}
.virtual-cursor path{fill:#070707;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.click-ring{
  position:absolute;
  z-index:25;
  left:0;
  top:0;
  width:32px;
  height:32px;
  border:1.5px solid var(--accent);
  border-radius:50%;
  opacity:0;
  will-change:transform,opacity;
}
.page-progress{display:none;position:absolute;z-index:50;right:clamp(20px,3vw,44px);bottom:34px;width:1px;height:86px;background:var(--line)}
.page-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top;will-change:transform}

.scroll-cue{
  position:absolute;
  z-index:58;
  left:50%;
  bottom:24px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(15,15,14,.9);
  color:rgba(243,241,236,.68);
  opacity:0;
  transform:translate3d(-50%,8px,0);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 36px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.025);
  pointer-events:none;
  transition:opacity .32s ease,transform .42s var(--ease-out),border-color .32s ease,color .32s ease;
}
.scroll-cue.is-visible{opacity:1;transform:translate3d(-50%,0,0)}
.scroll-cue.is-idle{border-color:var(--line-bright);color:var(--ink-2)}
.scroll-cue span{font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.scroll-cue i{position:relative;width:10px;height:13px;display:block;overflow:hidden}
.scroll-cue i::before{content:"";position:absolute;left:4.5px;top:0;width:1px;height:9px;background:currentColor}
.scroll-cue i::after{content:"";position:absolute;left:2px;bottom:2px;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.scroll-cue.is-nudging i{animation:scrollCueNudge .82s var(--ease-out) 2}
@keyframes scrollCueNudge{0%,100%{transform:translateY(0)}45%{transform:translateY(2px)}}

.launch-sticky{
  position:absolute;
  z-index:50;
  inset:0;
  height:100%;
  min-height:640px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 72% 42%,rgba(var(--accent-rgb),.07),transparent 30%),
    var(--bg);
}
.launch-grid{
  position:absolute;
  z-index:-2;
  inset:76px 0 0;
  opacity:.2;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 78%,transparent);
  mask-image:linear-gradient(to bottom,transparent,black 20%,black 78%,transparent);
}
.launch-copy{
  position:absolute;
  z-index:20;
  left:clamp(20px,4vw,58px);
  top:50%;
  width:min(34vw,470px);
  transform:translateY(-45%);
  pointer-events:none;
}
.launch-label{margin-bottom:32px;color:var(--accent)}
.launch-copy-stack{position:relative;min-height:360px}
.launch-copy-step{
  position:absolute;
  inset:0;
  opacity:0;
  transform:translate3d(0,30px,0);
  filter:none;
  will-change:transform,opacity;
}
.launch-copy-step:first-child{opacity:1;transform:none;filter:none}
.launch-copy-step h2{
  max-width:9ch;
  font-size:clamp(50px,6vw,94px);
  line-height:.92;
  letter-spacing:0;
  font-weight:700;
}
.launch-copy-step h2 em{font-family:var(--serif);font-weight:500;letter-spacing:0}
.launch-copy-step p{max-width:34ch;margin-top:24px;color:var(--muted);font-size:clamp(17px,1.35vw,20px);line-height:1.5}
.launch-copy-step p strong{color:var(--ink-2);font-weight:600}
.launch-foot{display:flex;align-items:center;gap:14px;margin-top:18px;color:var(--quiet)}
.launch-track{position:relative;width:min(230px,18vw);height:1px;background:var(--line)}
.launch-track span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;will-change:transform}
.launch-visual{
  position:absolute;
  z-index:10;
  left:38%;
  right:2.5%;
  top:96px;
  bottom:52px;
  overflow:hidden;
  perspective:1500px;
  pointer-events:none;
}
.launch-camera{
  position:absolute;
  inset:0;
  transform-origin:50% 17%;
  transform-style:preserve-3d;
  will-change:transform;
}
.launch-browser,
.launch-device{
  position:absolute;
  left:50%;
  top:50%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:#171716;
  box-shadow:0 42px 110px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.05);
  will-change:transform,opacity,filter;
}
.launch-browser{
  z-index:8;
  width:min(58vw,890px);
  aspect-ratio:16/10;
  transform-origin:50% 50%;
  transform:translate3d(-50%,-47%,0) scale(.93);
}
.launch-chrome{
  position:relative;
  z-index:8;
  height:54px;
  display:grid;
  grid-template-columns:64px minmax(220px,1fr) 64px;
  align-items:center;
  gap:12px;
  padding:0 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(18,18,17,.98);
}
.launch-traffic{display:flex;gap:7px}
.launch-traffic i{width:8px;height:8px;border-radius:50%;background:#4f4d48}
.launch-traffic i:first-child{background:var(--accent)}
.launch-address{
  position:relative;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  overflow:hidden;
  padding:0 46px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:#0e0e0d;
  color:var(--ink-2);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.04em;
  white-space:nowrap;
  box-shadow:inset 0 1px 8px rgba(0,0,0,.34);
}
.launch-address .protocol{color:var(--muted);transition:none}
.launch-address .protocol-s{display:inline-block;width:7.5px;overflow:hidden;color:var(--accent);opacity:0;transform:translateX(-3px) scaleX(0);transform-origin:left;line-height:inherit;vertical-align:baseline}
.launch-warning{
  position:absolute;
  left:10px;
  top:50%;
  display:flex;
  align-items:center;
  gap:5px;
  transform:translateY(-50%);
  color:#c68f67;
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
  will-change:transform,opacity;
}
.launch-warning::before{content:"!";display:grid;place-items:center;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;font-size:8px}
.secure-lock{
  position:absolute;
  left:calc(50% - 104px);
  top:50%;
  width:15px;
  height:13px;
  border:1.7px solid var(--accent);
  border-radius:3px;
  opacity:0;
  transform:translateY(-28%);
  will-change:transform,opacity;
}
.secure-lock::before{
  content:"";
  position:absolute;
  left:2px;
  top:-9px;
  width:7px;
  height:8px;
  border:1.7px solid var(--accent);
  border-bottom:0;
  border-radius:6px 6px 0 0;
  transform-origin:1px 8px;
  transform:rotate(-38deg) translate(-1px,1px);
  will-change:transform;
}
.launch-address.is-secure{border-color:rgba(var(--accent-rgb),.34);box-shadow:inset 0 1px 8px rgba(0,0,0,.34),0 0 22px rgba(var(--accent-rgb),.12)}
.launch-address.is-secure .secure-lock::before{transform:rotate(0deg) translate(0,0)}
.launch-page{position:absolute;inset:54px 0 0;overflow:hidden;background:#171716}
.launch-page img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.88}
.launch-page-shade{position:absolute;inset:0;background:rgba(8,8,8,.04);will-change:opacity}
.browser-morph-shutter{position:absolute;z-index:40;inset:0;background:#0b0b0a;opacity:0;pointer-events:none;will-change:opacity}
.launch-device{z-index:4;opacity:0}
.launch-device img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;filter:saturate(.82) brightness(.82)}
.launch-tablet{width:min(27vw,390px);aspect-ratio:4/3;transform:translate3d(-50%,-45%,0) scale(.7) rotateY(7deg)}
.launch-phone{width:min(12vw,174px);aspect-ratio:9/18;border-radius:24px;transform:translate3d(-50%,-45%,0) scale(.72) rotateY(-8deg)}
.launch-phone img{object-position:27% top}
.device-label{position:absolute;left:12px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(10,10,10,.74);color:var(--ink-2);font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.secure-focus{
  position:absolute;
  z-index:20;
  left:40%;
  top:30%;
  width:112px;
  height:112px;
  border:2px solid rgba(var(--accent-rgb),.78);
  border-radius:50%;
  opacity:0;
  transform:translate(-50%,-50%) scale(.45);
  box-shadow:0 0 0 0 rgba(var(--accent-rgb),.28),0 0 56px rgba(var(--accent-rgb),.18);
  will-change:transform,opacity,box-shadow;
}
.secure-caption{
  position:absolute;
  z-index:2;
  right:10px;
  top:50%;
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:var(--ink-2);
  font-size:7px;
  letter-spacing:.09em;
  text-transform:uppercase;
  opacity:0;
  transform:translate3d(8px,-50%,0);
  white-space:nowrap;
  will-change:transform,opacity;
}
.server-console{
  position:absolute;
  z-index:12;
  right:4%;
  top:8%;
  width:min(350px,46%);
  box-sizing:border-box;
  padding:13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:rgba(13,13,12,.90);
  opacity:0;
  box-shadow:0 22px 58px rgba(0,0,0,.42);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  will-change:transform,opacity;
}
.server-console-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:1px 2px 10px;color:var(--accent);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.server-console-head span:first-child{min-width:0}
.server-console-head span:last-child{color:var(--quiet);white-space:nowrap}
.server-check{min-height:45px;display:grid;grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:10px;box-sizing:border-box;margin-top:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025);color:var(--muted);opacity:0;will-change:transform,opacity}
.server-check::before{content:"";width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.42)}
.server-check > span{min-width:0;display:grid;gap:2px}
.server-check b{overflow:hidden;color:var(--ink-2);font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.server-check small{overflow:hidden;color:var(--quiet);font-size:7px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.server-check strong{padding:4px 6px;border-radius:999px;background:rgba(var(--accent-rgb),.08);color:var(--ink-2);font-family:var(--mono);font-size:6.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.lead-form{
  position:absolute;
  z-index:13;
  right:7%;
  bottom:9%;
  width:min(300px,34%);
  padding:16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:rgba(16,16,15,.94);
  opacity:0;
  transform:translate3d(18px,18px,20px) scale(.94);
  box-shadow:0 24px 66px rgba(0,0,0,.46);
  will-change:transform,opacity;
}
.lead-form-label{margin-bottom:10px;color:var(--accent)}
.lead-fields{display:grid;gap:7px}
.lead-fields span{height:26px;display:flex;align-items:center;padding:0 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:10px}
.lead-send{height:30px;display:grid;place-items:center;margin-top:9px;border-radius:5px;background:var(--accent);color:#0b0b0a;font-weight:700;font-size:11px}
.launch-cursor{
  position:absolute;
  z-index:24;
  left:0;
  top:0;
  width:28px;
  height:38px;
  opacity:0;
  transform-origin:4px 4px;
  will-change:transform,opacity;
}
.launch-cursor svg{display:block;width:100%;height:100%;overflow:visible}
.launch-cursor path{fill:#070707;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.launch-click{
  position:absolute;
  z-index:23;
  left:0;
  top:0;
  width:28px;
  height:28px;
  border:1.5px solid var(--accent);
  border-radius:50%;
  opacity:0;
  will-change:transform,opacity;
}
.delivery-route{position:absolute;z-index:12;inset:0;opacity:0;overflow:visible}
.delivery-route path{fill:none;stroke:rgba(var(--accent-rgb),.7);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.4))}
.delivery-packet{fill:var(--accent);filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.72))}
.delivery-targets{position:absolute;z-index:16;right:1%;top:18%;display:grid;gap:10px}
.delivery-target{
  min-width:142px;
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(18,18,17,.9);
  color:var(--muted);
  opacity:0;
  transform:translateX(18px);
  will-change:transform,opacity;
}
.delivery-target i{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line-bright);border-radius:7px;color:var(--ink-2);font-family:var(--mono);font-size:11px;font-style:normal}
.delivery-target strong{display:block;color:var(--ink-2);font-size:12px}
.delivery-target span{display:block;margin-top:2px;font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.launch-ready{
  --ready-scale:.96;
  position:absolute;
  z-index:30;
  left:72%;
  top:50%;
  width:min(760px,54vw);
  opacity:0;
  transform:translate(-50%,-46%) scale(var(--ready-scale));
  transform-origin:center;
  will-change:transform,opacity;
}
.ready-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}
.ready-flow::before{content:"";position:absolute;z-index:-1;left:9%;right:9%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.42) 12% 88%,transparent)}
.ready-step{position:relative;min-height:188px;display:grid;grid-template-rows:auto 54px auto 1fr;align-items:center;justify-items:center;gap:7px;padding:15px 12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:linear-gradient(145deg,rgba(25,25,24,.94),rgba(12,12,11,.96));box-shadow:0 20px 48px rgba(0,0,0,.28)}
.ready-step::after{content:"";position:absolute;inset:-1px;border:1px solid transparent;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 35% 68%,rgba(var(--accent-rgb),.12)) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.ready-step-no{justify-self:start;color:var(--accent);font-size:8px}
.ready-step svg{width:72px;height:52px;overflow:visible;fill:none;stroke:rgba(226,224,218,.72);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.ready-step svg circle:not(:last-child){fill:rgba(var(--accent-rgb),.14)}
.ready-step b{font-size:15px;font-weight:600;letter-spacing:-.02em}
.ready-step small{align-self:start;color:rgba(226,224,218,.5);font:400 9px/1.45 var(--disp);text-align:center}
.experience-replay{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.035);color:var(--ink-2);font:500 12px/1 var(--disp);cursor:pointer;transition:border-color .22s ease,background .22s ease,transform .22s ease}
.experience-replay svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.experience-replay:hover{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.08);transform:translateY(-1px)}
.launch-ready-copy .experience-replay{margin-top:24px;pointer-events:auto}
.lab-scroll.is-passed .launch-sticky,.lab-scroll.is-passed .launch-ready{pointer-events:auto}
.launch-progress{display:none;position:absolute;z-index:35;right:clamp(18px,3vw,42px);bottom:36px;width:1px;height:78px;background:var(--line)}
.launch-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top}
.launch-scroll-cue{position:absolute;z-index:36;left:50%;bottom:22px;display:flex;align-items:center;gap:10px;color:var(--muted);transform:translateX(-50%);opacity:.8;pointer-events:none;transition:opacity .24s ease}
.launch-scroll-cue i{width:6px;height:10px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.launch-end{
  min-height:84svh;
  display:grid;
  place-items:center;
  padding:80px 24px;
  border-top:1px solid var(--line);
  background:#10100f;
  text-align:center;
}
.launch-end .mono{margin-bottom:18px;color:var(--accent)}
.launch-end h2{max-width:11ch;font-size:clamp(48px,8vw,116px);line-height:.92;letter-spacing:0}
.launch-end h2 em{font-family:var(--serif);font-weight:500}
.launch-end p{max-width:42ch;margin:24px auto 0;color:var(--muted);font-size:18px;line-height:1.5}
.launch-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:28px;padding:0 24px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:700;transition:transform .16s var(--ease-out)}
.launch-cta:active{transform:scale(.97)}

.fx-panel{display:none}
#experienceMount.fx-enabled .fx-panel{
  position:fixed;
  z-index:100;
  left:18px;
  bottom:18px;
  width:274px;
  display:block;
  padding:16px;
  border:1px solid var(--line-bright);
  border-radius:10px;
  background:rgba(15,15,14,.93);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 80px rgba(0,0,0,.38);
}
.fx-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:var(--ink-2)}
.fx-row{display:grid;grid-template-columns:70px 1fr 34px;gap:8px;align-items:center;margin-top:11px;color:var(--muted)}
.fx-row output{text-align:right;color:var(--ink-2)}
.fx-row input[type="range"]{width:100%;accent-color:var(--accent)}
.fx-color{width:34px;height:24px;padding:0;border:0;background:none;cursor:pointer}
.fx-actions{display:flex;gap:8px;margin-top:16px}
.fx-actions button{flex:1;min-height:34px;cursor:pointer;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink-2);font-family:var(--mono);font-size:9px;text-transform:uppercase}
.fx-actions button:active{transform:scale(.97)}
.record-control{position:fixed;z-index:-1;left:0;top:0;width:2px;height:2px;padding:0;border:0;opacity:0;pointer-events:none}

@media (max-width:920px){
  .lab-status{display:none}
  .stage-layout{grid-template-columns:minmax(250px,39vw) 1fr}
  .copy-step h1,.copy-step h2{font-size:clamp(48px,7vw,76px)}
  .object-wrap{left:70%;width:min(65vw,800px)}
}

@media (max-width:700px){
  .lab-header{height:68px;padding:0 16px}
  .lab-brand{font-size:17px}
  .lab-brand img{width:34px;height:34px}
  .lab-brand em{display:none}
  .lab-back{min-height:36px;padding:0 13px;font-size:12px}
  .lab-scroll{--experience-runway:clamp(220px,40svh,340px);height:calc(100svh + var(--experience-runway));min-height:620px}
  .lab-sticky{min-height:620px}
  .stage-layout{grid-template-columns:1fr;align-items:start;padding:91px 18px 28px}
  .stage-copy{justify-content:flex-start;max-width:none;height:36%;padding:0 2px}
  .chapter-label{margin-bottom:16px}
  .stage-tabs{margin-bottom:18px}
  .copy-stack{min-height:172px}
  .copy-step h1,.copy-step h2{max-width:11ch;font-size:clamp(42px,12vw,66px);line-height:.9}
  .copy-step p{max-width:31ch;margin-top:15px;font-size:15px;line-height:1.4}
  .stage-foot{display:none}
  .visual-field{inset:68px 0 0;perspective-origin:50% 70%}
  .visual-field::after{background:linear-gradient(180deg,var(--bg) 0 28%,rgba(13,13,12,.84) 41%,transparent 55% 93%,rgba(13,13,12,.3));opacity:.58}
  .object-wrap{left:50%;top:clamp(60%,calc(28% + 240px),70%);width:calc(100vw - 28px);height:330px}
  .morph-shell{clip-path:inset(52px 8px 218px 18px round 15px)}
  .notification-content{left:27px;right:41px;top:84px;grid-template-columns:34px 1fr auto;gap:9px}
  .notification-avatar{width:34px;height:34px}
  .bubble-tail{right:6px;bottom:105px}
  .message-content{left:26px;width:calc(100% - 52px);top:98px}
  .typed-message{max-width:25ch;min-height:112px;font-size:clamp(20px,5.8vw,24px)}
  .message-source{white-space:normal}
  .typing-caret{height:23px}
  .editor-top{height:42px;padding:0 9px}
  .editor-app{display:none}
  .editor-tabs{margin-left:4px}
  .editor-tab{flex:0 0 auto;height:29px;gap:3px;padding:0 5px;font-size:7px;letter-spacing:.04em}
  .editor-tab::before{font-size:6.4px}
  .editor-tab.js::before{font-size:5.8px}
  .top-play{width:28px;height:28px}
  .editor-body{top:42px;grid-template-columns:1fr}
  .activity-bar,.explorer{display:none}
  .code-area{padding:7px 4px 8px 2px}
  .code-row{min-height:18px;grid-template-columns:22px 1fr;font-size:8.2px;white-space:nowrap}
  .line-no{font-size:6.5px;padding-right:5px}
  .virtual-cursor{width:26px;height:35px}
  .flight-token{font-size:15px}
  .browser-chrome{height:40px;grid-template-columns:auto 1fr;padding:0 8px;gap:7px}
  .browser-address{height:26px;padding:0 8px;font-size:7px}
  .browser-page{top:40px}
  .assembly-artboard{inset:0}
  .assembly-artboard::before{right:7px;top:6px;font-size:4.2px}
  .bp-nav-links{display:none}.blueprint-nav{grid-template-columns:1fr .42fr}
  .bp-brand span{width:45%}
  .blueprint-hero{height:42%}.bp-title{width:57%}.bp-media-frame{width:39%}
  .blueprint-copy{width:58%}
  .blueprint-actions{width:52%}
  .blueprint-proof{gap:3%}
  .final-site-shot{object-fit:contain;object-position:center top;background:transparent}
  .webkit-final-portal{background:transparent}
  .webkit-final-portal img{object-fit:contain;object-position:center top}
  .world-grid{inset:-10% -60% -20%;background-size:56px 56px;opacity:.22}
  .page-progress{right:10px;bottom:56px;height:44px}
  .scroll-cue{bottom:15px;padding:8px 11px}.scroll-cue span{font-size:7.5px}
  #experienceMount.fx-enabled .fx-panel{left:10px;right:10px;bottom:10px;width:auto}
}

@media (max-width:700px){
  .launch-sticky{min-height:620px}
  .launch-grid{inset:68px 0 0;background-size:54px 54px;opacity:.15}
  .launch-copy{left:18px;right:18px;top:91px;width:auto;transform:none}
  .launch-label{margin-bottom:14px}
  .launch-copy-stack{min-height:178px}
  .launch-copy-step h2{max-width:11ch;font-size:clamp(42px,12vw,64px);line-height:.92}
  .launch-copy-step p{max-width:31ch;margin-top:14px;font-size:15px;line-height:1.4}
  .launch-foot{display:none}
  .launch-visual{left:0;right:0;top:282px;bottom:48px;perspective:1000px}
  .launch-camera{transform-origin:50% 9%}
  .launch-browser{width:calc(100vw - 28px);aspect-ratio:16/11;top:47%;border-radius:10px}
  .launch-chrome{height:42px;grid-template-columns:42px 1fr 18px;gap:6px;padding:0 8px}
  .launch-traffic{gap:5px}.launch-traffic i{width:6px;height:6px}
  .launch-address{height:28px;padding:0 30px;font-size:7px}
  .launch-warning{left:6px;gap:3px;font-size:0}.launch-warning::before{width:12px;height:12px;font-size:7px}
  .secure-lock{left:calc(50% - 78px);transform:translateY(-25%) scale(.84)}
  .launch-page{inset:42px 0 0}
  .launch-tablet{width:55vw;top:55%;border-radius:9px}
  .launch-phone{width:24vw;top:54%;border-radius:17px}
  .device-label{left:7px;bottom:6px;padding:4px 6px;font-size:6px}
  .secure-focus{width:82px;height:82px}
  .secure-focus{left:34%;top:31%}
  .secure-caption{right:6px;top:50%;padding:3px 5px;font-size:6px}
  .server-console{left:4%;right:auto;top:auto;bottom:5%;width:66%;padding:8px;border-radius:9px}
  .server-console-head{margin:0 1px 5px;font-size:5.5px}
  .server-check{min-height:34px;height:auto;gap:6px;margin-top:4px;padding:5px 6px;font-size:7px}
  .server-check b{font-size:6.5px}
  .server-check small{font-size:4.8px}
  .server-check strong{padding:3px 4px;font-size:4.6px}
  .lead-form{right:6%;bottom:7%;width:54%;padding:10px}
  .lead-form-label{margin-bottom:7px;font-size:7px}
  .lead-fields{gap:5px}.lead-fields span{height:21px;padding:0 6px;font-size:8px}
  .lead-send{height:24px;margin-top:6px;font-size:8px}
  .delivery-targets{right:4%;top:18%;gap:6px}
  .delivery-target{min-width:106px;grid-template-columns:24px 1fr;gap:7px;padding:7px}
  .delivery-target i{width:24px;height:24px;font-size:8px}
  .delivery-target strong{font-size:9px}.delivery-target span{font-size:6px}
  .launch-cursor{width:24px;height:33px}
  .launch-ready{left:50%;top:auto;bottom:clamp(28px,5svh,44px);width:calc(100vw - 32px);transform:translateX(-50%) scale(var(--ready-scale));transform-origin:center bottom}
  .ready-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .ready-flow::before{display:none}
  .ready-step{min-height:108px;grid-template-columns:42px 1fr;grid-template-rows:auto auto 1fr;gap:1px 8px;padding:9px 10px;border-radius:10px}
  .ready-step-no{grid-column:1;grid-row:1;align-self:start}
  .ready-step svg{grid-column:1;grid-row:2/4;width:42px;height:32px}
  .ready-step b{grid-column:2;grid-row:1;justify-self:start;font-size:13px}
  .ready-step small{grid-column:2;grid-row:2/4;justify-self:start;font-size:7.5px;line-height:1.35;text-align:left}
  .experience-replay{min-height:38px;padding:0 15px;font-size:11px}
  .launch-ready-copy .experience-replay{margin-top:17px}
  .lab-scroll.is-passed .launch-visual{left:0;right:0;top:76px;bottom:0;overflow:visible}
  .launch-progress{right:10px;bottom:56px;height:44px}
  .launch-scroll-cue{bottom:14px;font-size:7px}
  .launch-end{min-height:78svh}
  .launch-end p{font-size:15px}
}

/* The process picker keeps one stage in view while the next one rolls into its place. */
.stage-tabs{
  position:relative;
  z-index:2;
  flex:0 0 38px;
  display:block;
  width:min(174px,100%);
  height:38px;
  overflow:hidden;
  transition:opacity .18s ease,transform .18s ease;
}
.lab-scroll.is-stage-switching .stage-copy > .stage-tabs{opacity:.78;transform:none}
.stage-tab{
  position:absolute;
  inset:0;
  justify-content:center;
  text-decoration:none;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transform:translate3d(0,var(--stage-shift,120%),0) scale(.97);
  will-change:transform,opacity;
  transition:opacity .28s ease,transform .44s var(--ease-out),color .25s ease,border-color .25s ease,background .25s ease;
  z-index:1;
}
.stage-tab.is-active{
  z-index:2;
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0,0,0) scale(1);
}
/* Stage 04 is another layer of the same pinned process scene. */
.lab-sticky > .launch-sticky{
  position:absolute;
  z-index:50;
  inset:0;
  height:100%;
}
.launch-sticky{
  min-height:640px;
  opacity:0;
  pointer-events:none;
  transform:translateZ(0);
  will-change:opacity;
  background:transparent;
}
.launch-grid{opacity:0}
.launch-label{margin-bottom:16px}
.launch-stage-tabs{margin-bottom:30px;pointer-events:auto}
.launch-stage-tabs .stage-tab{cursor:pointer}
.launch-copy{
  left:calc(clamp(20px,4vw,58px) - clamp(8px,1.25vw,18px));
  top:calc(51% + 30px);
  width:min(34vw,470px);
  transform:translateY(-48%);
}
.launch-copy-stack{min-height:330px}
.launch-copy-step h2{font-size:clamp(48px,5.7vw,88px)}
.launch-copy-step h2 em{display:block}
.launch-visual{inset:76px 0 0}
.launch-camera{transform-origin:50% 14%}

.adaptive-stage{position:absolute;z-index:12;inset:0;pointer-events:none}
.adaptive-device{
  position:absolute;
  left:calc(69% + 18px);
  top:calc(53% + 2px);
  display:grid;
  justify-items:center;
  gap:12px;
  opacity:0;
  transform-origin:50% 50%;
  will-change:transform,opacity,filter;
}
.adaptive-device:first-child{opacity:1}
.adaptive-frame{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(145deg,#282827 0%,#0a0a0a 18%,#111 82%,#2b2b2a 100%);
  box-shadow:0 38px 100px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.06);
}
.adaptive-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.42),inset 0 0 0 2px rgba(255,255,255,.025);pointer-events:none}
.adaptive-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.adaptive-desktop{width:min(61vw,840px);height:min(75vh,560px);aspect-ratio:auto;transform:translate3d(-50%,-50%,0) scale(.945)}
.adaptive-desktop .adaptive-frame{border-radius:12px;padding:9px 9px 14px}
.adaptive-desktop .adaptive-frame img{border-radius:5px}
.adaptive-tablet{width:min(43vw,620px);aspect-ratio:4/3;transform:translate3d(-50%,-48%,0) scale(.94)}
.adaptive-tablet .adaptive-frame{border-radius:20px;padding:10px}
.adaptive-tablet .adaptive-frame img{border-radius:11px}
.adaptive-phone{width:min(18vw,236px);aspect-ratio:390/844;transform:translate3d(-50%,-48%,0) scale(.94)}
.adaptive-phone .adaptive-frame{
  overflow:visible;
  border-radius:34px;
  padding:9px;
  border-color:rgba(255,255,255,.3);
  background:#050505;
  box-shadow:0 38px 100px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.08);
}
.adaptive-phone .adaptive-frame img{overflow:hidden;border-radius:26px}
.adaptive-phone .dynamic-island{
  position:absolute;
  z-index:5;
  left:50%;
  top:14px;
  width:30%;
  height:17px;
  border-radius:999px;
  background:#020202;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 1px 3px rgba(0,0,0,.4);
  transform:translateX(-50%);
}
.adaptive-phone::before,
.adaptive-phone::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-2px;
  width:3px;
  border-radius:2px 0 0 2px;
  background:#383838;
}
.adaptive-phone::before{top:23%;height:10%}
.adaptive-phone::after{top:36%;height:17%}
.adaptive-device .device-label{position:static;justify-self:center;padding:6px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(10,10,10,.82);font-size:8px}
.adaptive-morph{
  display:block;
  gap:0;
  opacity:1;
  transform:translate3d(-50%,-50%,0);
  contain:layout;
  backface-visibility:hidden;
  will-change:transform,opacity;
}
.adaptive-morph::before,
.adaptive-morph::after{
  /* The tiny asymmetric side buttons read as a bent frame after the whole
     phone is scaled on Retina screens. The clean shell below keeps the same
     silhouette without those uneven protrusions. */
  display:none;
}
.adaptive-morph .adaptive-frame{
  --device-inset-x:9px;
  --device-inset-top:9px;
  --device-inset-bottom:9px;
  --device-radius:12px;
  --screen-radius:5px;
  --chrome-h:40.2px;
  --phone-top-h:0px;
  --phone-bottom-h:0px;
  overflow:hidden;
  padding:0;
  border-radius:var(--device-radius);
  border:0;
  background:#090909;
  box-shadow:0 30px 80px rgba(0,0,0,.54),0 0 0 1px rgba(255,255,255,.20),inset 0 0 0 1px rgba(255,255,255,.055);
  will-change:border-radius;
}
.adaptive-morph .adaptive-frame::after{
  /* A single inner edge follows the same inset on every side. */
  inset:1px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);
}
.adaptive-morph .adaptive-shot{
  position:absolute;
  z-index:1;
  left:var(--device-inset-x);
  top:calc(var(--device-inset-top) + var(--chrome-h) + var(--phone-top-h));
  width:calc(100% - var(--device-inset-x) * 2);
  height:calc(100% - var(--device-inset-top) - var(--device-inset-bottom) - var(--chrome-h) - var(--phone-top-h) - var(--phone-bottom-h));
  border-radius:var(--screen-radius);
  object-fit:cover;
  object-position:center top;
  opacity:0;
  filter:saturate(.9) brightness(.9);
  will-change:opacity,transform;
}
.adaptive-morph #adaptiveShotDesktop{opacity:1;filter:none;transform:scale(var(--desktop-shot-scale,1));transform-origin:64% 42%}
.adaptive-morph .adaptive-tablet-screen{
  top:calc(var(--device-inset-top) + var(--chrome-h) + var(--phone-top-h) - 9px);
  height:calc(100% - var(--device-inset-top) - var(--device-inset-bottom) - var(--chrome-h) - var(--phone-top-h) - var(--phone-bottom-h) + 9px);
  object-fit:fill;
  object-position:center top;
  transform:none;
}
.adaptive-morph #adaptiveShotPhone{border-radius:0;object-fit:cover;object-position:center top}
.adaptive-morph .adaptive-desktop-chrome{
  position:absolute;
  z-index:4;
  left:var(--device-inset-x);
  right:var(--device-inset-x);
  top:var(--device-inset-top);
  height:var(--chrome-h);
  display:grid;
  grid-template-columns:auto minmax(120px,1fr);
  align-items:center;
  gap:10px;
  overflow:hidden;
  padding:0 12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  border-radius:var(--screen-radius) var(--screen-radius) 0 0;
  background:#191918;
  color:#8d8982;
  will-change:opacity;
}
.adaptive-chrome-traffic{display:flex;gap:6px}
.adaptive-chrome-traffic i{width:7px;height:7px;border-radius:50%;background:#55524d}
.adaptive-chrome-traffic i:first-child{background:var(--accent)}
.adaptive-chrome-address{
  min-width:0;
  overflow:hidden;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  background:#11110f;
  font-size:9px;
  letter-spacing:.04em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.phone-system-bar{
  position:absolute;
  z-index:7;
  left:var(--device-inset-x);
  right:var(--device-inset-x);
  top:var(--device-inset-top);
  height:var(--phone-top-h,40px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  overflow:hidden;
  padding:0 10px;
  border-radius:var(--screen-radius) var(--screen-radius) 0 0;
  background:#f3efe6;
  color:#080808;
  font:600 var(--phone-status-font,10px)/1 Arial,sans-serif;
  opacity:0;
  pointer-events:none;
  will-change:opacity;
}
.phone-status-icons{display:flex;align-items:center;gap:2px}
.phone-status-icons svg{display:block;overflow:visible;color:#080808}
.phone-status-icons .phone-signal{width:10px;height:9px}
.phone-status-icons .phone-wifi{width:10px;height:9px}
.phone-status-icons .phone-battery{width:16px;height:9px}
.phone-browser-bar{
  position:absolute;
  z-index:7;
  left:var(--device-inset-x);
  right:var(--device-inset-x);
  bottom:var(--device-inset-bottom);
  height:var(--phone-bottom-h,42px);
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:0 0 var(--screen-radius) var(--screen-radius);
  background:#f3efe6;
  opacity:0;
  pointer-events:none;
  will-change:opacity;
}
.phone-browser-bar span{max-width:82%;overflow:hidden;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.82);color:#111;font:600 var(--phone-url-font,7.5px)/1 Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.adaptive-morph .adaptive-screen-shutter{
  position:absolute;
  z-index:11;
  left:var(--device-inset-x);
  right:var(--device-inset-x);
  top:var(--device-inset-top);
  bottom:var(--device-inset-bottom);
  border-radius:var(--screen-radius);
  background:#0b0b0a;
  opacity:0;
  pointer-events:none;
  will-change:opacity;
}
.adaptive-morph .dynamic-island{
  position:absolute;
  z-index:9;
  left:50%;
  top:calc(var(--device-inset-top) + var(--phone-island-top,7px));
  width:29%;
  height:var(--phone-island-h,17px);
  border-radius:999px;
  background:#020202;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 1px 3px rgba(0,0,0,.4);
  opacity:0;
  transform:translateX(-50%);
  will-change:opacity;
}
.adaptive-morph .device-label{
  position:absolute;
  left:50%;
  top:calc(100% + 9px);
  min-width:118px;
  min-height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  overflow:visible;
  padding:0 8px;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:8px;
  line-height:1;
  transform:translateX(-50%);
  white-space:nowrap;
  will-change:opacity;
}
.adaptive-morph .device-label::before,
.adaptive-morph .device-label::after{content:"";width:18px;height:1px;background:rgba(255,255,255,.18)}

.launch-browser{
  left:calc(69% + 18px);
  top:calc(53% + 2px);
  width:min(61vw,840px);
  height:min(75vh,560px);
  aspect-ratio:auto;
  opacity:0;
  backface-visibility:hidden;
  transform:translate3d(-50%,-50%,0) scale(.86);
  transform-origin:50% 50%;
}
.launch-address .protocol{display:inline-flex;align-items:baseline;line-height:1;color:var(--muted);transition:none}
.launch-url{
  position:absolute;
  left:50%;
  top:50%;
  display:inline-flex;
  align-items:baseline;
  transform:translate(-50%,-50%);
  line-height:1;
}
.launch-security{
  position:absolute;
  z-index:2;
  left:10px;
  top:50%;
  display:flex;
  align-items:center;
  gap:4px;
  transform:translateY(-50%);
  white-space:nowrap;
}
.launch-address .protocol-s{
  display:inline-block;
  width:0;
  opacity:0;
  overflow:hidden;
  color:var(--accent);
  line-height:1;
  vertical-align:baseline;
}
.secure-lock{
  position:relative;
  left:auto;
  top:auto;
  flex:0 0 auto;
  width:18px;
  height:18px;
  overflow:visible;
  border:0;
  border-radius:0;
  color:var(--accent);
  opacity:0;
  transform:scale(.8);
}
.secure-lock .lock-body,.secure-lock .lock-shackle,.secure-lock .lock-key{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.secure-lock .lock-key{fill:currentColor;stroke:none}
.secure-lock .lock-shackle{transform-box:fill-box;transform-origin:10% 100%;transform:rotate(-38deg);will-change:transform}
.launch-address.is-secure .secure-lock,.launch-address.is-secure .protocol,.launch-address.is-secure .protocol-s{color:var(--ink-2)}
.launch-address.is-secure .lock-shackle{transform:rotate(0deg)}
.secure-focus{display:none}
.secure-caption{
  position:static;
  right:auto;
  top:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  max-width:88px;
  overflow:hidden;
  color:rgba(226,224,218,.66);
  font-size:6px;
  font-weight:400;
  letter-spacing:.055em;
  text-overflow:ellipsis;
  transform:translate3d(6px,0,0);
  transition:opacity .28s ease,transform .28s ease;
}
.launch-page img{object-position:center top}
.lead-form{right:6%;bottom:8%;width:min(300px,36%)}
.delivery-target i{border:0}
.delivery-target i svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#telegramTarget i svg{fill:currentColor;stroke:none}

@media (min-width:701px) and (max-width:1100px){
  .stage-layout{grid-template-columns:minmax(245px,34vw) 1fr}
  .copy-step h1,.copy-step h2{font-size:clamp(46px,6.2vw,72px)}
  .object-wrap{left:73%;width:min(55vw,710px)}
  .launch-copy{left:32px;width:34vw}
  .launch-copy-step h2{font-size:clamp(44px,5.6vw,62px)}
  .launch-visual{left:38%;right:1.8%}
  .launch-stage-tabs{gap:5px}
  .launch-stage-tabs .stage-tab{min-height:32px;padding:0 9px;font-size:8px}
  .launch-address{padding:0 10px}
  .launch-security{left:8px;gap:4px}
  .secure-caption{max-width:74px;font-size:5.5px}
  .launch-url{left:64%;max-width:58%;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
}

@media (min-width:701px) and (max-width:1200px){
  .object-wrap{
    transition:left .58s var(--ease-out),top .58s var(--ease-out),width .58s var(--ease-out),height .58s var(--ease-out);
  }
  .object-wrap.is-result-compact{
    left:72%;
    top:56%;
    width:min(52vw,620px,calc((100svh - 126px)*1.38));
    height:min(37.681vw,449.275px,calc(100svh - 126px));
    aspect-ratio:1.38;
  }
  .object-wrap.is-result-compact .final-site-shot,
  .webkit-final-portal.is-result-compact img{object-fit:contain;object-position:center top}
}

@media (min-width:701px) and (max-width:820px){
  .object-wrap.is-result-compact{top:62%}
}

@media (max-width:900px){
  .launch-copy{left:24px;right:24px;top:90px;width:auto;transform:none}
  .launch-label{margin-bottom:13px}
  .launch-stage-tabs{display:block;width:166px;height:36px;margin-bottom:18px}
  #experienceMount .launch-stage-tabs .stage-tab{min-width:0;min-height:34px;padding:0 8px;font-size:7.5px;letter-spacing:.08em}
  .launch-copy-stack{min-height:188px}
  .launch-copy-step h2{max-width:11ch;font-size:clamp(42px,10vw,62px);line-height:.91}
  .launch-copy-step p{max-width:35ch;margin-top:14px;font-size:15px;line-height:1.4}
  .launch-foot{display:none}
  .launch-visual{left:0;right:0;top:342px;bottom:48px;perspective:1050px}
  .adaptive-desktop{width:min(88vw,680px)}
  .adaptive-tablet{width:min(72vw,520px)}
  .adaptive-phone{width:min(32vw,210px)}
  .launch-browser{width:min(90vw,700px);top:48%}
  .secure-focus{width:54px;height:54px}
  .launch-ready{left:50%;width:calc(100vw - 48px)}
}

@media (max-width:700px){
  .launch-copy{left:18px;right:18px;top:82px}
  .launch-ready{
    left:50%;
    top:auto;
    bottom:clamp(28px,5svh,44px);
    width:calc(100vw - 32px);
    transform:translateX(-50%) scale(var(--ready-scale));
  }
  .launch-stage-tabs{margin-bottom:15px}
  #experienceMount .launch-stage-tabs .stage-tab{font-size:7.2px;padding:0 8px}
  .launch-copy-stack{min-height:176px}
  .launch-copy-step h2{font-size:clamp(39px,11vw,54px)}
  .launch-copy-step p{font-size:14px}
  .launch-visual{top:326px;bottom:46px;overflow:visible}
  .adaptive-desktop{width:calc(100vw - 28px)}
  .adaptive-desktop .adaptive-frame{padding:6px 6px 10px;border-radius:9px}
  .adaptive-tablet{width:75vw}
  .adaptive-tablet .adaptive-frame{padding:7px;border-radius:15px}
  .adaptive-phone{width:min(50vw,202px)}
  .adaptive-phone .adaptive-frame{padding:7px;border-radius:28px}
  .adaptive-phone .adaptive-frame img{border-radius:0}
  .adaptive-phone .dynamic-island{top:11px;height:13px}
  .launch-browser{width:calc(100vw - 26px);aspect-ratio:1.56;top:48%}
  .launch-address{padding:0 8px}
  .launch-security{left:6px;gap:3px}
  .launch-url{left:61%;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .secure-lock{left:auto;width:14px;height:14px}
  .secure-caption{min-width:62px;max-width:none;padding:0 2px;font-size:5px;line-height:1;letter-spacing:.025em;white-space:nowrap}
  .lead-form{right:5%;bottom:6%;width:55%;padding:9px}
  .delivery-targets{right:5%;top:14%}
  .delivery-target{min-width:102px}
  .delivery-target i svg{width:20px;height:20px}
  .delivery-route path{stroke-width:3;stroke:rgba(var(--accent-rgb),.92)}
  .stage-copy > .stage-tabs{display:block;flex-basis:36px;width:166px;height:36px}
  #experienceMount .stage-copy > .stage-tabs .stage-tab{min-width:0;min-height:34px;padding:0 8px;font-size:7.2px;letter-spacing:.08em}
  #experienceMount .stage-copy > .stage-tabs .stage-tab.is-active{
    border-color:rgba(243,241,236,.42);
    background:rgba(17,17,16,.94);
    color:#f3f1ec;
    box-shadow:0 10px 28px rgba(0,0,0,.22);
    will-change:auto;
  }
}

@media (min-width:701px) and (max-width:1000px) and (max-height:700px){
  .lab-sticky > .launch-sticky{height:100svh;min-height:0;bottom:auto}
  .launch-copy{left:24px;right:auto;top:51%;width:34vw;transform:translateY(-45%)}
  .launch-label{margin-bottom:8px}
  .launch-stage-tabs{margin-bottom:10px}
  .launch-copy-stack{min-height:208px}
  .launch-copy-step h2{font-size:clamp(36px,5.8vw,50px)}
  .launch-copy-step p{margin-top:10px;font-size:12px;line-height:1.35}
  .launch-visual{left:38%;right:1.5%;top:68px;bottom:16px}
  .launch-scroll-cue{bottom:7px}
}

@media (max-width:700px) and (max-height:700px){
  .lab-sticky > .launch-sticky{height:100svh;min-height:0;bottom:auto}
  .lab-scroll.is-launch-active .stage-layout{padding:74px 18px 14px}
  .lab-scroll.is-launch-active .stage-copy{width:min(54vw,250px);height:auto;padding:0}
  .lab-scroll.is-launch-active .chapter-label{margin-bottom:9px}
  .lab-scroll.is-launch-active .stage-copy > .stage-tabs{flex-basis:42px;width:166px;height:42px;margin-bottom:10px}
  #experienceMount .lab-scroll.is-launch-active .stage-copy > .stage-tabs .stage-tab{min-height:40px}
  .lab-scroll.is-launch-active .copy-stack{min-height:154px}
  .lab-scroll.is-launch-active .launch-copy-step h2{max-width:9ch;font-size:clamp(34px,9.6vw,46px);line-height:.9}
  .lab-scroll.is-launch-active .launch-copy-step p{max-width:26ch;margin-top:9px;font-size:12px;line-height:1.32}
  .launch-visual{left:43%;right:0;top:68px;bottom:10px;overflow:visible}
  .launch-ready{bottom:16px}
  .launch-scroll-cue{bottom:5px}
}

@media (max-width:350px) and (max-height:700px){
  .lab-scroll.is-launch-active .stage-copy{width:46vw}
  .lab-scroll.is-launch-active .launch-copy-step h2{max-width:7ch;font-size:30px}
  .lab-scroll.is-launch-active .launch-copy-step p{max-width:22ch;font-size:10.5px}
  .adaptive-phone{width:42vw}
}

@media (min-width:701px) and (max-width:900px){
  .launch-copy{width:40vw;right:auto}
  .launch-ready{
    top:auto;
    bottom:24px;
    transform:translateX(-50%) scale(var(--ready-scale));
    transform-origin:center bottom;
  }
  .launch-ready-copy h2{max-width:10ch;font-size:clamp(42px,7vw,54px);line-height:.92}
  .launch-ready-copy p{max-width:27ch;margin-top:12px;font-size:14px;line-height:1.4}
  .launch-ready-copy .experience-replay{margin-top:15px}
}

@media (min-width:701px) and (max-width:900px) and (max-height:700px){
  .launch-copy{width:34vw}
  .launch-ready{width:58vw}
  .ready-step{min-height:160px;padding:12px 8px 11px}
  .ready-step svg{width:58px;height:45px}
  .ready-step b{font-size:13px}
  .ready-step small{font-size:7.5px}
}

.is-apple-webkit .final-site-shot{display:none!important;visibility:hidden!important;will-change:auto!important}
.is-apple-webkit .webkit-final-portal{display:block}
.is-apple-webkit .webkit-final-portal.is-visible{visibility:visible}
.is-apple-webkit .object-wrap.is-webkit-final{left:var(--webkit-flat-left)!important;top:var(--webkit-flat-top)!important;width:var(--webkit-flat-width)!important;height:var(--webkit-flat-height)!important;transform:none!important;transform-style:flat!important}
.is-apple-webkit .object-wrap.is-webkit-final .morph-shell,
.is-apple-webkit .object-wrap.is-webkit-final .browser-content,
.is-apple-webkit .object-wrap.is-webkit-final .browser-page{transform-style:flat!important;perspective:none!important}
.is-apple-webkit .final-site-shot{filter:none!important;transform:translate3d(0,0,0)!important}

@media (prefers-reduced-motion:reduce){
  #experienceMount{scroll-behavior:auto}
  .lab-scroll{height:100svh}
  .world-grid{opacity:.16}
  .lab-back,.stage-tab{transition:none}
  .scroll-cue{transition:none}.scroll-cue.is-nudging i{animation:none}
}