/*
 * OOS Scripts, Night theme.
 * Tokens and components from the OOS Scripts design system (every component class starts with oos-),
 * plus the store's own parts: header, cart drawer, loading screen, docs, prose, art layers.
 * Resets use :where() so they never outrank a class, which keeps landing.css working on top.
 */

/* ---------- Fonts (self-hosted, OFL) ---------- */
@font-face{font-family:"Gabarito";src:url("/fonts/Gabarito-Variable.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url("/fonts/DMMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url("/fonts/DMMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

/* ---------- Tokens ---------- */
:root{
  --night:#0C0D19;--night-raised:#121328;--overlay:#1B1C33;--frame:#150E25;
  --surface:#1D1E35;--surface-hover:#25274A;--surface-high:#2F3259;
  --line:rgba(201,194,241,.11);--line-strong:rgba(201,194,241,.2);
  --ink:#F4F2FC;--ink-soft:#B9B6D3;--ink-faint:#8F8CB0;
  --pink:#F6B8CB;--pink-light:#FCD6E1;--pink-edge:#B46E8B;--on-pink:#3A1C3D;
  --lilac:#C6BEF0;--lemon:#FDF5C4;--on-lemon:#3B3510;
  --peach:#F8C6A6;--rose:#E99CB8;--violet:#A07CCB;--on-sunset:#2A1630;
  --mint:#A9E8CF;--on-mint:#0F3A2B;--coral:#FF9A92;--on-coral:#45120E;
  --outline:#09080F;
  --key-dark:#2A2C4D;--key-dark-light:#3D4070;--key-dark-edge:#14152A;
  --key-light:#EFEDF8;--key-light-edge:#A7A2C8;--on-key-light:#14152A;
  --focus:var(--lemon);--link:var(--lilac);
  --oos-sunset:linear-gradient(90deg,var(--violet) 0%,var(--rose) 52%,var(--peach) 100%);
  --oos-sky:linear-gradient(180deg,#2A2459 0%,#5B438A 34%,#C27EAB 62%,#F2AAA8 82%,#FFD2A6 100%);

  --font-sans:"Gabarito",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"DM Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
  --space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-28:112px;
  --radius-xs:6px;--radius-chip:8px;--radius-sm:10px;--radius-tile:12px;--radius-key:14px;--radius-lg:20px;
  --radius-frame:24px;--radius-xl:28px;--radius-pill:999px;
  --shadow-lift:0 30px 60px -30px rgba(0,0,0,.7);--shadow-float:0 30px 60px -20px rgba(0,0,0,.8);
  --shadow-glow:0 18px 30px -14px rgba(246,184,203,.38);--shadow-badge:0 18px 40px 0 rgba(9,8,15,.7);
  --dur-tap:60ms;--dur-press:140ms;--dur-quick:200ms;--dur-base:350ms;--dur-reveal:800ms;--dur-scene:1400ms;--dur-cycle:3200ms;
  --ease-out:cubic-bezier(.2,.8,.2,1);--ease-press:cubic-bezier(.3,.7,.4,1);--ease-drift:ease-in-out;
  --size-wrap:1240px;--size-header:76px;--size-key-sm:40px;--size-key:52px;--size-key-lg:60px;--size-key-xl:84px;
  --size-icon:20px;--icon-stroke:1.8;
  --z-header:40;--z-sticky:45;--z-drawer:58;--z-menu:60;--z-toast:70;--z-loader:90;
  --oos-header-h:var(--size-header);
}
@media (max-width:760px){:root{--oos-header-h:64px}}

/* ---------- Reset (low specificity) ---------- */
:where(*,*::before,*::after){box-sizing:border-box;border:0 solid}
html{background:var(--night);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--oos-header-h) + 16px);color-scheme:dark}
body.oos-root{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--night);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-rendering:optimizeLegibility}
:where(.oos-root) :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol){margin:0}
:where(.oos-root) :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}
:where(.oos-root) :where(ul,ol){padding:0}
:where(.oos-root) :where(a){color:inherit;text-decoration:none}
:where(.oos-root) :where(button,input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit}
:where(.oos-root) :where(button){background:none;padding:0;cursor:pointer}
:where(.oos-root) :where(img,video,canvas){display:block;max-width:100%;height:auto}
:where(.oos-root) :where(svg){display:block;vertical-align:middle}
:where(.oos-root) :where(table){border-collapse:collapse}
:where(.oos-root) :where(hr){height:0;border-top:1px solid var(--line);margin:0}
:where(.oos-root) :where([hidden]){display:none!important}
.oos-root :focus-visible{outline:2.5px solid var(--focus);outline-offset:3px;border-radius:8px}
::selection{background:rgba(246,184,203,.35);color:var(--ink)}
.oos-sprite{position:absolute;width:0;height:0;overflow:hidden}
.oos-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.oos-skip{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--lemon);color:var(--on-lemon);font-weight:700;transition:top .2s}
.oos-skip:focus{top:12px}
.oos-main{flex:1 0 auto;display:block}

/* ---------- Type ---------- */
:where(.oos-root) :is(h1,h2,h3){text-wrap:balance}
.t-display{font:800 clamp(44px,6vw,72px)/.95 var(--font-sans);letter-spacing:-.03em}
.t-title{font:800 clamp(34px,3.6vw,52px)/1.02 var(--font-sans);letter-spacing:-.025em;color:var(--pink)}
.t-heading{font:800 clamp(26px,2.6vw,34px)/1.05 var(--font-sans);letter-spacing:-.025em}
.t-subheading{font:700 24px/1.15 var(--font-sans);letter-spacing:-.015em}
.t-lead{font-size:18px;line-height:1.55;color:var(--ink-soft)}
.t-body{font-size:16px;line-height:1.6;color:var(--ink-soft)}
.t-small{font-size:14px;line-height:1.5;font-weight:500;color:var(--ink-faint)}
.t-label{font:700 12px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--lilac)}
.t-meta{font:500 12px/1 var(--font-mono);letter-spacing:.02em}
.t-code{font:400 13px/1.4 var(--font-mono)}
.t-pink{color:var(--pink)}.t-ink{color:var(--ink)}.t-soft{color:var(--ink-soft)}.t-faint{color:var(--ink-faint)}

/* ---------- Layout ---------- */
.oos-wrap{width:min(var(--size-wrap),100% - 48px);margin-inline:auto}
.oos-wrap--narrow{width:min(820px,100% - 48px)}
.oos-section{padding-top:var(--space-28)}
.oos-section--tight{padding-top:var(--space-16)}
.oos-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.oos-grid-more{display:grid;grid-template-columns:1fr 1fr 2fr;gap:var(--space-6);margin-top:var(--space-6)}
.oos-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.oos-stack{display:grid;gap:var(--space-6)}
.oos-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.oos-center{text-align:center}

/* ---------- Icon ---------- */
.oos-i{display:inline-block;flex:none;width:var(--size-icon);height:var(--size-icon);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.oos-i--fill{fill:currentColor;stroke:none}
.oos-i--spin{animation:oos-spin 1s linear infinite}
@keyframes oos-spin{to{transform:rotate(360deg)}}

/* ---------- Logo ---------- */
.oos-logo{display:inline-flex;align-items:center;min-height:40px;gap:11px;font:800 20px/1 var(--font-sans);letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.oos-logo__mark{width:32px;height:32px;flex:none;color:currentColor;transition:transform .6s var(--ease-out)}
a.oos-logo:hover .oos-logo__mark{transform:rotate(-90deg)}
.oos-badgelogo{display:block;flex:none;filter:drop-shadow(var(--shadow-badge))}

/* ---------- Key (tactile button) ---------- */
.oos-key{--face:var(--pink);--hi:var(--pink-light);--edge:var(--pink-edge);--kink:var(--on-pink);--glow:rgba(246,184,203,.38);--lift:5px;
  position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:var(--size-key);padding:0 var(--space-6);margin-bottom:var(--lift);border-radius:var(--radius-key);
  font:700 16px/1 var(--font-sans);color:var(--kink);white-space:nowrap;cursor:pointer;text-decoration:none;
  background:radial-gradient(120% 95% at 50% -18%,var(--hi) 0%,var(--face) 58%);border:1.5px solid var(--outline);
  box-shadow:0 var(--lift) 0 -1.5px var(--edge),0 var(--lift) 0 0 var(--outline),0 18px 30px -14px var(--glow),inset 0 -3px 0 rgba(0,0,0,.07),inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform var(--dur-press) var(--ease-press),box-shadow var(--dur-press) var(--ease-press),margin var(--dur-press) var(--ease-press)}
.oos-key::after{content:'';position:absolute;inset:-2px;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 46%,transparent 60%);transform:translateX(-120%)}
.oos-key:hover{--lift:7px;transform:translateY(-2px)}
.oos-key:hover::after{transform:translateX(120%);transition:transform .7s var(--ease-out)}
.oos-key:active{--lift:1.5px;transform:translateY(4px);transition-duration:var(--dur-tap)}
.oos-key .oos-i{width:18px;height:18px;stroke-width:2.2;transition:transform var(--dur-quick) var(--ease-out)}
.oos-key:hover .oos-i:last-child:not(:first-child){transform:translateX(3px)}
.oos-key img{width:16px;height:16px;flex:none}
.oos-key--dark{--face:var(--key-dark);--hi:var(--key-dark-light);--edge:var(--key-dark-edge);--kink:var(--ink);--glow:transparent}
.oos-key--dark::after{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.12) 46%,transparent 60%)}
.oos-key--light{--face:var(--key-light);--hi:#FFFFFF;--edge:var(--key-light-edge);--kink:var(--on-key-light);--glow:transparent}
.oos-key--sm{height:var(--size-key-sm);padding:0 16px;font-size:14px;border-radius:var(--radius-tile);--lift:4px}
.oos-key--sm:hover{--lift:5px}
.oos-key--lg{height:var(--size-key-lg);padding:0 30px;font-size:18px;border-radius:16px;--lift:6px}
.oos-key--lg:hover{--lift:8px}
.oos-key--xl{width:var(--size-key-xl);height:var(--size-key-xl);padding:0;border-radius:26px;--lift:7px}
.oos-key--xl .oos-i{width:30px;height:30px}
.oos-key--icon{width:var(--size-key);padding:0}
.oos-key--sm.oos-key--icon{width:var(--size-key-sm)}
.oos-key--lg.oos-key--icon{width:var(--size-key-lg)}
.oos-key--xl.oos-key--icon{width:var(--size-key-xl)}
.oos-key--block{display:flex;width:100%}
.oos-key.is-added{--face:var(--mint);--hi:#DDF7EC;--edge:#5FA88B;--kink:var(--on-mint);--glow:rgba(169,232,207,.35)}
.oos-key.is-busy{pointer-events:none;opacity:.85}
.oos-key[disabled]{pointer-events:none;opacity:.5}

/* ---------- Links and small buttons ---------- */
.oos-link{display:inline-flex;align-items:center;gap:8px;padding:10px 0;font:700 16px/1 var(--font-sans);color:var(--ink);white-space:nowrap;cursor:pointer}
.oos-link .oos-i{width:18px;height:18px;transition:transform var(--dur-base) var(--ease-out)}
.oos-link:hover .oos-i{transform:translateX(4px)}
.oos-link--ext:hover .oos-i{transform:translate(3px,-3px)}
.oos-link--lilac{color:var(--lilac)}
.oos-link--sm{font-size:14px;padding:6px 0}
.oos-inline{color:var(--link);text-decoration:underline;text-decoration-color:rgba(198,190,240,.4);text-underline-offset:3px;transition:color var(--dur-quick)}
.oos-inline:hover{color:var(--ink)}
.oos-iconbtn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-tile);color:var(--ink);border:1px solid var(--line);background:transparent;cursor:pointer;transition:background var(--dur-quick),border-color var(--dur-quick)}
.oos-iconbtn:hover{background:rgba(201,194,241,.07);border-color:var(--line-strong)}
.oos-iconbtn__n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--pink);color:var(--on-pink);font:800 11px/17px var(--font-sans);text-align:center;border:1.5px solid var(--outline)}
.oos-iconbtn__n.is-pop{animation:oos-pop .5s var(--ease-out)}
@keyframes oos-pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.oos-menubtn{display:inline-grid;place-items:center;align-content:center;gap:6px;width:44px;height:44px;border-radius:50%;background:var(--surface-hover);cursor:pointer;transition:background var(--dur-quick)}
.oos-menubtn span{display:block;width:20px;height:3px;border-radius:2px;background:var(--ink);transition:transform var(--dur-base) var(--ease-out)}
.oos-menubtn:hover{background:var(--surface-high)}
.oos-menubtn:hover span:first-child{transform:translateX(-3px)}
.oos-menubtn:hover span:last-child{transform:translateX(3px)}
.oos-ghost{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:var(--radius-tile);font:600 14px/1 var(--font-sans);color:var(--ink-soft);border:1px solid var(--line);background:transparent;cursor:pointer;transition:color var(--dur-quick),border-color var(--dur-quick),background var(--dur-quick)}
.oos-ghost:hover{color:var(--ink);border-color:var(--line-strong);background:rgba(201,194,241,.05)}
.oos-ghost .oos-i{width:16px;height:16px}
.oos-ghost b{color:var(--ink);font-weight:700}

