.page-hero{padding-top:clamp(8rem,14vh,11rem);padding-bottom:clamp(3rem,7vh,5rem);border-bottom:1px solid var(--line)}.page-hero__title{margin-top:1.4rem;font-size:var(--text-hero);letter-spacing:-.03em}.page-hero__sub{margin-top:1.6rem;max-width:44ch;font-size:var(--text-lg);color:var(--ink-60)}.page-hero__meta{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-40)}.page-hero__meta span{position:relative;padding-left:1.1rem}.page-hero__meta span:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--accent)}.case__idx,.case--wide{display:block}.case--wide .case__info{max-width:72ch}.case--wide .case__desc{max-width:58ch;font-size:var(--text-lg)}.case__inline-link{color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 45%,transparent);transition:border-color var(--dur-fast) var(--ease-soft)}.case__inline-link:hover{border-color:var(--accent)}.case__status{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.35rem .8rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px}.case__status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:statusPulse 1.8s var(--ease-soft) infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.case__meta-links{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:1.5rem}.casevis{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}.devphone{width:min(264px,74vw);border:1px solid var(--line-strong);border-radius:34px;padding:9px;background:var(--ink);position:relative;box-shadow:0 34px 54px color-mix(in srgb,var(--ink) 18%,transparent)}.devphone__notch{position:absolute;top:17px;left:50%;transform:translate(-50%);width:74px;height:8px;border-radius:999px;background:color-mix(in oklab,var(--paper) 16%,var(--ink));z-index:3}.devphone__screen{height:486px;border-radius:27px;background:var(--paper);overflow:hidden;display:flex;flex-direction:column}.store__bar{display:flex;align-items:center;gap:.5rem;padding:1.7rem .9rem .55rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.04em;color:var(--ink-40);border-bottom:1px solid var(--line)}.store__logo{height:15px;width:auto}.store__hero{width:100%;height:190px;object-fit:cover;display:block}.store__grid{padding:.7rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.store__card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.store__card img{width:100%;height:92px;object-fit:cover;display:block}.store__cardbody{padding:.4rem .55rem .55rem}.store__cardbody b{display:block;font-size:.66rem;font-weight:500}.store__cardbody span{font-family:var(--font-mono);font-size:.62rem;color:var(--accent)}.store__note{margin-top:auto;padding:.55rem .9rem;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.04em;color:var(--ink-40);border-top:1px solid var(--line);display:flex;align-items:center;gap:.4rem}.store__note:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.ssframe{display:flex;flex-direction:column;align-items:center;gap:.9rem}.shotphone{width:min(300px,82vw);padding:9px;background:var(--ink);border-radius:30px;box-shadow:0 34px 60px color-mix(in srgb,var(--ink) 18%,transparent)}.ss__shot{display:block;width:100%;border-radius:22px}.ssphone{width:min(300px,82vw);background:#fff;border:1px solid var(--line-strong);border-radius:30px;overflow:hidden;box-shadow:0 34px 60px color-mix(in srgb,var(--ink) 16%,transparent);color:var(--ink);font-size:13px}.ss__topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem .7rem;border-bottom:1px solid var(--line)}.ss__topbar b{font-family:var(--font-display);font-weight:600;font-size:.95rem}.ss__ctrls{display:inline-flex;gap:.75rem;color:var(--ink-40);font-size:.85rem}.ss__brandrow{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem .6rem}.ss__logo{display:inline-flex;flex-direction:column;align-items:center;color:var(--ink);line-height:1}.ss__logo svg{width:46px;height:30px}.ss__logo b{font-family:var(--font-display);font-weight:700;font-size:.66rem;letter-spacing:.12em;margin-top:1px}.ss__logo em{font-style:normal;font-family:var(--font-mono);font-size:.5rem;letter-spacing:.18em;color:var(--ink-60)}.ss__acct{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);position:relative}.ss__acct:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 4px at 50% 40%,var(--ink-60) 3px,transparent 4px),radial-gradient(ellipse 7px 5px at 50% 78%,var(--ink-60) 5px,transparent 6px)}.ss__searchrow{display:flex;gap:.5rem;padding:.2rem 1rem .7rem;border-bottom:1px solid var(--line)}.ss__search{flex:1;padding:.55rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,#fff);color:var(--ink-40);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss__brandsel{padding:.55rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,#fff);font-size:.72rem;white-space:nowrap}.ss__chips{display:flex;gap:.4rem;padding:.75rem 1rem;overflow:hidden}.ss__chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--line-strong);font-size:.72rem;white-space:nowrap;color:var(--ink-60)}.ss__chip b{font-weight:600;color:var(--ink-40)}.ss__chip--on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:500}.ss__chip--cut{opacity:.9}.ss__grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:0 1rem .9rem}.ss__card{border-radius:12px;overflow:hidden}.ss__photo{position:relative;height:150px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(0,0,0,.16),transparent 30%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.2),transparent 35%),repeating-linear-gradient(115deg,rgba(0,0,0,.05) 0 2px,transparent 2px 7px),linear-gradient(160deg,#c9c6c0,#a8a49c 55%,#918d85)}.ss__heart{position:absolute;top:8px;right:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ffffffeb;color:var(--ink-40);font-size:.7rem}.ss__photo--puffer:after{content:"";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:68%;height:74%;border-radius:30% 30% 22% 22%/22% 22% 30% 30%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 5px,transparent 5px 12px),linear-gradient(150deg,#7d94a6,#5f7688 60%,#3f5262);box-shadow:inset 0 6px 14px #ffffff2e,inset 0 -10px 18px #00000047}.ss__photo--coat:after{content:"";position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:56%;height:82%;border-radius:16% 16% 8% 8%;background:repeating-linear-gradient(135deg,#00000024 0,#00000024 2px,#ffffff0f 2px,#ffffff0f 4px),linear-gradient(160deg,#8f8c86,#6f6c66);box-shadow:inset 0 8px 16px #ffffff24,inset 0 -12px 20px #0000004d}.ss__cardbody{padding:.5rem .1rem .2rem;display:grid;gap:.15rem}.ss__brandname{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.08em;color:var(--ink-40)}.ss__cardbody b{font-weight:600;font-size:.74rem;line-height:1.25}.ss__cond{font-size:.64rem;color:var(--ink-40)}.ss__price{font-weight:700;font-size:.8rem;margin-top:.1rem}.ss__nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:.55rem .4rem .7rem}.ss__nav-item{display:grid;justify-items:center;gap:.2rem;font-size:.58rem;color:var(--ink-40)}.ss__nav-item i{font-style:normal;font-size:.85rem}.ss__nav-item--on{color:var(--ink);font-weight:500}.ss__handle{font-size:var(--text-xs);color:var(--ink-40);letter-spacing:.04em}.flow{display:grid;gap:.9rem}.flow__title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-40)}.flow__nodes{display:grid;gap:.75rem}.flow__node{position:relative;display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;border:1px solid var(--line-strong);border-radius:12px;background:color-mix(in srgb,var(--paper) 60%,transparent)}.flow__node--live{border-color:color-mix(in srgb,var(--ink) 40%,transparent)}.flow__node--dev{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.flow__dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--ink-40)}.flow__node--dev .flow__dot{background:var(--accent);animation:statusPulse 1.8s var(--ease-soft) infinite}.flow__node b{font-family:var(--font-display);font-weight:500;font-size:1rem}.flow__node span{display:block;margin-top:.15rem;font-size:var(--text-xs);color:var(--ink-60)}.flow__node em{margin-left:auto;font-style:normal;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-40);white-space:nowrap}.flow__node--dev em{color:var(--accent)}@media (max-width: 960px){.casevis{grid-template-columns:1fr}.devphone{margin-inline:auto}}