/*! dem8-shop */
@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.35s}::view-transition-new(root){animation-duration:.35s}.vt-grips{view-transition-name:shop-grips}.vt-trap{view-transition-name:shop-trap}::view-transition-group(shop-grips){animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(shop-trap){animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.shop{--shop-accent:#ff6a1a;--shop-accent-press:#f25a08;--shop-on-accent:#1a0d05;--shop-accent-on-ink:#ff6a1a;--shop-mono-font:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--shop-gutter:clamp(16px, 4vw, 48px);--shop-max:1440px;--shop-ease:cubic-bezier(.22, 1, .36, 1);background:var(--bg);min-height:100dvh;color:var(--ink);overflow-x:clip}:root[data-theme=dark] .shop{--shop-accent-on-ink:#b84300}@media (prefers-color-scheme:dark){:root[data-theme=system] .shop{--shop-accent-on-ink:#b84300}}.shop a{color:inherit}.shop>main{height:auto;display:block}.shop :where(header){border:0;padding:0;display:block}.shop :where(label){color:inherit;font-size:inherit}.shop :where(button){border:0;gap:0}.shop button:disabled{opacity:1}.shop :where(input[type=checkbox],input[type=radio]){min-height:0;padding:0}.shop :focus-visible{outline:2px solid var(--shop-accent);outline-offset:3px;border-radius:6px}.shop-skip{z-index:100;background:var(--ink);border-radius:999px;padding:10px 16px;transition:transform .2s;position:fixed;top:8px;left:8px;transform:translateY(-160%);color:var(--on-ink)!important}.shop-skip:focus-visible{transform:none}.shop-mono{font-family:var(--shop-mono-font);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:400}.shop .dim{color:var(--muted)}.shop-header{z-index:40;height:64px;padding:0 var(--shop-gutter);background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:0;align-items:center;gap:20px;transition:box-shadow .3s;display:flex;position:sticky;top:0;box-shadow:0 1px #0000}:root.shop-scrolled .shop-header{box-shadow:0 1px 0 var(--line)}.shop-brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.shop-brand .dem8-logo{width:76px;height:auto}.shop-brand .shop-mono{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:3px 8px}.shop-nav{gap:4px;margin-left:auto;display:flex}.shop-nav a{border-radius:999px;padding:10px 14px;font-size:15px;text-decoration:none;transition:background .2s,color .2s}.shop-nav a:hover{background:var(--surface-2)}.shop-nav a[aria-current=page]{background:var(--ink);color:var(--on-ink)}.shop-nav-app{color:var(--muted)!important}.shop-lang{flex:none}@media (max-width:640px){.shop-header{gap:8px}.shop-nav a{padding:10px;font-size:14px}.shop-nav-app,.shop-brand .shop-mono{display:none}.shop-lang button{min-width:34px;padding:0 6px}}.shop-topo{z-index:0;pointer-events:none;will-change:transform;width:110%;height:120%;position:absolute;inset:-10% -5%}.shop-topo path{fill:none;stroke:var(--ink);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.09;vector-effect:non-scaling-stroke}.shop-topo.faint path{stroke-opacity:.045}.shop-dark .shop-topo path{stroke-opacity:.12}.shop-dark .shop-topo.faint path{stroke-opacity:.06}.shop-kicker{color:var(--muted);margin:0 0 18px}.shop-lines,.shop-h1{letter-spacing:-.055em;margin:0;font-size:clamp(56px,11vw,168px);font-weight:300;line-height:.9}.shop-h1{font-size:clamp(48px,7vw,104px)}.shop-line{padding-bottom:.06em;display:block;overflow:hidden}.shop-line>span{animation:shop-rise 1s var(--shop-ease) both;animation-delay:calc(.12s + var(--i) * .12s);display:block}.shop-line:nth-child(2)>span{color:var(--muted)}@keyframes shop-rise{0%{transform:translateY(105%)}}.shop-h2{text-wrap:balance;letter-spacing:-.045em;max-width:14ch;margin:0;font-size:clamp(40px,6vw,88px);font-weight:300;line-height:.95}.shop-lead{max-width:46ch;color:var(--muted);margin:24px 0 0;font-size:clamp(17px,1.6vw,21px);line-height:1.5}.shop-fine{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.shop-btn{--mx:0px;--my:0px;min-height:56px;font:inherit;cursor:pointer;transform:translate3d(var(--mx), var(--my), 0);transition:transform .35s var(--shop-ease), background .2s, box-shadow .3s;touch-action:manipulation;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:17px;font-weight:500;text-decoration:none;display:inline-flex}.shop-btn svg{transition:transform .35s var(--shop-ease)}.shop-btn:hover svg{transform:translate(3px)}.shop-btn:active{transform:translate3d(var(--mx), var(--my), 0) scale(.97)}.shop-btn.accent{background:var(--shop-accent);color:var(--shop-on-accent);box-shadow:0 14px 30px -16px #ff6a1ab3}.shop-btn.accent:hover{background:var(--shop-accent-press)}.shop-btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.shop-btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.shop-btn.ink{background:var(--ink);color:var(--on-ink)}.shop-btn.is-soon,.shop-btn:disabled{background:var(--surface-2);color:var(--muted);box-shadow:none;cursor:default}.shop-btn.small{min-height:46px;padding:0 20px;font-size:15px}.shop-btn.wide{width:100%}.shop-ctas{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.shop-status{background:var(--surface-2);border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:14px;font-weight:500;display:inline-flex}.shop-status i{background:var(--muted);border-radius:50%;width:8px;height:8px}.shop-status.s-in-stock i,.shop-status.s-made-to-order i{background:#2f9e5b}.shop-status.s-preorder i{background:var(--shop-accent);position:relative}.shop-status.s-preorder i:after,.st-pin i:after{content:"";background:#ff6a1a8c;border-radius:50%;animation:2s ease-out infinite shop-pulse;position:absolute;inset:0}.st-pin:not([data-on]) i:after{animation:none}@keyframes shop-pulse{0%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(3)}}.shop-hero{min-height:calc(100svh - 64px);padding:48px var(--shop-gutter) 40px;isolation:isolate;grid-template-columns:1fr;align-content:center;gap:24px;display:grid;position:relative;overflow:hidden}.shop-hero-copy{z-index:1;position:relative}.shop-hero-media{z-index:1;justify-self:center;width:min(86vw,560px);position:relative}.shop-hero-media img{width:100%;height:auto;filter:drop-shadow(0 40px 50px rgb(var(--shadow-rgb) / 22%));display:block}.shop-float{animation:7s ease-in-out infinite shop-float}@keyframes shop-float{50%{transform:translateY(-14px)rotate(-.6deg)}}.shop-tag{background:var(--card);box-shadow:0 14px 30px -18px rgb(var(--shadow-rgb) / 45%);animation:shop-in .8s var(--shop-ease) both;border-radius:999px;padding:8px 12px;position:absolute}.shop-tag.t1{animation-delay:.9s;top:14%;left:-2%}.shop-tag.t2{animation-delay:1.1s;bottom:18%;right:0}.shop-tag.t2:before{content:"";background:var(--shop-accent);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}@keyframes shop-in{0%{opacity:0;transform:translateY(12px)}}.shop-hero-specs{z-index:1;border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:8px 24px;margin:0;padding:18px 0 0;list-style:none;display:flex;position:relative}@media (min-width:900px){.shop-hero{grid-template-columns:1.1fr .9fr;align-items:center}.shop-hero-specs{grid-column:1/-1}}.shop-section{max-width:var(--shop-max);padding:clamp(72px, 12vw, 160px) var(--shop-gutter) 0;margin:0 auto;position:relative}.shop-section-head{margin-bottom:clamp(32px,5vw,64px)}[data-reveal]{opacity:0;transition:opacity .9s var(--shop-ease), transform .9s var(--shop-ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(28px)}[data-reveal].in{opacity:1;transform:none}.shop-cards{gap:16px;display:grid}@media (min-width:900px){.shop-cards{grid-template-columns:1fr 1fr;gap:20px}}.shop-card{--mx:0px;background:var(--card);box-shadow:0 1px 0 var(--line);transition:transform .6s var(--shop-ease), box-shadow .5s, opacity .9s var(--shop-ease);border-radius:36px;text-decoration:none;display:grid;position:relative;overflow:hidden}.shop-card:hover{box-shadow:0 40px 70px -40px rgb(var(--shadow-rgb) / 40%);transform:translateY(-6px)}.shop-card:active{transform:scale(.99)}.shop-card.dark{background:var(--ink);color:var(--on-ink)}.shop-card.dark .dim,.shop-card.dark p{color:rgb(var(--on-ink-rgb) / 62%)}.shop-card.dark .shop-status{background:rgb(var(--on-ink-rgb) / 10%);color:var(--on-ink)}.shop-card-media{aspect-ratio:1;background:radial-gradient(60% 60% at 50% 45%, rgb(var(--ink-rgb) / 6%), transparent 70%);padding:6%}.shop-card.dark .shop-card-media{background:radial-gradient(60% 60% at 50% 45%, rgb(var(--on-ink-rgb) / 12%), transparent 70%)}.shop-card-media img{object-fit:contain;width:100%;height:100%;transition:transform .9s var(--shop-ease);display:block}.shop-card:hover .shop-card-media img{transform:scale(1.04)rotate(-1deg)}.shop-card-body{justify-items:start;gap:10px;padding:0 clamp(22px,3vw,40px) clamp(26px,3vw,40px);display:grid}.shop-card-body h3{letter-spacing:-.035em;margin:6px 0 0;font-size:clamp(32px,3.4vw,48px);font-weight:400}.shop-card-body p{max-width:34ch;color:var(--muted);margin:0;font-size:16px;line-height:1.5}.shop-card-cta{align-items:center;gap:10px;margin-top:10px;font-size:17px;font-weight:500;display:inline-flex}.shop-card-cta svg{transition:transform .4s var(--shop-ease)}.shop-card:hover .shop-card-cta svg{transform:translate(5px)}.shop-story{overflow:hidden}.shop-principles{gap:32px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:800px){.shop-principles{grid-template-columns:repeat(3,1fr);gap:40px}}.shop-principles li{border-top:1px solid var(--line);padding-top:20px}.shop-principles .shop-mono{color:var(--shop-accent);font-weight:600}.shop-principles h3{letter-spacing:-.02em;margin:14px 0 10px;font-size:24px;font-weight:500}.shop-principles p{color:var(--muted);margin:0;line-height:1.55}.shop-app-link{background:var(--ink);border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:8px 20px;margin-top:clamp(48px,8vw,96px);padding:28px clamp(22px,3vw,40px);text-decoration:none;display:grid;color:var(--on-ink)!important}.shop-app-link .shop-mono{color:rgb(var(--on-ink-rgb) / 60%);grid-column:1}.shop-app-link span:nth-child(2){letter-spacing:-.02em;grid-column:1;font-size:clamp(20px,2.4vw,30px)}.shop-app-link svg{transition:transform .4s var(--shop-ease);grid-area:1/2/3}.shop-app-link:hover svg{transform:translate(6px)}.shop-product{max-width:var(--shop-max);padding:16px var(--shop-gutter) 0;isolation:isolate;gap:24px;margin:0 auto;display:grid;position:relative}@media (min-width:960px){.shop-product{grid-template-columns:1.15fr .85fr;align-items:start;gap:56px;padding-top:32px}.shop-product-media{position:sticky;top:88px}}.shop-product-media,.shop-product-panel{z-index:1;position:relative}.shop-product-panel{gap:22px;padding-bottom:24px;display:grid}.shop-product-panel .shop-lead{margin:0}.shop-code{align-items:baseline;gap:14px;margin:-6px 0 0;display:flex}.shop-roll{font-family:var(--shop-mono-font);letter-spacing:-.02em;font-size:clamp(30px,3.4vw,44px);display:inline-flex}.shop-roll>span:not(.shop-sr){display:inline-block;overflow:hidden}.shop-roll>span>span{animation:shop-roll .55s var(--shop-ease) both;animation-delay:calc(var(--i) * 50ms);display:inline-block}@keyframes shop-roll{0%{transform:translateY(100%)}}.shop-code-name{color:var(--muted);font-size:18px}.shop-stage{aspect-ratio:1;background:radial-gradient(70% 70% at 50% 42%, var(--card) 0%, transparent 75%), var(--surface-2);touch-action:pan-y;border-radius:36px;position:relative;overflow:hidden}.shop-stage-poster,.shop-stage-canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.shop-stage-poster{animation:shop-fade .5s var(--shop-ease) both;transition:opacity .6s var(--shop-ease)}@keyframes shop-fade{0%{opacity:0;transform:scale(1.03)}}.shop-stage-canvas{opacity:0;transition:opacity .6s var(--shop-ease);cursor:grab}.shop-stage-canvas:active{cursor:grabbing}.shop-stage.is-3d .shop-stage-canvas{opacity:1}.shop-stage.is-3d .shop-stage-poster{opacity:0}.shop-stage.is-loading:after{content:"";border:2px solid var(--line);border-top-color:var(--shop-accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite shop-spin;position:absolute;bottom:22px;right:22px}@keyframes shop-spin{to{transform:rotate(1turn)}}.shop-stage-hint{color:var(--muted);opacity:0;transition:opacity .6s;position:absolute;bottom:18px;left:20px}.shop-stage.is-3d .shop-stage-hint{opacity:1}.shop-swatches,.shop-palette{border:0;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.shop-swatches legend{width:100%;color:var(--muted);margin-bottom:10px;padding:0}.shop-slots,.shop-seg{border:0;min-inline-size:0;margin:0;padding:0}.shop-done h3:focus{outline:none}.shop-word{white-space:nowrap}.shop-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shop-colors{gap:12px;display:grid}.shop-colors-head{color:var(--muted);margin:0}.shop-slots{gap:6px;display:flex}.shop-slots button{background:var(--card);min-width:0;min-height:58px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:18px;flex:1;align-items:center;gap:10px;padding:8px 12px 8px 10px;transition:box-shadow .25s;display:flex;box-shadow:inset 0 0 0 1.5px #0000}.shop-slots button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink)}.shop-slots i{width:26px;height:26px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 22%, transparent);transition:background .35s var(--shop-ease);border-radius:50%;flex:none}.shop-slots span{min-width:0;font-size:15px;font-weight:500;display:grid}.shop-slots small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;overflow:hidden}.shop-palette{gap:4px}.shop-palette .shop-color{animation:shop-pop .4s var(--shop-ease) both;animation-delay:calc(var(--i) * 18ms)}@keyframes shop-pop{0%{opacity:0;transform:scale(.6)}}.shop-swatch{background:var(--card);cursor:pointer;width:calc(50% - 5px);transition:box-shadow .25s, transform .3s var(--shop-ease);border-radius:18px;justify-items:start;gap:2px;padding:8px 12px 10px 8px;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px #0000}@media (min-width:560px){.shop-swatch{width:calc(25% - 8px)}}.shop-swatch:hover{transform:translateY(-2px)}.shop-swatch img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;height:auto;margin-bottom:6px}.shop-swatch span{font-weight:500}.shop-swatch small{color:var(--muted)}.shop-swatch input,.shop-color input,.shop-chips input{opacity:0;pointer-events:none;position:absolute}.shop-swatch:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink)}.shop-swatch:has(input:focus-visible){outline:2px solid var(--shop-accent);outline-offset:3px}.shop-color:has(input:focus-visible){outline:2px solid var(--shop-accent);outline-offset:3px}.shop-chips label:has(input:focus-visible){outline:2px solid var(--shop-accent);outline-offset:3px}.shop-color{cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.shop-color i{width:30px;height:30px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 22%, transparent), 0 6px 12px -8px rgb(var(--shadow-rgb) / 60%);transition:transform .3s var(--shop-ease);border-radius:50%}.shop-color:hover i{transform:scale(1.1)}.shop-color:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink)}.shop-seg,.shop-modes{grid-template-columns:1fr 1fr;gap:6px;display:grid;position:relative}.shop-seg button{background:var(--card);min-height:58px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:18px;gap:2px;font-size:18px;font-weight:500;transition:box-shadow .25s;display:grid;box-shadow:inset 0 0 0 1.5px #0000}.shop-seg button small{color:var(--muted)}.shop-seg button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink)}.shop-modes{background:var(--surface-2);border-radius:22px;padding:5px}.shop-modes-pill{background:var(--ink);width:calc(50% - 8px);transform:translateX(calc(var(--k) * (100% + 6px)));transition:transform .5s var(--shop-ease);border-radius:17px;position:absolute;top:5px;bottom:5px;left:5px}.shop-modes button{min-height:62px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;gap:2px;font-size:16px;font-weight:500;transition:color .3s;display:grid;position:relative}.shop-modes button small{color:var(--muted);font-size:12px;font-weight:400;transition:color .3s}.shop-modes button{border-radius:17px}.shop-modes button[aria-selected=true]{background:var(--ink);color:var(--on-ink);transition:color .3s,background 0s .5s}.shop-modes button[aria-selected=true] small{color:var(--shop-accent-on-ink)}.shop-panel{animation:shop-in .5s var(--shop-ease) both;gap:18px;display:grid}.shop-buy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;display:flex}@media (max-width:599px){.shop-buy>.shop-btn{flex:auto}}.shop-buy>.shop-stores{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:599px){.shop-buy>.shop-stores{flex-direction:column;flex:100%}}.shop-buy>div:empty{display:none}.shop-buy>div{justify-items:start;gap:8px;display:grid}.shop-price{letter-spacing:-.03em;margin:0;font-size:36px;font-weight:300}.shop-license{background:var(--surface-2);border-radius:18px;margin:0;padding:16px 18px;line-height:1.5}.shop-license b{font-weight:600}.shop-subhead{color:var(--muted);margin:6px 0 -6px}.shop-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.shop-list li{padding-left:22px;line-height:1.5;position:relative}.shop-list li:before{content:"";background:var(--shop-accent);width:8px;height:2px;position:absolute;top:.62em;left:2px}.shop-specs{margin:0;display:grid}.shop-specs>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,.6fr) 1fr;gap:16px;padding:14px 0;display:grid}.shop-specs dt{color:var(--muted)}.shop-specs dd{margin:0;line-height:1.45}.shop-specs.compact>div{padding:10px 0}.shop-macro-grid{gap:24px;display:grid}@media (min-width:900px){.shop-macro-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:56px}}.shop-zoom{aspect-ratio:1;background:var(--surface-2);cursor:zoom-in;touch-action:pan-y;border-radius:32px;overflow:hidden}.shop-zoom img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--shop-ease);will-change:transform;display:block}.shop-photos{gap:16px;display:grid}@media (min-width:760px){.shop-photos{grid-template-columns:1fr 1fr}}.shop-photo{background:var(--surface-2);border-radius:32px;margin:0;overflow:hidden}.shop-photo img{object-fit:cover;width:100%;height:100%;display:block}.shop-photo-slot{border:1.5px dashed var(--line);border-radius:inherit;text-align:center;place-content:center;gap:8px;height:100%;padding:24px;display:grid}.shop-built{height:420vh;margin-top:clamp(72px,10vw,140px);position:relative}.shop-built-sticky{height:calc(100svh - 64px);max-width:var(--shop-max);padding:20px var(--shop-gutter) 24px;grid-template-rows:auto 1fr;gap:12px;margin:0 auto;display:grid;position:sticky;top:64px}@media (min-width:960px){.shop-built-sticky{grid-template-rows:1fr;grid-template-columns:.8fr 1.2fr;align-items:center;gap:56px}}.shop-built-copy .shop-h2{max-width:none;font-size:clamp(34px,4.6vw,72px)}.shop-steps{gap:4px;margin:22px 0 0;padding:0;list-style:none;display:grid}.shop-steps li{opacity:.38;grid-template-columns:34px 1fr;gap:2px 10px;padding:8px 0;transition:opacity .4s;display:grid}.shop-steps li.past{opacity:.62}.shop-steps li.on{opacity:1}.shop-steps li.on .shop-mono:first-child{color:var(--shop-accent)}.shop-steps b{font-size:18px;font-weight:500}.shop-steps small{color:var(--muted);grid-column:2}@media (max-width:959px){.shop-steps{display:none}}.shop-built-bar{background:var(--line);height:2px;margin-top:18px}.shop-built-bar i{background:var(--shop-accent);transform-origin:0;height:100%;display:block}.shop-built-stage{aspect-ratio:auto;width:100%;height:100%;min-height:0}@media (min-width:960px){.shop-built-stage{height:min(100%,780px)}}.shop-spec-tag{background:var(--card);box-shadow:0 14px 30px -18px rgb(var(--shadow-rgb) / 45%);animation:shop-in .5s var(--shop-ease) both;border-radius:999px;padding:9px 14px;position:absolute;top:20px;left:20px}.shop-spec-tag:before{content:"";background:var(--shop-accent);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.shop-downloads{gap:12px;margin-bottom:16px;display:grid}@media (min-width:700px){.shop-downloads{grid-template-columns:1fr 1fr}}.shop-download{background:var(--card);transition:transform .4s var(--shop-ease), box-shadow .4s, opacity .9s var(--shop-ease);border-radius:24px;align-items:center;gap:16px;padding:22px 24px;text-decoration:none;display:flex}.shop-download:hover{box-shadow:0 24px 40px -28px rgb(var(--shadow-rgb) / 45%);transform:translateY(-3px)}.shop-download svg{color:var(--shop-accent)}.shop-download span{gap:4px;display:grid}.shop-download small{color:var(--muted)}.shop-form{gap:14px;display:grid}.shop-field{position:relative}.shop-field input,.shop-field select,.shop-field textarea{background:var(--card);width:100%;min-height:60px;color:var(--ink);font:inherit;box-shadow:inset 0 0 0 1.5px var(--line);-webkit-appearance:none;appearance:none;border:0;border-radius:18px;padding:24px 18px 8px;font-size:17px;transition:box-shadow .2s}.shop-field textarea{resize:vertical;min-height:88px}.shop-field input:focus,.shop-field select:focus,.shop-field textarea:focus{box-shadow:inset 0 0 0 2px var(--ink);outline:none}.shop-field label{color:var(--muted);pointer-events:none;transform-origin:0 0;transition:transform .25s var(--shop-ease), color .2s;font-size:17px;position:absolute;top:19px;left:18px}.shop-field input:focus+label,.shop-field input:not(:placeholder-shown)+label,.shop-field textarea:focus+label,.shop-field textarea:not(:placeholder-shown)+label,.shop-field select:focus+label,.shop-field select.filled+label{transform:translateY(-11px)scale(.72)}.shop-field.bad input{box-shadow:inset 0 0 0 2px var(--red)}.shop-field-error,.shop-form-error{color:var(--red);margin:6px 0 0 4px;font-size:14px}.shop-chips{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.shop-chips legend{width:100%;color:var(--muted);margin-bottom:8px;padding:0}.shop-chips label{cursor:pointer;border-radius:999px;position:relative}.shop-chips span{background:var(--card);min-width:72px;min-height:46px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;place-items:center;padding:0 18px;font-weight:500;transition:background .2s,color .2s;display:inline-grid}.shop-chips input:checked+span{background:var(--ink);color:var(--on-ink);box-shadow:none}.shop-consent{color:var(--muted);cursor:pointer;grid-template-columns:24px 1fr;align-items:start;gap:12px;font-size:14px;line-height:1.5;display:grid}.shop-consent input{width:22px;height:22px;accent-color:var(--shop-accent);margin:1px 0 0}.shop-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.shop-legal-price{display:block}.shop-order-status .shop-done,.shop-order-retry{justify-items:start;gap:14px;margin-bottom:32px;display:grid}output.shop-lead{display:block}.shop-order-status h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.1}.shop-order-status h1:focus{outline:none}.shop-order-head{gap:6px;display:grid}.shop-order-head p{margin:0}.shop-price small{color:var(--muted);letter-spacing:0;font-size:15px;font-weight:400}.shop-order-ship,.shop-order-note{color:var(--muted);font-size:15px;line-height:1.5}.shop-order-note{margin:0}.shop-field-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:10px;display:grid}.shop-total{background:var(--surface-2);border-radius:18px;gap:8px;margin:4px 0 0;padding:16px 18px;display:grid}.shop-total div{justify-content:space-between;gap:16px;display:flex}.shop-total dt{color:var(--muted)}.shop-total dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.shop-total .sum{border-top:1px solid var(--line);padding-top:8px;font-weight:500}.shop-total .sum dt{color:var(--ink)}.shop-done{background:var(--card);animation:shop-in .5s var(--shop-ease) both;border-radius:24px;justify-items:start;gap:10px;padding:28px;display:grid}.shop-done svg{width:52px;height:52px}.shop-done circle{fill:none;stroke:var(--shop-accent);stroke-width:2px;stroke-dasharray:151;stroke-dashoffset:151px;animation:shop-draw .7s var(--shop-ease) forwards}.shop-done path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:shop-draw .45s var(--shop-ease) .45s forwards}@keyframes shop-draw{to{stroke-dashoffset:0}}.shop-done h3{letter-spacing:-.02em;margin:6px 0 0;font-size:26px;font-weight:400}.shop-done p{color:var(--muted);margin:0;line-height:1.5}.shop-legal-blocks{gap:16px;display:grid}@media (min-width:900px){.shop-legal-blocks{grid-template-columns:1fr 1fr}}.shop-maker,.shop-safety{background:var(--card);border-radius:28px;padding:28px clamp(22px,3vw,36px)}.shop-maker h2,.shop-safety h2{color:var(--muted);margin:0 0 16px}.shop-maker dl{gap:10px;margin:0;display:grid}.shop-maker dl div{grid-template-columns:110px 1fr;gap:12px;display:grid}.shop-maker dt{color:var(--muted)}.shop-maker dd{overflow-wrap:anywhere;margin:0}.shop-safety ol{gap:10px;margin:0;padding-left:20px;line-height:1.5;display:grid}.shop-legal{max-width:820px;padding:48px var(--shop-gutter) 0;isolation:isolate;gap:32px;margin:0 auto;display:grid;position:relative}.shop-legal>:not(.shop-topo){z-index:1;position:relative}.shop-legal h2{margin:0 0 10px;font-size:22px;font-weight:500}.shop-legal section p{color:var(--muted);margin:0 0 10px;line-height:1.6}.shop-sticky{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:45;background:color-mix(in srgb, var(--card) 96%, transparent);box-shadow:0 24px 50px -24px rgb(var(--shadow-rgb) / 50%);animation:shop-in .6s var(--shop-ease) .6s both;transition:translate .4s var(--shop-ease), visibility .4s;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 20px;display:flex;position:fixed;left:10px}.shop-sticky[data-hidden]{translate:0 calc(100% + 24px + env(safe-area-inset-bottom));visibility:hidden}.shop-sticky span{min-width:0;display:grid}.shop-sticky b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.shop-sticky small{color:var(--muted)}@media (min-width:960px){.shop-sticky{display:none}}.shop-footer{max-width:var(--shop-max);padding:40px var(--shop-gutter) calc(110px + env(safe-area-inset-bottom));border-top:1px solid var(--line);gap:28px;margin:clamp(96px,14vw,180px) auto 0;display:grid}@media (min-width:960px){.shop-footer{grid-template-columns:1fr 1fr;padding-bottom:48px}}.shop-footer-top p{max-width:36ch;color:var(--muted);margin:14px 0 0;line-height:1.5}.shop-footer-links{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:12px 24px;display:grid}.shop-footer-links a{color:var(--muted);text-decoration:none}.shop-footer-links a:hover{color:var(--ink)}.shop-footer-contact{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:0 12px;display:flex}.shop-footer-stores{color:var(--muted);grid-column:1/-1;margin:0}.shop-footer-stores a{color:var(--ink)}.shop-footer .social{--social-accent:var(--shop-accent)}.shop-footer-note{color:var(--muted);grid-column:1/-1;margin:0;line-height:1.6}@media (prefers-reduced-motion:reduce){.shop *,.shop :before,.shop :after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}.shop-topo{transform:none}}.shop-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0b0c;--surface:#101214;--card:#15181a;--surface-2:#1b1f22;--line:#ffffff1a;--ink:#f1f2f3;--text:#e9ebec;--muted:#8f969b;--red:#ff7a70;--on-ink:#0a0b0c;--ink-rgb:241 242 243;--on-ink-rgb:10 11 12;--shadow-rgb:0 0 0;--shop-accent-on-ink:#b84300}.shop-dark .dem8-logo{filter:invert()brightness(1.05)}.shop-nav-minor{color:var(--muted)}.st-track{height:calc(var(--chapters) * 100svh);margin-top:-64px;position:relative}.st-stage{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.st-view{position:absolute;inset:72px 0 38%}@media (min-width:960px){.st-view{inset:64px 0 0 34%}}.st-canvas,.st-posters,.st-pins,.st-glow{position:absolute;inset:0}.st-canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s var(--shop-ease)}.st-track.is-3d .st-canvas{opacity:1}.st-posters{transition:opacity .8s var(--shop-ease)}.st-track.is-3d .st-posters{opacity:0}.st-poster{object-fit:contain;filter:drop-shadow(0 40px 60px #0000008c);width:88%;height:88%;position:absolute;inset:6%}.st-glow{z-index:-1;background:radial-gradient(40% 34% at 50% 52%,#ff6a1a1a,#0000 70%),radial-gradient(46% 10% at 50% 86%,#ffffff0f,#0000 70%)}.st-pin{opacity:0;transition:opacity .45s var(--shop-ease);pointer-events:none;position:absolute;top:0;left:0}.st-pin[data-on]{opacity:1}.st-pin i{background:var(--shop-accent);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:-5px}.st-pin-line{transform-origin:0;background:#ffffff8c;width:70px;height:1px;position:absolute;top:0;left:0;transform:rotate(-38deg)}.st-pin-tag{white-space:nowrap;background:#141618eb;border-radius:14px;gap:2px;padding:9px 14px;display:grid;position:absolute;top:0;left:0;transform:translate(54px,-66px);box-shadow:inset 0 0 0 1px #ffffff1a}.st-pin-tag b{font-size:15px;font-weight:500}.st-pin-tag small{color:var(--muted);font-size:11px}@media (max-width:959px){.st-pin-line{width:40px}.st-pin-tag{padding:6px 10px;transform:translate(32px,-44px)}.st-pin-tag b{font-size:13px}.st-pin-tag small{display:none}.st-pin[data-side=l] .st-pin-tag{transform:translate(calc(-100% - 32px),-44px)!important}}.st-pin[data-side=l] .st-pin-line{transform:rotate(-142deg)}.st-pin[data-side=l] .st-pin-tag{transform:translate(calc(-100% - 54px),-66px)}.st-chapters{pointer-events:none;position:absolute;inset:0}.st-ch{right:var(--shop-gutter);bottom:calc(96px + env(safe-area-inset-bottom));left:var(--shop-gutter);opacity:0;visibility:hidden;will-change:opacity, transform;justify-items:start;gap:14px;display:grid;position:absolute}.st-ch[data-on]{pointer-events:auto}@media (min-width:960px){.st-ch{align-content:center;width:min(36%,540px);top:64px;bottom:0;right:auto}}.st-ch-num{color:var(--muted);margin:0}.st-ch-num span{color:var(--shop-accent);margin-right:10px;font-weight:600}.st-ch-head{letter-spacing:-.045em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(36px,4.6vw,72px);font-weight:300;line-height:.98}.st-ch-body{max-width:40ch;color:var(--muted);margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.5}.st-hero{gap:18px}.st-kicker{color:var(--muted);margin:0}.st-title{font-size:clamp(60px,9.5vw,156px)}.st-title .shop-line:nth-child(2)>span{color:var(--shop-accent)}.st-lead{max-width:44ch;color:var(--muted);margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.5}.st-hero .shop-ctas{margin-top:8px}.st-cue{color:var(--muted);align-items:center;gap:12px;margin:10px 0 0;display:flex}.st-cue span{background:#ffffff24;width:1px;height:36px;position:relative;overflow:hidden}.st-cue span:after{content:"";background:var(--shop-accent);animation:st-cue 1.8s var(--shop-ease) infinite;position:absolute;inset:0}@keyframes st-cue{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (max-width:959px){.st-stage:after{content:"";z-index:0;background:linear-gradient(to bottom, transparent, var(--bg) 42%);pointer-events:none;position:absolute;inset:58% 0 0}.st-chapters{z-index:1}.st-hero .st-lead,.st-cue,.st-config .st-ch-body{display:none}}.st-config{gap:16px}.st-config .shop-colors,.st-config .shop-seg{width:min(100%,460px)}.st-config .shop-slots button,.st-config .shop-seg button{background:#ffffff0f}.st-progress{top:50%;right:calc(var(--shop-gutter) - 12px);display:none;position:absolute;transform:translateY(-50%)}@media (min-width:960px){.st-progress{display:block}}.st-progress ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.st-progress button{background:0 0;place-items:center;width:28px;min-height:28px;padding:0;display:grid}.st-progress button:after{content:"";width:6px;height:6px;transition:transform .4s var(--shop-ease), background .3s;background:#ffffff47;border-radius:3px}.st-progress button[aria-current]:after{background:var(--shop-accent);transform:scaleY(3)}.st-progress-bar{pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0}.st-progress-bar i{background:var(--shop-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.st-sizes-row{justify-content:center;align-items:flex-end;gap:clamp(12px,3vw,40px);display:flex}.st-size{width:calc(var(--w) * min(42vw, 440px));color:var(--ink);cursor:pointer;transition:transform .5s var(--shop-ease);background:0 0;border-radius:28px;gap:14px;padding:0 0 18px;display:grid}.st-size:hover{transform:translateY(-6px)}.st-size img{filter:drop-shadow(0 30px 40px #00000080);width:100%;height:auto}.st-size-label{justify-items:center;gap:4px;display:grid}.st-size-label b{font-size:28px;font-weight:400}.st-size-label small{color:var(--muted)}.st-size[aria-pressed=true] .st-size-label b{color:var(--shop-accent)}.st-yours{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 18px;margin:26px 0 0;font-size:15px;display:flex}.st-yours-c{align-items:center;gap:8px;display:inline-flex}.st-yours-c i{width:14px;height:14px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 22%, transparent);border-radius:50%}.st-yours-change{color:var(--ink)!important}.st-order-grid{align-items:start;gap:16px;display:grid}@media (min-width:960px){.st-order-grid{grid-template-columns:1fr 1fr;gap:20px}}.st-card{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:32px;gap:18px;padding:clamp(22px,3vw,40px);display:grid}.st-card>.shop-status{justify-self:start}.st-card-kicker{color:var(--muted);margin:0}.st-also{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);transition:transform .5s var(--shop-ease), opacity .9s var(--shop-ease);border-radius:28px;align-items:center;gap:22px;padding:16px 28px 16px 16px;text-decoration:none;display:flex}.st-also:hover{transform:translateY(-3px)}.st-also-img{flex:none;width:clamp(84px,12vw,140px);height:auto}.st-also-copy{flex:1;gap:4px;display:grid}.st-also-copy .shop-mono{color:var(--muted)}.st-also-copy b{font-size:clamp(20px,2vw,26px);font-weight:400}.st-also-copy small{color:var(--muted)}@media (prefers-reduced-motion:reduce){.st-ch{transition:none}}