/* Physical objects and clear install actions. Motion is an enhancement:
   every link and every word remains available without animation. */
.premium-home .future-hero .hero-heading { gap:20px; }
.flight-layer { position:absolute; inset:0; transform-style:preserve-3d; pointer-events:none; }
.flight-main { z-index:3; transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) rotateZ(var(--drift-r,0deg)); }
.flight-satellite { z-index:2; transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) rotateZ(var(--drift-r,0deg)); }
.premium-home .hero-phone { box-shadow:5px 5px 0 #52638666,15px 35px 45px #02081866; }
.premium-home .future-hero .hero-actions .btn { min-height:57px; font-size:14px; padding-inline:20px; }
.premium-home .hero-actions .btn-primary { background:var(--accent); color:var(--future-bg); border-color:var(--accent); box-shadow:0 5px 0 color-mix(in srgb,var(--accent) 45%,var(--ink)); }
html[data-theme="dark"] .premium-home .hero-actions .btn-primary { color:var(--bg); }
.premium-home .hero-actions .btn-primary:hover { transform:translateY(-3px); box-shadow:0 8px 0 color-mix(in srgb,var(--accent) 45%,var(--ink)); }
.install-seal { position:absolute; z-index:7; inset-inline-end:4%; bottom:56px; width:112px; height:112px; border-radius:50%; background:var(--accent); color:var(--bg); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; transform:rotate(-12deg); box-shadow:4px 7px 0 color-mix(in srgb,var(--accent) 40%,var(--ink)); transition:transform .25s,box-shadow .25s; text-align:center; }
.install-seal span { font-size:11px; }
.install-seal strong { font-size:17px; letter-spacing:.03em; }
.install-seal .icon { width:20px; height:20px; transform:rotate(45deg); }
.install-seal:hover { transform:rotate(0) translateY(-5px); box-shadow:5px 12px 0 color-mix(in srgb,var(--accent) 40%,var(--ink)); }
.commerce-flight { color:#eef3ff; background:#183367; padding:78px 0 45px; overflow:clip; }
html[data-theme="dark"] .commerce-flight { background:#0c1730; }
.flight-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; }
.commerce-flight .kicker { color:#a9c7ff; }
.commerce-flight h2 { max-width:740px; font-size:clamp(38px,4.2vw,62px); line-height:1.12; letter-spacing:-.045em; font-weight:400; }
.premium-home .commerce-flight .text-link { color:#eef3ff; flex-shrink:0; }
.workflow-flight { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:35px; }
.workflow-step { display:flex; flex-direction:column; align-items:center; min-width:0; perspective:1000px; position:relative; padding-top:20px; }
.workflow-step::after { content:''; position:absolute; width:180px; height:18px; border-radius:50%; background:#02081888; top:265px; filter:blur(12px); pointer-events:none; }
.workflow-step-label { display:flex; align-items:center; gap:14px; padding:28px 0 18px; border-bottom:1px solid #b5ceff4d; width:100%; min-height:80px; font-size:15px; position:relative; z-index:1; }
.workflow-step-label small { font:11px monospace; color:#acc6ff; }
.workflow-step-label>.icon { width:18px; margin-inline-start:auto; flex-shrink:0; }
.workflow-step:hover .workflow-step-label { border-color:#eef3ff; }
.workflow-object { height:240px; width:190px; position:relative; margin:15px 0; transform-style:preserve-3d; transition:transform .35s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.stock-object { transform:rotateX(calc(-12deg + var(--object-x,0deg))) rotateY(calc(-28deg + var(--object-y,0deg))) rotateZ(-5deg); height:180px; margin:45px 0; }
.stock-front { position:absolute; inset:0; background:#6f9ce8; color:#10213f; transform:translateZ(45px); padding:40px 30px; display:flex; flex-direction:column; justify-content:center; }
.stock-front::before { content:''; position:absolute; inset:0 78px; background:#b7d0fa; }
.stock-front>span { font:10px/1.5 monospace; letter-spacing:.1em; margin-top:14px; position:relative; }
.stock-side { position:absolute; top:0; left:100%; width:90px; height:100%; transform-origin:left; transform:translateZ(45px) rotateY(90deg); background:#345d9c; }
.stock-top { position:absolute; bottom:100%; left:0; width:100%; height:90px; transform-origin:bottom; transform:translateZ(45px) rotateX(90deg); background:#a6c5f7; border:1px solid #688fc9; }
.object-barcode { width:105px; height:38px; background:repeating-linear-gradient(90deg,#172744 0 2px,transparent 2px 4px,#172744 4px 5px,transparent 5px 9px,#172744 9px 12px,transparent 12px 15px); position:relative; flex-shrink:0; }
.stock-front .object-barcode { background-color:#edf4ff; border:8px solid #edf4ff; width:117px; height:54px; }
.bag-object { transform:rotateX(calc(3deg + var(--object-x,0deg))) rotateY(calc(-24deg + var(--object-y,0deg))) rotateZ(7deg); width:170px; height:220px; margin-top:35px; }
.bag-face { position:absolute; inset:35px 0 0; background:#eaf1ff; color:#142544; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; box-shadow:inset -5px 0 #bdceed; }
.bag-face span { font-size:13px; font-weight:600; letter-spacing:.14em; }
.bag-handle { position:absolute; width:75px; height:90px; left:48px; top:-10px; border:7px solid #90afe0; border-bottom:0; border-radius:35px 35px 0 0; transform:translateZ(-10px); }
.bag-side { position:absolute; top:35px; bottom:0; left:100%; width:55px; transform-origin:left; transform:rotateY(70deg); background:#7999cd; }
.receipt-object { background:#f7faff; color:#182b4c; width:170px; height:235px; padding:28px 25px; transform:rotateX(calc(10deg + var(--object-x,0deg))) rotateY(calc(-18deg + var(--object-y,0deg))) rotateZ(-8deg); box-shadow:6px 9px 0 #02081866; display:flex; flex-direction:column; align-items:center; gap:12px; }
.receipt-object::after { content:''; position:absolute; inset:auto 0 -8px; height:10px; background:linear-gradient(135deg,#f7faff 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#f7faff 25%,transparent 25%) -5px 0/10px 10px; }
.receipt-object strong { font:600 15px monospace; letter-spacing:.08em; }
.receipt-rule { width:100%; border-top:1px dashed #8095b5; }
.receipt-object i { height:3px; width:100%; background:linear-gradient(90deg,#8b9dbc 65%,transparent 65% 78%,#8b9dbc 78%); }
.receipt-object .object-barcode { margin-top:2px; height:30px; }
.inline-install { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:35px 0; border-bottom:1px solid var(--line); }
.inline-install h3 { font-size:26px; font-weight:400; letter-spacing:-.03em; margin-bottom:8px; }
.inline-install p { color:var(--muted); font-size:12px; margin:0; }
.inline-install .actions { flex-shrink:0; }
.inline-install .btn { font-size:12px; }
.search-features { border-top:1px solid var(--line); }
.search-features h2 { max-width:800px; margin-bottom:22px; }
.search-features>p:not(.kicker) { color:var(--muted); font-size:17px; max-width:650px; }
.install-rail { position:fixed; z-index:30; bottom:22px; inset-inline-end:22px; padding:13px 16px; display:flex; align-items:center; gap:16px; background:var(--panel); color:var(--ink); border:1px solid var(--line); box-shadow:0 12px 50px #02081866; border-radius:7px; max-width:calc(100% - 44px); }
.install-rail>div:not(.actions) { display:grid; gap:2px; }
.install-rail>div>strong { font-size:13px; }
.install-rail>div>span { font-size:11px; color:var(--muted); }
.install-rail .feature-downloads { display:flex; gap:8px; margin:0; }
.install-rail .btn { min-height:40px; font-size:11px; padding:9px 12px; border-radius:4px; display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); background:var(--bg); color:var(--ink); }
.install-rail .btn-primary { background:var(--accent); color:var(--bg); border-color:var(--accent); }
.install-rail .btn .icon { width:15px; height:15px; }
.install-rail .btn .icon:last-child { display:none; }
.install-rail[data-preferred="android"] [data-latest="windows"],.install-rail[data-preferred="windows"] [data-latest="android"] { display:none; }
.demo-page .site-footer,.feature-page .site-footer { padding-bottom:120px; }
@media(max-width:1120px) {
  :is(.premium-home,.demo-page,.feature-page) .nav { display:none; }
  :is(.premium-home,.demo-page,.feature-page) .nav.open { display:flex; position:absolute; top:calc(100% + 6px); inset-inline:0; flex-direction:column; align-items:stretch; gap:0; padding:15px; border:1px solid var(--line); background:var(--panel); border-radius:4px; }
  :is(.premium-home,.demo-page,.feature-page) .nav.open a { padding:12px; }
  :is(.premium-home,.demo-page,.feature-page) .nav-toggle { display:flex; }
  :is(.premium-home,.demo-page,.feature-page) .header-controls { margin-inline-start:auto; }
  .inline-install { flex-direction:column; align-items:start; }
}
@media(max-width:950px) { .flight-satellite { display:none; } .install-seal { width:94px; height:94px; bottom:45px; inset-inline-end:0; } .install-seal strong { font-size:15px; } .workflow-flight { gap:25px; } .workflow-object { scale:.85; } }
@media(max-width:700px) {
  .premium-home .future-hero .hero-actions .btn { min-height:54px; font-size:13px; }
  .commerce-flight { padding:55px 0 35px; }
  .flight-heading { display:block; }
  .commerce-flight h2 { font-size:39px; margin-bottom:25px; }
  .workflow-flight { grid-template-columns:1fr; gap:28px; margin-top:25px; }
  .workflow-step { padding-top:0; flex-direction:row; gap:30px; min-height:210px; }
  .workflow-object { flex-shrink:0; scale:.67; width:170px; margin-inline:-20px; }
  .workflow-step::after { width:100px; top:auto; bottom:15px; inset-inline-start:0; }
  .workflow-step-label { min-height:140px; gap:8px; flex-wrap:wrap; align-content:center; font-size:17px; }
  .workflow-step-label small { width:100%; margin-bottom:6px; }
  .workflow-step-label>.icon { margin-inline-start:0; }
  .stock-object { height:165px; margin-block:35px; }
  .bag-object { height:205px; margin-block:20px; }
  .receipt-object { width:165px; height:220px; }
  .install-seal { bottom:55px; inset-inline-end:0; width:86px; height:86px; }
  .install-seal span { font-size:10px; } .install-seal strong { font-size:13px; }
  .install-seal .icon { width:16px; height:16px; }
  .inline-install .actions { width:100%; flex-direction:column; align-items:stretch; }
  .inline-install h3 { font-size:27px; }
  .inline-install .btn { justify-content:center; }
  .premium-home .install-rail { display:none !important; }
  .install-rail { inset-inline:12px; bottom:12px; max-width:none; padding:12px; gap:10px; }
  .install-rail>img { width:28px; height:28px; }
  .install-rail>div:not(.actions) { flex:1; }
  .install-rail>div>span { display:none; }
  .install-rail .btn { font-size:11px; padding:9px; }
  .install-rail:not([data-preferred])>div:not(.actions) { display:none; }
}
@media(max-width:359px) { .workflow-step { gap:14px; } .workflow-step-label { font-size:15px; } .workflow-object { scale:.6; margin-inline:-28px; } }
@media(prefers-reduced-motion:reduce) { .workflow-object,.install-seal { transition:none; } .flight-layer { transform:none; } }