/* ---------- Promo code ---------- */
.oos-code{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 4px 0 10px;border-radius:8px;background:rgba(42,22,48,.12);border:1px solid rgba(42,22,48,.24);font:500 12px/1 var(--font-mono);letter-spacing:.04em;color:var(--on-sunset);cursor:pointer;transition:background var(--dur-quick)}
.oos-code:hover{background:rgba(42,22,48,.2)}
.oos-code em{font:700 10px/1 var(--font-sans);font-style:normal;letter-spacing:.12em;text-transform:uppercase;background:var(--on-sunset);color:#FCE7DA;border-radius:5px;padding:5px 6px}
.oos-code.is-copied em{background:var(--on-mint);color:var(--mint)}
.oos-code--dark{color:var(--lemon);background:rgba(253,245,196,.06);border-color:rgba(253,245,196,.3)}
.oos-code--dark em{background:var(--lemon);color:var(--on-lemon)}

/* ---------- Badge and chip ---------- */
.oos-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;font:700 12px/1 var(--font-sans);letter-spacing:.02em;white-space:nowrap}
.oos-badge--new{background:var(--lemon);color:var(--on-lemon)}
.oos-badge--updated{background:var(--mint);color:var(--on-mint)}
.oos-badge--sale{background:var(--pink);color:var(--on-pink)}
.oos-badge--sunset{background:var(--oos-sunset);color:var(--on-sunset);height:28px;padding:0 10px;font-weight:800;font-size:13px}
.oos-badge--plain{background:var(--surface-high);color:var(--ink)}
.oos-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.oos-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:var(--radius-chip);border:1px solid var(--line-strong);font:500 12px/1 var(--font-mono);letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap}
.oos-chip .oos-i{width:13px;height:13px;stroke-width:2.6;color:var(--mint)}
.oos-chip--check{color:var(--ink);border-color:rgba(169,232,207,.38)}
.oos-chip--lg{height:30px;padding:0 11px;font-size:13px;color:var(--ink)}
.oos-fw{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.oos-fw__note{font:500 12px/1 var(--font-mono);color:var(--ink-faint);margin-left:6px}
.oos-fw--stack{flex-direction:column;align-items:flex-end;gap:10px}
.oos-fw--stack .oos-fw__note{margin-left:0}
.oos-eyebrow{display:inline-block;font:700 12px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--lilac);margin-bottom:14px}

/* ---------- Announcement bar ---------- */
.oos-announce{position:relative;overflow:hidden;background:var(--oos-sunset);color:var(--on-sunset);font:700 12px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase}
.oos-announce::before{content:'';position:absolute;inset:0;background:radial-gradient(60% 140% at 50% 120%,rgba(255,255,255,.35),transparent 70%);pointer-events:none}
.oos-announce__in{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;min-height:40px;padding:7px 52px;flex-wrap:wrap;text-align:center}
.oos-announce__x{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:8px;color:var(--on-sunset);transition:background var(--dur-quick)}
.oos-announce__x:hover{background:rgba(42,22,48,.14)}
.oos-announce__x .oos-i{width:16px;height:16px;stroke-width:2.4}

/* ---------- Header ---------- */
.oos-header{position:sticky;top:0;z-index:var(--z-header);transition:background var(--dur-base),box-shadow var(--dur-base)}
.oos-header.is-scrolled,.oos-header--solid{background:rgba(12,13,25,.82);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 var(--line)}
.oos-header__in{display:flex;align-items:center;gap:28px;height:var(--oos-header-h)}
.oos-nav{display:flex;gap:6px;margin-left:12px}
.oos-nav a{position:relative;padding:9px 14px;border-radius:10px;font:600 15px/1 var(--font-sans);color:var(--ink-soft);cursor:pointer;transition:color var(--dur-quick),background var(--dur-quick)}
.oos-nav a:hover{color:var(--ink);background:rgba(201,194,241,.07)}
.oos-nav a.is-active{color:var(--ink)}
.oos-nav a.is-active::after{content:'';position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--lemon)}
.oos-header__r{margin-left:auto;display:flex;align-items:center;gap:10px}
.oos-header__r .oos-key{margin-bottom:4px}
.oos-account{display:inline-flex;align-items:center;gap:10px;height:40px;max-width:220px;padding:0 4px;border-radius:var(--radius-tile);border:1px solid var(--line);background:rgba(201,194,241,.04);font:600 14px/1 var(--font-sans);color:var(--ink)}
.oos-account .oos-i{width:16px;height:16px}
.oos-account__avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:rgba(169,232,207,.14);color:var(--mint)}
.oos-account__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oos-account__out{display:grid;place-items:center;flex:none;width:30px;height:30px;margin-left:2px;border-radius:9px;color:var(--ink-faint);transition:color var(--dur-quick),background var(--dur-quick)}
.oos-account__out:hover{color:var(--ink);background:rgba(201,194,241,.08)}
.oos-currency{position:relative}
.oos-currency__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:5;display:grid;gap:2px;min-width:200px;padding:6px;border-radius:14px;background:var(--overlay);box-shadow:var(--shadow-float),inset 0 0 0 1px var(--line-strong);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--dur-quick),transform var(--dur-quick) var(--ease-out)}
.oos-currency.is-open .oos-currency__menu{opacity:1;transform:none;pointer-events:auto}
.oos-currency__menu button{display:flex;align-items:center;gap:12px;height:40px;padding:0 10px 0 6px;border-radius:9px;font:600 14px/1 var(--font-sans);color:var(--ink-soft);text-align:left;white-space:nowrap;transition:background var(--dur-quick),color var(--dur-quick)}
.oos-currency__sym{display:grid;place-items:center;flex:none;min-width:34px;height:26px;padding:0 6px;border-radius:7px;background:rgba(201,194,241,.07);font:500 12px/1 var(--font-mono);color:var(--ink-faint)}
.oos-currency__code{flex:1}
.oos-currency__menu button.is-active{background:rgba(201,194,241,.08)}
.oos-currency__menu button.is-active .oos-currency__sym{background:rgba(255,236,150,.14);color:var(--lemon)}
.oos-currency__menu button:hover{background:rgba(201,194,241,.08);color:var(--ink)}
.oos-currency__menu button.is-active{color:var(--lemon)}
.oos-currency__menu button small:empty{display:none}
.oos-currency__menu button small{flex:none;padding:4px 7px;border-radius:999px;background:rgba(156,233,200,.12);font:500 10.5px/1 var(--font-mono);letter-spacing:.02em;color:var(--mint)}

