.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{display:block}.crumb{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40);transition:color var(--dur-fast) var(--ease-soft)}.crumb:hover{color:var(--accent)}.page-hero--case .page-hero__title{font-size:clamp(2.4rem,1.2rem + 4.6vw,5rem)}.page-hero__facts{margin-top:2.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,max-content));gap:1rem 3rem;font-family:var(--font-mono);font-size:var(--text-sm)}.page-hero__facts dt{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-40)}.page-hero__facts dd{margin-top:.35rem}.casebody{padding-block:clamp(2.5rem,6vh,5rem)}.casebody+.casebody{border-top:1px solid var(--line)}.casebody__title{font-size:clamp(1.4rem,1rem + 1.6vw,2.2rem);margin-bottom:clamp(1.5rem,3vh,2.5rem);max-width:26ch}.case-nav{display:flex;justify-content:space-between;gap:1.5rem;padding-block:clamp(2rem,4vh,3rem);border-top:1px solid var(--line)}.caselist{margin-top:clamp(2.5rem,6vh,4.5rem);border-top:1px solid var(--line-strong)}.caselist__item{border-bottom:1px solid var(--line-strong)}.caselist__link{position:relative;display:grid;grid-template-columns:4rem minmax(0,1.05fr) minmax(0,.95fr) auto 1.5rem;align-items:center;column-gap:clamp(1rem,3vw,3rem);padding-block:clamp(1.75rem,4vh,3rem);transition:background-color var(--dur) var(--ease-soft),padding-left var(--dur) var(--ease-expo)}.caselist__link:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform var(--dur) var(--ease-expo)}.caselist__link:hover:before{transform:scaleY(1)}.caselist__link:hover{padding-left:clamp(.75rem,1.5vw,1.5rem)}.caselist__idx{font-size:var(--text-sm);color:var(--accent)}.caselist__name{font-family:var(--font-display);font-weight:500;font-size:clamp(1.6rem,1.1rem + 2vw,2.8rem);letter-spacing:-.02em}.caselist__badge{display:inline-block;margin-left:.75rem;padding:.2rem .65rem;vertical-align:middle;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px}.caselist__desc{color:var(--ink-60);font-size:var(--text-sm);max-width:40ch}.caselist__tag{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40);white-space:nowrap}.caselist__arrow{font-size:1.2rem;color:var(--ink-40);transition:transform var(--dur) var(--ease-expo),color var(--dur) var(--ease-soft)}.caselist__link:hover .caselist__arrow{color:var(--accent);transform:translate(6px)}@media (max-width: 860px){.caselist__link{grid-template-columns:2.5rem minmax(0,1fr) 1.2rem}.caselist__desc,.caselist__tag{display:none}}.apivis{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}.term{border-radius:14px;background:var(--ink);color:var(--paper);overflow:hidden;box-shadow:0 34px 60px color-mix(in srgb,var(--ink) 18%,transparent)}.term__bar{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-bottom:1px solid var(--ink-line);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--paper-40)}.term__dots{display:inline-flex;gap:5px}.term__dots i{width:9px;height:9px;border-radius:50%;background:color-mix(in oklab,var(--paper) 25%,var(--ink))}.term__dots i:first-child{background:var(--accent)}.term__body{padding:1.1rem 1.2rem 1.3rem;font-family:var(--font-mono);font-size:clamp(.62rem,.5rem + .4vw,.78rem);line-height:1.75;overflow-x:auto}.term__body .c{color:var(--paper-40)}.term__body .k{color:var(--accent)}.term__body .s{color:color-mix(in oklab,var(--accent) 35%,var(--paper))}.term__body .ok{color:#7fbf7f}.apifeat{display:grid;gap:.75rem}.apifeat__item{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.2rem;border:1px solid var(--line-strong);border-radius:12px}.apifeat__item i{flex:none;margin-top:.45em;width:7px;height:7px;border-radius:50%;background:var(--accent)}.apifeat__item b{font-family:var(--font-display);font-weight:500}.apifeat__item span{display:block;margin-top:.15rem;font-size:var(--text-sm);color:var(--ink-60)}@media (max-width: 960px){.apivis{grid-template-columns:1fr}}.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}}