@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");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:Shippori Mincho;src:url(/fonts/mincho-latin-500.woff2)format("woff2");font-weight:500;font-display:swap;unicode-range:U+??,U+2013-2014,U+2018-201D,U+2026,U+2192,U+2318,U+2325,U+2303,U+21E7}@font-face{font-family:Shippori Mincho;src:url(/fonts/mincho-ja-500.woff2)format("woff2");font-weight:500;font-display:swap;unicode-range:U+6CE2,U+6B62,U+5834,U+30FB}@property --tide{syntax:"<angle>";inherits:false;initial-value:0deg}@property --ring{syntax:"<percentage>";inherits:false;initial-value:0%}:root{color-scheme:light dark;--display:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;--sans:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--kon:oklch(17% .045 273);--yoru:oklch(21.5% .05 273);--andon:oklch(84% .115 70);--kaisui:oklch(85% .075 184);--kiri:oklch(96.5% .009 255);--sumi:oklch(22% .045 273);--bg:light-dark(var(--kiri),var(--kon));--raised:light-dark(oklch(99.5% .003 255),var(--yoru));--ink:light-dark(var(--sumi),oklch(94% .014 265));--muted:light-dark(oklch(45% .035 272),oklch(76% .03 268));--accent:light-dark(oklch(52% .12 58),var(--andon));--sea:light-dark(oklch(48% .08 195),var(--kaisui));--hair:color-mix(in oklch, var(--ink) 11%, transparent);--shell:color-mix(in oklch, var(--ink) 4%, transparent);--btn-bg:light-dark(var(--sumi),var(--andon));--btn-fg:light-dark(oklch(98% .005 255),var(--kon));--spring:cubic-bezier(.32, .72, 0, 1);--glide:cubic-bezier(.22, 1, .36, 1);--gutter:clamp(1rem, 4vw, 2.5rem);--wrap:min(1200px, 100% - 2 * var(--gutter));--radius:28px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;interpolate-size:allow-keywords;scroll-padding-top:6rem}body{background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}img,svg,canvas,video{max-width:100%;display:block}img{height:auto}a{color:inherit}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.02em;font-weight:500;line-height:1.08}p,li,dd{text-wrap:pretty}ul[role=list],ol[role=list]{padding:0;list-style:none}kbd{font:500 .85em var(--mono);background:var(--shell);box-shadow:inset 0 0 0 1px var(--hair), inset 0 -1px 0 var(--hair);white-space:nowrap;border-radius:6px;padding:.1em .45em}::selection{background:color-mix(in oklch, var(--andon) 45%, transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.skip{z-index:30;background:var(--btn-bg);color:var(--btn-fg);border-radius:999px;padding:.6rem 1rem;position:fixed;top:1rem;left:1rem;translate:0 -200%;&:focus-visible{translate:0}}.wrap{width:var(--wrap);margin-inline:auto}.eyebrow{font:500 .68rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:color-mix(in oklch, var(--accent) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 22%, transparent);border-radius:999px;align-items:center;gap:.5em;margin-bottom:1.4rem;padding:.3rem .75rem;display:inline-flex}.lede{color:var(--muted);max-width:38rem;font-size:clamp(1.05rem,1.4vw,1.2rem)}.points{gap:.7rem;margin-top:1.8rem;padding:0;list-style:none;display:grid;& li{color:var(--muted);padding-left:1.6rem;position:relative}& li:before{content:"";width:.55rem;height:.55rem;box-shadow:inset 0 0 0 1.5px var(--sea);border-radius:50%;position:absolute;top:.62em;left:.1rem}&.small{gap:.45rem;margin-top:1rem;font-size:.92rem}}.bezel{border-radius:var(--radius);background:var(--shell);box-shadow:inset 0 0 0 1px var(--hair);margin:0;padding:6px}.bezel-core{border-radius:calc(var(--radius) - 6px);background:var(--raised);box-shadow:inset 0 1px 0 oklch(100% 5.96046e-8 none/.14), 0 24px 60px -30px color-mix(in oklch, var(--kon) 45%, transparent);overflow:hidden}.shot img{width:100%}.btn{--pad:.4rem;padding:var(--pad) var(--pad) var(--pad) 1.35rem;font:500 .98rem/1 var(--sans);transition:scale .4s var(--spring), background-color .4s var(--spring), box-shadow .4s var(--spring);border-radius:999px;align-items:center;gap:.85rem;text-decoration:none;display:inline-flex;&:active{scale:.98}}.btn-ico{background:color-mix(in oklch, currentColor 12%, transparent);width:2.15rem;height:2.15rem;transition:translate .45s var(--spring), scale .45s var(--spring);border-radius:50%;place-items:center;display:grid;& svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}}.btn:hover .btn-ico{translate:2px -1px;scale:1.06}.btn-primary{background:var(--btn-bg);color:var(--btn-fg);box-shadow:0 10px 30px -12px color-mix(in oklch, var(--andon) 70%, transparent), inset 0 1px 0 oklch(100% 5.96046e-8 none/.3);&:hover{background:color-mix(in oklch, var(--btn-bg) 88%, white)}}.btn-ghost{color:var(--ink);background:color-mix(in oklch, var(--raised) 55%, transparent);box-shadow:inset 0 0 0 1px var(--hair);&:hover{background:color-mix(in oklch, var(--raised) 85%, transparent)}}.btn-sm{--pad:0;padding:.55rem 1rem;font-size:.88rem}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.icon-btn{width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer;transition:background-color .3s var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;&:hover{background:var(--shell)}}.nav-wrap{z-index:20;pointer-events:none;view-transition-name:nav;justify-content:center;display:flex;position:fixed;inset:1rem 0 auto}.nav{pointer-events:auto;background:color-mix(in oklch, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);box-shadow:inset 0 0 0 1px var(--hair), 0 12px 40px -18px oklch(0% none none/.5);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .35rem .35rem .9rem;display:flex;position:relative}.brand{font:500 1.08rem/1 var(--display);letter-spacing:.01em;align-items:center;gap:.55rem;margin-right:.6rem;text-decoration:none;display:flex;& img{width:26px;height:26px}}.nav-links{gap:.1rem;padding:0;list-style:none;display:flex;& a{z-index:1;color:var(--muted);transition:color .3s var(--spring);border-radius:999px;padding:.5rem .8rem;font-size:.88rem;text-decoration:none;display:block;position:relative;&:hover,&:focus-visible{color:var(--ink)}}}.nav-hi{display:none}@supports (anchor-name:--a){.nav-links a:hover,.nav-links a:focus-visible{anchor-name:--nav-hover}.nav-hi{position-anchor:--nav-hover;left:anchor(left);right:anchor(right);top:anchor(top);bottom:anchor(bottom);background:var(--shell);box-shadow:inset 0 0 0 1px var(--hair);opacity:0;transition:left .45s var(--spring), right .45s var(--spring), opacity .3s var(--spring);border-radius:999px;display:block;position:absolute}.nav:has(.nav-links a:is(:hover,:focus-visible)) .nav-hi{opacity:1}}.burger{display:none;position:relative}.burger span{width:16px;height:1.5px;transition:translate .4s var(--spring), rotate .4s var(--spring);background:currentColor;border-radius:2px;margin-left:-8px;position:absolute;top:50%;left:50%;&:first-child{translate:0 -3.5px}&:last-child{translate:0 3.5px}}.nav-wrap:has(.menu:popover-open) .burger span{&:first-child{translate:0;rotate:45deg}&:last-child{translate:0;rotate:-45deg}}.menu{width:100%;max-width:none;height:auto;max-height:none;padding:2.5rem var(--gutter) 2rem;background:color-mix(in oklch, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(30px);color:var(--ink);opacity:0;transition:opacity .35s var(--spring), display .35s allow-discrete, overlay .35s allow-discrete;border:0;margin:0;inset:4.6rem 0 0;&:popover-open{opacity:1}& ul{gap:.4rem;padding:0;list-style:none;display:grid}& li{opacity:0;transition:opacity .6s var(--spring), translate .6s var(--spring);transition-delay:calc(var(--i) * 50ms + 60ms);translate:0 2rem}&:popover-open li{opacity:1;translate:0}& a{font:500 2.2rem/1.2 var(--display);padding:.4rem 0;text-decoration:none;display:block}}@starting-style{.menu:popover-open{opacity:0}.menu:popover-open li{opacity:0;translate:0 2rem}}@media (width<=860px){.nav-links,.nav-hi{display:none!important}.burger{display:grid}.nav{gap:.15rem}}@media (width<=380px){.nav-buy{display:none}}.hero{isolation:isolate;align-items:flex-end;min-height:100dvh;padding-block:8rem clamp(3rem,9vh,6rem);display:flex;position:relative;overflow:clip}.hero-sky,.hero-canvas,.hero-scrim{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-sky{background:radial-gradient(26% 16% at 55% 44%,light-dark(oklch(97% .04 70/.9),oklch(85% .12 60/.65)),#0000 70%),linear-gradient(light-dark(oklch(74% .06 262),oklch(16% .06 275)) 0%,light-dark(oklch(84% .04 260),oklch(32% .1 285)) 30%,light-dark(oklch(89% .05 50),oklch(70% .11 45)) 45.5%,light-dark(oklch(62% .06 260),oklch(18% .05 273)) 46%,light-dark(oklch(55% .06 262),oklch(12% .04 273)) 100%)}.hero-canvas{opacity:0;transition:opacity 1.4s var(--glide)}.hero-canvas.is-ready{opacity:1}.hero-scrim{background:linear-gradient(to top, color-mix(in oklch, var(--bg) 82%, transparent) 0%, transparent 55%), linear-gradient(to right, color-mix(in oklch, var(--bg) 55%, transparent) 0%, transparent 60%)}.hero-copy{position:relative}.hero h1{letter-spacing:-.035em;max-width:11ch;margin-bottom:1.6rem;font-size:clamp(2.7rem,7vw,6.4rem);line-height:1}.hero-lede{max-width:34rem;color:var(--muted);margin-bottom:2.2rem;font-size:clamp(1.05rem,1.5vw,1.25rem)}.hero-meta{font:400 .78rem/1.5 var(--mono);letter-spacing:.02em;color:var(--muted);margin-top:1.4rem}.hero-tate{writing-mode:vertical-rl;font:500 clamp(1rem, 1.5vw, 1.35rem)/1 var(--display);letter-spacing:.6em;color:color-mix(in oklch, var(--ink) 55%, transparent);border-inline:1px solid color-mix(in oklch, var(--ink) 18%, transparent);padding-block:1.2rem;padding-inline:.35rem;position:absolute;top:50%;right:clamp(.6rem,2vw,1.8rem);translate:0 -50%}@media (aspect-ratio<=1){.hero-tate{display:none}}@media (width<=600px){.hero-scrim{background:linear-gradient(to top, color-mix(in oklch, var(--bg) 94%, transparent) 0%, color-mix(in oklch, var(--bg) 80%, transparent) 50%, transparent 72%)}.hero .eyebrow{letter-spacing:.12em}}.eyebrow{flex-wrap:wrap;max-width:100%}.section{padding-block:clamp(6rem,13vw,11rem)}.section h2{max-width:18ch;margin-bottom:1.4rem;font-size:clamp(2.1rem,4.6vw,3.9rem)}.section-head{margin-bottom:clamp(3rem,6vw,5rem)}.section-head.center{text-align:center;& h2,& .lede{margin-inline:auto}}.split-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(3rem,6vw,6rem);display:grid;&.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}&.flip>.copy{order:2}}@media (width<=900px){.split-grid,.split-grid.flip{grid-template-columns:1fr}.split-grid.flip>.copy{order:0}}.demo{margin:0;container:demo/inline-size}.stage{--tile:clamp(20px, 4.1cqw, 40px);--glass:light-dark(oklch(99% .004 255/.55),oklch(20% .03 273/.55));aspect-ratio:16/10.5;background:radial-gradient(60% 50% at 70% 90%,oklch(60% .2 330/.55),#0000 70%),radial-gradient(70% 60% at 20% 10%,oklch(45% .2 275/.85),#0000 70%),linear-gradient(160deg,oklch(32% .15 278),oklch(36% .17 310));position:relative}@container demo (width<560px){.stage{--tile:clamp(20px, 5.2cqw, 40px);aspect-ratio:4/3.6}}.stage-bar{height:26px;font:500 .7rem/1 var(--sans);color:#fff;background:oklch(20% .05 275/.35);align-items:center;gap:1rem;padding-inline:.9rem;display:flex;& b{font-weight:650}& .apple{background:#fff;border-radius:50% 50% 45% 45%;width:10px;height:12px}& .clock{margin-left:auto}}@container demo (width<420px){.stage-bar span:not(.apple,.clock){display:none}}.stage-hint{font:400 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:oklch(100% 0 0/.55);position:absolute;bottom:.9rem;left:1rem}.stage[data-edge=left] .stage-hint{left:auto;right:1rem}.stage[data-edge=bottom] .stage-hint{top:2.4rem;bottom:auto}.dock{align-items:center;gap:calc(var(--tile) * .16);padding:calc(var(--tile) * .2);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.6);border-radius:calc(var(--tile) * .42);view-transition-name:dock;transition:opacity .45s var(--spring), translate .45s var(--spring);display:flex;position:absolute;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.22),inset 0 1px oklch(100% 0 0/.35)}.stage[data-edge=right] .dock{border-start-end-radius:0;border-end-end-radius:0;flex-direction:column;top:50%;right:0;translate:0 -50%}.stage[data-edge=left] .dock{border-start-start-radius:0;border-end-start-radius:0;flex-direction:column;top:50%;left:0;translate:0 -50%}.stage[data-edge=bottom] .dock{border-end-end-radius:0;border-end-start-radius:0;bottom:0;left:50%;translate:-50%}.stage[data-style=floating] .dock{border-radius:calc(var(--tile) * .42);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.22),inset 0 1px oklch(100% 0 0/.35),0 18px 40px -12px oklch(10% .05 275/.6)}.stage[data-style=floating][data-edge=right] .dock{right:12px}.stage[data-style=floating][data-edge=left] .dock{left:12px}.stage[data-style=floating][data-edge=bottom] .dock{bottom:12px}.dock-pill{background:var(--glass);border-radius:999px;display:none;position:absolute;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.3)}.stage[data-style=pill]{& .dock-pill{display:block}&[data-edge=right] .dock-pill{width:6px;height:72px;top:50%;right:4px;translate:0 -50%}&[data-edge=left] .dock-pill{width:6px;height:72px;top:50%;left:4px;translate:0 -50%}&[data-edge=bottom] .dock-pill{width:72px;height:6px;bottom:4px;left:50%;translate:-50%}& .dock{opacity:0;pointer-events:none;border-radius:calc(var(--tile) * .42)}&[data-edge=right] .dock{right:12px;translate:30% -50%}&[data-edge=left] .dock{left:12px;translate:-30% -50%}&[data-edge=bottom] .dock{bottom:12px;translate:-50% 30%}}.stage[data-style=pill]:has(.dock-pill:hover,.dock:hover){& .dock{opacity:1;pointer-events:auto}&[data-edge=right] .dock,&[data-edge=left] .dock{translate:0 -50%}&[data-edge=bottom] .dock{translate:-50%}& .dock-pill{opacity:0}}.t{width:var(--tile);height:var(--tile);color:#fff;background:linear-gradient(to bottom, var(--a), var(--b));transition:width .32s var(--spring), height .32s var(--spring);border-radius:24%;flex:none;align-content:center;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.35),0 2px 6px -2px oklch(0% 0 0/.35);& svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:64%;height:auto}& b,&>span{font:650 calc(var(--tile) * .19)/1 var(--mono)}&>span{font-size:calc(var(--tile) * .3)}& b{font-size:calc(var(--tile) * .16);opacity:.85;margin-bottom:.12em}}.dock .t:hover{width:calc(var(--tile) * 1.65);height:calc(var(--tile) * 1.65)}.dock .t:hover+.t,.dock .t:has(+.t:hover){width:calc(var(--tile) * 1.32);height:calc(var(--tile) * 1.32)}.dock .t:hover+.t+.t,.dock .t:has(+.t+.t:hover){width:calc(var(--tile) * 1.1);height:calc(var(--tile) * 1.1)}.sep{width:1px;height:calc(var(--tile) * .7);background:oklch(100% 0 0/.3);flex:none}.stage:is([data-edge=right],[data-edge=left]) .sep{width:calc(var(--tile) * .7);height:1px}.t-stats{--a:oklch(85% .15 172);--b:oklch(70% .13 175)}.t-ai{--a:oklch(74% .17 40);--b:oklch(65% .21 30)}.t-music{--a:oklch(45% .2 295);--b:oklch(75% .15 50)}.t-cal{--a:oklch(80% .15 60);--b:oklch(70% .19 45)}.t-capture{--a:oklch(75% .12 200);--b:oklch(60% .11 205)}.t-bt{--a:oklch(68% .17 262);--b:oklch(57% .2 265)}.t-clip{--a:oklch(89% .17 92);--b:oklch(80% .17 70)}.t-shelf{--a:oklch(78% .11 250);--b:oklch(65% .15 258)}.t-browser{--a:oklch(97% .01 250);--b:oklch(90% .02 250);color:oklch(55% .18 255)}.t-mail{--a:oklch(75% .13 240);--b:oklch(60% .17 255)}.t-xcode{--a:oklch(70% .15 245);--b:oklch(50% .17 260)}.t-music .art{aspect-ratio:1;background:radial-gradient(circle at 50% 55%,oklch(93% .07 70),oklch(80% .14 50) 40%,#0000 72%);border-radius:50%;width:70%}.t-ai .ring{--ring:42%;aspect-ratio:1;background:conic-gradient(white var(--ring), oklch(100% 0 0/.3) 0);border-radius:50%;place-items:center;width:76%;display:grid;mask:radial-gradient(circle,#0000 0 calc(50% - 2.5px),#000 calc(50% - 2px));& span{display:none}}@media (prefers-reduced-motion:no-preference){.t-ai .ring{animation:ring-fill 2.4s var(--glide) both;animation-delay:.4s}}@keyframes ring-fill{0%{--ring:0%}to{--ring:42%}}.t-ai:after{content:"42";font:650 calc(var(--tile) * .24)/1 var(--mono);position:absolute}.t:before{content:attr(data-label);z-index:2;font:500 .72rem/1 var(--sans);white-space:nowrap;color:#fff;opacity:0;pointer-events:none;transition:opacity .2s var(--spring);background:oklch(20% .03 273/.85);border-radius:7px;padding:.3rem .6rem;position:absolute}.t:hover:before{opacity:1}.stage[data-edge=right] .t:before{right:calc(100% + 12px)}.stage[data-edge=left] .t:before{left:calc(100% + 12px)}.stage[data-edge=bottom] .t:before{bottom:calc(100% + 10px)}.demo-controls{flex-wrap:wrap;gap:.8rem 1.4rem;margin-top:1.1rem;display:flex}.seg{background:var(--shell);box-shadow:inset 0 0 0 1px var(--hair);border:0;border-radius:999px;align-items:center;gap:.2rem;padding:.25rem;display:flex;& legend{float:left;font:500 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 .6rem 0 .7rem}& label{cursor:pointer;position:relative}& input{opacity:0;cursor:pointer;position:absolute;inset:0}& span{color:var(--muted);transition:background-color .3s var(--spring), color .3s var(--spring);border-radius:999px;padding:.42rem .85rem;font-size:.85rem;display:block}& label:hover span{color:var(--ink)}& input:checked+span{background:var(--raised);color:var(--ink);box-shadow:0 1px 3px oklch(0% 0 0/.15), inset 0 0 0 1px var(--hair)}& input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.card{container:card/inline-size}.card .bezel-core{flex-direction:column;height:100%;display:flex}.card .shot{background:oklch(25% .1 280);margin:0}.card-copy{padding:1.5rem 1.6rem 1.8rem}.card-copy h3{margin-bottom:.6rem;font-size:1.55rem}.card-copy p{color:var(--muted);font-size:.97rem}.card-stats,.card-tools{grid-column:span 7}.card-clip,.card-win{grid-column:span 5}.card .shot{flex:1;min-height:0;position:relative}.card .shot img{object-fit:cover;object-position:var(--focus,center);height:100%;position:absolute;inset:0}.card-stats{--focus:left top}.card-clip{--focus:20% 40%}.card-stats .shot{aspect-ratio:16/10}.card-clip .shot{aspect-ratio:16/11}.card-win .shot{aspect-ratio:16/9}.card-tools .shot{aspect-ratio:5/2}@container card (width<420px){.card-copy{padding:1.2rem 1.2rem 1.4rem}.card-copy h3{font-size:1.35rem}}@media (width<=900px){.bento>.card{grid-column:span 12}}.manifest{margin-top:clamp(4rem,8vw,6rem)}.manifest-title{margin-bottom:1.8rem;font-size:clamp(1.4rem,2.4vw,1.9rem)}.manifest dl{border-top:1px solid var(--hair);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));column-gap:2.5rem;display:grid;& div{border-bottom:1px solid var(--hair);gap:.15rem;padding:.9rem 0;display:grid}& dt{font:500 .82rem/1.3 var(--mono);letter-spacing:.03em;color:var(--ink)}& dd{color:var(--muted);font-size:.88rem}}.manifest-more{color:var(--muted);max-width:46rem;margin-top:1.6rem}.status{flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;padding:0;display:flex;& li{font:500 .8rem/1 var(--mono);background:var(--shell);box-shadow:inset 0 0 0 1px var(--hair);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .8rem .35rem .6rem;display:inline-flex}& li:before{content:"";background:var(--c);width:7px;height:7px;box-shadow:0 0 10px var(--c);border-radius:50%}}.s-working{--c:light-dark(oklch(45% .03 270),oklch(95% .01 265))}.s-input{--c:oklch(75% .16 60)}.s-done{--c:oklch(72% .18 150)}@media (prefers-reduced-motion:no-preference){.s-working:before{animation:breathe 2.2s var(--glide) infinite alternate}}@keyframes breathe{to{opacity:.35}}.keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1.8rem;display:grid;& div{background:var(--shell);box-shadow:inset 0 0 0 1px var(--hair);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;display:flex}& dt{font-size:.9rem}}.notch-shot{max-width:1040px;margin-inline:auto}.points.cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 3rem;max-width:900px;margin:3rem auto 0}@media (width<=700px){.points.cols{grid-template-columns:1fr}}.meaning{position:relative}.kanji{border-top:1px solid var(--hair);grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0 clamp(3rem,6vw,5rem);padding:0;display:grid;& li{border-right:1px solid var(--hair);gap:.3rem;padding:2rem 1.5rem 0 0;display:grid}& li+li{padding-left:clamp(1rem,3vw,2.5rem)}& li:last-child{border-right:0}& .k{font:500 clamp(5rem, 15vw, 12rem)/1 var(--display);color:var(--ink);margin-bottom:1rem}& .r{font:500 .8rem var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}& .m{font:500 clamp(1.1rem, 2vw, 1.5rem)/1.2 var(--display);color:var(--muted)}}.meaning-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2rem 4rem;display:grid;& h2{margin:0}& p{color:var(--muted);font-size:1.1rem}}@media (width<=800px){.meaning-copy{grid-template-columns:1fr}}.price-card{isolation:isolate;max-width:34rem;margin-inline:auto;position:relative;&:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--tide), transparent 0 70%, var(--andon) 85%, transparent 100%);padding:1px;position:absolute;inset:0;mask:linear-gradient(#000,#000) content-box exclude,linear-gradient(#000,#000)}& .bezel-core{padding:clamp(2rem,5vw,3rem)}}@media (prefers-reduced-motion:no-preference){.price-card:before{animation:9s linear infinite tide}}@keyframes tide{to{--tide:360deg}}.price-tag{font:500 .72rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.price{align-items:baseline;gap:.9rem;margin:.6rem 0 .3rem;display:flex}.amount{font:500 clamp(3.6rem, 9vw, 5rem)/1 var(--display);letter-spacing:-.03em}.price s{font:400 1.2rem var(--mono);color:var(--muted)}.price-sub{color:var(--muted)}.price-card .cta-row{margin-top:2.2rem}.price-fine{color:var(--muted);margin-top:1.6rem;font-size:.8rem}.faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:3rem 5rem;display:grid}@media (width<=900px){.faq-grid{grid-template-columns:1fr}}.faq-list{border-top:1px solid var(--hair)}details{border-bottom:1px solid var(--hair);& summary{cursor:pointer;font:500 1.15rem/1.35 var(--display);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;list-style:none;display:flex;&::-webkit-details-marker{display:none}&:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:.65rem;height:.65rem;transition:rotate .4s var(--spring), translate .4s var(--spring);flex:none;translate:0 -25%;rotate:45deg}}&[open] summary:after{translate:0 25%;rotate:-135deg}& p{color:var(--muted);max-width:42rem;padding-bottom:1.4rem}&::details-content{block-size:0;transition:block-size .45s var(--spring), content-visibility .45s allow-discrete;overflow:clip}&[open]::details-content{block-size:auto}}.foot{border-top:1px solid var(--hair);padding-block:4rem 3rem}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.foot-mark{font:500 1.1rem var(--display);& span{color:var(--accent);margin-right:.5rem}}.foot nav{gap:1.5rem;display:flex;& a{color:var(--muted);text-decoration:none;&:hover{color:var(--ink)}}}.foot-note{width:100%;color:var(--muted);font-size:.82rem}.doc{padding-block:9rem 6rem}.doc article{max-width:44rem;margin-inline:auto}.doc h1{margin-bottom:.6rem;font-size:clamp(2.4rem,5vw,3.6rem)}.doc h2{margin:2.6rem 0 .8rem;font-size:1.5rem}.doc p,.doc li,.doc dd{color:var(--muted)}.doc p+p{margin-top:1rem}.doc ul{gap:.6rem;padding-left:1.2rem;display:grid}.doc strong,.doc dt{color:var(--ink);font-weight:550}.doc dl{gap:1.4rem;display:grid}.doc-meta{font:400 .8rem var(--mono);margin-bottom:2rem}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both settle view();animation-range:entry entry 70%}.hero-copy{animation:linear both drift scroll(root);animation-range:0 80vh}.nav{animation:linear both harden scroll(root);animation-range:0 60vh}}}@keyframes settle{0%{opacity:0;filter:blur(6px);translate:0 3rem}to{opacity:1;filter:blur();translate:0}}@keyframes drift{to{opacity:0;translate:0 -4rem}}@keyframes harden{to{background:color-mix(in oklch, var(--bg) 82%, transparent)}}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.5s;animation-timing-function:var(--spring)}.vt-theme::view-transition-old(root){animation:none}.vt-theme::view-transition-new(root){animation:ripple .7s var(--glide)}@keyframes ripple{0%{clip-path:circle(0 at var(--vt-x) var(--vt-y))}to{clip-path:circle(150vmax at var(--vt-x) var(--vt-y))}}.vt-dock::view-transition-old(root),.vt-dock::view-transition-new(root){animation:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}