/* ---------- Menu overlay ---------- */
.oos-menu{position:fixed;inset:0;z-index:var(--z-menu);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--overlay) 0%,var(--night-raised) 55%,var(--night) 100%);opacity:0;transition:opacity .3s var(--ease-out);overflow-y:auto}
.oos-menu[hidden]{display:none}
.oos-menu.is-open{opacity:1}
.oos-menu__top{display:flex;align-items:center;gap:18px;min-height:96px}
.oos-menu__sep{width:1.5px;height:26px;background:var(--line-strong)}
.oos-menu__ctx{font:600 22px/1 var(--font-sans);color:var(--ink-soft)}
.oos-menu__close{margin-left:auto;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--surface-hover);color:var(--lilac);cursor:pointer;transition:background var(--dur-quick),transform var(--dur-base) var(--ease-out)}
.oos-menu__close:hover{background:var(--surface-high);transform:rotate(90deg)}
.oos-menu__close .oos-i{width:26px;height:26px;stroke-width:2.6}
.oos-menu__nav{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:20px 0}
.oos-menu__nav a{display:flex;align-items:center;font:800 clamp(40px,7.4vw,96px)/1.04 var(--font-sans);letter-spacing:-.025em;text-transform:uppercase;color:var(--lilac);cursor:pointer;opacity:0;transform:translateY(36px);transition:color var(--dur-quick),padding var(--dur-base) var(--ease-out)}
.oos-menu.is-open .oos-menu__nav a{opacity:1;transform:none;animation:oos-menu-in .7s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 55ms + 80ms)}
@keyframes oos-menu-in{from{opacity:0;transform:translateY(36px)}}
.oos-menu__nav a:hover{color:var(--lemon);padding-left:14px}
.oos-menu__nav a.is-active{color:var(--lemon)}
.oos-menu__nav a .oos-i{width:36px;height:36px;stroke-width:2.4;margin-left:auto}
.oos-menu__nav a small{font:500 14px/1 var(--font-mono);letter-spacing:0;text-transform:none;color:var(--ink-faint);margin-left:18px}
.oos-menu__ft{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:96px;padding-bottom:16px}
.oos-menu__ft .oos-row{gap:8px}
.oos-menu__art{position:absolute;right:4%;bottom:0;width:min(34vw,420px);pointer-events:none;opacity:.95}
html.oos-locked{overflow:hidden}

