:root { --sc-canvas:#0C1101; --sc-surface:#161715; --sc-ink:#FEFFFA; --sc-ink-soft:#BEC5B8; --sc-accent:#B9FF00; --sc-accent-ink:#0C1101; --sc-font-display:Archivo,Geist,sans-serif; --sc-font-text:Geist,system-ui,sans-serif; }
:root[data-theme="light"] { --sc-canvas:#F3F2F3; --sc-surface:#FFFFFF; --sc-ink:#0C1101; --sc-ink-soft:#454A40; --sc-accent:#3B6E00; }
.store-page { --accent:var(--brand); --button:#B9FF00; --button-ink:#0C1101; }
.store-page .business-bar { z-index:70; }
.store-page .eyebrow { color:var(--accent); }
.store-page h1,.store-page h2,.store-page h3 { font-family:Archivo,Geist,sans-serif; letter-spacing:-.035em; text-wrap:balance; }
.store-shell { width:min(100%,84rem); margin-inline:auto; padding-inline:clamp(1.25rem,5vw,5.5rem); }
.store-hero { position:relative; min-height:min(50rem,calc(100svh - 4.5rem)); overflow:hidden; background:var(--canvas); border-bottom:1px solid var(--line); }
.store-hero__grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:center; gap:clamp(2rem,4vw,4rem); min-height:inherit; padding-block:clamp(3.8rem,7vw,7rem); }
.store-hero__copy { position:relative; z-index:2; }
.store-hero h1 { max-width:10ch; margin:.9rem 0 1.35rem; font-size:clamp(3.25rem,5.8vw,6.25rem); line-height:.98; font-weight:680; }
.store-hero__lede { max-width:40ch; margin:0; color:var(--soft); font-size:clamp(1.1rem,1.1vw + .7rem,1.4rem); line-height:1.48; }
.store-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.2rem; margin-top:2rem; }
.store-text-link { color:var(--ink); text-underline-offset:.3em; font-weight:600; }
.store-hero__honesty { max-width:47ch; margin:2rem 0 0; padding-top:1rem; border-top:1px solid var(--line); color:var(--faint); font-size:.82rem; }
.store-stage { position:relative; min-width:0; min-height:clamp(26rem,42vw,38rem); margin:0; overflow:hidden; border:1px solid var(--line-strong); border-radius:18px; background:radial-gradient(circle at 48% 25%,color-mix(in oklab,var(--accent) 15%,transparent),transparent 38%),linear-gradient(145deg,var(--surface-2),var(--canvas)); box-shadow:0 26px 65px rgb(0 0 0 / .18); perspective:900px; }
.store-stage__grid { position:absolute; inset:0; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:46px 46px; opacity:.45; }
.store-stage__bay { position:absolute; inset:38% 0 -12%; transform:rotateX(64deg); transform-origin:center bottom; border-top:2px solid var(--line-strong); background:linear-gradient(90deg,transparent 20%,color-mix(in oklab,var(--accent) 14%,transparent) 20% 73%,transparent 73%); }
.store-stage__bay span { position:absolute; top:6%; bottom:0; width:3px; background:color-mix(in oklab,var(--ink) 35%,transparent); }
.store-stage__bay span:first-child { left:20%; }.store-stage__bay span:last-child { right:26%; }
.store-stage__post { position:absolute; width:.9rem; height:31%; left:51%; top:49%; border-radius:0 0 6px 6px; background:linear-gradient(90deg,#444c42,#899487,#414a40); box-shadow:8px 15px 17px rgb(0 0 0 / .27); }
.store-stage__sign { position:absolute; z-index:2; display:grid; align-content:start; width:47%; min-height:35%; top:20%; left:28%; padding:clamp(.9rem,2vw,1.6rem); border:4px solid #b1b9ad; border-radius:9px; background:#101611; color:#f7faee; box-shadow:10px 18px 28px rgb(0 0 0 / .32),inset 0 1px 0 rgb(255 255 255 / .15); transform-origin:center 80%; }
.store-stage__brand { color:#B9FF00; font-size:clamp(.78rem,1.4vw,1.25rem); font-weight:750; letter-spacing:-.05em; }
.store-stage__sign strong { margin-top:clamp(1.2rem,4vw,3rem); font:700 clamp(1.1rem,2.25vw,2rem)/1 Archivo,Geist,sans-serif; }
.store-stage__sign>span:nth-last-of-type(2) { margin-top:.45rem; color:#cbd2c7; font-size:clamp(.55rem,.9vw,.82rem); }
.store-stage__arrow { position:absolute; right:1rem; bottom:.6rem; color:#B9FF00; font-size:clamp(1.3rem,3vw,2.5rem); }
.store-stage__placard { position:absolute; z-index:3; right:8%; bottom:16%; display:grid; align-content:space-between; width:28%; min-height:19%; padding:.8rem; border:1px solid #b4bcb0; border-radius:8px; background:#eff2e9; color:#111810; box-shadow:7px 13px 22px rgb(0 0 0 / .25); transform:rotate(5deg); }
.store-stage__placard>span { font:700 clamp(.55rem,.85vw,.75rem)/1.2 'Geist Mono',monospace; }
.store-stage__placard>b { position:absolute; right:.5rem; top:.7rem; font-size:clamp(1.1rem,2.5vw,2rem); }
.store-stage__placard small { margin-top:2rem; color:#4e5d4a; font-size:clamp(.45rem,.65vw,.6rem); }
.store-stage figcaption { position:absolute; z-index:4; left:1rem; bottom:1rem; max-width:44ch; padding:.45rem .65rem; border-radius:4px; background:color-mix(in oklab,var(--canvas) 88%,transparent); color:var(--soft); font:500 .66rem/1.35 'Geist Mono',monospace; }
.store-index { display:flex; flex-wrap:wrap; gap:0 clamp(1.2rem,3vw,2.5rem); padding-block:.65rem; border-bottom:1px solid var(--line); }
.store-index a { display:inline-flex; align-items:center; min-height:2.65rem; color:var(--soft); text-decoration:none; font-size:.82rem; font-weight:600; }
.store-index a:hover { color:var(--ink); }
.store-section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.75fr); gap:2rem; align-items:end; margin-bottom:clamp(2rem,4vw,3.5rem); }
.store-section-head h2 { max-width:17ch; margin:.65rem 0 0; font-size:clamp(2.4rem,4vw,4.4rem); line-height:1.04; }
.store-section-head>p { max-width:47ch; margin:0; color:var(--soft); }
.store-materials { padding-block:clamp(5rem,9vw,9rem); }
.store-materials__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.material { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); min-height:18rem; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.material__art { position:relative; display:grid; place-items:center; min-height:18rem; overflow:hidden; background:radial-gradient(circle at 50% 47%,color-mix(in oklab,var(--accent) 13%,transparent),transparent 55%),var(--surface-2); }
.material__art::before { content:""; position:absolute; inset:0; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:32px 32px; opacity:.35; }
.material__body { display:flex; flex-direction:column; align-items:start; padding:clamp(1.25rem,2.2vw,2rem); }
.material__type,.material__readiness { margin:0; color:var(--accent); font:600 .68rem/1.4 'Geist Mono',monospace; letter-spacing:.04em; text-transform:uppercase; }
.material__body h3 { margin:1.25rem 0 .55rem; font-size:clamp(1.4rem,2vw,2.05rem); line-height:1.09; }
.material__body>p:not(.material__type):not(.material__readiness) { margin:0; color:var(--soft); font-size:.91rem; }
.material__readiness { margin-top:auto; padding-top:1.5rem; color:var(--faint); }
.material__art--screen { display:flex; flex-direction:column; align-items:start; justify-content:end; gap:.35rem; padding:1.35rem; background:#172016; color:#fff; }
.material__art--screen>* { position:relative; z-index:1; }
.material__art--screen .screen-line { position:absolute; left:16%; top:16%; width:65%; height:38%; border:2px solid #B9FF00; border-radius:50%; transform:rotate(-22deg); opacity:.85; }
.material__art--screen .screen-mark { margin-bottom:auto; color:#B9FF00; font-size:.9rem; font-weight:750; }
.material__art--screen strong { max-width:8ch; font:700 clamp(1.5rem,2.8vw,2.5rem)/.95 Archivo,sans-serif; }
.material__art--screen>span:last-child { font-size:.68rem; color:#bfcdb9; }
.mini-sign { position:relative; z-index:1; display:flex; flex-direction:column; width:68%; min-height:65%; padding:1rem; border:4px solid #a6aea2; border-radius:6px; background:#111810; color:#fff; box-shadow:8px 12px 18px rgb(0 0 0 / .28); transform:rotate(-5deg); }
.mini-sign span { color:#B9FF00; font-weight:700; }.mini-sign b { margin-top:auto; font:700 clamp(.9rem,1.5vw,1.3rem)/1 Archivo,sans-serif; }.mini-sign small { margin-top:.5rem; font-size:.6rem; color:#c7d0c3; }
.mini-placard { position:relative; z-index:1; display:flex; flex-direction:column; width:70%; min-height:60%; padding:1rem; border:2px solid #aab7a5; border-radius:6px; background:#e7eee1; color:#111810; box-shadow:8px 12px 18px rgb(0 0 0 / .2); transform:rotate(5deg); }
.mini-placard span { color:#2c5100; font-weight:800; }.mini-placard b { margin:auto 0; font:700 clamp(1rem,1.65vw,1.5rem)/1 Archivo,sans-serif; }.mini-placard small { color:#40573b; }
.mini-decal { position:relative; z-index:1; display:grid; place-items:center; width:73%; aspect-ratio:1; border:2px solid #a6ae9f; border-radius:50%; background:#111810; color:#B9FF00; box-shadow:6px 12px 18px rgb(0 0 0 / .25); transform:rotate(-7deg); }.mini-decal b { align-self:end; font-size:clamp(1.35rem,2.3vw,2.1rem); letter-spacing:-.06em; }.mini-decal small { align-self:start; color:#dce4d3; font:.5rem 'Geist Mono',monospace; }
.store-chooser { padding-block:clamp(5rem,9vw,9rem); border-block:1px solid var(--line); background:var(--surface-2); }
.store-chooser__grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(1rem,3vw,3rem); align-items:start; }
.store-chooser__options { display:grid; gap:.7rem; }
.kit-option { display:flex; flex-direction:column; align-items:start; width:100%; padding:clamp(1.1rem,2vw,1.65rem); border:1px solid var(--line-strong); border-radius:12px; background:var(--surface); color:var(--ink); text-align:left; cursor:pointer; transition:transform .25s cubic-bezier(.23,1,.32,1),border-color .25s,background .25s; }
.kit-option[aria-pressed="true"] { border-color:var(--accent); background:color-mix(in oklab,var(--surface) 88%,var(--accent)); }
.kit-option:hover { transform:translateX(4px); }
.kit-option__eyebrow,.kit-option small { color:var(--accent); font:600 .68rem/1.4 'Geist Mono',monospace; text-transform:uppercase; letter-spacing:.04em; }
.kit-option strong { margin:.45rem 0 .35rem; font:650 clamp(1.2rem,1.6vw,1.55rem)/1.16 Archivo,sans-serif; }
.kit-option>span:not(.kit-option__eyebrow) { color:var(--soft); font-size:.87rem; }
.kit-option small { margin-top:.8rem; color:var(--faint); }
.kit-preview { position:sticky; top:6rem; overflow:hidden; border:1px solid var(--line-strong); border-radius:16px; background:var(--surface); box-shadow:0 20px 50px rgb(0 0 0 / .13); }
.kit-preview__scene { position:relative; min-height:clamp(23rem,38vw,35rem); overflow:hidden; background:radial-gradient(circle at 50% 35%,color-mix(in oklab,var(--accent) 17%,transparent),transparent 48%),linear-gradient(150deg,var(--surface-2),var(--canvas)); }
.kit-preview__scene::before { content:""; position:absolute; inset:0; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:40px 40px; opacity:.25; }
.kit-preview__shadow { position:absolute; left:19%; right:12%; bottom:11%; height:9%; border-radius:50%; background:rgb(0 0 0 / .22); filter:blur(18px); }
.kit-preview__poster,.kit-preview__sign,.kit-preview__placard,.kit-preview__decal { position:absolute; display:flex; flex-direction:column; border-radius:8px; box-shadow:8px 18px 24px rgb(0 0 0 / .22); transition:transform .55s cubic-bezier(.23,1,.32,1),opacity .4s ease; }
.kit-preview__poster { left:13%; top:14%; width:36%; height:58%; padding:1.1rem; background:#172014; color:#fff; transform:rotate(-8deg); }
.kit-preview__poster small,.kit-preview__sign small,.kit-preview__placard small { color:#B9FF00; font-weight:750; }.kit-preview__poster strong { margin:auto 0; font:700 clamp(1.1rem,2.5vw,2.2rem)/.96 Archivo,sans-serif; }.kit-preview__poster span { color:#b8c7b2; font-size:.66rem; }
.kit-preview__sign { right:17%; top:9%; width:36%; height:50%; padding:1rem; border:4px solid #aeb8a8; background:#101710; color:#fff; transform:rotate(6deg); }.kit-preview__sign b { margin:auto 0 .6rem; font:700 clamp(.85rem,1.8vw,1.55rem)/1 Archivo,sans-serif; }.kit-preview__sign span { color:#c8d1c5; font-size:.58rem; }
.kit-preview__placard { right:12%; bottom:15%; width:30%; height:29%; padding:.85rem; border:1px solid #b0b9aa; background:#e9efe6; color:#162013; transform:rotate(-5deg); }.kit-preview__placard small { color:#365900; }.kit-preview__placard b { margin:auto 0; font:700 clamp(.8rem,1.2vw,1.1rem)/1 Archivo,sans-serif; }.kit-preview__placard span { align-self:end; color:#365900; font-size:1.3rem; }
.kit-preview__decal { left:38%; bottom:13%; display:grid; place-items:center; width:19%; aspect-ratio:1; border:2px solid #b0bbaa; border-radius:50%; background:#111810; color:#B9FF00; font-weight:800; font-size:clamp(.55rem,1.1vw,1rem); transform:rotate(9deg); }
.kit-preview[data-kit-state="digital"] .kit-preview__sign,.kit-preview[data-kit-state="digital"] .kit-preview__placard,.kit-preview[data-kit-state="digital"] .kit-preview__decal { opacity:0; transform:translateY(3rem) rotate(15deg); }
.kit-preview[data-kit-state="digital"] .kit-preview__poster { transform:translate(44%,3%) rotate(0deg) scale(1.25); }
.kit-preview[data-kit-state="property"] .kit-preview__poster { transform:translate(5%,14%) rotate(-10deg) scale(.9); }.kit-preview[data-kit-state="property"] .kit-preview__sign { transform:translate(-12%,16%) rotate(-2deg) scale(1.1); }.kit-preview[data-kit-state="property"] .kit-preview__placard { transform:translate(-35%,3%) rotate(6deg); }
.kit-preview__detail { padding:clamp(1.3rem,3vw,2.2rem); border-top:1px solid var(--line); }
.kit-preview__flag { margin:0; color:var(--accent); font:600 .7rem/1.4 'Geist Mono',monospace; text-transform:uppercase; }.kit-preview__detail h3 { margin:.35rem 0 .4rem; font-size:clamp(1.6rem,2.4vw,2.3rem); line-height:1.1; }.kit-preview__detail>p:not(.kit-preview__flag) { max-width:45ch; margin:0 0 1.25rem; color:var(--soft); font-size:.9rem; }
.store-process { padding-block:clamp(5rem,9vw,9rem); }
.store-process__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line-strong); }
.store-process__steps article { position:relative; min-height:15rem; padding:2rem clamp(1rem,2vw,2rem) 0 0; }
.store-process__steps article+article { padding-left:clamp(1rem,2vw,2rem); border-left:1px solid var(--line); }
.store-process__dot { display:block; width:.75rem; height:.75rem; margin-bottom:2rem; border:2px solid var(--accent); border-radius:50%; background:var(--canvas); }
.store-process__steps article:last-child .store-process__dot { background:var(--accent); }
.store-process__steps h3 { margin:0 0 .65rem; font-size:clamp(1.3rem,1.8vw,1.8rem); line-height:1.14; }.store-process__steps p { margin:0; color:var(--soft); font-size:.92rem; }.store-process__steps a { display:inline-block; margin-top:1rem; text-underline-offset:.25em; font-weight:600; }
.store-process__note { margin:2.5rem 0 0; padding-top:1rem; border-top:1px solid var(--line); color:var(--faint); font-size:.83rem; }
.store-partners { padding-block:clamp(5rem,8vw,8rem); border-block:1px solid var(--line); background:var(--surface); }
.store-partners__grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:3rem; align-items:center; }.store-partners h2 { max-width:16ch; margin:.7rem 0 1.2rem; font-size:clamp(2.4rem,4vw,4rem); line-height:1.05; }.store-partners p:not(.eyebrow) { max-width:51ch; color:var(--soft); }.store-partners .business-button { margin-top:1.2rem; }
.store-partners__diagram { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; align-items:start; min-height:20rem; padding:2.5rem 1.5rem; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); }
.store-partners__diagram::after { content:""; position:absolute; left:13%; right:13%; top:49%; border-top:2px dashed var(--accent); opacity:.7; }.store-partners__diagram span,.store-partners__diagram b { position:relative; z-index:1; display:grid; place-items:center; min-height:4rem; border:1px solid var(--line-strong); border-radius:7px; background:var(--surface); font:600 .7rem 'Geist Mono',monospace; }.store-partners__diagram b { grid-column:1/-1; width:45%; justify-self:center; align-self:end; margin-top:5rem; border-color:var(--accent); color:var(--accent); font:750 1.5rem Archivo,sans-serif; letter-spacing:-.05em; }
.store-request { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(2rem,6vw,6rem); align-items:start; padding-block:clamp(5rem,9vw,9rem); }.store-request h2 { max-width:12ch; margin:.7rem 0 1.1rem; font-size:clamp(2.4rem,4vw,4.3rem); line-height:1.04; }.store-request__copy>p:not(.eyebrow) { max-width:46ch; color:var(--soft); }.store-request__copy a { color:var(--ink); text-underline-offset:.25em; }.store-form h3 { margin:0; font-size:clamp(1.7rem,2.3vw,2.35rem); line-height:1.12; }.store-form .business-form__intro strong { color:var(--ink); }
.store-equipment { padding-block:clamp(5rem,9vw,8rem); }.store-equipment__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.store-equipment__grid article { padding:1.5rem; border:1px solid var(--line); border-radius:12px; background:var(--surface); }.store-equipment__grid h3 { margin:0 0 .7rem; font-size:1.35rem; line-height:1.15; }.store-equipment__grid p { margin:0; color:var(--soft); font-size:.9rem; }
.store-faq { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:2rem; padding-bottom:clamp(5rem,9vw,9rem); }.store-faq h2 { margin:0; font-size:clamp(2rem,3vw,3rem); line-height:1.06; }.store-faq details { padding:1.15rem 0; border-top:1px solid var(--line); }.store-faq details:last-child { border-bottom:1px solid var(--line); }.store-faq summary { cursor:pointer; font-weight:650; }.store-faq details p { margin:.75rem 0 0; color:var(--soft); font-size:.9rem; }.store-faq details a { color:var(--ink); }
.store-page section[id] { scroll-margin-top:6.5rem; }
@media (max-width:1000px) { .material { grid-template-columns:1fr; }.material__art { min-height:15rem; }.store-stage__placard { right:3%; }.store-stage__sign { left:23%; width:54%; } }
@media (max-width:760px) { .store-hero__grid,.store-section-head,.store-chooser__grid,.store-partners__grid,.store-request,.store-faq { grid-template-columns:1fr; }.store-hero__grid { padding-top:3.2rem; }.store-hero h1 { max-width:11ch; }.store-stage { min-height:30rem; }.store-materials__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.kit-preview { position:relative; top:auto; }.store-process__steps,.store-equipment__grid { grid-template-columns:1fr; }.store-process__steps article,.store-process__steps article+article { min-height:0; padding:1.4rem 0 1.6rem; border-left:0; border-bottom:1px solid var(--line); }.store-process__dot { margin-bottom:.8rem; }.store-partners__diagram { min-height:17rem; }.store-request { gap:1.5rem; } }
@media (max-width:600px) { .store-stage { min-height:25rem; }.store-stage__sign { top:18%; left:21%; width:58%; min-height:35%; }.store-stage__post { left:49%; }.store-stage__placard { width:32%; right:5%; bottom:18%; }.store-materials__grid { grid-template-columns:1fr; }.material { grid-template-columns:42% 58%; min-height:13rem; }.material__art { min-height:13rem; }.material__body { padding:1rem; }.material__body h3 { margin:.75rem 0 .35rem; font-size:1.3rem; }.material__body>p:not(.material__type):not(.material__readiness) { font-size:.8rem; }.material__readiness { padding-top:.7rem; }.store-index { gap:0 1rem; }.store-index a { font-size:.75rem; }.store-hero__actions .business-button { width:100%; }.store-text-link { display:inline-block; padding:.5rem 0; }.kit-preview__scene { min-height:23rem; } }
@media (max-width:390px) { .material { grid-template-columns:1fr; }.material__art { min-height:13rem; }.store-stage { min-height:22rem; }.store-stage__sign { left:19%; width:60%; }.store-stage__placard { width:36%; }.kit-preview__scene { min-height:20rem; } }
@media (prefers-reduced-motion:reduce) { .kit-option,.kit-preview__poster,.kit-preview__sign,.kit-preview__placard,.kit-preview__decal { transition:none; }.kit-option:hover { transform:none; } }

/* Host Kit community chapter: warmth, human scale and one clear point of origin. */
.store-page { --store-warm:#F5E9D3; --store-sun:#FFBF77; }
.store-hero { background:radial-gradient(circle at 76% 36%,rgb(255 185 102 / .12),transparent 38%),linear-gradient(135deg,#101a13 0%,#1c2419 52%,#151b14 100%); color:#F9F5E9; }
:root[data-theme="light"] .store-hero { background:radial-gradient(circle at 75% 30%,#FCE4C3,transparent 38%),linear-gradient(135deg,#F5F0E6,#EAF0DE); color:#162015; }
.store-hero .eyebrow { color:var(--store-sun); }
:root[data-theme="light"] .store-hero .eyebrow { color:#785013; }
.store-hero h1 { max-width:12ch; font-size:clamp(3.4rem,6vw,6.75rem); letter-spacing:-.055em; }
.store-hero__lede { color:#E1E4D8; }
:root[data-theme="light"] .store-hero__lede { color:#303C2E; }
.store-hero__honesty { color:#C3CABB; border-color:rgb(255 255 255 / .22); }
:root[data-theme="light"] .store-hero__honesty { color:#525C4A; border-color:#C9CCBD; }
.store-hero .store-text-link { color:inherit; }
.store-stage { isolation:isolate; border:1px solid rgb(255 239 207 / .25); border-radius:50% 50% 22px 22px / 32% 32% 22px 22px; background:radial-gradient(circle at 55% 38%,#AF824A 0%,#54643F 28%,#26342A 59%,#17231D 100%); box-shadow:inset 0 0 0 1px rgb(255 255 255 / .05),0 28px 85px rgb(0 0 0 / .25); }
.store-stage::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,rgb(14 29 18 / .75),transparent 49%),radial-gradient(circle at 50% 22%,rgb(255 239 207 / .35),transparent 30%); }
.store-stage__glow { position:absolute; left:11%; top:17%; width:78%; aspect-ratio:1; border-radius:50%; border:1px solid rgb(255 239 207 / .27); box-shadow:0 0 0 3rem rgb(255 235 192 / .025),0 0 0 6rem rgb(255 235 192 / .018); }
.store-stage__route { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.store-stage__route path { stroke:rgb(251 231 184 / .4); stroke-width:2; stroke-dasharray:5 9; }
.store-stage__route .store-stage__route-light { stroke:#F2D196; stroke-width:3; stroke-linecap:round; stroke-dasharray:80 650; animation:store-route 8s linear infinite; filter:drop-shadow(0 0 5px #F9D890); }
@keyframes store-route { to { stroke-dashoffset:-730; } }
.store-stage__place { position:absolute; z-index:2; display:flex; flex-direction:column; align-items:start; width:42%; min-height:29%; padding:clamp(.85rem,1.8vw,1.5rem); border:1px solid rgb(255 252 235 / .28); border-radius:16px; background:rgb(19 34 25 / .82); color:#FAF4E3; box-shadow:0 18px 36px rgb(0 0 0 / .25); backdrop-filter:blur(14px); }
.store-stage__place--host { left:9%; bottom:17%; }
.store-stage__place--driver { right:8%; top:16%; }
.store-stage__place-icon { display:grid; place-items:center; width:2.5rem; aspect-ratio:1; margin-bottom:auto; border-radius:50%; background:#F5C889; color:#1C2419; font-size:1.7rem; line-height:1; }
.store-stage__place--driver .store-stage__place-icon { background:#B9FF00; }
.store-stage__place small { margin-top:1.4rem; color:#F5C889; font:650 .61rem/1.3 'Geist Mono',monospace; letter-spacing:.06em; }
.store-stage__place strong { margin:.35rem 0; font:650 clamp(1rem,1.55vw,1.45rem)/1.08 Archivo,Geist,sans-serif; letter-spacing:-.03em; }
.store-stage__place>span:last-child { color:#D5DFCE; font-size:clamp(.63rem,.9vw,.85rem); }
.store-stage__spark { position:absolute; left:49%; top:48%; width:13px; aspect-ratio:1; border-radius:50%; background:#F8E2AA; box-shadow:0 0 0 8px rgb(255 230 168 / .19),0 0 28px 12px rgb(255 230 168 / .65); }
.store-stage figcaption { max-width:36ch; background:rgb(16 30 20 / .8); color:#E2E9D9; font-family:Geist,system-ui,sans-serif; }
.store-belonging { padding-block:clamp(5.5rem,10vw,10rem); background:#F1E8D8; color:#1F2D1D; }
:root[data-theme="light"] .store-belonging { background:#EDE4D4; }
.store-belonging__grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); align-items:end; gap:clamp(2rem,7vw,8rem); }
.store-belonging .eyebrow { color:#49661E; }
.store-belonging h2 { max-width:16ch; margin:.9rem 0 0; font-size:clamp(2.8rem,5.3vw,6.2rem); line-height:1.02; letter-spacing:-.055em; }
.store-belonging h2 em { color:#52722D; font-style:normal; }
.store-belonging__detail { max-width:43ch; padding-left:1.5rem; border-left:2px solid #799F4A; }
.store-belonging__detail p { margin:0 0 1.1rem; color:#354232; font-size:clamp(1rem,1.2vw,1.13rem); line-height:1.55; }
.store-belonging__detail a { display:inline-block; margin-top:.4rem; color:#253B1B; font-weight:750; text-underline-offset:.3em; }
.store-materials { background:linear-gradient(180deg,var(--canvas),var(--surface-2)); }
.store-materials__grid { gap:1.25rem; }
.material { border-radius:22px; box-shadow:0 12px 36px rgb(0 0 0 / .05); }
.material__art { background:radial-gradient(circle at 42% 30%,rgb(255 205 139 / .3),transparent 55%),#3A4B32; }
.material__art::before,.kit-preview__scene::before { background-image:radial-gradient(circle,rgb(255 255 255 / .24) 1px,transparent 1px); background-size:22px 22px; opacity:.36; }
.material__art--screen { background:#30432B; }
.material__art--screen .screen-line { border-color:#F8C27F; }
.store-chooser { background:linear-gradient(145deg,#243629,#13251D); color:#F9F5E9; }
.store-chooser .store-section-head>p { color:#D7DECF; }
.store-chooser .kit-option { background:#F5F0E5; color:#1A2518; border-color:#D6DACB; border-radius:18px; }
.store-chooser .kit-option[aria-pressed="true"] { background:#FDEED3; border-color:#F8BE74; box-shadow:0 0 0 2px rgb(248 190 116 / .3); }
.store-chooser .kit-option>span:not(.kit-option__eyebrow) { color:#465143; }
.store-chooser .kit-option__eyebrow { color:#506D27; }
.store-chooser .kit-option small { color:#58634D; }
.store-chooser .kit-preview { color:#1A2518; border-radius:22px; background:#F8F2E8; }
.store-chooser .kit-preview__detail { border-color:#D8DACD; }
.store-chooser .kit-preview__detail>p:not(.kit-preview__flag) { color:#43503F; }
.store-chooser .kit-preview__flag { color:#4C6A22; }
.store-request { position:relative; }
.store-request::before { content:""; position:absolute; z-index:-1; top:4rem; left:-8%; width:40%; aspect-ratio:1; border:1px solid color-mix(in oklab,var(--accent) 28%,transparent); border-radius:50%; box-shadow:0 0 0 3rem color-mix(in oklab,var(--accent) 3%,transparent),0 0 0 6rem color-mix(in oklab,var(--accent) 2%,transparent); }
@media (max-width:760px) { .store-belonging__grid { grid-template-columns:1fr; gap:2rem; }.store-belonging h2 { max-width:18ch; }.store-stage { min-height:32rem; }.store-stage__place { width:45%; }.store-stage__place--host { left:6%; }.store-stage__place--driver { right:6%; } }
@media (max-width:600px) { .store-hero h1 { font-size:clamp(3.1rem,12vw,4.4rem); }.store-stage { min-height:27rem; }.store-stage__place { width:48%; min-height:31%; padding:.75rem; }.store-stage__place--host { left:4%; bottom:21%; }.store-stage__place--driver { right:4%; top:14%; }.store-stage__place-icon { width:2rem; font-size:1.4rem; }.store-stage__place small { margin-top:.8rem; font-size:.52rem; }.store-stage__place strong { font-size:.93rem; }.store-stage__place>span:last-child { font-size:.65rem; }.store-belonging__detail { padding-left:1.1rem; }.store-materials__grid { gap:.8rem; } }
@media (max-width:390px) { .store-stage { min-height:24rem; }.store-stage__place strong { font-size:.84rem; }.store-stage figcaption { left:.5rem; bottom:.5rem; font-size:.59rem; } }
@media (prefers-reduced-motion:reduce) { .store-stage__route .store-stage__route-light { animation:none; stroke-dasharray:none; opacity:.7; } }