.hero-in[data-astro-cid-7ee3og7i]{max-width:980px}.lead-sm[data-astro-cid-7ee3og7i]{max-width:640px}.case[data-astro-cid-7ee3og7i]{padding:0 var(--gutter) clamp(96px, 10vw, 150px)}.main-dev[data-astro-cid-7ee3og7i]{max-width:1080px;margin:0 auto}.case-head[data-astro-cid-7ee3og7i]{margin-top:clamp(64px,7vw,104px)}.case-name[data-astro-cid-7ee3og7i]{letter-spacing:-.055em;font-size:clamp(64px,9vw,128px);font-weight:600;line-height:.95}.case-sub[data-astro-cid-7ee3og7i]{letter-spacing:-.025em;text-wrap:balance;max-width:720px;margin:18px auto 0;font-size:clamp(22px,2.4vw,34px);font-weight:500;line-height:1.2}.meta[data-astro-cid-7ee3og7i]{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 32px;max-width:900px;margin:clamp(40px,5vw,64px) auto 0;display:grid}.meta[data-astro-cid-7ee3og7i]>div[data-astro-cid-7ee3og7i]{border-bottom:1px solid var(--line);padding:20px 0}.meta-l[data-astro-cid-7ee3og7i]{color:var(--fg-3);font-size:13px}.meta-v[data-astro-cid-7ee3og7i]{margin-top:6px;font-size:17px;font-weight:500}.story[data-astro-cid-7ee3og7i]{border-top:1px solid var(--line-2);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px clamp(40px,6vw,96px);padding:clamp(40px,5vw,64px) 0;display:grid}.story-side[data-astro-cid-7ee3og7i]{align-self:start;position:sticky;top:112px}.story-label[data-astro-cid-7ee3og7i]{letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(20px,1.7vw,24px);font-weight:600;line-height:1.2}.story-p[data-astro-cid-7ee3og7i]{max-width:680px;color:var(--fg-2);text-wrap:pretty;margin:18px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.55}.mod-title[data-astro-cid-7ee3og7i]{margin-top:clamp(56px,6vw,88px)}.mods[data-astro-cid-7ee3og7i]{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(32px,4vw,48px);display:grid}.mod[data-astro-cid-7ee3og7i]{flex-direction:column;padding:clamp(16px,2vw,24px);display:flex}.mod[data-astro-cid-7ee3og7i].wide{grid-column:span 2}.mod-vis[data-astro-cid-7ee3og7i]{background:var(--bg-2);border-radius:18px;justify-content:center;align-items:center;display:flex;overflow:hidden}.mod-txt[data-astro-cid-7ee3og7i]{padding:clamp(20px,2.4vw,28px) clamp(8px,1vw,12px) 8px}.mod-txt[data-astro-cid-7ee3og7i] p[data-astro-cid-7ee3og7i]{color:var(--fg-2);text-wrap:pretty;margin:8px 0 0;font-size:16px;line-height:1.55}.out-head[data-astro-cid-7ee3og7i]{max-width:760px}.out-label[data-astro-cid-7ee3og7i]{margin-bottom:28px}.outs[data-astro-cid-7ee3og7i]{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:0 clamp(40px,6vw,96px);margin-top:clamp(40px,5vw,72px);display:grid}.out[data-astro-cid-7ee3og7i]{border-top:1px solid var(--inv-line);padding:32px 0}.out[data-astro-cid-7ee3og7i] h3[data-astro-cid-7ee3og7i]{letter-spacing:-.025em;font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.2}.out[data-astro-cid-7ee3og7i] p[data-astro-cid-7ee3og7i]{color:var(--inv-fg-2);text-wrap:pretty;margin:10px 0 0;font-size:17px;line-height:1.55}.out-foot[data-astro-cid-7ee3og7i]{margin:clamp(40px,5vw,64px) 0 0;font-size:clamp(18px,1.6vw,22px)}.okano[data-astro-cid-7ee3og7i]{background:var(--bg-2);border-radius:32px;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));align-items:center;gap:40px clamp(40px,5vw,80px);margin-top:clamp(40px,5vw,64px);padding:clamp(24px,4vw,56px);display:grid}.okano-sub[data-astro-cid-7ee3og7i]{color:var(--accent);font-size:15px;font-weight:600}.okano-name[data-astro-cid-7ee3og7i]{letter-spacing:-.045em;margin-top:10px;font-size:clamp(40px,4.4vw,64px);font-weight:600;line-height:1}.okano-d[data-astro-cid-7ee3og7i]{color:var(--fg-2);text-wrap:pretty;margin-top:18px;font-size:17px;line-height:1.55}.okano-tags[data-astro-cid-7ee3og7i]{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.demo-head[data-astro-cid-7ee3og7i]{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;margin-top:clamp(72px,8vw,112px);display:flex}.demo-head[data-astro-cid-7ee3og7i] h3[data-astro-cid-7ee3og7i]{letter-spacing:-.03em;font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1.1}.demo-head[data-astro-cid-7ee3og7i] p[data-astro-cid-7ee3og7i]{max-width:480px;color:var(--fg-2);font-size:16px;line-height:1.5}.demos[data-astro-cid-7ee3og7i]{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}.demo[data-astro-cid-7ee3og7i]{grid-column:span var(--span);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.demo-vis[data-astro-cid-7ee3og7i]{background:var(--bg-2);justify-content:center;align-items:center;padding:9% 7% 5%;display:flex;position:relative;overflow:hidden}.demo-phones[data-astro-cid-7ee3og7i]{justify-content:center;align-items:flex-start;gap:6%;width:100%;height:100%;display:flex}.demo-phones[data-astro-cid-7ee3og7i]>div[data-astro-cid-7ee3og7i]{width:30%}.demo-phone-2[data-astro-cid-7ee3og7i]{margin-top:8%}.demo-badge[data-astro-cid-7ee3og7i]{background:var(--surface);height:28px;color:var(--fg);letter-spacing:.02em;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 1px 2px #00000014}.demo-txt[data-astro-cid-7ee3og7i]{padding:22px 22px 26px}.demo-cat[data-astro-cid-7ee3og7i]{color:var(--accent);font-size:13px;font-weight:600}.demo-txt[data-astro-cid-7ee3og7i] h4[data-astro-cid-7ee3og7i]{letter-spacing:-.02em;margin-top:6px;font-size:21px;font-weight:600;line-height:1.25}.demo-d[data-astro-cid-7ee3og7i]{color:var(--fg-2);text-wrap:pretty;margin-top:8px;font-size:15px;line-height:1.5}@media (width<=760px){.story[data-astro-cid-7ee3og7i]{grid-template-columns:minmax(0,1fr)}.story-side[data-astro-cid-7ee3og7i]{position:static}.mods[data-astro-cid-7ee3og7i]{grid-template-columns:minmax(0,1fr)}.mod[data-astro-cid-7ee3og7i].wide{grid-column:auto}.mod[data-astro-cid-7ee3og7i].wide .mod-vis[data-astro-cid-7ee3og7i]{aspect-ratio:16/11!important}.mod[data-astro-cid-7ee3og7i].wide .mod-dev[data-astro-cid-7ee3og7i]{width:86%!important}.demos[data-astro-cid-7ee3og7i]{grid-template-columns:minmax(0,1fr)}.demo[data-astro-cid-7ee3og7i]{grid-column:auto}.demo-vis[data-astro-cid-7ee3og7i]{aspect-ratio:4/3!important}}