/* ---------- Breadcrumbs, tabs ---------- */
.oos-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:500 13px/1 var(--font-mono);color:var(--ink-faint)}
.oos-crumbs a{color:var(--ink-soft);cursor:pointer}
.oos-crumbs a:hover{color:var(--ink)}
.oos-crumbs b{font-weight:500;color:var(--ink)}
.oos-tabs{display:flex;gap:6px;padding:6px;border-radius:16px;background:var(--surface);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.oos-tabs::-webkit-scrollbar{display:none}
.oos-tabs a,.oos-tabs button{padding:11px 18px;border-radius:11px;font:600 15px/1 var(--font-sans);color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:background var(--dur-quick),color var(--dur-quick)}
.oos-tabs a:hover,.oos-tabs button:hover{color:var(--ink)}
.oos-tabs .is-active{background:var(--surface-high);color:var(--ink)}

/* ---------- Media (images, video, placeholder scenes) ---------- */
.oos-media{position:relative;overflow:hidden;isolation:isolate;width:100%;height:100%;background:var(--sky,var(--frame));border-radius:inherit;--city:#1A1534}
.oos-media--ratio{height:auto;aspect-ratio:var(--ratio,16/10)}
.oos-media__img,.oos-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-scene) var(--ease-out)}
.oos-media video{opacity:0;transition:opacity .4s,transform var(--dur-scene) var(--ease-out)}
.oos-media video.is-playing{opacity:1}
.oos-media__layer{position:absolute;inset:0;transform-origin:50% 70%;transition:transform var(--dur-scene) var(--ease-out)}
.oos-media__sun{position:absolute;left:var(--x);top:var(--y);width:var(--z);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--sunc,#FFE7C2) 0 50%,rgba(255,231,194,.32) 58%,rgba(255,231,194,0) 71%)}
.oos-media__city{position:absolute;left:0;bottom:0;width:100%;height:44%;color:var(--city)}
.oos-media__city--far{height:58%;opacity:.42;bottom:6%}
.oos-media__palm{position:absolute;bottom:-3%;height:82%;width:auto;color:var(--city)}
.oos-media__palm--0{left:-7%}
.oos-media__palm--1{right:-9%;height:64%;transform:scaleX(-1)}
.oos-media__palm--2{left:30%;height:48%}
.oos-media--dusk{--sky:linear-gradient(180deg,#2A2459 0%,#5B438A 32%,#C27EAB 60%,#F2AAA8 80%,#FFD2A6 100%);--city:#1C1638}
.oos-media--night{--sky:linear-gradient(180deg,#090A22 0%,#151840 55%,#2A2B62 100%);--city:#05061A}
.oos-media--neon{--sky:linear-gradient(180deg,#0F0A24 0%,#271148 58%,#47175B 100%);--city:#0A0718}
.oos-media--day{--sky:linear-gradient(180deg,#78BCD3 0%,#B2D7DB 42%,#F5D3B6 74%,#F3B69F 100%);--city:#284A63;--sunc:#FFF6DE}
.oos-media--warm{--sky:linear-gradient(180deg,#2B1426 0%,#5D2441 48%,#C0576E 82%,#F08C76 100%);--city:#1A0B16;--sunc:#FFD3A0}
.oos-media__tag{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 9px;border-radius:var(--radius-chip);background:rgba(9,8,15,.58);border:1px solid rgba(255,255,255,.14);font:500 11px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}
.oos-media__tag .oos-i{width:10px;height:10px}
.oos-media--drift .oos-media__layer,.oos-media--drift > .oos-media__img{animation:oos-drift 14s var(--ease-drift) infinite alternate;animation-delay:var(--drift-delay,0s)}
@keyframes oos-drift{from{transform:scale(1.03) translate3d(-1.2%,0,0)}to{transform:scale(1.08) translate3d(1.2%,-1%,0)}}

/* ---------- Mosaic (hero key art) ---------- */
.oos-hero{position:relative;padding-top:20px}
.oos-mosaic{position:relative;display:flex;gap:10px;height:clamp(440px,44vw,580px);padding:var(--space-3);border-radius:var(--radius-frame);background:var(--frame);box-shadow:var(--shadow-float),inset 0 0 0 1px rgba(255,255,255,.04)}
.oos-mosaic__col{display:flex;flex-direction:column;gap:10px;flex:var(--w,1) 1 0;min-width:0}
.oos-mosaic__pan{position:relative;flex:var(--h,1) 1 0;min-height:0;border-radius:var(--radius-tile);overflow:hidden;cursor:pointer;opacity:0;transform:translateY(18px) scale(.985);transition:filter .5s var(--ease-out),box-shadow var(--dur-base)}
.oos-mosaic.is-ready .oos-mosaic__pan{opacity:1;transform:none;animation:oos-rise-in var(--dur-reveal) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 70ms + 80ms)}
@keyframes oos-rise-in{from{opacity:0;transform:translateY(18px) scale(.985)}}
.oos-mosaic:hover .oos-mosaic__pan{filter:brightness(.62) saturate(.85)}
.oos-mosaic .oos-mosaic__pan:hover,.oos-mosaic__pan.is-live{filter:none}
.oos-mosaic:hover .oos-mosaic__pan.is-live:not(:hover){filter:brightness(.62) saturate(.85);box-shadow:none}
.oos-mosaic__pan.is-live{box-shadow:0 0 0 2px var(--pink)}
.oos-mosaic__pan .oos-media__tag{opacity:0;transform:translateY(4px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.oos-mosaic__pan:hover .oos-media__tag,.oos-mosaic__pan.is-live .oos-media__tag{opacity:1;transform:none}
.oos-mosaic__now{position:absolute;left:26px;top:26px;z-index:5;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 10px;border-radius:10px;background:rgba(9,8,15,.62);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 12px/1 var(--font-mono);color:var(--ink-soft)}
.oos-mosaic__now i{width:7px;height:7px;border-radius:50%;background:var(--pink);animation:oos-live 1.8s infinite}
@keyframes oos-live{0%{box-shadow:0 0 0 0 rgba(246,184,203,.55)}100%{box-shadow:0 0 0 9px rgba(246,184,203,0)}}
.oos-mosaic__now b{font-weight:500;color:var(--ink)}
.oos-mosaic__badge{position:absolute;left:50%;top:50%;z-index:6;width:clamp(150px,17vw,226px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.oos-mosaic.is-ready .oos-mosaic__badge{opacity:1;animation:oos-badge-in .9s var(--ease-out) .75s backwards}
@keyframes oos-badge-in{from{opacity:0;transform:translate(-50%,-50%) scale(1.14)}}
.oos-mosaic__badge svg{width:100%;height:100%;filter:drop-shadow(var(--shadow-badge))}
.oos-mosaic__badge::before,.oos-mosaic__badge::after{content:'';position:absolute;inset:3%;border-radius:50%;border:2px solid var(--pink);opacity:0}
.oos-mosaic.is-ready .oos-mosaic__badge::before{animation:oos-ping 1.6s var(--ease-out) 1.45s}
.oos-mosaic.is-ready .oos-mosaic__badge::after{animation:oos-ping 1.6s var(--ease-out) 1.7s}
@keyframes oos-ping{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
.oos-mosaic__label{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;opacity:0;transform:translateY(6px);transition:opacity var(--dur-base),transform var(--dur-base) var(--ease-out)}
.oos-mosaic__pan:hover .oos-mosaic__label,.oos-mosaic__pan.is-live .oos-mosaic__label{opacity:1;transform:none}
.oos-mosaic__label b{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:9px;background:rgba(9,8,15,.66);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:700 13px/1 var(--font-sans);color:var(--ink)}
.oos-mosaic__label b .oos-i{width:14px;height:14px}

/* ---------- Art layers (cut-out illustrations that break out of panels) ---------- */
.oos-art{position:absolute;z-index:7;pointer-events:none;user-select:none;will-change:transform}
.oos-art img{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 30px rgba(9,8,15,.55))}
.oos-art--rise{opacity:0;transform:translate3d(0,40px,0)}
.oos-art--rise.is-in{opacity:1;transform:translate3d(0,var(--py,0px),0);transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out)}
.oos-art--float img{animation:oos-float 6s ease-in-out infinite alternate}
@keyframes oos-float{from{transform:translateY(-6px) rotate(-1.2deg)}to{transform:translateY(8px) rotate(1.2deg)}}
.oos-art--fly{animation:oos-fly var(--fly,28s) linear infinite}
@keyframes oos-fly{from{transform:translate3d(-30vw,0,0)}to{transform:translate3d(130vw,-40px,0)}}

/* ---------- Hero bar ---------- */
.oos-herobar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:30px 4px 0}
.oos-herobar__title{font:800 clamp(26px,2.6vw,36px)/1.02 var(--font-sans);letter-spacing:-.01em;text-transform:uppercase;color:var(--ink)}
.oos-herobar__title span{color:var(--pink)}
.oos-herobar__cta{display:flex;flex-direction:column;align-items:center;gap:12px}
.oos-herobar__cta .oos-key{--glow:rgba(246,184,203,.55)}
.oos-hint{display:inline-flex;align-items:center;gap:7px;font:500 13px/1 var(--font-sans);color:var(--ink-soft)}
.oos-hint .oos-i{width:15px;height:15px;color:var(--lemon)}
.oos-herobar__fw{justify-self:end}

/* ---------- Section header ---------- */
.oos-sechd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:var(--space-8)}
.oos-sechd__title{font:800 clamp(34px,3.6vw,52px)/1.02 var(--font-sans);letter-spacing:-.025em;color:var(--pink)}
.oos-sechd__title--ink{color:var(--ink)}
.oos-sechd__lead{max-width:560px;margin-top:14px;font-size:18px;line-height:1.55;color:var(--ink-soft)}
.oos-sechd--center{flex-direction:column;align-items:center;text-align:center}
.oos-sechd--center .oos-sechd__lead{margin-inline:auto}

/* ---------- Stat row ---------- */
.oos-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.oos-stats__item{padding:28px 26px;border-left:1px solid var(--line)}
.oos-stats__item:first-child{border-left:0;padding-left:4px}
.oos-stats__item b{display:block;font:800 30px/1 var(--font-sans);letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.oos-stats__item span{font-size:15px;line-height:1.45;color:var(--ink-soft)}

/* ---------- Price ---------- */
.oos-price{display:inline-flex;flex-direction:column;gap:5px;font:800 24px/1 var(--font-sans);letter-spacing:-.02em;color:var(--ink)}
.oos-price small{font:500 12px/1.3 var(--font-sans);letter-spacing:0;color:var(--ink-faint)}
.oos-price s{text-decoration-thickness:1.5px}
.oos-price--lg{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:42px;letter-spacing:-.03em}
.oos-price--lg small{font-size:14px}
[data-price-slot]:empty::before,.oos-skel{content:'';display:inline-block;width:5.2ch;height:.9em;border-radius:6px;background:linear-gradient(90deg,var(--surface-hover) 0%,var(--surface-high) 50%,var(--surface-hover) 100%);background-size:200% 100%;animation:oos-shimmer 1.2s linear infinite;vertical-align:middle}
@keyframes oos-shimmer{to{background-position:-200% 0}}

/* ---------- Product card ---------- */
.oos-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);transition:transform var(--dur-base) var(--ease-out),background .3s,box-shadow var(--dur-base) var(--ease-out)}
.oos-card:hover{transform:translateY(-6px);background:var(--surface-hover);box-shadow:var(--shadow-lift),inset 0 0 0 1px rgba(201,194,241,.1)}
.oos-card__media{position:relative;aspect-ratio:16/10;background:var(--frame)}
.oos-card:hover .oos-media__layer,.oos-card:hover .oos-media__img{transform:scale(1.07)}
.oos-card__play{position:absolute;right:12px;top:12px;z-index:4;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-radius:9px;background:rgba(9,8,15,.6);border:1px solid rgba(255,255,255,.14);font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.oos-card__play .oos-i{width:10px;height:10px}
.oos-card__play .on{display:none}
.oos-card:hover .oos-card__play .on{display:inline}
.oos-card:hover .oos-card__play .off{display:none}
.oos-card__prog{position:absolute;left:0;bottom:0;z-index:4;height:3px;width:0;background:var(--pink)}
.oos-card:hover .oos-card__prog{animation:oos-prog 6s linear forwards}
@keyframes oos-prog{to{width:100%}}
.oos-card__label{position:absolute;left:12px;top:12px;z-index:4}
.oos-card__body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.oos-card__title{font:700 24px/1.15 var(--font-sans);letter-spacing:-.015em;margin-top:4px;color:var(--ink)}
.oos-card__title a::after{content:'';position:absolute;inset:0;z-index:1}
.oos-card__text{font-size:15px;line-height:1.5;color:var(--ink-soft)}
.oos-card__ft{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px}
.oos-card__ft .oos-key{margin-bottom:4px}
.oos-card--compact .oos-card__media{aspect-ratio:16/9}
.oos-card--compact .oos-card__title{font-size:20px;margin-top:0}
.oos-card--feature{grid-column:span 2;flex-direction:row}
.oos-card--feature .oos-card__media{flex:1.3 1 0;aspect-ratio:auto;min-height:340px}
.oos-card--feature .oos-card__body{flex:1 1 0;padding:30px}
.oos-card--feature .oos-card__title{font-size:34px;letter-spacing:-.025em}

/* ---------- Bundle card ---------- */
.oos-bundle{position:relative;display:grid;grid-template-columns:1.1fr 1fr;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base)}
.oos-bundle::before{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;background:var(--oos-sunset);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.oos-bundle:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift)}
.oos-bundle__copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px}
.oos-bundle__title{font:800 30px/1.05 var(--font-sans);letter-spacing:-.02em;color:var(--ink)}
.oos-bundle__title a::after{content:'';position:absolute;inset:0;z-index:1}
.oos-bundle__text{font-size:15px;color:var(--ink-soft)}
.oos-bundle__ft{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;padding-top:8px}
.oos-bundle__ft .oos-key{margin-bottom:4px}
.oos-bundle__media{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;padding:12px 12px 12px 0;min-height:220px}
.oos-bundle__media > *{position:relative;border-radius:10px;overflow:hidden;background:var(--frame)}

/* ---------- Reel ---------- */
.oos-reel{position:relative;aspect-ratio:21/9;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;background:var(--frame)}
.oos-reel:hover .oos-media__img{transform:scale(1.04)}
.oos-reel::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(12,13,25,0) 45%,rgba(12,13,25,.78) 100%);pointer-events:none}
.oos-reel__play{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%)}
.oos-reel__play:hover{transform:translate(-50%,calc(-50% - 2px))}
.oos-reel__play:active{transform:translate(-50%,calc(-50% + 4px))}
.oos-reel__cap{position:absolute;left:32px;bottom:28px;z-index:3;display:grid;gap:6px}
.oos-reel__cap b{font:800 28px/1.05 var(--font-sans);letter-spacing:-.02em;color:var(--ink)}
.oos-reel__cap span{color:var(--ink-soft)}
.oos-reel__time{position:absolute;right:28px;bottom:30px;z-index:3;font:500 13px/1 var(--font-mono);color:var(--ink-soft)}
.oos-reel iframe{position:absolute;inset:0;z-index:4;width:100%;height:100%;border:0}
.oos-reel.is-playing::after,.oos-reel.is-playing .oos-reel__play,.oos-reel.is-playing .oos-reel__cap,.oos-reel.is-playing .oos-reel__time{display:none}

/* ---------- Value card, quotes ---------- */
.oos-value{display:flex;flex-direction:column;gap:12px}
.oos-value__media{position:relative;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);margin-bottom:10px}
.oos-value__title{font:700 22px/1.2 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}
.oos-value__text{color:var(--ink-soft);font-size:16px;line-height:1.55}
.oos-quotes{display:flex;flex-direction:column;justify-content:center;gap:12px;height:100%;padding:24px;background:linear-gradient(180deg,#191A34,#121329)}
.oos-quote{position:relative;padding:14px 16px 14px 18px;border-radius:4px 14px 14px 14px;background:var(--surface-hover);font-size:14px;line-height:1.45;color:var(--ink)}
.oos-quote:nth-child(2){align-self:flex-end;border-radius:14px 4px 14px 14px;background:#3A2F55}
.oos-quote cite{display:flex;align-items:center;gap:6px;margin-top:8px;font:500 11px/1 var(--font-mono);font-style:normal;color:var(--ink-soft)}
.oos-quote cite .oos-stars{color:var(--lemon);letter-spacing:1px}
.oos-proof{display:flex;flex-direction:column;justify-content:center;gap:10px;height:100%;padding:26px;background:linear-gradient(180deg,#171830,#11122A);font:400 13px/1.5 var(--font-mono);color:var(--ink-soft)}
.oos-proof__row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(201,194,241,.05)}
.oos-proof__row .oos-i{width:16px;height:16px;color:var(--mint)}
.oos-proof__row b{font-weight:500;color:var(--ink)}

/* ---------- Install steps ---------- */
.oos-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols-now,var(--cols,4)),minmax(0,1fr));gap:var(--space-6)}
.oos-steps li{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 24px 24px;border-radius:var(--radius-lg);background:var(--surface)}
.oos-steps li > b{margin-bottom:24px;font:500 15px/1 var(--font-mono);color:var(--lilac)}
.oos-steps h3,.oos-steps h4{font:700 20px/1.2 var(--font-sans);color:var(--ink)}
.oos-steps p{font-size:15px;line-height:1.5;color:var(--ink-soft)}
.oos-steps code,.oos-cmd{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:7px 8px 7px 10px;border-radius:8px;background:#0F1024;border:1px solid var(--line);font:400 13px/1 var(--font-mono);color:var(--mint)}
.oos-cmd button{display:grid;place-items:center;flex:none;width:32px;height:32px;margin:-5px -4px -5px 0;border-radius:6px;color:var(--ink-faint);transition:color var(--dur-quick),background var(--dur-quick)}
.oos-cmd button:hover{color:var(--ink);background:rgba(201,194,241,.08)}
.oos-cmd button .oos-i{width:14px;height:14px}
.oos-cmd button.is-copied{color:var(--mint)}
.oos-steps--arrows li:not(:last-child)::after{content:'';position:absolute;top:36px;right:-17px;width:10px;height:10px;border-top:2px solid var(--line-strong);border-right:2px solid var(--line-strong);transform:rotate(45deg)}

/* ---------- Community bar ---------- */
.oos-community{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:22px 22px 22px 30px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:rgba(29,30,53,.5)}
.oos-community > .oos-i{width:28px;height:28px;color:var(--lilac)}
.oos-community b{font:800 15px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.oos-community p{font-size:15px;color:var(--ink-soft)}
.oos-community .oos-key{margin-bottom:4px}

/* ---------- Footer ---------- */
.oos-footer{position:relative;margin-top:var(--space-28);padding:70px 0 40px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(18,19,40,0),var(--night-raised) 60%)}
.oos-footer__badge{display:block;width:96px;height:96px;margin:0 auto 60px}
.oos-footer__top{display:grid;grid-template-columns:1.2fr 2fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.oos-footer__brand p{margin-top:16px;max-width:320px;color:var(--ink-soft);font-size:15px}
.oos-footer__social{display:flex;gap:8px;margin-top:22px}
.oos-footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.oos-footer__cols h2{margin-bottom:16px;font:700 12px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.oos-footer__cols a{display:block;padding:6px 0;font-size:15px;color:var(--ink-soft);transition:color var(--dur-quick)}
.oos-footer__cols a:hover{color:var(--ink)}
.oos-footer__pay{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:26px 0;border-bottom:1px solid var(--line)}
.oos-footer__pay > span{margin-right:8px;font:700 12px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.oos-footer__bot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;font-size:14px;color:var(--ink-faint)}
.oos-footer__ctl{display:flex;flex-wrap:wrap;gap:8px}
.oos-footer__tebex{display:inline-flex;align-items:center;gap:8px}
.oos-footer__tebex img{width:auto;height:18px;filter:brightness(0) invert(1);opacity:.55}

/* ---------- Payment logos ---------- */
.oos-pay{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.oos-pay__item{display:inline-grid;place-items:center;width:52px;height:32px;padding:5px 7px;border-radius:8px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong)}
.oos-pay__item img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.oos-pay__more{display:inline-grid;place-items:center;height:30px;padding:0 9px;border-radius:7px;border:1px solid var(--line-strong);font:500 12px/1 var(--font-mono);color:var(--ink-soft)}

/* ---------- Product page ---------- */
.oos-pdp{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--space-10);align-items:start}
.oos-gallery__main{position:relative;aspect-ratio:16/10;border-radius:var(--radius-xl);overflow:hidden;background:var(--frame)}
.oos-gallery__main iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.oos-gallery__play{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%)}
.oos-gallery__play:hover{transform:translate(-50%,calc(-50% - 2px))}
.oos-gallery__play:active{transform:translate(-50%,calc(-50% + 4px))}
.oos-gallery__thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.oos-gallery__thumbs button{position:relative;aspect-ratio:16/10;border-radius:var(--radius-tile);overflow:hidden;background:var(--frame);transition:transform var(--dur-base) var(--ease-out)}
.oos-gallery__thumbs button img{width:100%;height:100%;object-fit:cover}
.oos-gallery__thumbs button::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow var(--dur-quick)}
.oos-gallery__thumbs button.is-active::after{box-shadow:inset 0 0 0 2px var(--pink)}
.oos-gallery__thumbs button:hover{transform:translateY(-3px)}
.oos-gallery__thumbs span{position:absolute;left:8px;bottom:7px;z-index:3;padding:4px 6px;border-radius:5px;background:rgba(9,8,15,.6);font:500 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}
.oos-buybox{position:sticky;top:calc(var(--oos-header-h) + 20px);padding:28px;border-radius:var(--radius-xl);background:var(--surface);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.oos-buybox__title{margin:14px 0 12px;font:800 clamp(40px,4vw,56px)/.98 var(--font-sans);letter-spacing:-.03em;color:var(--ink)}
.oos-buybox__pitch{font-size:17px;line-height:1.5;color:var(--ink-soft)}
.oos-buybox .oos-price--lg{margin:24px 0 14px}
.oos-buybox .oos-fw{margin:0 0 22px}
.oos-buybox .oos-key{margin-top:4px}
.oos-buybox .oos-key + .oos-key{margin-top:10px}
.oos-promo{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;border-radius:12px;background:rgba(253,245,196,.07);border:1px dashed rgba(253,245,196,.3);font-size:14px;color:var(--ink-soft)}
.oos-promo .oos-i{width:18px;height:18px;color:var(--lemon)}
.oos-promo code{font:500 13px/1 var(--font-mono);color:var(--lemon)}
.oos-trust{list-style:none;display:grid;gap:14px;margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--line)}
.oos-trust li{display:flex;gap:12px;align-items:flex-start}
.oos-trust .oos-i{margin-top:1px;color:var(--lilac)}
.oos-trust li:first-child .oos-i{color:var(--lemon)}
.oos-trust b{display:block;font:700 15px/1.3 var(--font-sans);color:var(--ink)}
.oos-trust span{font-size:14px;color:var(--ink-faint)}
.oos-trust--row{grid-template-columns:repeat(4,minmax(0,1fr));border-top:0;padding-top:0;margin-top:0}
.oos-gift{margin:14px 0 6px;padding:12px 14px;border-radius:12px;border:1px solid var(--line)}
.oos-gift > label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink-soft);cursor:pointer}
.oos-gift .oos-field{margin-top:10px}

/* ---------- Feature row, changelog, FAQ ---------- */
.oos-feature{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:var(--space-12);padding:22px;border-radius:var(--radius-xl);background:var(--surface)}
.oos-feature--reverse{grid-template-columns:1fr 1.25fr}
.oos-feature--reverse .oos-feature__media{order:2}
.oos-feature__media{position:relative;aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;background:var(--frame)}
.oos-feature__title{margin-bottom:14px;font:800 34px/1.05 var(--font-sans);letter-spacing:-.025em;color:var(--ink)}
.oos-feature__text{max-width:440px;font-size:17px;line-height:1.55;color:var(--ink-soft)}
.oos-log{display:grid;gap:10px}
.oos-log__item{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 22px;border-radius:16px;background:var(--surface)}
.oos-log__item b{font:500 14px/1 var(--font-mono);color:var(--lilac)}
.oos-log__item span{color:var(--ink-soft)}
.oos-log__item time{font:500 13px/1 var(--font-mono);color:var(--ink-faint)}
.oos-faq{display:grid;gap:10px}
.oos-faq details{border-radius:16px;background:var(--surface);overflow:hidden;transition:background var(--dur-quick)}
.oos-faq details:hover{background:#212240}
.oos-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font:700 18px/1.3 var(--font-sans);color:var(--ink);cursor:pointer}
.oos-faq summary::-webkit-details-marker{display:none}
.oos-faq summary .oos-i{width:22px;height:22px;color:var(--lilac);transition:transform var(--dur-base) var(--ease-out)}
.oos-faq details[open] summary .oos-i{transform:rotate(180deg)}
.oos-faq details > div,.oos-faq details > p{max-width:760px;padding:0 22px 22px;color:var(--ink-soft);animation:oos-fade .4s var(--ease-out)}
.oos-faq details > div p + p{margin-top:10px}
.oos-faq a{color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(198,190,240,.4)}
@keyframes oos-fade{from{opacity:0;transform:translateY(-6px)}}
.oos-split{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:start}
.oos-split .oos-sechd{display:block;margin:0;position:sticky;top:calc(var(--oos-header-h) + 30px)}
/* Loose decorative props beside section headers */
.oos-sechd{position:relative}
.oos-deco{pointer-events:none}
.oos-deco img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(9,8,15,.5))}
.oos-deco--split{width:min(100%,var(--deco-w,170px));margin-top:40px}
.oos-deco--gull,.oos-deco--boombox{flex:none;align-self:center}
.oos-deco--gull{width:clamp(130px,12vw,170px);margin:-70px 0 -10px}
.oos-deco--gull img{transform:rotate(-4deg)}
.oos-deco--boombox{width:clamp(120px,10vw,150px);margin:-50px 0 -20px}
.oos-deco--boombox img{transform:rotate(-5deg)}

/* ---------- Sticky buy bar, toast ---------- */
.oos-sticky{position:fixed;left:50%;bottom:18px;z-index:var(--z-sticky);display:flex;align-items:center;gap:16px;padding:10px 10px 10px 12px;border-radius:20px;background:rgba(29,30,53,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-float),inset 0 0 0 1px var(--line-strong);transform:translate(-50%,160%);transition:transform .5s var(--ease-out)}
.oos-sticky.is-shown{transform:translate(-50%,0)}
.oos-sticky__thumb{position:relative;width:64px;height:40px;border-radius:9px;overflow:hidden;flex:none;background:var(--frame)}
.oos-sticky__thumb img{width:100%;height:100%;object-fit:contain;background:#0B0D1A}
.oos-sticky b{font:800 17px/1 var(--font-sans);color:var(--ink)}
.oos-sticky span{display:block;margin-top:4px;font-size:13px;color:var(--ink-faint)}
.oos-sticky .oos-key{margin-bottom:4px}
.oos-toast{position:fixed;left:16px;right:16px;margin-inline:auto;width:max-content;top:calc(var(--oos-header-h) + 18px);z-index:var(--z-toast);display:flex;align-items:center;gap:12px;max-width:min(560px,calc(100vw - 32px));padding:12px 14px 12px 12px;border-radius:var(--radius-key);background:#24264A;box-shadow:var(--shadow-float),inset 0 0 0 1px var(--line-strong);color:var(--ink);font-size:15px;transform:translateY(-20px);opacity:0;pointer-events:none;transition:transform .45s var(--ease-out),opacity .3s}
.oos-toast.is-shown{transform:none;opacity:1;pointer-events:auto}
.oos-toast__msg{flex:1 1 auto;min-width:0}
.oos-toast__ok{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--mint);color:var(--on-mint)}
.oos-toast__ok .oos-i{width:16px;height:16px;stroke-width:2.6}
.oos-toast--error .oos-toast__ok{background:var(--coral);color:var(--on-coral)}
.oos-toast--info .oos-toast__ok{background:var(--lilac);color:var(--on-key-light)}
.oos-toast a,.oos-toast button{margin-left:6px;font-weight:700;color:var(--pink);cursor:pointer;white-space:nowrap}

/* ---------- Cart drawer ---------- */
.oos-scrim{position:fixed;inset:0;z-index:var(--z-drawer);background:rgba(6,6,14,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity var(--dur-base)}
.oos-scrim.open{opacity:1;pointer-events:auto}
.oos-drawer{position:fixed;top:0;right:0;bottom:0;z-index:calc(var(--z-drawer) + 1);display:flex;flex-direction:column;width:min(460px,100vw);background:var(--night-raised);box-shadow:-30px 0 60px -20px rgba(0,0,0,.7),inset 1px 0 0 var(--line);transform:translateX(104%);transition:transform .45s var(--ease-out);visibility:hidden}
.oos-drawer.open{transform:none;visibility:visible}
.oos-drawer__hd{display:flex;align-items:center;gap:12px;height:72px;padding:0 20px 0 24px;border-bottom:1px solid var(--line);flex:none}
.oos-drawer__hd h2{font:800 22px/1 var(--font-sans);letter-spacing:-.02em}
.oos-drawer__hd .oos-chip{margin-right:auto}
.oos-drawer__body{flex:1;overflow-y:auto;padding:18px 20px;overscroll-behavior:contain}
.oos-drawer__ft{flex:none;padding:18px 20px 22px;border-top:1px solid var(--line);background:var(--night-raised)}
.oos-cart[data-state="empty"] [data-cart-filled],.oos-cart:not([data-state="empty"]) [data-cart-empty]{display:none!important}
.oos-cart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:100%;padding:36px 12px;text-align:center}
.oos-cart__empty img{width:min(240px,70%);margin-bottom:6px}
.oos-cart__empty h3{font:800 24px/1.1 var(--font-sans);letter-spacing:-.02em}
.oos-cart__empty p{max-width:300px;color:var(--ink-soft);font-size:15px}
.oos-cart__notice{margin-bottom:14px;padding:12px 14px;border-radius:12px;background:rgba(198,190,240,.08);border:1px solid rgba(198,190,240,.22);font-size:14px;color:var(--ink-soft)}
.oos-cart__notice.is-error{background:rgba(255,154,146,.08);border-color:rgba(255,154,146,.3);color:var(--ink)}
.oos-cart__notice .oos-key{margin-top:10px}
.oos-lines{display:grid;gap:10px}
.oos-line{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px;border-radius:16px;background:var(--surface);transition:opacity .3s,transform .3s var(--ease-out)}
.oos-line.is-removing{opacity:0;transform:translateX(20px)}
.oos-line__media{position:relative;width:80px;height:50px;border-radius:10px;overflow:hidden;background:var(--frame)}
.oos-line__media img{width:100%;height:100%;object-fit:contain;background:#0B0D1A}
.oos-line__name{display:block;font:700 16px/1.2 var(--font-sans);color:var(--ink)}
.oos-line__name:hover{color:var(--pink)}
.oos-line__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.oos-line__meta .oos-chip{height:22px;padding:0 7px;font-size:11px}
.oos-line__meta .oos-chip--gift{color:var(--lemon);border-color:rgba(253,245,196,.3)}
.oos-line__err{display:block;margin-top:6px;font-size:13px;color:var(--coral)}
.oos-line__side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.oos-line__price{font:800 17px/1 var(--font-sans);color:var(--ink);white-space:nowrap}
.oos-line__rm{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--ink-faint);transition:color var(--dur-quick),background var(--dur-quick)}
.oos-line__rm:hover{color:var(--coral);background:rgba(255,154,146,.1)}
.oos-line__rm .oos-i{width:16px;height:16px}
.oos-line--lg{grid-template-columns:120px minmax(0,1fr) auto;padding:14px}
.oos-line--lg .oos-line__media{width:120px;height:75px}
.oos-line--lg .oos-line__name{font-size:19px}
.oos-suggest{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:14px;padding:12px;border-radius:16px;background:linear-gradient(135deg,rgba(160,124,203,.16),rgba(233,156,184,.1));box-shadow:inset 0 0 0 1px rgba(233,156,184,.28)}
.oos-suggest__media{flex:none;width:64px;height:40px;border-radius:9px;overflow:hidden;background:var(--frame)}
.oos-suggest__media img{width:100%;height:100%;object-fit:contain;background:#0B0D1A}
.oos-suggest b{display:block;font:700 14px/1.25 var(--font-sans);color:var(--ink)}
.oos-suggest span{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:var(--ink-soft)}
.oos-suggest .oos-key{margin-bottom:3px}
.oos-totals{display:grid;gap:10px;margin-bottom:8px}
.oos-totals div{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:var(--ink-soft)}
.oos-totals dd{margin:0;color:var(--ink);font-weight:600}
.oos-totals .is-total{padding-top:10px;border-top:1px solid var(--line);font:800 20px/1 var(--font-sans);color:var(--ink)}
.oos-totals .is-total dd{font-weight:800}
.oos-cart__note{margin:0 0 18px;font-size:12.5px;line-height:1.5;color:var(--ink-faint)}
.oos-cart__hint{display:flex;align-items:flex-start;gap:9px;margin:14px 2px 0;font-size:12.5px;line-height:1.5;color:var(--ink-soft)}
.oos-cart__hint .oos-i{flex:none;width:15px;height:15px;margin-top:2px;color:var(--lilac)}
.oos-cart__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:18px 0 14px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-faint)}
.oos-cart__trust span{display:inline-flex;align-items:center;gap:6px}
.oos-cart__trust .oos-i{width:15px;height:15px;color:var(--lilac)}
.oos-cart__trust span:nth-child(2) .oos-i{color:var(--lemon)}
.oos-drawer__ft .oos-pay{justify-content:center;flex-wrap:nowrap;gap:5px}
.oos-drawer__ft .oos-pay__item{width:44px;height:28px;padding:4px 5px;border-radius:7px}
.oos-drawer__ft .oos-pay__more{height:28px;padding:0 7px;font-size:11px}
.oos-cart__full{display:block;margin-top:16px;text-align:center;font-size:14px;font-weight:600;color:var(--ink-soft)}
.oos-cart__full:hover{color:var(--ink)}

/* ---------- Cart page ---------- */
.oos-cartpage{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-10);align-items:start}
.oos-cartpage__summary{position:sticky;top:calc(var(--oos-header-h) + 20px);padding:24px;border-radius:var(--radius-xl);background:var(--surface)}
.oos-cartpage[data-state="empty"]{grid-template-columns:1fr}
.oos-cartpage[data-state="empty"] .oos-cartpage__summary{display:none}

