@font-face{font-family:Zen Maru Gothic;font-weight:500;font-display:swap;src:url(/_astro/zen-maru-gothic-latin-500-normal.SHJzRquW.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zen Maru Gothic;font-weight:700;font-display:swap;src:url(/_astro/zen-maru-gothic-latin-700-normal.CSiy1nnP.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zen Maru Gothic;font-weight:500;font-display:swap;src:url(/_astro/zen-maru-gothic-latin-ext-500-normal.CJy5pMtw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Zen Maru Gothic;font-weight:700;font-display:swap;src:url(/_astro/zen-maru-gothic-latin-ext-700-normal.rJjj6LE-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--background:oklch(97.4% .011 84.6);--foreground:oklch(39% .045 74.1);--card:oklch(99.2% .008 88);--muted:oklch(94.5% .025 85);--muted-foreground:oklch(52% .031 67.2);--secondary:oklch(93% .038 82);--primary:oklch(53% .15 155);--primary-edge:oklch(42% .13 155);--primary-foreground:oklch(100% 0 0);--edge:oklch(39% .045 74.1/.14);--edge-line:oklch(39% .045 74.1/.08);--window-ring:oklch(30% .03 70/.14);--window-shadow:oklch(30% .04 70/.4);--float-shadow:0 32px 64px -24px var(--window-shadow), 0 12px 24px -12px var(--window-shadow);--terminal:oklch(30% .025 70);--terminal-foreground:oklch(95% .01 85);--tint-mint:oklch(93% .045 160);--tint-sand:oklch(93% .038 82);--tint-amber:oklch(94.5% .05 88);--tint-sky:oklch(94% .03 230);--tint-pink:oklch(94.5% .028 10);--tint-wood:oklch(34% .035 70);--ink-leaf:oklch(60% .15 155);--ink-wood:oklch(55% .07 65);--ink-amber:oklch(68% .13 76);--ink-sky:oklch(60% .11 235);--ink-pink:oklch(64% .14 12);--chip-mint:oklch(88% .07 155);--chip-amber:oklch(90% .08 85);--chip-sky:oklch(89% .05 235);--chip-pink:oklch(90% .05 10);--chip-ink-mint:oklch(42% .11 155);--chip-ink-amber:oklch(48% .1 65);--chip-ink-sky:oklch(44% .1 240);--chip-ink-pink:oklch(48% .13 15);--radius:1.25rem;--scallop:14px;--sans:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", ui-rounded, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}:root[data-theme=dark]{--background:oklch(21.5% .006 250);--foreground:oklch(95% .008 90);--card:oklch(28% .007 250);--muted:oklch(30.5% .008 250);--muted-foreground:oklch(77% .012 250);--secondary:oklch(34.5% .012 250);--primary:oklch(76% .16 152);--primary-edge:oklch(55% .14 152);--primary-foreground:oklch(20% .02 250);--edge:oklch(0% 0 0/.35);--edge-line:oklch(100% 0 0/.06);--window-ring:oklch(100% 0 0/.12);--window-shadow:oklch(0% 0 0/.6);--float-shadow:0 32px 64px -24px var(--window-shadow), 0 12px 24px -12px var(--window-shadow);--terminal:oklch(17% .006 250);--tint-mint:oklch(25.8% .03 172);--tint-sand:oklch(26% .014 75);--tint-amber:oklch(27.5% .03 80);--tint-sky:oklch(26.5% .028 235);--tint-pink:oklch(26.5% .025 10);--tint-wood:oklch(17% .012 70);--ink-leaf:oklch(72% .16 155);--ink-wood:oklch(75% .06 70);--ink-amber:oklch(78% .13 80);--ink-sky:oklch(72% .12 235);--ink-pink:oklch(72% .14 12);--chip-mint:oklch(38% .07 155);--chip-amber:oklch(40% .07 75);--chip-sky:oklch(38% .06 235);--chip-pink:oklch(38% .06 10);--chip-ink-mint:oklch(88% .1 155);--chip-ink-amber:oklch(90% .09 85);--chip-ink-sky:oklch(88% .07 235);--chip-ink-pink:oklch(90% .06 10);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{background:var(--background);color:var(--foreground);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;font-weight:500;line-height:1.65;overflow-x:clip}img{max-width:100%;height:auto;display:block}figure{margin:0}a{color:inherit;text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}h1,h2,h3{text-wrap:balance;margin:0 0 .6em;font-weight:700;line-height:1.2}h1{letter-spacing:-.015em;font-size:clamp(2.3rem,5.4vw,3.9rem)}h2{letter-spacing:-.01em;font-size:clamp(1.75rem,3.4vw,2.6rem)}h3{margin-bottom:.4em;font-size:1.12rem}p{text-wrap:pretty;margin:0 0 1em}b{font-weight:700}code,kbd,pre{font-family:var(--mono);font-size:.88em}code{background:var(--muted);border-radius:.4em;padding:.1em .35em}.icon{flex:none;width:1.25rem;height:1.25rem}.wrap{width:min(1160px,100% - 2.5rem);margin-inline:auto}.wrap.wide{width:min(1280px,100% - 2.5rem)}.wrap.narrow{width:min(780px,100% - 2.5rem)}.center{text-align:center}.mint{--tint:var(--tint-mint);--chip:var(--chip-mint);--chip-ink:var(--chip-ink-mint)}.sand{--tint:var(--tint-sand);--ink:var(--ink-wood)}.amber{--tint:var(--tint-amber);--ink:var(--ink-amber);--chip:var(--chip-amber);--chip-ink:var(--chip-ink-amber)}.sky{--tint:var(--tint-sky);--ink:var(--ink-sky);--chip:var(--chip-sky);--chip-ink:var(--chip-ink-sky)}.pink{--tint:var(--tint-pink);--ink:var(--ink-pink);--chip:var(--chip-pink);--chip-ink:var(--chip-ink-pink)}.band{--band-bg:var(--tint,var(--background));--band-ink:var(--ink,var(--ink-leaf));isolation:isolate;background:var(--band-bg);color:var(--foreground);padding:clamp(4.5rem,9vw,7.5rem) 0;position:relative}.band.wood{--band-bg:var(--tint-wood);--band-ink:oklch(85% .05 80);--foreground:oklch(95% .012 85);--muted-foreground:oklch(86% .02 80);--muted:oklch(100% 0 0/.1);--edge:oklch(0% 0 0/.3);--terminal:oklch(20% .018 70);--wall-opacity:.05;--kanji-opacity:.07}.band+.band:before{content:"";left:0;right:0;top:calc(-1 * var(--scallop) + 1px);height:var(--scallop);background:radial-gradient(circle at 50% 100%, var(--band-bg) calc(var(--scallop) - .5px), transparent var(--scallop)) 0 0 / calc(var(--scallop) * 2) var(--scallop) repeat-x;z-index:1;pointer-events:none;position:absolute}.wall{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}[data-wall]>.wall:before{content:"";background:var(--band-ink);opacity:var(--wall-opacity,.085);mask:var(--wall) repeat 0 0 / var(--wall-size);animation:drift var(--wall-time) linear infinite;position:absolute;inset:-200px}.wall-idle>.wall:before{animation-play-state:paused}[data-wall=leaf]{--wall:url(/img/leaf.svg);--wall-size:80px 40px;--dx:-80px;--dy:80px;--wall-time:24s;--wall-opacity:.055}[data-wall=apple]{--wall:url(/img/apple.svg);--wall-size:78px 78px;--dx:0px;--dy:78px;--wall-time:16.5s;--wall-opacity:.06}[data-wall=square]{--wall:url(/img/square.svg);--wall-size:140px 140px;--dx:-140px;--dy:0px;--wall-time:30s;--wall-opacity:.065}[data-wall=flower]{--wall:url(/img/flower.svg);--wall-size:120px 120px;--dx:120px;--dy:120px;--wall-time:36s}[data-wall=triangle]{--wall:url(/img/triangle.svg);--wall-size:160px 160px;--dx:160px;--dy:-160px;--wall-time:48s;--wall-opacity:.11}@keyframes drift{to{transform:translate3d(var(--dx), var(--dy), 0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-wall]>.wall:before{animation:none}}.kanji{aspect-ratio:var(--r);background:var(--band-ink);mask:var(--k) no-repeat center / contain;opacity:var(--kanji-opacity,.1);display:block;position:absolute}.kanji.corner{height:clamp(80px,12vw,170px);top:clamp(1.75rem,4vw,3.25rem);right:clamp(1rem,4vw,4rem)}.nav{z-index:20;background:color-mix(in oklch, var(--tint-mint) 95%, transparent);box-shadow:0 1px 0 var(--edge-line);position:sticky;top:0}.nav-inner{align-items:center;gap:1.5rem;height:4rem;display:flex}.brand{white-space:nowrap;flex:none;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:.5rem}.nav-links{gap:1.35rem;margin-left:auto;font-size:.95rem;display:flex}.nav-links a{white-space:nowrap;color:var(--muted-foreground);text-decoration:none}.nav-links a:hover{color:var(--foreground)}.theme-toggle{background:var(--card);width:2.3rem;height:2.3rem;color:var(--foreground);cursor:pointer;--lift:3px;border:0;border-radius:50%;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:inline-grid}.theme-toggle:active{--lift:1px;transform:translateY(2px)}.theme-toggle .icon{width:1.1rem;height:1.1rem}:root:not([data-theme]) .theme-toggle,.icon-sun,[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:block}@media (width<=640px){.nav-inner{gap:.9rem}.nav-extra{display:none}}@media (width<=440px){.brand-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.button{white-space:nowrap;background:var(--primary);min-height:3.1rem;color:var(--primary-foreground);--lift:4px;box-shadow:0 var(--lift) 0 0 var(--primary-edge);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 1.5rem;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.button.quiet{background:var(--card);color:var(--foreground)}.button.small{--lift:3px;min-height:2.3rem;padding:0 1.05rem;font-size:.92rem}.button:active{--lift:1px;transform:translateY(3px)}.actions{flex-wrap:wrap;justify-content:center;gap:.9rem;margin:2rem 0 1rem;display:flex}.fine{color:var(--muted-foreground);font-size:.88rem}.kicker{color:color-mix(in oklch, var(--band-ink) 80%, var(--foreground));margin-bottom:.6rem;font-size:.95rem;font-weight:700}.section-head{max-width:46rem;margin-bottom:clamp(2.25rem,5vw,3.5rem)}.section-head.center{margin-inline:auto}.section-lede{color:var(--muted-foreground);font-size:1.15rem}.theme-toggle,.button.quiet,.card,.card-shot,.keys kbd{box-shadow:0 0 0 1px var(--edge-line), 0 var(--lift,5px) 0 0 var(--edge)}.framed{box-shadow:0 0 0 5px var(--card), 0 0 0 6px var(--edge-line), 0 11px 0 0 var(--edge)}.window,.floating{background:var(--card);box-shadow:0 0 0 1px var(--window-ring), var(--float-shadow);border-radius:clamp(8px,1vw,14px);overflow:hidden}.floating{border-radius:1.1rem}.phone{box-shadow:0 0 0 1px oklch(100% 0 0/.08) inset, var(--float-shadow);background:oklch(22% .01 70);border-radius:2.4rem;padding:.5rem}.phone img{border-radius:1.95rem}.card-shot{border-radius:var(--radius);--lift:6px;overflow:hidden}.card{border-radius:var(--radius);background:var(--card);padding:1.5rem}.card p,.card dd,.point p{color:var(--muted-foreground);margin:0}.chip{background:var(--chip,var(--secondary));width:2.75rem;height:2.75rem;color:var(--chip-ink,currentColor);border-radius:.9rem;padding:.75rem;display:block}.card>.chip{margin-bottom:1rem}.cards{gap:1.25rem;display:grid}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.row-card{align-items:flex-start;gap:1.1rem;display:flex}.row-card>.chip{margin:0}@media (width<=1000px){.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.cards.four,.cards.three,.cards.two{grid-template-columns:minmax(0,1fr)}}.terminal{border-radius:var(--radius);background:var(--terminal);color:var(--terminal-foreground);box-shadow:0 6px 0 0 var(--edge);margin:0;padding:1.5rem 1.75rem;font-size:.92rem;line-height:1.8;overflow-x:auto}.terminal code{font-size:inherit;background:0 0;padding:0}.terminal .c{color:color-mix(in oklch, var(--terminal-foreground) 50%, transparent)}.terminal .p{color:oklch(80% .13 155);user-select:none}.split{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}@media (width<=900px){.split{grid-template-columns:minmax(0,1fr)}}.hero{padding-top:clamp(3.5rem,8vw,6.5rem);padding-bottom:clamp(5rem,10vw,8rem)}.hero-copy{text-align:center;max-width:50rem}.lede{max-width:38rem;color:var(--muted-foreground);margin-inline:auto;font-size:1.25rem}.hero-kanji{--kanji-opacity:.07;height:clamp(220px,34vw,520px);top:2rem;right:-2rem}.stage{margin-top:clamp(3rem,6vw,4.5rem);position:relative}.stage-main{width:84%;margin-left:4%}.stage-row{border-radius:1.1rem;width:24%;position:absolute;bottom:12%;left:0;transform:rotate(-4deg)}.stage-row img{border-radius:1.1rem}.stage-phone{width:20%;position:absolute;bottom:-9%;right:0}@media (width<=760px){.stage-main{width:100%;margin:0}.stage-row{display:none}.stage-phone{width:34%;bottom:-16%;right:-3%}}.compare{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,2rem);margin-top:clamp(2.5rem,5vw,3.5rem);display:grid}.compare-label{color:var(--muted-foreground);margin-bottom:.75rem;font-size:.95rem;font-weight:700}.compare-arrow{background:var(--primary);width:3rem;height:3rem;color:var(--primary-foreground);box-shadow:0 4px 0 0 var(--primary-edge);border-radius:50%;align-self:center;place-items:center;display:grid}.compare .terminal{font-size:.86rem}.steps{counter-reset:step;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.1rem 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.steps li{counter-increment:step;align-items:center;gap:.45rem;display:flex}.steps li:before,.legend li:before,.pin{background:var(--primary);width:1.5rem;height:1.5rem;color:var(--primary-foreground);border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:700;display:inline-grid}.steps li:before{content:counter(step)}@media (width<=900px){.compare{grid-template-columns:minmax(0,1fr)}.compare-arrow{margin-inline:auto;transform:rotate(90deg)}}.names{flex-wrap:wrap;gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.names li{background:var(--muted);font-family:var(--mono);border-radius:999px;padding:.15rem .6rem;font-size:.8rem}.anatomy{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);margin-bottom:clamp(3.5rem,7vw,5.5rem);display:grid}.anatomy-row{border-radius:var(--radius);position:relative}.anatomy-row img{border-radius:var(--radius)}.pin{left:var(--x);top:var(--y);box-shadow:0 0 0 3px var(--card);position:absolute;translate:-50% -50%}.legend{counter-reset:part;gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.legend li{counter-increment:part;align-items:center;gap:.7rem;display:flex}.legend li:before{content:counter(part)}@media (width<=900px){.anatomy{grid-template-columns:minmax(0,1fr)}.pin{width:1.2rem;height:1.2rem;font-size:.68rem}}.points{gap:1.5rem;display:grid}.point{gap:1rem;display:flex}.card-shot.launch{max-width:720px;margin-inline:auto}.launch-notes{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;max-width:44rem;margin:2.5rem auto 0;display:flex}.launch-notes p{margin:0}.keys{align-items:center;gap:.4rem;display:flex}.keys kbd{background:var(--card);--lift:4px;border-radius:.6rem;place-items:center;min-width:2.6rem;height:2.4rem;padding:0 .5rem;font-size:.9rem;display:inline-grid}.keys span{color:var(--muted-foreground)}.note{color:var(--muted-foreground);margin-top:1.5rem}.machines-stage{margin:clamp(3rem,6vw,4.5rem) 0 clamp(5rem,10vw,8rem);position:relative}.machines-main{width:78%}.machines-dialog{width:46%;position:absolute;bottom:-14%;right:0}@media (width<=760px){.machines-main{width:100%}.machines-dialog{width:92%;margin:-12% 0 0 auto;position:static}.machines-stage{margin-bottom:3rem}}.looks{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.looks-back{grid-area:1/1/2/10}.looks-front{grid-area:1/4/2/13;margin-top:16%}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}.tile{background:color-mix(in oklch, var(--tint) 70%, var(--card))}.tile.wide{grid-column:span 2}@media (width<=900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.bento{grid-template-columns:minmax(0,1fr)}.tile.wide{grid-column:auto}}.limits{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0 0;display:grid}.limits>.card{padding:1.25rem 1.4rem}.limits>.card:last-child{grid-column:1/-1}.limits dt{margin-bottom:.3rem;font-weight:700}@media (width<=640px){.limits{grid-template-columns:minmax(0,1fr)}}.closing{padding:clamp(5rem,11vw,8.5rem) 0}.closing-kanji{--kanji-opacity:.07;width:min(1100px,92%);top:50%;left:50%;translate:-50% -50%}.closing-icon{border-radius:22px;margin:0 auto 1.5rem}.closing h2{margin-bottom:.3rem}.footer{color:var(--muted-foreground);background:var(--tint-mint);padding:2rem 0 2.5rem;font-size:.9rem}.footer-inner{border-top:1px solid var(--edge-line);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;display:flex}.footer nav{gap:1.25rem;display:flex}