/* ---------- Forms ---------- */
.oos-field{display:grid;gap:6px}
.oos-field label{font-size:13px;font-weight:600;color:var(--ink-soft)}
.oos-input{width:100%;height:44px;padding:0 14px;border-radius:12px;background:var(--night);border:1px solid var(--line-strong);color:var(--ink);font-size:15px;transition:border-color var(--dur-quick),box-shadow var(--dur-quick)}
.oos-input::placeholder{color:var(--ink-faint)}
.oos-input:focus{outline:none;border-color:var(--lilac);box-shadow:0 0 0 3px rgba(198,190,240,.18)}
.oos-check{appearance:none;-webkit-appearance:none;flex:none;display:inline-grid;place-items:center;width:20px;height:20px;margin:0;border-radius:6px;border:1.5px solid var(--line-strong);background:var(--night);cursor:pointer;transition:background var(--dur-quick),border-color var(--dur-quick)}
.oos-check:checked{background:var(--pink);border-color:var(--outline)}
.oos-check:checked::after{content:'';width:9px;height:5px;margin-top:-2px;border-left:2.2px solid var(--on-pink);border-bottom:2.2px solid var(--on-pink);transform:rotate(-45deg)}
.oos-search{position:relative}
.oos-search .oos-i{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-faint);pointer-events:none}
.oos-search .oos-input{padding-left:42px}
.oos-select{appearance:none;-webkit-appearance:none;height:40px;padding:0 36px 0 12px;border-radius:var(--radius-tile);border:1px solid var(--line);background:var(--night) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B9B6D3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E") no-repeat right 10px center/16px;font:600 14px/1 var(--font-sans);color:var(--ink-soft);cursor:pointer}

/* ---------- Store toolbar ---------- */
.oos-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:var(--space-6)}
.oos-filters{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:14px;background:var(--surface)}
.oos-filters button{height:36px;padding:0 14px;border-radius:10px;font:600 14px/1 var(--font-sans);color:var(--ink-soft);transition:background var(--dur-quick),color var(--dur-quick)}
.oos-filters button:hover{color:var(--ink)}
.oos-filters button.is-active{background:var(--surface-high);color:var(--ink)}
.oos-filters button span{margin-left:6px;font:500 12px/1 var(--font-mono);color:var(--ink-faint)}
.oos-empty{display:grid;justify-items:center;gap:12px;padding:56px 20px;border-radius:var(--radius-xl);background:var(--surface);text-align:center;color:var(--ink-soft)}
.oos-empty h3{font:800 24px/1.1 var(--font-sans);color:var(--ink)}

/* ---------- Page hero (inner pages) ---------- */
.oos-pagehero{position:relative;overflow:hidden;padding:56px 0 64px;border-bottom:1px solid var(--line);isolation:isolate}
.oos-pagehero::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 90% at 82% 100%,rgba(160,124,203,.28),transparent 60%),radial-gradient(50% 60% at 95% 85%,rgba(248,198,166,.18),transparent 70%)}
.oos-pagehero__in{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:40px;min-height:300px}
.oos-pagehero__copy{position:relative;z-index:2;padding-bottom:8px}
.oos-pagehero h1{margin-top:4px;font:800 clamp(42px,5.4vw,72px)/.97 var(--font-sans);letter-spacing:-.03em;color:var(--ink)}
.oos-pagehero h1 span{color:var(--pink)}
.oos-pagehero p{max-width:600px;margin-top:20px;font-size:18px;line-height:1.55;color:var(--ink-soft)}
.oos-pagehero .oos-row{margin-top:26px}
.oos-pagehero__stage{position:relative;align-self:stretch;min-height:280px}
.oos-stage{position:absolute;left:50%;bottom:-64px;width:min(440px,100%);aspect-ratio:1;transform:translateX(-50%)}
.oos-stage__sun{position:absolute;inset:8% 8% 22%;border-radius:50%;background:linear-gradient(180deg,#FFD2A6 0%,#F2AAA8 38%,#C27EAB 70%,#5B438A 100%);box-shadow:0 0 120px 10px rgba(242,170,168,.25)}
.oos-stage__sun::after{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(180deg,transparent 0 58%,var(--night) 58% 60%,transparent 60% 66%,var(--night) 66% 69%,transparent 69% 76%,var(--night) 76% 80%,transparent 80% 87%,var(--night) 87% 92%);opacity:.9}
.oos-stage__palm{position:absolute;bottom:18%;width:30%;color:#1A1534}
.oos-stage__palm--l{left:-6%}
.oos-stage__palm--r{right:-4%;width:24%;transform:scaleX(-1)}
.oos-stage__fig{position:absolute;left:50%;bottom:16%;width:62%;transform:translateX(-50%)}
.oos-stage__fig img{width:100%;height:auto;filter:drop-shadow(0 26px 30px rgba(9,8,15,.6))}

/* ---------- Prose (legal, docs, about, Tebex descriptions) ---------- */
.oos-prose{color:var(--ink-soft);font-size:17px;line-height:1.7}
.oos-prose > * + *{margin-top:1em}
.oos-prose h2{margin-top:2.2em;font:800 clamp(24px,2.4vw,30px)/1.15 var(--font-sans);letter-spacing:-.02em;color:var(--ink)}
.oos-prose h3{margin-top:1.8em;font:700 20px/1.3 var(--font-sans);color:var(--ink)}
.oos-prose h4{margin-top:1.5em;font:700 17px/1.3 var(--font-sans);color:var(--ink)}
.oos-prose h2 + *,.oos-prose h3 + *,.oos-prose h4 + *{margin-top:.6em}
.oos-prose a{color:var(--link);text-decoration:underline;text-decoration-color:rgba(198,190,240,.4);text-underline-offset:3px}
.oos-prose a:hover{color:var(--ink)}
.oos-prose strong,.oos-prose b{color:var(--ink);font-weight:700}
.oos-prose ul,.oos-prose ol{padding-left:1.3em}
.oos-prose li + li{margin-top:.45em}
.oos-prose ul li::marker{color:var(--pink)}
.oos-prose ol li::marker{color:var(--lilac);font-family:var(--font-mono);font-size:.9em}
.oos-prose code{padding:2px 6px;border-radius:6px;background:#0F1024;border:1px solid var(--line);font:400 .86em/1.4 var(--font-mono);color:var(--mint)}
.oos-prose pre{position:relative;overflow-x:auto;padding:18px 20px;border-radius:14px;background:#0B0C1C;border:1px solid var(--line);font:400 13.5px/1.6 var(--font-mono);color:var(--ink)}
.oos-prose pre code{padding:0;background:none;border:0;color:inherit;font-size:inherit}
.oos-prose hr{margin:2.2em 0}
.oos-prose img{border-radius:14px}
.oos-prose table{width:100%;font-size:15px}
.oos-prose th,.oos-prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.oos-prose th{font-weight:700;color:var(--ink);font-size:13px;letter-spacing:.04em}
.oos-prose blockquote{padding:14px 18px;border-radius:12px;background:var(--surface)}
.oos-legal__meta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font:500 13px/1 var(--font-mono);color:var(--ink-faint)}

/* ---------- Callouts and tables ---------- */
.oos-callout{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(198,190,240,.07);border:1px solid rgba(198,190,240,.2);font-size:15px;line-height:1.55;color:var(--ink-soft)}
.oos-callout > .oos-i{margin-top:2px;color:var(--lilac)}
.oos-callout--tip{background:rgba(169,232,207,.06);border-color:rgba(169,232,207,.24)}
.oos-callout--tip > .oos-i{color:var(--mint)}
.oos-callout--warn{background:rgba(255,154,146,.06);border-color:rgba(255,154,146,.26)}
.oos-callout--warn > .oos-i{color:var(--coral)}
.oos-callout--note{background:rgba(253,245,196,.05);border-color:rgba(253,245,196,.22)}
.oos-callout--note > .oos-i{color:var(--lemon)}
.oos-callout strong{color:var(--ink)}
.oos-table{width:100%;border-radius:14px;overflow:hidden;background:var(--surface);font-size:14.5px}
.oos-table th,.oos-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.oos-table th{font:700 12px/1.2 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);background:rgba(201,194,241,.04)}
.oos-table tr:last-child td{border-bottom:0}
.oos-table code{font:400 13px/1.4 var(--font-mono);color:var(--mint)}
.oos-tablewrap{overflow-x:auto;border-radius:14px}

/* ---------- Docs ---------- */
.oos-docs{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start;padding-top:36px}
.oos-docs__side{position:sticky;top:calc(var(--oos-header-h) + 16px);max-height:calc(100vh - var(--oos-header-h) - 32px);overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--surface-high) transparent}
.oos-docs__group{margin-top:22px}
.oos-docs__group > b{display:flex;align-items:center;gap:8px;margin:0 0 6px 10px;font:700 12px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.oos-docs__side a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:14.5px;color:var(--ink-soft);transition:background var(--dur-quick),color var(--dur-quick)}
.oos-docs__side a .oos-i{width:16px;height:16px;color:var(--ink-faint)}
.oos-docs__side a:hover{background:rgba(201,194,241,.06);color:var(--ink)}
.oos-docs__side a.is-active{background:var(--surface);color:var(--ink)}
.oos-docs__side a.is-active .oos-i{color:var(--pink)}
.oos-docs__main{min-width:0;padding-bottom:40px}
.oos-docs__section{scroll-margin-top:calc(var(--oos-header-h) + 24px);padding-top:56px}
.oos-docs__section:first-child{padding-top:0}
.oos-docs__section > h2{font:800 clamp(28px,3vw,40px)/1.05 var(--font-sans);letter-spacing:-.025em;color:var(--ink)}
.oos-docs__section .oos-eyebrow{margin-bottom:10px}
.oos-docs__progress{position:fixed;left:0;top:0;z-index:calc(var(--z-header) + 1);height:3px;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--oos-sunset)}
.oos-docs__jump{display:none}
.oos-docs__hit{background:rgba(253,245,196,.18);border-radius:4px;color:var(--ink)}

/* ---------- Guide (getting started) ---------- */
.oos-guide{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:guide}
.oos-guide > li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;padding:26px;border-radius:var(--radius-xl);background:var(--surface)}
.oos-guide > li::before{counter-increment:guide;content:counter(guide,decimal-leading-zero);display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--night);border:1.5px solid var(--outline);box-shadow:0 5px 0 0 var(--outline),inset 0 0 0 1px var(--line-strong);font:500 20px/1 var(--font-mono);color:var(--pink)}
.oos-guide h2{font:800 26px/1.1 var(--font-sans);letter-spacing:-.02em;color:var(--ink)}
.oos-guide .oos-prose{margin-top:10px;font-size:16px}

/* ---------- Status (thank-you) ---------- */
.oos-status{display:grid;justify-items:center;gap:14px;padding:44px 24px;border-radius:var(--radius-xl);background:var(--surface);text-align:center}
.oos-status__icon{display:grid;place-items:center;width:84px;height:84px;border-radius:26px;background:var(--surface-high);color:var(--lilac);border:1.5px solid var(--outline);box-shadow:0 6px 0 0 var(--outline)}
.oos-status__icon .oos-i{width:38px;height:38px;stroke-width:2}
.oos-status[data-state="confirmed"] .oos-status__icon{background:var(--mint);color:var(--on-mint)}
.oos-status[data-state="failed"] .oos-status__icon{background:var(--coral);color:var(--on-coral)}
.oos-status[data-state="pending"] .oos-status__icon,.oos-status[data-state="checking"] .oos-status__icon{background:var(--lemon);color:var(--on-lemon)}
.oos-status h1{font:800 clamp(34px,4vw,52px)/1 var(--font-sans);letter-spacing:-.03em;color:var(--ink)}
.oos-status p{max-width:520px;color:var(--ink-soft);font-size:17px}
.oos-order{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;font:500 14px/1 var(--font-mono);color:var(--ink-soft)}
.oos-order b{font-weight:500;color:var(--ink)}

/* ---------- Loading screen ---------- */
.oos-loader{display:none}
html.oos-loading .oos-loader{position:fixed;inset:0;z-index:var(--z-loader);display:block;overflow:hidden;background:var(--night);animation:oos-loader-safety .5s 2.2s forwards}
html.oos-loading body{overflow:hidden}
.oos-loader.is-done{opacity:0;visibility:hidden;transition:opacity .55s var(--ease-out),visibility 0s .55s}
@keyframes oos-loader-safety{to{opacity:0;visibility:hidden}}
.oos-loader__art{position:absolute;inset:0;background:var(--oos-sky);overflow:hidden}
.oos-loader__art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,13,25,0) 40%,rgba(12,13,25,.85) 88%,var(--night) 100%)}
.oos-loader__sun{position:absolute;left:58%;top:52%;width:min(46vw,560px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#FFE7C2 0 52%,rgba(255,231,194,.3) 60%,rgba(255,231,194,0) 71%)}
.oos-loader__city{position:absolute;left:0;right:0;bottom:12%;height:30%;color:#1C1638}
.oos-loader__palm{position:absolute;bottom:6%;height:72%;color:#120E26}
.oos-loader__palm--l{left:-2%}
.oos-loader__palm--r{right:-3%;height:58%;transform:scaleX(-1)}
.oos-loader__fig{position:absolute;right:12%;bottom:0;height:86%;max-width:46%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 30px 40px rgba(9,8,15,.6));animation:oos-loader-fig .9s var(--ease-out) both}
@keyframes oos-loader-fig{from{opacity:0;transform:translateY(30px) scale(1.02)}}
.oos-loader__ui{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 4vw 4vh}
.oos-loader__tip{max-width:560px;font:500 13px/1.5 var(--font-mono);color:var(--ink-soft)}
.oos-loader__tip b{display:block;margin-bottom:6px;font-weight:500;color:var(--lemon);letter-spacing:.08em}
.oos-loader__badge{width:64px;height:64px;flex:none;animation:oos-loader-turn 1.6s var(--ease-out) infinite}
@keyframes oos-loader-turn{0%,40%{transform:rotate(0)}70%,100%{transform:rotate(-90deg)}}
.oos-loader__bar{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,.08));background:var(--oos-sunset);transition:transform .35s var(--ease-out)}

/* ---------- Ride scroll scene ---------- */
.oos-scene{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start}
.oos-scene__stage{position:sticky;top:calc(var(--oos-header-h) + 24px);aspect-ratio:4/5;max-height:calc(100vh - var(--oos-header-h) - 48px);border-radius:var(--radius-xl);overflow:hidden;background:var(--frame);box-shadow:var(--shadow-float),inset 0 0 0 1px rgba(255,255,255,.05)}
.oos-scene__shot{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .6s var(--ease-out),transform 1.2s var(--ease-out)}
.oos-scene__shot.is-active{opacity:1;transform:none}
.oos-scene__shot img,.oos-scene__shot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oos-scene__count{position:absolute;left:18px;top:18px;z-index:3;display:inline-flex;gap:6px}
.oos-scene__count i{width:26px;height:4px;border-radius:2px;background:rgba(244,242,252,.25);transition:background var(--dur-base)}
.oos-scene__count i.is-on{background:var(--pink)}
.oos-scene__steps{display:grid;gap:0}
.oos-scene__step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:24px 0;opacity:.35;transition:opacity .5s var(--ease-out)}
.oos-scene__step.is-active{opacity:1}
.oos-scene__step:last-child{min-height:50vh}
.oos-scene__step b{font:500 13px/1 var(--font-mono);color:var(--lilac)}
.oos-scene__step h3{margin:12px 0 12px;font:800 clamp(28px,3vw,40px)/1.04 var(--font-sans);letter-spacing:-.025em;color:var(--ink)}
.oos-scene__step p{max-width:440px;font-size:17px;line-height:1.55;color:var(--ink-soft)}
.oos-scene__shot-m{display:none}

/* ---------- Decorations ---------- */
.oos-sunline{height:4px;border-radius:2px;background:var(--oos-sunset)}
.oos-divider{height:1px;background:var(--line)}

/* ---------- 404 ---------- */
.oos-lost{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:40px 0}
.oos-lost h1{font:800 clamp(52px,7vw,96px)/.92 var(--font-sans);letter-spacing:-.035em;color:var(--ink)}
.oos-lost h1 span{color:var(--pink)}
.oos-lost .oos-meta{font:500 13px/1 var(--font-mono);color:var(--lilac)}

/* ---------- Reveal on scroll ---------- */
.oos-reveal{opacity:0;transform:translateY(22px);transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out)}
.oos-reveal.is-in{opacity:1;transform:none}
html.oos-no-js .oos-reveal{opacity:1;transform:none}

/* ---------- Fly to cart ---------- */
.oos-fly{position:fixed;z-index:calc(var(--z-toast) + 1);border-radius:12px;overflow:hidden;pointer-events:none;box-shadow:var(--shadow-float);background:var(--frame)}
.oos-fly img{width:100%;height:100%;object-fit:cover}

/* ---------- Compat for the landing pages (they predate this file) ---------- */
.observe-animate{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.observe-animate.is-visible{opacity:1;transform:none}
.observe-animate.stagger-1{transition-delay:.06s}.observe-animate.stagger-2{transition-delay:.12s}.observe-animate.stagger-3{transition-delay:.18s}
.observe-animate.stagger-4{transition-delay:.24s}.observe-animate.stagger-5{transition-delay:.3s}.observe-animate.stagger-6{transition-delay:.36s}
.w-full{width:100%}.flex-1{flex:1 1 0%}
.text-link{color:var(--link);font-weight:600}
.text-link:hover{color:var(--ink)}

/* ---------- Motion off ---------- */
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
html[data-motion="off"] .oos-media--drift .oos-media__layer,html[data-motion="off"] .oos-media--drift > .oos-media__img,html[data-motion="off"] .oos-art--fly,html[data-motion="off"] .oos-art--float img{animation:none!important}
html[data-motion="off"] .oos-art--fly{display:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .oos-media--drift .oos-media__layer,.oos-media--drift > .oos-media__img,.oos-art--float img{animation:none!important}
  .oos-art--fly{display:none}
}

@media (max-width:480px){
  .oos-pay{gap:5px}
  .oos-pay__item{width:44px;height:28px;padding:4px 5px;border-radius:7px}
  .oos-pay__more{height:28px;padding:0 7px;font-size:11px}
}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .oos-nav{display:none}
  .oos-grid3{grid-template-columns:1fr 1fr}
  .oos-grid3 > :last-child:nth-child(odd){grid-column:span 2}
  .oos-grid-more{grid-template-columns:1fr 1fr}
  .oos-grid-more .oos-bundle{grid-column:span 2}
  .oos-card--feature{grid-column:span 2}
  .oos-steps{--cols-now:2}
  .oos-stats{grid-template-columns:1fr 1fr}
  .oos-stats__item:nth-child(3){border-left:0;padding-left:4px}
  .oos-stats__item:nth-child(n+3){border-top:1px solid var(--line)}
  .oos-steps--arrows li:nth-child(2)::after{display:none}
  .oos-pdp,.oos-split,.oos-cartpage{grid-template-columns:1fr}
  .oos-buybox,.oos-cartpage__summary{position:relative;top:0}
  .oos-split .oos-sechd{position:static}
  .oos-deco--split,.oos-deco--gull,.oos-deco--boombox{display:none}
  .oos-trust--row{grid-template-columns:1fr 1fr}
  .oos-docs{grid-template-columns:1fr;gap:24px}
  .oos-docs__side{display:none}
  .oos-docs__jump{display:block}
  .oos-scene{grid-template-columns:1fr}
  .oos-scene__stage{display:none}
  .oos-scene__step{min-height:auto;opacity:1;padding:18px 0}
  .oos-scene__shot-m{display:block;position:relative;aspect-ratio:16/10;margin-bottom:18px;border-radius:var(--radius-lg);overflow:hidden;background:var(--frame)}
  .oos-scene__shot-m img,.oos-scene__shot-m video{width:100%;height:100%;object-fit:cover}
  .oos-pagehero__in{grid-template-columns:1fr}
  .oos-pagehero__stage{min-height:220px;max-width:420px;width:100%;margin:0 auto}
}
@media (max-width:760px){
  .oos-wrap,.oos-wrap--narrow{width:calc(100% - 32px)}
  .oos-section{padding-top:var(--space-20)}
  .oos-header__in{gap:10px}
  .oos-hide-m{display:none!important}
  .oos-logo{font-size:18px;gap:9px}
  .oos-logo__mark{width:28px;height:28px}
  .oos-announce__in{padding:7px 44px 7px 12px;gap:8px;font-size:11px;letter-spacing:.12em}
  .oos-mosaic{height:auto;flex-wrap:wrap;padding:8px;gap:8px;border-radius:18px}
  .oos-mosaic__col{flex:1 1 calc(50% - 4px);height:300px;gap:8px}
  .oos-mosaic__col:nth-child(n+3){display:none}
  .oos-mosaic__now{left:16px;top:16px}
  .oos-mosaic__badge{width:120px}
  .oos-herobar{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;padding-top:24px}
  .oos-herobar__fw{justify-self:center}
  .oos-herobar__fw .oos-fw--stack{align-items:center}
  .oos-stats{grid-template-columns:1fr 1fr}
  .oos-stats__item{padding:22px 16px}
  .oos-stats__item:nth-child(3){border-left:0;padding-left:4px}
  .oos-stats__item:nth-child(n+3){border-top:1px solid var(--line)}
  .oos-stats__item b{font-size:24px}
  .oos-sechd{flex-direction:column;align-items:flex-start;margin-bottom:26px}
  .oos-grid3,.oos-grid-more,.oos-grid2{grid-template-columns:1fr}
  .oos-grid3 > :last-child:nth-child(odd),.oos-grid-more .oos-bundle,.oos-card--feature{grid-column:auto}
  .oos-card--feature{flex-direction:column}
  .oos-card--feature .oos-card__media{min-height:0;aspect-ratio:16/10}
  .oos-steps{--cols-now:1}
  .oos-steps--arrows li::after{display:none}
  .oos-bundle{grid-template-columns:1fr}
  .oos-bundle__media{padding:0 12px 12px;min-height:180px}
  .oos-reel{aspect-ratio:4/3;border-radius:20px}
  .oos-reel__cap{left:20px;bottom:20px}
  .oos-reel__cap b{font-size:22px}
  .oos-reel__time{display:none}
  .oos-community{grid-template-columns:auto minmax(0,1fr);border-radius:24px;padding:22px}
  .oos-community p,.oos-community .oos-key{grid-column:1/-1}
  .oos-footer__top{grid-template-columns:1fr}
  .oos-footer__cols{grid-template-columns:1fr 1fr}
  .oos-footer__bot{flex-direction:column;align-items:flex-start}
  .oos-feature,.oos-feature--reverse{grid-template-columns:1fr;gap:22px;padding:14px}
  .oos-feature--reverse .oos-feature__media{order:0}
  .oos-log__item{grid-template-columns:1fr;gap:8px}
  .oos-gallery__thumbs span{display:none}
  .oos-trust--row{grid-template-columns:1fr}
  .oos-sticky{left:12px;right:12px;bottom:12px;transform:translateY(160%)}
  .oos-sticky.is-shown{transform:none}
  .oos-sticky .oos-key{margin-left:auto}
  .oos-menu__top{min-height:76px}
  .oos-menu__close{width:48px;height:48px}
  .oos-menu__art{display:none}
  .oos-menu__nav a{font-size:clamp(28px,8.4vw,40px)}
  .oos-menu__nav a small{display:none}
  .oos-menu__nav a .oos-i{width:28px;height:28px}
  .oos-line{grid-template-columns:64px minmax(0,1fr) auto;gap:12px}
  .oos-line__media{width:64px;height:40px}
  .oos-line--lg{grid-template-columns:84px minmax(0,1fr) auto}
  .oos-line--lg .oos-line__media{width:88px;height:55px}
  .oos-pagehero{padding:36px 0 44px}
  .oos-guide > li{grid-template-columns:1fr;gap:14px;padding:20px}
  .oos-lost{grid-template-columns:1fr}
  .oos-loader__fig{right:-6%;height:70%;max-width:80%}
  .oos-loader__ui{flex-direction:column;align-items:flex-start}
  .oos-toast{font-size:14px}
}

/* ---------- Small additions ---------- */
.oos-key--fivem img{filter:brightness(0);opacity:.85}
.oos-menu .oos-filters button.is-active,.oos-currency__menu button.is-active{color:var(--lemon)}
.oos-menu .oos-filters button.is-active{background:var(--surface-high)}
.oos-menu__ft .oos-row{flex-wrap:wrap}

/* Product covers: always shown whole (16:10 art with its own night background), never cropped or zoomed. */
.oos-media--cover{background:#0B0D1A}
.oos-media--cover .oos-media__img{object-fit:contain;transform:none!important}
.oos-bundle__media{grid-template-rows:auto auto;align-content:center;gap:10px;padding:18px 18px 18px 0}
.oos-bundle__media > *{aspect-ratio:16/10;border-radius:12px;box-shadow:0 10px 24px rgba(9,8,15,.35),inset 0 0 0 1px rgba(201,194,241,.14)}
.oos-bundle__media > * .oos-media{border-radius:inherit}
.oos-bundle__copy{justify-content:center}
.oos-bundle__ft{margin-top:14px}
@media (max-width:760px){.oos-bundle__media{padding:0 18px 18px}}
.oos-card--compact .oos-card__media{aspect-ratio:16/10}