@property --deg{syntax:"<integer>";inherits:false;initial-value:145}:root{color-scheme:light dark;--paper:#f4f7fb;--paper-2:#fff;--text:var(--ink,#0b1b3a);--muted:color-mix(in oklab, var(--text) 62%, transparent);--line:color-mix(in oklab, var(--text) 14%, transparent);--grid:color-mix(in oklab, var(--accent) 11%, transparent);--shadow:0 30px 60px -20px color-mix(in oklab, var(--text) 38%, transparent);--radius:22px;--font:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Segoe UI", sans-serif;--accent-fg:var(--accent);--font-display:var(--font);--h-weight:900;--h-track:-.02em;--btn-radius:999px;--card-radius:20px;--phone-radius:44px;--phone-inner:36px;--phone-pad:9px;--phone-bg:var(--text);--ease:cubic-bezier(.2, .7, .2, 1);--mono:ui-monospace, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root{--paper:#0a1224;--paper-2:#101b33;--text:#e8eefc;--shadow:0 30px 60px -20px #000c;--accent-fg:color-mix(in oklab, var(--accent) 50%, white)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--text);font:16px/1.8 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--accent-fg)}h1,h2,h3{letter-spacing:var(--h-track);line-height:1.25;font-family:var(--font-display);margin:0}p{margin:0}.wrap{max-width:1120px;margin:0 auto;padding:0 1.4rem}.muted{color:var(--muted)}.btn{border-radius:var(--btn-radius);background:var(--accent);color:#fff;letter-spacing:.01em;box-shadow:0 10px 24px -10px var(--accent);justify-content:center;align-items:center;padding:.95rem 1.7rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{box-shadow:0 16px 28px -12px var(--accent);transform:translateY(-2px)}.btn.small{box-shadow:none;padding:.5rem 1.05rem;font-size:.88rem}.progress{background:var(--accent);transform-origin:0;z-index:50;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@supports (animation-timeline:scroll()){.progress{animation:linear both grow scroll(root)}@keyframes grow{to{transform:scaleX(1)}}}.bar{z-index:40;background:color-mix(in oklab, var(--paper) 82%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.7rem max(1.4rem,50vw - 560px + 1.4rem);display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:.6rem;font-weight:800;text-decoration:none;display:flex}.brand img{border-radius:9px}.bar nav{align-items:center;gap:1rem;display:flex}.lang{color:var(--muted);font-size:.88rem;text-decoration:none}.lang:hover{color:var(--text)}html[data-variant]:not(:lang(ja)):not(:lang(zh)):not(:lang(ko)){--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif}html[data-variant=conversation]:not(:lang(ja)):not(:lang(zh)):not(:lang(ko)),html[data-variant=playful]:not(:lang(ja)):not(:lang(zh)):not(:lang(ko)){--font:ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-display:ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif}html[data-variant=editorial]:not(:lang(ja)):not(:lang(zh)):not(:lang(ko)),html[data-variant=paper]:not(:lang(ja)):not(:lang(zh)):not(:lang(ko)){--font-display:ui-serif, "New York", Georgia, "Noto Serif", "Times New Roman", serif}html[data-variant=utility]:not(:lang(ja)):not(:lang(zh)):not(:lang(ko)),html[data-variant=devtool]:not(:lang(ja)):not(:lang(zh)):not(:lang(ko)){--font-display:ui-monospace, "SF Mono", Menlo, Consolas, "Roboto Mono", "Noto Sans Mono", monospace}html[data-variant=cartographic]:not(:lang(ja)):not(:lang(zh)):not(:lang(ko)),html[data-variant=gallery]:not(:lang(ja)):not(:lang(zh)):not(:lang(ko)),html[data-variant=clinical]:not(:lang(ja)):not(:lang(zh)):not(:lang(ko)){--font-display:var(--font)}html .bar details.langs{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:relative}html .bar details.langs>summary{cursor:pointer;user-select:none;justify-content:flex-start;align-items:center;gap:.35em;min-height:44px;list-style:none;display:inline-flex}html .bar details.langs>summary:after{content:none;display:none}.langs>summary::-webkit-details-marker{display:none}.langs>summary svg{flex:none}.langs ul{inset-inline-end:0;z-index:60;overscroll-behavior:contain;background:var(--paper);width:max-content;max-width:calc(100vw - 2rem);max-height:min(70vh,34rem);color:var(--text);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(8.5rem,1fr));gap:2px;margin:0;padding:.4rem;list-style:none;display:grid;position:absolute;top:calc(100% + 4px);overflow:auto;box-shadow:0 18px 40px -16px #00000073}html .bar .langs a{min-height:44px;color:inherit;letter-spacing:normal;text-transform:none;border-radius:8px;align-items:center;padding:0 .75rem;font:500 .92rem/1.2 -apple-system,system-ui,Segoe UI,Hiragino Sans,Noto Sans,sans-serif;text-decoration:none;display:flex}html .bar .langs a:hover,html .bar .langs a:focus-visible{background:color-mix(in oklab, var(--text) 9%, transparent)}html .bar .langs a[aria-current]{color:var(--accent-fg);font-weight:800}@media (width<=560px){.langs>summary span{display:none}.langs ul{inset-inline:1rem;width:auto;position:fixed;top:4.2rem}}.foot{border-top:1px solid var(--line);color:var(--muted);margin-top:0;padding:2.4rem 0 3rem;font-size:.9rem}.foot .wrap{gap:1rem;display:grid}.foot-brand{color:var(--text);align-items:center;gap:.7rem;display:flex}.foot-brand img{border-radius:10px}.foot nav{flex-wrap:wrap;gap:.4rem 1.4rem;display:flex}.foot a{color:var(--muted)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;padding-top:4.5rem;padding-bottom:5rem;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 32px 32px;position:absolute;inset:-4rem calc(50% - 50vw) 0;mask-image:radial-gradient(80% 70% at 60% 40%,#000 30%,#0000 78%)}.kicker{font:600 .82rem/1 var(--mono);color:var(--accent-fg);letter-spacing:.04em;margin-bottom:1.1rem}.hero h1{font-size:clamp(2.2rem,4.8vw,3.7rem);font-weight:var(--h-weight);letter-spacing:-.02em;line-break:strict;text-wrap:balance;line-height:1.15}.hero h1 .line{overflow-wrap:anywhere;display:block}.hero h1 .line:last-child{color:var(--accent-fg)}.hero h1:not(.big) .line:last-child{letter-spacing:0;margin-top:.5rem;font-size:.46em;font-weight:800;line-height:1.35}.hero h1:not(.big) .line:first-child:last-child{margin:0;font-size:1em}h1,h2,h3,.lead,p,li{word-break:auto-phrase}.lead{max-width:33rem;color:var(--muted);margin-top:1.4rem;font-size:1.08rem}.cta-row{flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:2rem;display:flex}.price{font:500 .85rem var(--mono);color:var(--muted)}.hero-stage{place-items:center;min-height:520px;display:grid;position:relative}.dial{aspect-ratio:1;z-index:0;width:min(118%,520px);position:absolute;overflow:visible}.dial-ring,.tick{stroke:var(--line);stroke-width:1.5px}.tick.long{stroke:color-mix(in oklab, var(--text) 38%, transparent);stroke-width:2px}.arm{stroke:var(--text);stroke-width:2.5px;stroke-linecap:round;opacity:.55}.arc{stroke:var(--accent);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.vertex{fill:var(--accent)}.phone{z-index:1;width:min(100%,290px);padding:var(--phone-pad);border-radius:var(--phone-radius);background:var(--phone-bg);box-shadow:var(--shadow);position:relative}.phone img{border-radius:var(--phone-inner);cursor:zoom-in;background:#fff;width:100%}.phone img:not([data-zoom]){cursor:default}html[data-shots=art] .phone{background:0 0!important;border-radius:16px!important;padding:0!important}html[data-shots=art] .phone img{background:#fff;border-radius:16px!important}html[data-shots=art] .phone.mini,html[data-shots=art] .phone.mini img{border-radius:12px!important}.hero-phone{transform:rotate(-3deg)}.readout{z-index:2;background:var(--accent);color:#fff;box-shadow:0 14px 28px -12px var(--accent);font:700 1.6rem/1 var(--mono);border-radius:14px;padding:.55rem 1rem;position:absolute;bottom:12%;right:2%}.deg{--deg:145;counter-reset:d var(--deg)}.deg:before{content:counter(d) "°"}@media (prefers-reduced-motion:no-preference){.arc{animation:1.8s cubic-bezier(.2,.7,.2,1) .3s both draw}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.arm-2{transform-origin:200px 200px;animation:1.8s cubic-bezier(.2,.7,.2,1) .3s both sweep}@keyframes sweep{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}.deg{animation:1.8s cubic-bezier(.2,.7,.2,1) .3s both count}@keyframes count{0%{--deg:0}to{--deg:145}}.hero-phone{animation:1s cubic-bezier(.2,.7,.2,1) both settle}@keyframes settle{0%{opacity:0;transform:translateY(24px)rotate(2deg)}to{opacity:1;transform:rotate(-3deg)}}}.hero-banner{z-index:1;width:100%;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:22px;position:relative;overflow:hidden}.hero-banner img{width:100%}.rail figure.wide{width:min(520px,86vw)}.wide-img{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:18px}.about{max-width:760px;padding-top:1rem;padding-bottom:3rem}.about h2{margin-bottom:.6rem;font-size:1.5rem}.about p{color:var(--muted);font-size:1.05rem}.audience{padding-top:1rem;padding-bottom:3.5rem}.eyebrow{font:600 .8rem/1 var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}.audience ul{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.audience li{border:1px solid var(--line);background:var(--paper-2);border-radius:999px;padding:.45rem 1rem;font-size:.92rem}.features{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:3rem;padding-top:4rem;padding-bottom:5rem;display:grid}.sticky-head{align-self:start;position:sticky;top:6rem}.features h2,.steps h2,.screens h2,.faq h2,.premium h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900}.feature-list{margin:0;padding:0;list-style:none}.feature-list li{border-bottom:1px solid var(--line);grid-template-columns:4.2rem 1fr;gap:1rem;padding:1.8rem 0;display:grid}.feature-list li:first-child{padding-top:.4rem}.num{font:800 2.2rem/1 var(--mono);color:var(--accent-fg)}.feature-list h3{font-size:1.25rem;font-weight:800}.feature-list p{color:var(--muted);margin-top:.5rem}.feature-list li>div{min-width:0}main :is(h1,p,h2,h3,li,figcaption,summary){overflow-wrap:anywhere}main{hyphens:auto;overflow-x:clip}.scenes{padding-top:3rem;padding-bottom:3rem}.scenes h2,.showcase h2,.usage h2{margin-bottom:1.6rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900}.scenes ul{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 3rem;margin:0;padding:0;list-style:none;display:grid}.scenes li{border-left:3px solid var(--accent);margin-bottom:.4rem;padding:1.3rem 0 1.3rem 1.2rem}.scenes h3{font-size:1.15rem;font-weight:800}.scenes p{color:var(--muted);margin-top:.4rem}.showcase{border-top:1px solid var(--line);padding:4rem 0 2rem}.show{grid-template-columns:.8fr 1.2fr;align-items:center;gap:3rem;padding:2.4rem 0;display:grid}.show.flip{grid-template-columns:1.2fr .8fr}.show.flip .show-img{order:2}.show.no-shot{grid-template-columns:1fr}.show-img{place-items:center;display:grid}.show-img .phone{width:min(100%,260px);transform:rotate(-2deg)}.show.flip .show-img .phone{transform:rotate(2deg)}.show-text .num{font:800 1.6rem/1 var(--mono);color:var(--accent-fg)}.show-text h3{margin:.5rem 0 .7rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:900}.show-text p{color:var(--muted);font-size:1.05rem}.show-text ul{gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.show-text li{padding-left:1.4rem;position:relative}.show-text li:before{content:"";background:var(--accent-fg);width:.7rem;height:2px;position:absolute;top:.7em;left:0}.usage{border-top:1px solid var(--line);padding-top:3rem;padding-bottom:3rem}.usage ol{counter-reset:u;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin:0;padding:0;list-style:none;display:grid}.usage li{align-content:start;gap:.7rem;display:grid}.usage .pt{width:2.4rem;height:2.4rem}.usage .phone.mini{border-radius:30px;width:min(100%,200px);padding:6px}.usage .phone.mini img{border-radius:24px}.usage h3{font-size:1.1rem;font-weight:800}.usage p{color:var(--muted)}.steps{background:var(--text);color:var(--paper);padding:5rem 0}:root{--on-dark:#e8eefc}.steps{color:#e8eefc}@media (prefers-color-scheme:dark){.steps{background:#060d1c}}.steps-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;display:grid}.step-list{gap:1.6rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.step-list li{grid-template-columns:2.6rem 1fr;gap:1rem;display:grid}.pt{background:var(--accent);color:#fff;width:2.6rem;height:2.6rem;font:800 1rem var(--mono);border-radius:50%;place-items:center;display:grid}.step-list h3{font-size:1.15rem;font-weight:800}.step-list p{color:#e8eefcb3;margin-top:.3rem}.diagram{justify-self:center;width:100%;max-width:420px;overflow:visible}.d-line{stroke:#e8eefc;stroke-width:3px;stroke-linecap:round;fill:none}.d-arc{stroke:var(--accent);stroke-width:5px;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--accent))}.d-pt{fill:#0b1b3a;stroke:#e8eefc;stroke-width:3px}.vertex-pt{fill:var(--accent)}.d-label{fill:#e8eefc;font:700 15px var(--mono)}.d-angle{fill:var(--accent);font:800 20px var(--mono)}.screens{padding:5rem 0 3rem;overflow:hidden}.rail{scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:2.2rem;padding:2rem max(1.4rem,50vw - 560px + 1.4rem) 2.6rem;scroll-padding-inline:max(1.4rem,50vw - 560px + 1.4rem);display:flex;overflow-x:auto}.rail:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.rail figure{scroll-snap-align:start;flex:none;width:260px;margin:0}.rail .phone{width:100%}.rail figcaption{text-align:center;color:var(--muted);margin-top:1.1rem;font-size:.9rem}.premium{padding-top:2rem;padding-bottom:4rem}.premium-card{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--paper-2);background-image:linear-gradient(135deg, color-mix(in oklab, var(--accent) 12%, transparent), transparent 55%);padding:2.4rem}.premium ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem 1.6rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.premium li{padding-left:1.6rem;position:relative}.premium li:before{content:"";border-left:3px solid var(--accent-fg);border-bottom:3px solid var(--accent-fg);width:.9rem;height:.5rem;position:absolute;top:.55em;left:0;transform:rotate(-45deg)scale(.8)}.faq{max-width:820px;padding-top:2rem;padding-bottom:4rem}.faq h2{margin-bottom:1.4rem}details{border-bottom:1px solid var(--line);padding:1.1rem 0}summary{cursor:pointer;justify-content:space-between;gap:1rem;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:400 1.4rem/1 var(--mono);color:var(--accent-fg);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--muted);margin-top:.7rem}.closing{text-align:left;border-top:1px solid var(--line);background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 32px 32px;padding:5rem 0}.closing .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.6rem;display:flex}.closing h2{max-width:24rem;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:900}.legal{max-width:760px;padding-top:3rem;padding-bottom:4rem}.legal h1{margin:1rem 0 1.4rem;font-size:2rem}.legal h2{margin:2rem 0 .6rem;font-size:1.2rem}.legal p,.legal li{color:color-mix(in oklab, var(--text) 85%, transparent)}.legal ul{padding-left:1.3rem}@media (width<=860px){.hero{grid-template-columns:1fr;padding-top:2.5rem;padding-bottom:3rem}.hero-stage{min-height:460px}.dial{width:min(104%,420px)}.hero h1{font-size:clamp(2rem,9vw,3rem)}.features{grid-template-columns:1fr;gap:1.4rem;padding-bottom:3rem}.sticky-head{position:static}.steps-grid{grid-template-columns:1fr}.show,.show.flip{grid-template-columns:1fr;gap:1.4rem}.show.flip .show-img{order:0}.bar .btn{display:none}.readout{right:6%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease) var(--reveal-delay,0s), transform .7s var(--ease) var(--reveal-delay,0s), clip-path .8s var(--ease) var(--reveal-delay,0s)}.js [data-reveal].in{opacity:1;clip-path:inset(-80px);transform:none}.js[data-reveal-kind=rise] [data-reveal],.js [data-reveal]{transform:translateY(26px)}.js[data-reveal-kind=clip] [data-reveal]{opacity:1;clip-path:inset(0 0 100%);transform:none}.js[data-reveal-kind=clip] [data-reveal].in{clip-path:inset(-80px)}.js[data-reveal-kind=pop] [data-reveal]{transform:scale(.92)translateY(10px)}.js[data-reveal-kind=none] [data-reveal]{opacity:1;clip-path:none;transition:none;transform:none}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1!important;clip-path:none!important;transition:none!important;transform:none!important}}.hero-qr{align-items:center;gap:.8rem;margin-top:1.6rem;display:none}.hero-qr .qr{border:1px solid var(--line);background:#fff;border-radius:10px;width:84px;height:84px;overflow:hidden}.hero-qr .qr svg{width:100%;height:100%;display:block}.hero-qr p{color:var(--muted);max-width:9rem;font-size:.82rem;line-height:1.4}@media (hover:hover) and (width>=960px){.hero-qr{display:flex}}.hero-deco,.hero-more{display:none}.stats{padding-top:1rem;padding-bottom:2.4rem}.stats ul{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.4rem 2.4rem;margin:0;padding:0;list-style:none;display:grid}.stats li{border-top:2px solid var(--accent);padding-top:.8rem}.stat-num{font:var(--h-weight) clamp(2rem, 5vw, 3.1rem)/1.05 var(--font-display);letter-spacing:var(--h-track);font-variant-numeric:tabular-nums;display:block}.stat-num small{color:var(--muted);margin-left:.25em;font-size:.4em;font-weight:700}.stat-label{color:var(--muted);margin-top:.3rem;font-size:.92rem;display:block}.show-layout{display:block}.story-phone{display:none}@media (width>=960px){.showcase[data-kind=story] .show-layout{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:4rem;display:grid}.showcase[data-kind=story] .story-phone{align-self:start;padding:1rem 0;display:block;position:sticky;top:5.5rem}.story-phone .phone{aspect-ratio:300/650;width:min(100%,300px);margin:0 auto}.story-phone .phone img.story-img{inset:var(--phone-pad);width:calc(100% - var(--phone-pad) * 2);height:calc(100% - var(--phone-pad) * 2);object-fit:cover;opacity:0;transition:opacity .45s var(--ease);cursor:default;position:absolute}.story-phone .phone img.story-img.on{opacity:1}html[data-shots=art] .story-phone .phone{aspect-ratio:9/16}html[data-shots=art] .story-phone .phone img.story-img{width:100%;height:100%;inset:0}.showcase[data-kind=story] .show{opacity:.4;min-height:62vh;transition:opacity .4s var(--ease);grid-template-columns:1fr;align-content:center}.showcase[data-kind=story] .show.active{opacity:1}.showcase[data-kind=story] .show .show-img{display:none}.showcase[data-kind=story] .show.flip{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.showcase[data-kind=story] .show{opacity:1}.story-phone .phone img.story-img{transition:none}}@media (width>=860px){.showcase[data-kind=grid] .show-items{grid-template-columns:repeat(2,1fr);gap:1.4rem;display:grid}.showcase[data-kind=grid] .show,.showcase[data-kind=grid] .show.flip{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--paper-2);grid-template-columns:1fr;align-content:start;gap:1.2rem;padding:1.8rem}.showcase[data-kind=grid] .show-img .phone{width:min(100%,220px);transform:none}.showcase[data-kind=grid] .show.flip .show-img{order:0}}.tabs-ui{grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:2.4rem;padding-bottom:3rem;display:grid}.tabs-ui>*{min-width:0}.tab-list{align-content:start;gap:.5rem;display:grid}.tab-list button{text-align:start;border-radius:calc(var(--card-radius) * .6);border:1px solid var(--line);background:var(--paper-2);color:var(--text);font:inherit;cursor:pointer;padding:.8rem 1rem;font-weight:700;transition:border-color .2s,background .2s,transform .2s}.tab-list button:hover{border-color:var(--accent-fg)}.tab-list button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.tab-list button:focus-visible{outline:3px solid var(--accent-fg);outline-offset:2px}.tab-panels figure{place-items:center;margin:0;display:grid}.tab-panels figure[hidden]{display:none}.tab-panels .phone{width:min(100%,280px)}.tab-panels figure.wide{width:100%}@media (width<=720px){.tabs-ui{grid-template-columns:minmax(0,1fr);gap:1.2rem}.tab-list{scrollbar-width:none;gap:.5rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.tab-list button{white-space:nowrap;flex:none}}.screens[data-kind=film] .rail figure{position:relative}.screens[data-kind=film] .rail{counter-reset:frame}.screens[data-kind=film] .rail figure:before{counter-increment:frame;content:counter(frame, decimal-leading-zero);font:600 .72rem/1 var(--mono);color:var(--muted);letter-spacing:.08em;position:absolute;top:-1.3rem;left:.2rem}.sticky-cta{z-index:45;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:color-mix(in oklab, var(--paper) 92%, transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);transition:transform .35s var(--ease);align-items:center;gap:.7rem;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.sticky-cta img{border-radius:9px}.sticky-cta strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sticky-cta .btn.small{box-shadow:none}.sticky-cta.show{transform:none}@media (width<=860px){.sticky-cta{display:flex}body{padding-bottom:4.2rem}}@media (prefers-reduced-motion:reduce){.sticky-cta{transition:none}}#lightbox{color:#fff;background:0 0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100vh;padding:0}#lightbox::backdrop{backdrop-filter:blur(6px);background:#050810db}#lightbox figure{grid-template-rows:1fr auto;place-items:center;gap:.8rem;height:100%;margin:0;padding:3.5rem 4rem 1.4rem;display:grid}#lightbox img{object-fit:contain;border-radius:18px;max-width:100%;max-height:100%;box-shadow:0 30px 80px -20px #000}#lightbox figcaption{opacity:.8;text-align:center;font-size:.9rem}#lightbox button{color:#fff;cursor:pointer;background:#fff1;border:1px solid #fff4;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.6rem;line-height:1;display:grid;position:absolute}#lightbox button:hover{background:#fff3}#lightbox button:focus-visible{outline-offset:2px;outline:3px solid #fff}#lightbox [data-prev]{top:50%;left:.8rem;transform:translateY(-50%)}#lightbox [data-next]{top:50%;right:.8rem;transform:translateY(-50%)}#lightbox [data-close]{top:.8rem;right:.8rem}@media (width<=720px){#lightbox figure{padding:4rem .8rem 1rem}}.screens[data-kind=single] .rail{justify-content:center;overflow:visible}.screens[data-kind=single] .rail figure.wide{width:min(640px,92vw)}[data-variant=clinical]{--btn-radius:8px;--card-radius:10px;--phone-radius:38px;--phone-inner:30px;--phone-pad:8px;--h-weight:800;--h-track:-.01em}[data-variant=clinical] .btn{box-shadow:none}[data-variant=clinical] .btn:hover{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent-fg) 28%, transparent);transform:none}[data-variant=clinical] .btn:focus-visible{outline:3px solid var(--accent-fg);outline-offset:3px}@media (prefers-color-scheme:dark){[data-variant=clinical] .btn{box-shadow:none}[data-variant=clinical] .btn:hover{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent-fg) 30%, transparent)}}[data-variant=clinical] .phone{box-shadow:0 18px 36px -22px color-mix(in oklab, var(--text) 55%, transparent), 0 0 0 1px var(--line)}[data-variant=clinical] .hero-banner,[data-variant=clinical] .wide-img{box-shadow:0 14px 30px -22px color-mix(in oklab, var(--text) 55%, transparent);border-radius:10px}[data-variant=clinical] .hero-banner{align-self:center}[data-variant=clinical] .scenes h2,[data-variant=clinical] .showcase h2,[data-variant=clinical] .usage h2,[data-variant=clinical] .screens h2,[data-variant=clinical] .features h2,[data-variant=clinical] .faq h2,[data-variant=clinical] .premium h2{font-weight:var(--h-weight)}[data-variant=clinical] .scenes h2:after,[data-variant=clinical] .showcase h2:after,[data-variant=clinical] .usage h2:after,[data-variant=clinical] .screens h2:after,[data-variant=clinical] .features h2:after,[data-variant=clinical] .faq h2:after{content:"";background:repeating-linear-gradient(90deg, var(--accent-fg) 0 2px, transparent 2px 6px);width:3.2rem;height:3px;margin-top:.8rem;display:block}[data-variant=clinical] .num,[data-variant=clinical] .pt,[data-variant=clinical] .price,[data-variant=clinical] .stat-num{font-family:var(--mono);font-variant-numeric:tabular-nums}[data-variant=clinical] .stat-num{letter-spacing:-.02em;font-weight:700}[data-variant=clinical] .stat-num small{font-family:var(--font)}[data-variant=clinical] .stats li{border-top:1px solid var(--line);position:relative}[data-variant=clinical] .stats li:before{content:"";background:var(--accent);width:2.2rem;height:3px;position:absolute;top:-1px;left:0}[data-variant=clinical] .pt{border-radius:6px}[data-variant=clinical] .usage .pt{color:var(--accent-fg);border:1px solid var(--accent-fg);background:0 0}[data-variant=clinical] .steps .pt{border-radius:50%}[data-variant=clinical] .scenes li{border-left-width:2px}[data-variant=clinical] .audience li{border-radius:6px;font-size:.9rem}[data-variant=clinical] .premium-card{border-top:3px solid var(--accent);background-image:none}[data-variant=clinical] .premium li:before{border-width:2px}[data-variant=clinical] .show-img .phone,[data-variant=clinical] .show.flip .show-img .phone{transform:none}[data-variant=clinical] .hero-phone{transform:rotate(-2deg)}[data-variant=clinical] .show-text li:before{height:1px}[data-variant=clinical] .showcase[data-kind=alternate] .show+.show{border-top:1px dashed var(--line)}[data-variant=clinical] .hero-qr{border:1px solid var(--line);background:var(--paper-2);border-radius:8px;width:fit-content;padding:.7rem .9rem}[data-variant=clinical] .hero-qr .qr{border-radius:4px;width:76px;height:76px}[data-variant=clinical] .hero-qr p{font-family:var(--mono);letter-spacing:.02em;font-size:.74rem}[data-variant=clinical] .rail figcaption{font-family:var(--mono);letter-spacing:.02em;font-size:.8rem}[data-variant=clinical] .screens[data-kind=rail] .rail{counter-reset:fig}[data-variant=clinical] .screens[data-kind=rail] .rail figure{position:relative}[data-variant=clinical] .screens[data-kind=rail] .rail figure:before{counter-increment:fig;content:"Fig." counter(fig, decimal-leading-zero);font:600 .72rem/1 var(--mono);color:var(--muted);letter-spacing:.06em;position:absolute;top:-1.4rem;left:.1rem}[data-variant=clinical] .tab-list button{border-radius:6px;font-weight:600}[data-variant=clinical] .tab-list button[aria-selected=true]{color:#fff}@media (prefers-color-scheme:dark){[data-variant=clinical] .tab-list button[aria-selected=true]{color:#0a1224;background:var(--accent-fg);border-color:var(--accent-fg)}}@media (width>=860px){[data-variant=clinical] .showcase[data-kind=grid] .show,[data-variant=clinical] .showcase[data-kind=grid] .show.flip{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:24px 24px;border-radius:8px}}[data-variant=clinical] .sticky-cta{border-top-color:var(--accent)}[data-variant=clinical] #lightbox img{border-radius:8px}[data-variant=clinical] #lightbox figcaption{font-family:var(--mono);font-size:.82rem}[data-variant=clinical] #lightbox button{border-radius:8px}.js[data-variant=clinical][data-reveal-kind=rise] [data-reveal]{transform:translateY(12px)}.js[data-variant=clinical] [data-reveal]{transition-duration:.5s}.js[data-variant=clinical] [data-reveal].in{transform:none}@media (width<=860px){[data-variant=clinical] .hero-banner{margin-top:.5rem}}[data-variant=clinical] .hero-stage:has(.hero-banner){min-height:0}[data-variant=gallery]{color-scheme:dark;--paper:#060606;--paper-2:#0f0f0f;--text:#ecece9;--muted:oklab(94.2249% -.00113377 .00383353/.66);--line:oklab(94.2249% -.00113377 .00383353/.16);--grid:transparent;--shadow:0 40px 80px -30px #000;--accent-fg:color-mix(in oklab, var(--accent) 45%, white);--font:-apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-display:var(--font);--h-weight:200;--h-track:-.015em;--btn-radius:0;--card-radius:0;--phone-radius:30px;--phone-inner:26px;--phone-pad:3px;--phone-bg:#2a2a2a;--ease:cubic-bezier(.25, .1, .1, 1)}[data-variant=gallery] body{font-weight:300}@media (prefers-color-scheme:dark){[data-variant=gallery]{--paper:#060606;--paper-2:#0f0f0f;--text:#ecece9;--shadow:0 40px 80px -30px #000}}[data-variant=gallery] .btn{background:var(--text);color:#060606;letter-spacing:.06em;box-shadow:none;padding:.95rem 1.9rem;font-weight:500}[data-variant=gallery] .btn:hover{background:var(--accent-fg);color:#060606;box-shadow:none;transform:none}[data-variant=gallery] .btn.small{padding:.5rem 1rem}[data-variant=gallery] .bar{border-bottom-color:var(--line);background:oklab(12.2119% 2.23517e-8 7.45058e-9/.86)}[data-variant=gallery] .brand{letter-spacing:.04em;font-weight:500}[data-variant=gallery] .brand img{border-radius:6px}[data-variant=gallery] .sticky-cta{background:oklab(12.2119% 2.23517e-8 7.45058e-9/.94)}[data-variant=gallery] .features h2,[data-variant=gallery] .steps h2,[data-variant=gallery] .screens h2,[data-variant=gallery] .faq h2,[data-variant=gallery] .premium h2,[data-variant=gallery] .scenes h2,[data-variant=gallery] .showcase h2,[data-variant=gallery] .usage h2,[data-variant=gallery] .closing h2{letter-spacing:-.01em;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:200}[data-variant=gallery] h3{font-weight:400}[data-variant=gallery] .kicker{color:var(--muted);letter-spacing:.14em;font-weight:400}[data-variant=gallery] .hero{grid-template-columns:1fr;align-items:start;gap:3rem;padding-top:4rem;padding-bottom:4.5rem}[data-variant=gallery] .hero:before{display:none}[data-variant=gallery] .hero h1{letter-spacing:-.02em;max-width:14em;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:200;line-height:1.08}[data-variant=gallery] .hero h1:not(.big) .line:last-child{letter-spacing:.04em;color:var(--accent-fg);margin-top:1.4rem;font-size:.34em;font-weight:300}[data-variant=gallery] .hero h1:not(.big) .line:first-child:last-child{color:var(--text);font-size:1em}[data-variant=gallery] .lead{max-width:34rem;font-size:1.02rem}[data-variant=gallery] .hero-copy{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;column-gap:4rem;max-width:none;display:grid}[data-variant=gallery] .hero-copy>*{grid-column:2}[data-variant=gallery] .hero-copy .kicker{grid-column:1/-1}[data-variant=gallery] .hero-copy h1{grid-area:2/1/span 3}[data-variant=gallery] .hero-copy .lead{margin-top:.6rem}[data-variant=gallery] .hero-copy .cta-row{margin-top:1.6rem}[data-variant=gallery] .hero-copy .hero-qr{margin-top:1.4rem}[data-variant=gallery] .hero-stage{scrollbar-width:none;counter-reset:frame;border-top:1px solid var(--line);justify-content:flex-start;align-items:flex-start;gap:1.1rem;min-height:0;padding:1.8rem 0 1rem;display:flex;overflow-x:auto}[data-variant=gallery] .hero-stage::-webkit-scrollbar{display:none}[data-variant=gallery] .hero-more{display:contents}[data-variant=gallery] .hero-stage .phone{flex:none;width:clamp(150px,19%,225px);animation:none;position:relative;transform:none}[data-variant=gallery] .hero-stage .phone:before{counter-increment:frame;content:counter(frame, decimal-leading-zero);font:500 .7rem/1 var(--mono);letter-spacing:.1em;color:var(--muted);position:absolute;top:-1.3rem;left:2px}[data-variant=gallery] .hero-stage .phone img{cursor:zoom-in}[data-variant=gallery] .hero-stage .phone.mini img{cursor:default}[data-variant=gallery] .hero-stage .phone.mini:nth-child(2n){margin-top:1.6rem}[data-variant=gallery] .hero-banner{border-color:var(--line);border-radius:0}@media (width<=860px){[data-variant=gallery] .hero-copy{display:block}[data-variant=gallery] .hero{gap:2rem;padding-top:2.4rem;padding-bottom:3rem}[data-variant=gallery] .hero h1{font-size:clamp(2.3rem,11vw,3.4rem)}[data-variant=gallery] .hero-stage{min-height:0;margin-right:-1.4rem;padding-right:1.4rem}[data-variant=gallery] .hero-stage .phone{width:150px}}[data-variant=gallery] .stats li{border-top:1px solid var(--line)}[data-variant=gallery] .audience li{border-color:var(--line);background:0 0;border-radius:0;font-weight:300}[data-variant=gallery] .scenes{padding-top:4rem}[data-variant=gallery] .scenes ul{gap:0 4rem}[data-variant=gallery] .scenes li{border-left:0;border-top:1px solid var(--line);margin:0;padding:1.4rem 0 1.6rem}[data-variant=gallery] .features{border-top-color:var(--line);gap:4rem}[data-variant=gallery] .feature-list li{grid-template-columns:3.4rem 1fr}[data-variant=gallery] .num{font:400 .8rem/1.9 var(--mono);letter-spacing:.1em;color:var(--accent-fg)}[data-variant=gallery] .feature-list h3{font-size:1.2rem;font-weight:400}[data-variant=gallery] .showcase{border-top-color:var(--line);padding-top:5rem}[data-variant=gallery] .showcase .show-text .num{font:400 .8rem/1 var(--mono);letter-spacing:.1em;color:var(--accent-fg)}[data-variant=gallery] .show-text h3{letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300}[data-variant=gallery] .show-text li:before{height:1px}[data-variant=gallery] .show-img .phone{width:min(100%,300px);transform:none}[data-variant=gallery] .show.flip .show-img .phone{transform:none}@media (width>=960px){[data-variant=gallery] .showcase[data-kind=story] .show-layout{grid-template-columns:minmax(300px,400px) 1fr;gap:5rem}[data-variant=gallery] .story-phone .phone{width:min(100%,360px);box-shadow:0 50px 90px -40px #000, 0 0 0 1px var(--line)}}[data-variant=gallery] .usage{border-top-color:var(--line)}[data-variant=gallery] .pt{border:1px solid var(--line);color:var(--accent-fg);background:0 0;border-radius:0;font-weight:400}[data-variant=gallery] .usage h3{font-weight:400}[data-variant=gallery] .screens{padding-top:5rem}[data-variant=gallery] .rail{border-block:1px solid var(--line);background-color:#0d0d0d;background-image:repeating-linear-gradient(90deg,#060606 0 9px,#0000 9px 22px),repeating-linear-gradient(90deg,#060606 0 9px,#0000 9px 22px);background-position:0 14px,0 calc(100% - 14px);background-repeat:repeat-x;background-size:22px 10px,22px 10px;gap:1.4rem;margin-top:1rem;padding-top:3.4rem;padding-bottom:3.4rem}[data-variant=gallery] .rail figure{width:250px}[data-variant=gallery] .rail figcaption{text-align:left;color:var(--muted);letter-spacing:.04em;font-size:.82rem}[data-variant=gallery] .screens[data-kind=film] .rail figure:before{color:var(--accent-fg);font-weight:500;top:-1.5rem}[data-variant=gallery] .rail figure.wide{width:min(520px,86vw)}[data-variant=gallery] .wide-img{box-shadow:none;border-radius:0}[data-variant=gallery] .premium-card{border-color:var(--line);background:0 0;padding:2.4rem 2.4rem 2.6rem}[data-variant=gallery] .premium li:before{border-color:var(--accent-fg);border-width:1px}[data-variant=gallery] details{border-bottom-color:var(--line)}[data-variant=gallery] summary{font-weight:400}[data-variant=gallery] .closing{border-top-color:var(--line);background:0 0;padding:6rem 0}[data-variant=gallery] .closing h2{max-width:40rem}[data-variant=gallery] #lightbox img{border-radius:0}[data-variant=gallery].js[data-reveal-kind=clip] [data-reveal].in{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){[data-variant=gallery].js[data-reveal-kind=clip] [data-reveal]{clip-path:none}}[data-variant=utility]{--paper:#e6e8e3;--paper-2:#f4f5f1;--text:#14161a;--muted:color-mix(in oklab, var(--text) 74%, transparent);--line:var(--text);--shadow:9px 9px 0 var(--text);--font:-apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-display:ui-monospace, "SF Mono", Menlo, "Hiragino Kaku Gothic ProN", monospace;--h-weight:800;--h-track:-.045em;--btn-radius:0;--card-radius:0;--phone-radius:8px;--phone-inner:2px;--phone-pad:8px;--phone-bg:var(--text);--ease:steps(6, end)}@media (prefers-color-scheme:dark){[data-variant=utility]{--paper:#101214;--paper-2:#181b1e;--text:#eceee8;--line:#eceee8;--shadow:9px 9px 0 #eceee8;--phone-bg:#050607}}[data-variant=utility] body{font-size:16px}[data-variant=utility] .bar{background:var(--paper);backdrop-filter:none;border-bottom:3px solid var(--text)}[data-variant=utility] .brand{font-family:var(--mono);letter-spacing:-.03em}[data-variant=utility] .brand img{border-radius:0}[data-variant=utility] .lang{font-family:var(--mono);color:var(--text);padding:.7rem .3rem;font-weight:700}[data-variant=utility] .btn{box-shadow:5px 5px 0 var(--text);border:3px solid var(--text);font-family:var(--mono);min-height:48px;font-weight:800;transition:none}[data-variant=utility] .btn:hover{box-shadow:3px 3px 0 var(--text);transform:translate(2px,2px)}[data-variant=utility] .btn.small{box-shadow:none;border-width:2px;min-height:44px}@media (prefers-color-scheme:dark){[data-variant=utility] .btn{background:var(--accent);color:#fff;box-shadow:5px 5px 0 var(--text)}[data-variant=utility] .btn:hover{box-shadow:3px 3px 0 var(--text)}}[data-variant=utility] .foot{border-top:3px solid var(--text);font-family:var(--mono)}[data-variant=utility] .foot-brand img{border-radius:0}[data-variant=utility] .hero{grid-template-columns:1.15fr .85fr;gap:2.4rem;padding-top:4rem;padding-bottom:4.4rem}[data-variant=utility] .hero:before{background:var(--accent);border-bottom:4px solid var(--text);inset:0 calc(50% - 50vw);mask-image:none}[data-variant=utility] .hero-copy{color:#fff}[data-variant=utility] .kicker{color:var(--paper);background:var(--text);letter-spacing:.02em;padding:.35rem .6rem .3rem;display:inline-block}[data-variant=utility] .hero h1{letter-spacing:var(--h-track);text-wrap:pretty;font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:1.02}[data-variant=utility] .hero h1 .line:last-child{color:#fff}[data-variant=utility] .hero h1:not(.big) .line:last-child{letter-spacing:-.02em;margin-top:.9rem;font-size:.4em}[data-variant=utility] .hero h1:not(.big) .line:first-child:last-child{font-size:1em}[data-variant=utility] .lead{color:#fff;border-left:6px solid #fff;max-width:31rem;padding-left:1rem;font-size:1.1rem}[data-variant=utility] .hero .btn{background:var(--paper);color:var(--text)}[data-variant=utility] .hero .price{color:#fff;font-weight:700}[data-variant=utility] .hero-qr p{color:#fff}[data-variant=utility] .hero-qr .qr{border:3px solid var(--text);border-radius:0}[data-variant=utility] .hero-stage{min-height:0}[data-variant=utility] .hero-phone{width:min(100%,270px);transform:none}[data-variant=utility] .hero-banner{border:4px solid var(--text);box-shadow:var(--shadow);background:var(--text);border-radius:0}[data-variant=utility] .hero-deco{z-index:0;pointer-events:none;display:block;position:absolute;inset:0}[data-variant=utility] .hero-deco i{border:3px solid var(--text);background:var(--paper);display:block;position:absolute}[data-variant=utility] .hero-deco i:first-child{width:4.2rem;height:4.2rem;top:6%;left:4%}[data-variant=utility] .hero-deco i:nth-child(2){background:var(--text);width:2.2rem;height:2.2rem;top:24%;right:2%}[data-variant=utility] .hero-deco i:nth-child(3){width:6rem;height:1.2rem;bottom:10%;left:0}@media (prefers-reduced-motion:no-preference){[data-variant=utility] .hero-phone{animation:none}}[data-variant=utility] .stats{padding-top:3rem;padding-bottom:1.4rem}[data-variant=utility] .stats ul{border-top:3px solid var(--text);border-left:3px solid var(--text);gap:0}[data-variant=utility] .stats li{border:0;border-right:3px solid var(--text);border-bottom:3px solid var(--text);background:var(--paper-2);padding:1.1rem 1.2rem}[data-variant=utility] .stat-num{font-family:var(--mono);font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800}[data-variant=utility] .features h2,[data-variant=utility] .steps h2,[data-variant=utility] .screens h2,[data-variant=utility] .faq h2,[data-variant=utility] .premium h2,[data-variant=utility] .scenes h2,[data-variant=utility] .showcase h2,[data-variant=utility] .usage h2{letter-spacing:var(--h-track);border-bottom:8px solid var(--accent);padding-bottom:.2rem;font-weight:800;display:inline-block}[data-variant=utility] .eyebrow{color:var(--text);font-weight:800}[data-variant=utility] .audience li{border:2px solid var(--text);background:var(--paper-2);font-family:var(--mono);border-radius:0;font-weight:600}[data-variant=utility] .scenes li{border-left:10px solid var(--accent);background:var(--paper-2);margin-bottom:1rem;padding:1.2rem 1.3rem}[data-variant=utility] .scenes ul{gap:0 2rem}[data-variant=utility] .features{border-top:3px solid var(--text)}[data-variant=utility] .feature-list li{border-bottom:3px solid var(--text)}[data-variant=utility] .num{background:var(--text);min-width:3.4rem;height:3.4rem;color:var(--paper);letter-spacing:-.04em;place-items:center;font-size:1.7rem;font-weight:800;display:inline-grid}[data-variant=utility] .feature-list li{grid-template-columns:4.4rem 1fr}[data-variant=utility] .show-text .num{margin-bottom:.4rem;font-size:1.4rem}[data-variant=utility] .feature-list h3,[data-variant=utility] .show-text h3,[data-variant=utility] .scenes h3{font-family:var(--font-display);letter-spacing:-.03em}[data-variant=utility] .show-text li:before{background:var(--accent);width:.8rem;height:4px}[data-variant=utility] .showcase{border-top:3px solid var(--text)}[data-variant=utility] .show-items{border-top:3px solid var(--text);border-left:3px solid var(--text)}[data-variant=utility] .show,[data-variant=utility] .show.flip{border-right:3px solid var(--text);border-bottom:3px solid var(--text);background:var(--paper-2);padding:1.8rem}[data-variant=utility] .show-items{grid-template-columns:1fr;gap:0;display:grid}[data-variant=utility] .show-img .phone,[data-variant=utility] .show.flip .show-img .phone{box-shadow:6px 6px 0 var(--accent);transform:none}@media (width>=860px){[data-variant=utility] .showcase[data-kind=grid] .show-items{gap:0}[data-variant=utility] .showcase[data-kind=grid] .show,[data-variant=utility] .showcase[data-kind=grid] .show.flip{border:0;border-right:3px solid var(--text);border-bottom:3px solid var(--text);background:var(--paper-2);border-radius:0}}[data-variant=utility] .usage{border-top:3px solid var(--text)}[data-variant=utility] .pt{background:var(--text);color:var(--paper);border-radius:0}[data-variant=utility] .tab-list button{border:3px solid var(--text);font-family:var(--mono);background:var(--paper-2);border-radius:0;min-height:48px;font-weight:800;transition:none}[data-variant=utility] .tab-list button[aria-selected=true]{background:var(--text);color:var(--paper);border-color:var(--text);box-shadow:inset 8px 0 0 var(--accent);padding-left:1.5rem}[data-variant=utility] .tab-list button:hover{border-color:var(--text);background:color-mix(in oklab, var(--accent) 22%, var(--paper-2))}[data-variant=utility] .wide-img{border:4px solid var(--text);box-shadow:var(--shadow);border-radius:0}[data-variant=utility] .tab-panels .phone{box-shadow:8px 8px 0 var(--accent)}[data-variant=utility] .premium-card{border:3px solid var(--text);background:var(--paper-2);box-shadow:9px 9px 0 var(--accent)}[data-variant=utility] .premium li:before{border-color:var(--text)}[data-variant=utility] details{border-bottom:3px solid var(--text)}[data-variant=utility] details:first-of-type{border-top:3px solid var(--text)}[data-variant=utility] summary{align-items:center;min-height:44px;font-weight:800}[data-variant=utility] summary:after{color:var(--text);font-size:1.8rem;font-weight:800}[data-variant=utility] .closing{background:var(--accent);color:#fff;border-top:4px solid var(--text)}[data-variant=utility] .closing h2{max-width:30rem;font-size:clamp(2rem,5.4vw,3.8rem)}[data-variant=utility] .closing .btn{background:var(--paper);color:var(--text)}[data-variant=utility] .sticky-cta{border-top:3px solid var(--text);background:var(--paper);backdrop-filter:none}[data-variant=utility] .sticky-cta img{border-radius:0}@media (width<=860px){[data-variant=utility] .hero{grid-template-columns:1fr;padding-top:2.4rem;padding-bottom:3rem}[data-variant=utility] .hero h1{font-size:clamp(2.3rem,11vw,3.6rem)}[data-variant=utility] .hero-deco{display:none}[data-variant=utility]{--shadow:6px 6px 0 var(--text)}}@media (prefers-reduced-motion:reduce){[data-variant=utility] .btn:hover{transform:none}}[data-variant=paper]{--paper:#f1f2ef;--paper-2:#fafaf8;--text:#1d2024;--muted:color-mix(in oklab, var(--text) 68%, transparent);--line:color-mix(in oklab, var(--text) 24%, transparent);--grid:transparent;--shadow:7px 7px 0 color-mix(in oklab, var(--text) 13%, transparent);--font-display:ui-serif, "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--h-weight:700;--h-track:.02em;--btn-radius:2px;--card-radius:2px;--phone-radius:3px;--phone-inner:1px;--phone-pad:10px;--phone-bg:#fbfbf9;--ease:cubic-bezier(.25, .6, .3, 1);--seal:color-mix(in oklab, var(--accent-fg) 88%, #c0261c 12%)}@media (prefers-color-scheme:dark){[data-variant=paper]{--paper:#16181b;--paper-2:#1f2226;--text:#e9e8e3;--shadow:7px 7px 0 #0008}[data-variant=paper] .btn{background:var(--accent-fg);color:#14161a;box-shadow:none}}[data-variant=paper] body{background:var(--paper)}[data-variant=paper] .bar{background:color-mix(in oklab, var(--paper) 92%, transparent);border-bottom:1px solid var(--text)}[data-variant=paper] .brand img{border-radius:3px}[data-variant=paper] .brand{font-family:var(--font-display);letter-spacing:.04em}[data-variant=paper] .btn{box-shadow:0 0 0 3px var(--paper), 0 0 0 4px var(--accent);transition:box-shadow .25s var(--ease), transform .25s var(--ease);margin:4px}[data-variant=paper] .btn.small{box-shadow:none;margin:0}[data-variant=paper] .btn:hover{box-shadow:0 0 0 3px var(--paper), 0 0 0 7px var(--accent);transform:none}@media (prefers-color-scheme:dark){[data-variant=paper] .btn{box-shadow:0 0 0 3px var(--paper), 0 0 0 4px var(--accent-fg)}[data-variant=paper] .btn.small{box-shadow:none}[data-variant=paper] .btn:hover{box-shadow:0 0 0 3px var(--paper), 0 0 0 7px var(--accent-fg)}}[data-variant=paper] .kicker{font-family:var(--font-display);letter-spacing:.1em;color:var(--muted);font-weight:600}[data-variant=paper] .price{font-family:var(--font-display)}[data-variant=paper] .num,[data-variant=paper] .show-text .num{font-family:var(--font-display);color:var(--accent-fg);font-weight:700}[data-variant=paper] .features h2,[data-variant=paper] .scenes h2,[data-variant=paper] .showcase h2,[data-variant=paper] .usage h2,[data-variant=paper] .screens h2,[data-variant=paper] .faq h2,[data-variant=paper] .premium h2,[data-variant=paper] .closing h2{font-weight:var(--h-weight);letter-spacing:var(--h-track)}[data-variant=paper] .features h2:before,[data-variant=paper] .scenes h2:before,[data-variant=paper] .showcase h2:before,[data-variant=paper] .usage h2:before,[data-variant=paper] .screens h2:before,[data-variant=paper] .faq h2:before,[data-variant=paper] .premium h2:before{content:"";background:var(--seal);vertical-align:.08em;width:.42em;height:.42em;margin-right:.5em;display:inline-block}[data-variant=paper] .hero{grid-template-columns:.95fr 1.05fr;gap:3.5rem;padding-top:4rem;padding-bottom:5rem}[data-variant=paper] .hero-stage{order:-1;min-height:540px}[data-variant=paper] .hero:before{background:repeating-linear-gradient(0deg, transparent 0 35px, color-mix(in oklab, var(--text) 6%, transparent) 35px 36px);inset:-4rem calc(50% - 50vw) 0;mask-image:linear-gradient(90deg,#0000,#000 35% 70%,#0000)}[data-variant=paper] .hero h1{letter-spacing:.02em;font-weight:700;line-height:1.2}[data-variant=paper] .hero h1 .line:last-child{color:var(--text)}[data-variant=paper] .hero h1:not(.big) .line:last-child{letter-spacing:.04em;border-top:1px solid var(--text);margin-top:.8rem;padding-top:.7rem;font-weight:600;display:block}[data-variant=paper] .lead{color:var(--muted);overflow-wrap:anywhere}[data-variant=paper] .hero-qr .qr{border:1px solid var(--text);border-radius:0;padding:2px}[data-variant=paper] .hero-stage:before{content:"";z-index:0;pointer-events:none;--m:color-mix(in oklab, var(--text) 78%, transparent);--o:26px;--l:18px;background:linear-gradient(var(--m), var(--m)) var(--o) 0 / 1px var(--l) no-repeat, linear-gradient(var(--m), var(--m)) 0 var(--o) / var(--l) 1px no-repeat, linear-gradient(var(--m), var(--m)) calc(100% - var(--o)) 0 / 1px var(--l) no-repeat, linear-gradient(var(--m), var(--m)) 100% var(--o) / var(--l) 1px no-repeat, linear-gradient(var(--m), var(--m)) var(--o) 100% / 1px var(--l) no-repeat, linear-gradient(var(--m), var(--m)) 0 calc(100% - var(--o)) / var(--l) 1px no-repeat, linear-gradient(var(--m), var(--m)) calc(100% - var(--o)) 100% / 1px var(--l) no-repeat, linear-gradient(var(--m), var(--m)) 100% calc(100% - var(--o)) / var(--l) 1px no-repeat;position:absolute;inset:-22px calc(50% - 172px)}[data-variant=paper] .hero-deco{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}[data-variant=paper] .hero-deco i{display:block;position:absolute}[data-variant=paper] .hero-deco i:first-child{border:1px solid var(--text);background:linear-gradient(var(--text), var(--text)) 50% 50% / 1px 150% no-repeat, linear-gradient(var(--text), var(--text)) 50% 50% / 150% 1px no-repeat;width:34px;height:34px;box-shadow:inset 0 0 0 6px var(--paper), inset 0 0 0 7px var(--text);opacity:.8;border-radius:50%;top:46%;left:calc(50% - 222px)}[data-variant=paper] .hero-deco i:nth-child(2){background:linear-gradient(90deg, var(--accent) 0 16.6%, color-mix(in oklab, var(--accent) 66%, var(--paper)) 0 33.3%, color-mix(in oklab, var(--accent) 33%, var(--paper)) 0 50%, #111 0 66.6%, #777 0 83.3%, #bbb 0 100%);outline:1px solid var(--line);width:168px;height:9px;bottom:-2px;left:50%;transform:translate(-50%)}[data-variant=paper] .hero-deco i:nth-child(3){border:2px solid var(--seal);opacity:.88;width:70px;height:70px;box-shadow:inset 0 0 0 5px var(--paper), inset 0 0 0 7px var(--seal);background:radial-gradient(circle at 50% 50%, var(--seal) 0 7px, transparent 8px);mix-blend-mode:multiply;border-radius:4px;bottom:10%;left:calc(50% + 112px);transform:rotate(-8deg)}@media (prefers-color-scheme:dark){[data-variant=paper] .hero-deco i:nth-child(3){mix-blend-mode:normal}}[data-variant=paper] .phone{border:1px solid oklab(24.2114% -.00220222 -.00857349/.4)}[data-variant=paper] .phone img{background:#fff;outline:1px solid oklab(24.2114% -.00220222 -.00857349/.22)}[data-variant=paper] .hero-phone,[data-variant=paper] .show-img .phone,[data-variant=paper] .show.flip .show-img .phone{animation:none;transform:none}[data-variant=paper] .hero-banner{border:10px solid var(--phone-bg);box-shadow:var(--shadow);border-radius:2px;outline:1px solid oklab(24.2114% -.00220222 -.00857349/.4)}[data-variant=paper] .wide-img{border:8px solid var(--phone-bg);box-shadow:var(--shadow);border-radius:1px}[data-variant=paper] .audience li{border:1px dashed var(--line);font-family:var(--font-display);background:0 0;border-radius:0}[data-variant=paper] .features{border-top:1px solid var(--text)}[data-variant=paper] .feature-list li{border-bottom:1px dotted var(--line)}[data-variant=paper] .feature-list h3,[data-variant=paper] .show-text h3,[data-variant=paper] .scenes h3,[data-variant=paper] .usage h3{letter-spacing:.03em;font-weight:700}[data-variant=paper] .scenes li{border-left:0;border-top:1px solid var(--text);padding:1rem 0 1.2rem;position:relative}[data-variant=paper] .scenes li:before{content:"";background:var(--seal);width:7px;height:7px;position:absolute;top:-4px;left:0}[data-variant=paper] .showcase{border-top:1px solid var(--text)}[data-variant=paper] .show-text li:before{background:var(--text);height:1px}[data-variant=paper] .usage{border-top:1px solid var(--text)}[data-variant=paper] .pt{color:var(--text);border:1px solid var(--text);font-family:var(--font-display);background:0 0;border-radius:0}[data-variant=paper] .stats li{border-top:1px solid var(--text)}[data-variant=paper] .rail figcaption{font-family:var(--font-display);letter-spacing:.04em}[data-variant=paper] .rail .phone{box-shadow:5px 5px 0 color-mix(in oklab, var(--text) 12%, transparent)}[data-variant=paper] .tab-list button{font-family:var(--font-display)}[data-variant=paper] .tab-list button[aria-selected=true]{background:var(--text);border-color:var(--text);color:var(--paper)}[data-variant=paper] .premium-card{background:var(--paper-2);border:1px solid var(--text);outline:1px solid var(--line);outline-offset:5px;background-image:none;margin:6px}[data-variant=paper] .premium li:before{border-color:var(--seal)}[data-variant=paper] details{border-bottom:1px dotted var(--line)}[data-variant=paper] summary{font-family:var(--font-display)}[data-variant=paper] .closing{background:var(--paper-2);border-top:1px solid var(--text);border-bottom:1px solid var(--text);box-shadow:inset 0 6px 0 var(--paper-2), inset 0 7px 0 var(--line)}[data-variant=paper] .foot{border-top:1px solid var(--text)}.js[data-variant=paper] [data-reveal]{transition-duration:.5s;transform:translateY(10px)}.js[data-variant=paper] [data-reveal].in{transform:none}@media (width<=860px){[data-variant=paper] .hero{grid-template-columns:1fr;gap:1.5rem}[data-variant=paper] .hero-stage{order:0;min-height:460px}[data-variant=paper] .hero:before{display:none}[data-variant=paper] .hero-deco i:first-child{top:auto;bottom:-8px;left:4px;transform:scale(.8)}[data-variant=paper] .hero-deco i:nth-child(3){width:56px;height:56px;left:calc(50% + 100px)}}@media (prefers-reduced-motion:reduce){[data-variant=paper] .btn,[data-variant=paper] .btn:hover{transition:none}.js[data-variant=paper] [data-reveal]{transform:none}}[data-variant=conversation]{--font:ui-rounded, "Hiragino Maru Gothic ProN", "Yu Gothic", -apple-system, "Hiragino Sans", sans-serif;--font-display:ui-rounded, "Hiragino Maru Gothic ProN", "Yu Gothic", -apple-system, "Hiragino Sans", sans-serif;--paper:color-mix(in oklab, var(--accent) 5%, #fbfcfd);--paper-2:color-mix(in oklab, var(--accent) 10%, #fff);--bubble:color-mix(in oklab, var(--accent) 12%, #fff);--bubble-me:color-mix(in oklab, var(--accent) 88%, #000);--line:color-mix(in oklab, var(--text) 12%, transparent);--grid:transparent;--h-weight:700;--h-track:0;--btn-radius:999px;--card-radius:26px;--phone-radius:40px;--phone-inner:32px;--phone-pad:8px;--phone-bg:color-mix(in oklab, var(--text) 82%, var(--accent));--shadow:0 24px 50px -24px color-mix(in oklab, var(--accent) 45%, transparent);--ease:cubic-bezier(.25, .6, .3, 1)}@media (prefers-color-scheme:dark){[data-variant=conversation]{--paper:color-mix(in oklab, var(--accent) 14%, #0b0f16);--paper-2:color-mix(in oklab, var(--accent) 20%, #121823);--bubble:color-mix(in oklab, var(--accent) 24%, #121823);--bubble-me:color-mix(in oklab, var(--accent) 80%, #000);--line:oklab(100% 0 5.96046e-8/.14);--phone-bg:color-mix(in oklab, var(--accent) 30%, #1b2230);--shadow:0 24px 50px -24px #000d}[data-variant=conversation] .btn{background:var(--accent-fg);color:#0b0f16}}[data-variant=conversation] body{line-height:1.9}[data-variant=conversation] .kicker{font-family:var(--font);letter-spacing:.02em;font-weight:600}[data-variant=conversation] .eyebrow{font-family:var(--font);text-transform:none;letter-spacing:.02em;font-size:.88rem}[data-variant=conversation] .btn{box-shadow:none;min-height:48px;padding:1rem 1.9rem;font-weight:700}[data-variant=conversation] .btn:hover{box-shadow:0 0 0 6px color-mix(in oklab, var(--accent) 22%, transparent);transform:none}[data-variant=conversation] .btn.small{min-height:44px}[data-variant=conversation] .price{font-family:var(--font)}[data-variant=conversation] .num{font-family:var(--font);font-weight:700}[data-variant=conversation] .hero:before{display:none}[data-variant=conversation] .hero h1{font-weight:700;line-height:1.3}[data-variant=conversation] .hero h1:not(.big) .line:last-child{font-weight:600}[data-variant=conversation] .lead{max-width:30rem;color:var(--text);background:var(--bubble);border-radius:26px 26px 26px 8px;margin-top:2rem;padding:1.1rem 1.4rem;font-size:1.02rem;position:relative}[data-variant=conversation] .lead:after{content:"";background:var(--bubble);clip-path:polygon(0 0,100% 0,0 100%);width:22px;height:18px;position:absolute;bottom:-10px;left:0}[data-variant=conversation] .hero-stage:before{content:"";z-index:0;aspect-ratio:1;background:repeating-radial-gradient(circle, transparent 0 34px, color-mix(in oklab, var(--accent) 16%, transparent) 34px 36px);border-radius:50%;width:min(125%,560px);position:absolute;mask-image:radial-gradient(circle,#000 25%,#0000 70%)}[data-variant=conversation] .hero-phone{animation:none;transform:none}[data-variant=conversation] .hero-banner{background:var(--bubble);border:0;border-radius:28px;padding:8px}[data-variant=conversation] .hero-banner img{border-radius:22px}[data-variant=conversation] .audience li{background:var(--bubble);border:0;padding:.55rem 1.1rem}[data-variant=conversation] .scenes ul{grid-template-columns:1fr;gap:.6rem;max-width:46rem}[data-variant=conversation] .scenes li{--b:var(--bubble);isolation:isolate;border:0;width:min(100%,36rem);margin:0;padding:1.3rem 1.6rem calc(1.3rem + 14px);position:relative}[data-variant=conversation] .scenes li:before{content:"";z-index:-1;background:var(--b);border-radius:26px 26px 26px 8px;position:absolute;inset:0 0 14px}[data-variant=conversation] .scenes li:after{content:"";z-index:-1;background:var(--b);clip-path:polygon(0 0,100% 0,0 100%);width:22px;height:16px;position:absolute;bottom:0;left:22px}[data-variant=conversation] .scenes li:nth-child(2n){--b:color-mix(in oklab, var(--accent) 22%, var(--paper-2));justify-self:end}[data-variant=conversation] .scenes li:nth-child(2n):before{border-radius:26px 26px 8px}[data-variant=conversation] .scenes li:nth-child(2n):after{clip-path:polygon(0 0,100% 0,100% 100%);left:auto;right:22px}[data-variant=conversation] .scenes h3{font-weight:700}[data-variant=conversation] .scenes p{color:color-mix(in oklab, var(--text) 78%, transparent)}[data-variant=conversation] .features{border-top:0}[data-variant=conversation] .feature-list li{background:var(--bubble);border:0;border-radius:26px;grid-template-columns:3rem 1fr;align-items:start;margin-bottom:1rem;padding:1.3rem 1.5rem}[data-variant=conversation] .feature-list li:first-child{padding-top:1.3rem}[data-variant=conversation] .feature-list .num{background:var(--paper);width:2.6rem;height:2.6rem;color:var(--accent-fg);border-radius:50%;place-items:center;font-size:.95rem;display:grid}[data-variant=conversation] .feature-list h3{font-weight:700}[data-variant=conversation] .feature-list p{color:color-mix(in oklab, var(--text) 78%, transparent)}[data-variant=conversation] .showcase{border-top:0}[data-variant=conversation] .show-text{background:var(--bubble);border-radius:28px;padding:1.6rem 1.8rem;position:relative}[data-variant=conversation] .show-text .num{font-size:.95rem}[data-variant=conversation] .show-text h3{font-weight:700}[data-variant=conversation] .show-text p{color:color-mix(in oklab, var(--text) 80%, transparent)}[data-variant=conversation] .show-text li:before{border-radius:50%;width:6px;height:6px;top:.85em}[data-variant=conversation] .show-img .phone,[data-variant=conversation] .show.flip .show-img .phone{transform:none}@media (width>=960px){[data-variant=conversation] .showcase[data-kind=story] .show-text{border-radius:28px;margin-left:16px}[data-variant=conversation] .showcase[data-kind=story] .show-text:before{content:"";background:var(--bubble);clip-path:polygon(100% 0,100% 100%,0 50%);width:18px;height:22px;position:absolute;top:2rem;left:-14px}[data-variant=conversation] .showcase[data-kind=story] .show{opacity:.6}[data-variant=conversation] .showcase[data-kind=story] .show.active{opacity:1}}@media (prefers-reduced-motion:reduce){[data-variant=conversation] .showcase[data-kind=story] .show{opacity:1}}[data-variant=conversation] .usage{border-top:0}[data-variant=conversation] .usage li{background:var(--bubble);border-radius:26px;padding:1.3rem}[data-variant=conversation] .pt{background:var(--accent);font-family:var(--font)}[data-variant=conversation] .tab-list button{background:var(--bubble);border:0;border-radius:999px;min-height:44px;padding:.8rem 1.2rem;font-weight:600}[data-variant=conversation] .tab-list button:hover{background:color-mix(in oklab, var(--accent) 22%, var(--paper-2))}[data-variant=conversation] .tab-list button[aria-selected=true]{background:var(--accent);color:#fff}@media (prefers-color-scheme:dark){[data-variant=conversation] .tab-list button[aria-selected=true]{background:var(--accent-fg);color:#0b0f16}}[data-variant=conversation] .premium-card{background:var(--bubble);background-image:none;border:0}[data-variant=conversation] details{background:var(--bubble);border-bottom:0;border-radius:20px;margin-bottom:.7rem;padding:1.1rem 1.4rem}[data-variant=conversation] summary{min-height:28px}[data-variant=conversation] .closing{background:var(--paper-2);border-top:0}[data-variant=conversation] .closing h2{font-weight:700}@media (prefers-reduced-motion:no-preference){[data-variant=conversation] .hero-stage:before{animation:7s ease-in-out infinite alternate convo-ripple}@keyframes convo-ripple{0%{transform:scale(.96)}to{transform:scale(1.04)}}}@media (width<=860px){[data-variant=conversation] .lead{margin-top:1.6rem}[data-variant=conversation] .scenes li,[data-variant=conversation] .scenes li:nth-child(2n){width:100%}[data-variant=conversation] .hero-stage:before{width:min(110%,440px)}[data-variant=conversation] .hero-stage:has(.hero-banner){min-height:0;padding:1rem 0 0}}[data-variant=cartographic]{--font:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--paper:color-mix(in oklab, var(--accent) 3%, #f4f7f4);--paper-2:#fff;--contour:color-mix(in oklab, var(--accent) 13%, transparent);--contour-2:oklab(56.299% -.11116 .0428038/.14);--line:color-mix(in oklab, var(--text) 16%, transparent);--grid:color-mix(in oklab, var(--accent) 8%, transparent);--h-weight:800;--h-track:-.01em;--btn-radius:6px;--card-radius:8px;--phone-radius:34px;--phone-inner:28px;--phone-pad:6px;--phone-bg:var(--text);--shadow:0 14px 30px -18px color-mix(in oklab, var(--text) 50%, transparent);--ease:cubic-bezier(.3, .6, .3, 1);--topo:repeating-radial-gradient(ellipse 70% 52% at 82% 18%, transparent 0 30px, var(--contour) 30px 31px), repeating-radial-gradient(ellipse 48% 66% at 12% 92%, transparent 0 44px, var(--contour-2) 44px 45px)}@media (prefers-color-scheme:dark){[data-variant=cartographic]{--paper:color-mix(in oklab, var(--accent) 12%, #0a1311);--paper-2:color-mix(in oklab, var(--accent) 14%, #101a18);--contour:color-mix(in oklab, var(--accent-fg) 15%, transparent);--contour-2:oklab(78.6054% -.123433 .0396059/.14);--line:oklab(100% 0 5.96046e-8/.17);--shadow:0 14px 30px -18px #000}[data-variant=cartographic] .btn{background:var(--accent-fg);color:#07100e}}[data-variant=cartographic] .btn{box-shadow:none;min-height:48px;font-weight:700}[data-variant=cartographic] .btn:hover{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent-fg) 30%, transparent);transform:none}[data-variant=cartographic] .btn.small{min-height:44px}[data-variant=cartographic] .kicker{letter-spacing:.06em}[data-variant=cartographic] .kicker:before{content:"";background:var(--accent-fg);vertical-align:-.05em;border-radius:50% 50% 50% 0;width:.7em;height:.7em;margin-right:.6em;display:inline-block;transform:rotate(-45deg)}[data-variant=cartographic] .eyebrow{letter-spacing:.04em;text-transform:none}[data-variant=cartographic] .scenes h2,[data-variant=cartographic] .features h2,[data-variant=cartographic] .showcase h2,[data-variant=cartographic] .usage h2,[data-variant=cartographic] .screens h2,[data-variant=cartographic] .faq h2{margin-bottom:1.6rem;padding-bottom:1.1rem;font-weight:800;position:relative}[data-variant=cartographic] .features h2{margin-bottom:0}[data-variant=cartographic] .scenes h2:after,[data-variant=cartographic] .features h2:after,[data-variant=cartographic] .showcase h2:after,[data-variant=cartographic] .usage h2:after,[data-variant=cartographic] .screens h2:after,[data-variant=cartographic] .faq h2:after{content:"";background:linear-gradient(var(--text), var(--text)) 0 100% / 100% 2px no-repeat, repeating-linear-gradient(90deg, var(--text) 0 2px, transparent 2px 18px) 0 0 / 100% 9px no-repeat;opacity:.55;width:9rem;height:9px;position:absolute;bottom:0;left:0}[data-variant=cartographic] .hero{padding-top:3.2rem;padding-bottom:0;display:block;overflow:visible}[data-variant=cartographic] .hero:before{background:var(--topo);inset:-4rem calc(50% - 50vw) 0;mask-image:linear-gradient(#000 55%,#0000)}[data-variant=cartographic] .hero-copy{grid-template-columns:1.25fr 1fr;align-items:start;column-gap:3rem;display:grid}[data-variant=cartographic] .hero-copy>*{grid-column:2}[data-variant=cartographic] .hero-copy .kicker{grid-area:1/1}[data-variant=cartographic] .hero-copy h1{grid-area:2/1/span 4;font-size:clamp(2.4rem,5.6vw,4.4rem)}[data-variant=cartographic] .hero-copy .lead{color:color-mix(in oklab, var(--text) 80%, transparent);border-left:3px solid var(--accent-fg);grid-row:1/span 2;margin-top:0;padding-left:1.1rem}[data-variant=cartographic] .hero-copy .cta-row{margin-top:1.4rem}[data-variant=cartographic] .hero-stage{border-bottom:2px solid var(--text);justify-content:center;align-items:flex-end;gap:1.6rem;min-height:0;margin-top:2.6rem;padding:0;display:flex}[data-variant=cartographic] .hero-phone{border-bottom-right-radius:0;border-bottom-left-radius:0;width:min(100%,280px);margin-bottom:-1px;padding-bottom:0;animation:none;transform:none}[data-variant=cartographic] .hero-phone img{border-bottom-right-radius:0;border-bottom-left-radius:0}[data-variant=cartographic] .hero-more{align-items:flex-end;gap:1.2rem;display:flex}[data-variant=cartographic] .hero-more .phone.mini{width:170px;box-shadow:none;opacity:.92;border-radius:26px 26px 0 0;padding:5px 5px 0}[data-variant=cartographic] .hero-more .phone.mini img{cursor:default;border-radius:21px 21px 0 0}[data-variant=cartographic] .hero-more .m1{height:250px;margin-bottom:0;overflow:hidden}[data-variant=cartographic] .hero-more .m2{height:190px;overflow:hidden}[data-variant=cartographic] .hero-more .m3,[data-variant=cartographic] .hero-more .m4{display:none}[data-variant=cartographic] .hero-banner{border:2px solid var(--text);max-width:640px;box-shadow:6px 6px 0 var(--contour);border-radius:8px;margin-bottom:2.4rem}[data-variant=cartographic] .hero-stage:has(.hero-banner){border-bottom:0}[data-variant=cartographic] .hero-stage .hero-phone,[data-variant=cartographic] .hero-stage .hero-banner{flex:none}[data-variant=cartographic] .audience{padding-top:3rem}[data-variant=cartographic] .audience li{border-color:var(--line);background:var(--paper-2);border-radius:6px;font-weight:600}[data-variant=cartographic] .num,[data-variant=cartographic] .pt{z-index:0;width:2.5rem;height:2.5rem;font:700 .92rem/1 var(--mono);color:#fff;background:0 0;border-radius:0;place-items:center;margin-bottom:.2rem;display:grid;position:relative}[data-variant=cartographic] .num:before,[data-variant=cartographic] .pt:before{content:"";z-index:-1;background:var(--accent);border-radius:50% 50% 50% 0;position:absolute;inset:0;transform:rotate(-45deg);box-shadow:inset 0 0 0 3px oklab(100% 0 5.96046e-8/.22)}@media (prefers-color-scheme:dark){[data-variant=cartographic] .num,[data-variant=cartographic] .pt{color:#07100e}[data-variant=cartographic] .num:before,[data-variant=cartographic] .pt:before{background:var(--accent-fg);box-shadow:inset 0 0 0 3px #07100e33}}[data-variant=cartographic] .num{transform:translateY(-3px)}[data-variant=cartographic] .scenes ul{gap:0 2.4rem}[data-variant=cartographic] .scenes li{border-left:2px dashed color-mix(in oklab, var(--accent-fg) 55%, transparent);margin-bottom:0;padding:1.1rem 0 1.1rem 1.6rem;position:relative}[data-variant=cartographic] .scenes li:before{content:"";background:var(--paper);border:3px solid var(--accent-fg);border-radius:50%;width:12px;height:12px;position:absolute;top:1.45rem;left:-7px}[data-variant=cartographic] .scenes h3{font-weight:800}[data-variant=cartographic] .scenes p{color:color-mix(in oklab, var(--text) 78%, transparent)}[data-variant=cartographic] .features{border-top:2px solid var(--text);margin-top:2rem}[data-variant=cartographic] .feature-list li{border-bottom:1px solid var(--line);grid-template-columns:3.4rem 1fr;padding:1.5rem 0}[data-variant=cartographic] .feature-list li:first-child{padding-top:.6rem}[data-variant=cartographic] .feature-list h3{font-weight:800}[data-variant=cartographic] .feature-list p{color:color-mix(in oklab, var(--text) 78%, transparent)}[data-variant=cartographic] .showcase{border-top:0;padding-top:3rem}[data-variant=cartographic] .story-phone{position:relative}[data-variant=cartographic] .story-phone:before{content:"";z-index:0;background:repeating-radial-gradient(circle at 50% 50%, transparent 0 22px, var(--contour) 22px 23.5px);border-radius:50%;position:absolute;inset:2% -22%;mask-image:radial-gradient(circle,#000 35%,#0000 72%)}[data-variant=cartographic] .show-img .phone,[data-variant=cartographic] .show.flip .show-img .phone{transform:none}[data-variant=cartographic] .show-text{grid-template-columns:3rem 1fr;align-items:start;column-gap:1rem;display:grid}[data-variant=cartographic] .show-text>:not(.num){grid-column:2}[data-variant=cartographic] .show-text .num{grid-area:1/1/span 3;width:2.3rem;height:2.3rem;margin-top:.3rem;font-size:.85rem}[data-variant=cartographic] .show-text h3{margin-top:0;font-weight:800}[data-variant=cartographic] .show-text p{color:color-mix(in oklab, var(--text) 80%, transparent)}[data-variant=cartographic] .show-text li:before{background:var(--accent-fg);height:2px}[data-variant=cartographic] .show-text ul{padding-top:.2rem}@media (width>=960px){[data-variant=cartographic] .showcase[data-kind=story] .show{opacity:.6;border-left:2px solid var(--line);padding-left:2rem}[data-variant=cartographic] .showcase[data-kind=story] .show.active{opacity:1;border-left-color:var(--accent-fg)}}@media (prefers-reduced-motion:reduce){[data-variant=cartographic] .showcase[data-kind=story] .show{opacity:1}}[data-variant=cartographic] .usage{border-top:0}[data-variant=cartographic] .usage .pt{margin-bottom:.4rem}[data-variant=cartographic] .usage li{padding-top:.4rem}[data-variant=cartographic] .screens{padding-top:3rem}[data-variant=cartographic] .rail{counter-reset:fig}[data-variant=cartographic] .rail figure{counter-increment:fig;border-top:1px solid var(--line);padding-top:1.6rem;position:relative}[data-variant=cartographic] .rail figure:before{content:counter(fig, decimal-leading-zero);font:600 .74rem/1 var(--mono);color:var(--muted);letter-spacing:.08em;position:absolute;top:.5rem;left:0}[data-variant=cartographic] .rail figcaption{color:color-mix(in oklab, var(--text) 78%, transparent)}[data-variant=cartographic] .rail figure.wide{padding-top:1.6rem}[data-variant=cartographic] .premium-card{border:1px solid var(--line);border-top:3px solid var(--accent-fg);background-image:none}[data-variant=cartographic] .faq{padding-top:3rem}[data-variant=cartographic] summary{align-items:center;min-height:44px}[data-variant=cartographic] .closing{border-top:2px solid var(--text);background:var(--topo);background-color:var(--paper-2)}@media (width<=860px){[data-variant=cartographic] .hero{padding-top:2rem}[data-variant=cartographic] .hero-copy{display:block}[data-variant=cartographic] .hero-copy .lead{margin-top:1.2rem}[data-variant=cartographic] .hero-copy h1{font-size:clamp(2.1rem,10vw,3rem)}[data-variant=cartographic] .hero-stage{gap:0;margin-top:2rem}[data-variant=cartographic] .hero-more{display:none}[data-variant=cartographic] .hero-banner{margin-bottom:1.6rem}[data-variant=cartographic] .scenes ul{gap:0}}.js[data-variant=cartographic][data-reveal-kind=clip] [data-reveal].in{clip-path:inset(-24px -24px -40px)}@media (prefers-reduced-motion:reduce){.js[data-variant=cartographic][data-reveal-kind=clip] [data-reveal]{clip-path:none}}[data-variant=playful]{--paper:#f1f4f9;--paper-2:#fff;--text:#15161c;--muted:color-mix(in oklab, var(--text) 72%, transparent);--pl:#15161c;--line:var(--pl);--y:#ffd23f;--r:#e8372c;--g:#18a957;--b:#1a5cdb;--shadow:7px 7px 0 var(--pl);--font:ui-rounded, "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--font-display:ui-rounded, "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--h-weight:900;--h-track:-.01em;--btn-radius:16px;--card-radius:22px;--phone-radius:32px;--phone-inner:24px;--phone-pad:7px;--phone-bg:#15161c;--ease:cubic-bezier(.25, 1.2, .5, 1)}@media (prefers-color-scheme:dark){[data-variant=playful]{--paper:#14151b;--paper-2:#20222d;--text:#f6f3ea;--pl:#f6f3ea}[data-variant=playful] .btn{background:var(--accent);color:#fff;box-shadow:5px 5px 0 var(--pl)}[data-variant=playful] .btn:hover{box-shadow:2px 2px 0 var(--pl)}}[data-variant=playful] .bar{background:var(--paper);backdrop-filter:none;border-bottom:4px solid var(--pl)}[data-variant=playful] .brand{font-weight:900}[data-variant=playful] .lang{color:var(--text);padding:.7rem .3rem;font-weight:800}[data-variant=playful] .btn{border:4px solid var(--pl);box-shadow:5px 5px 0 var(--pl);min-height:52px;transition:transform .15s var(--ease), box-shadow .15s var(--ease);font-weight:900}[data-variant=playful] .btn:hover{box-shadow:2px 2px 0 var(--pl);transform:translate(3px,3px)}[data-variant=playful] .btn.small{min-height:44px;box-shadow:3px 3px 0 var(--pl);border-width:3px;padding:.4rem 1rem}[data-variant=playful] .foot{border-top:4px solid var(--pl)}[data-variant=playful] .hero{--pl:#15161c;--shadow:8px 8px 0 #15161c;padding-top:4rem;padding-bottom:4.6rem}[data-variant=playful] .hero:before{background:radial-gradient(circle at 1.5px 1.5px, #15161c22 1.6px, transparent 1.8px) 0 0 / 18px 18px, var(--y);border-bottom:5px solid #15161c;inset:0 calc(50% - 50vw);mask-image:none}[data-variant=playful] .hero-copy{color:#15161c}[data-variant=playful] .kicker{font:800 .85rem/1 var(--font);letter-spacing:0;color:#15161c;background:#fff;border:3px solid #15161c;border-radius:999px;padding:.5rem .9rem;display:inline-block;transform:rotate(-2deg);box-shadow:3px 3px #15161c}[data-variant=playful] .hero h1{color:#15161c;text-shadow:4px 4px #fff;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.08}[data-variant=playful] .hero h1 .line:last-child{color:#15161c}[data-variant=playful] .hero h1:not(.big) .line:last-child{text-shadow:2px 2px #fff;font-size:.42em}[data-variant=playful] .hero h1:not(.big) .line:first-child:last-child{text-shadow:4px 4px #fff;font-size:1em}[data-variant=playful] .lead{color:#15161c;background:#fff;border:3px solid #15161c;border-radius:18px;padding:.9rem 1.1rem;font-size:1.02rem;font-weight:600;box-shadow:4px 4px #15161c}[data-variant=playful] .hero .btn{background:var(--b);color:#fff}[data-variant=playful] .hero .price{color:#15161c;font:800 .85rem var(--font)}[data-variant=playful] .hero-qr p{color:#15161c}[data-variant=playful] .hero-qr .qr{border:3px solid #15161c;border-radius:12px}[data-variant=playful] .hero-stage{min-height:0}[data-variant=playful] .hero-phone{border:4px solid #15161c;width:min(100%,270px);transform:rotate(-4deg)}[data-variant=playful] .hero-banner{box-shadow:var(--shadow);background:#15161c;border:4px solid #15161c;border-radius:22px;transform:rotate(-2deg)}[data-variant=playful] .hero-deco{z-index:0;pointer-events:none;display:block;position:absolute;inset:0}[data-variant=playful] .hero-deco i{border:4px solid #15161c;display:block;position:absolute;box-shadow:4px 4px #15161c}[data-variant=playful] .hero-deco i:first-child{background:var(--r);border-radius:50%;width:4.4rem;height:4.4rem;top:4%;left:2%}[data-variant=playful] .hero-deco i:nth-child(2){background:var(--g);border-radius:10px;width:3.4rem;height:3.4rem;top:20%;right:0;transform:rotate(14deg)}[data-variant=playful] .hero-deco i:nth-child(3){background:#fff;border-radius:50%;width:3.6rem;height:3.6rem;bottom:6%;left:4%}[data-variant=playful] .hero-more{pointer-events:none;display:block;position:absolute;inset:0}[data-variant=playful] .hero-more .phone.mini{border:3px solid #15161c;border-radius:22px;width:120px;padding:5px;position:absolute;box-shadow:4px 4px #15161c}[data-variant=playful] .hero-more .phone.mini img{border-radius:16px}[data-variant=playful] .hero-more .m1{z-index:0;bottom:4%;left:-6%;transform:rotate(-11deg)}[data-variant=playful] .hero-more .m2{z-index:0;top:8%;right:-4%;transform:rotate(10deg)}[data-variant=playful] .hero-more .m3,[data-variant=playful] .hero-more .m4{display:none}@media (prefers-reduced-motion:no-preference){[data-variant=playful] .hero-phone{animation:none}}[data-variant=playful] .stat-num{color:var(--text)}[data-variant=playful] .stats li{border:4px solid var(--pl);background:var(--paper-2);box-shadow:5px 5px 0 var(--pl);border-radius:18px;padding:.9rem 1.1rem}[data-variant=playful] .features h2,[data-variant=playful] .steps h2,[data-variant=playful] .screens h2,[data-variant=playful] .faq h2,[data-variant=playful] .premium h2,[data-variant=playful] .scenes h2,[data-variant=playful] .showcase h2,[data-variant=playful] .usage h2{background:linear-gradient(transparent 76%, var(--y) 76% 96%, transparent 96%);color:var(--text);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .3em;display:inline}[data-variant=playful] .scenes h2,[data-variant=playful] .showcase h2,[data-variant=playful] .usage h2{margin-bottom:0}[data-variant=playful] .scenes ul{margin-top:2rem}[data-variant=playful] .eyebrow{color:var(--text);font:800 .9rem var(--font);text-transform:none;letter-spacing:0}[data-variant=playful] .audience li{border:3px solid var(--pl);background:var(--paper-2);box-shadow:3px 3px 0 var(--pl);font-weight:800}[data-variant=playful] .audience li:nth-child(4n+1){background:var(--y);color:#15161c;rotate:-1.5deg}[data-variant=playful] .audience li:nth-child(4n+3){rotate:1.5deg}[data-variant=playful] .scenes li{border:4px solid var(--pl);background:var(--paper-2);box-shadow:6px 6px 0 var(--pl);border-radius:20px;margin-bottom:1.4rem;padding:1.2rem 1.3rem}[data-variant=playful] .scenes li:nth-child(2n){rotate:.6deg}[data-variant=playful] .scenes li:nth-child(odd){rotate:-.6deg}[data-variant=playful] .features{border-top:0}[data-variant=playful] .feature-list li{border-bottom:0;align-items:start;padding:1.1rem 0}[data-variant=playful] .num{border:4px solid var(--pl);background:var(--y);color:#15161c;width:3.6rem;height:3.6rem;font:900 1.3rem var(--font);box-shadow:3px 3px 0 var(--pl);border-radius:50%;place-items:center;display:inline-grid;transform:rotate(-8deg)}[data-variant=playful] .feature-list li:nth-child(4n+2) .num{background:var(--r);color:#fff}[data-variant=playful] .feature-list li:nth-child(4n+3) .num{background:var(--b);color:#fff}[data-variant=playful] .feature-list li:nth-child(4n+4) .num{background:var(--g);color:#fff}[data-variant=playful] .show-text .num{width:3rem;height:3rem;font-size:1.1rem}[data-variant=playful] .show:nth-child(4n+2) .num{background:var(--r);color:#fff}[data-variant=playful] .show:nth-child(4n+3) .num{background:var(--b);color:#fff}[data-variant=playful] .show:nth-child(4n+4) .num{background:var(--g);color:#fff}[data-variant=playful] .show-text li:before{background:var(--r);border-radius:3px;height:5px}[data-variant=playful] .showcase{border-top:0}[data-variant=playful] .show-items{grid-template-columns:1fr;gap:1.6rem;margin-top:1.4rem;display:grid}[data-variant=playful] .show{border:4px solid var(--pl);background:var(--paper-2);box-shadow:7px 7px 0 var(--pl);border-radius:26px;padding:1.6rem}[data-variant=playful] .show-img .phone,[data-variant=playful] .show.flip .show-img .phone{box-shadow:5px 5px 0 var(--pl);border:3px solid var(--pl)}@media (width>=860px){[data-variant=playful] .showcase[data-kind=grid] .show-items{gap:2rem}[data-variant=playful] .showcase[data-kind=grid] .show,[data-variant=playful] .showcase[data-kind=grid] .show.flip{border:4px solid var(--pl);background:var(--paper-2);border-radius:26px;padding:1.8rem}[data-variant=playful] .showcase[data-kind=grid] .show:nth-child(odd){rotate:-.7deg}[data-variant=playful] .showcase[data-kind=grid] .show:nth-child(2n){rotate:.7deg}}[data-variant=playful] .usage{border-top:0}[data-variant=playful] .pt{border:3px solid var(--pl);background:var(--r);color:#fff;font-family:var(--font);box-shadow:2px 2px 0 var(--pl)}[data-variant=playful] .tab-list button{border:4px solid var(--pl);background:var(--paper-2);color:var(--text);min-height:48px;box-shadow:4px 4px 0 var(--pl);transition:transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:16px;font-weight:900}[data-variant=playful] .tab-list button:hover{border-color:var(--pl);box-shadow:2px 2px 0 var(--pl);transform:translate(2px,2px)}[data-variant=playful] .tab-list button[aria-selected=true]{background:var(--y);color:#15161c;border-color:var(--pl);box-shadow:0 0 0 var(--pl);transform:translate(4px,4px)}[data-variant=playful] .wide-img{border:4px solid var(--pl);box-shadow:var(--shadow);border-radius:22px}[data-variant=playful] .tab-panels .phone{box-shadow:8px 8px 0 var(--pl);border:3px solid var(--pl);transform:rotate(-2deg)}[data-variant=playful] .premium-card{--pl:#15161c;background:var(--y);color:#15161c;border:4px solid #15161c;border-radius:26px;box-shadow:8px 8px #15161c}[data-variant=playful] .premium-card h2{background:0 0;padding:0}[data-variant=playful] .premium li:before{border-color:#15161c}[data-variant=playful] details{border:3px solid var(--pl);background:var(--paper-2);box-shadow:4px 4px 0 var(--pl);border-radius:18px;margin-bottom:.9rem;padding:.4rem 1.2rem}[data-variant=playful] summary{align-items:center;min-height:48px;font-weight:800}[data-variant=playful] summary:after{background:var(--y);color:#15161c;border:3px solid var(--pl);width:2rem;height:2rem;font:900 1.2rem/1 var(--font);border-radius:50%;flex:none;place-items:center;display:grid}[data-variant=playful] .closing{--pl:#15161c;background:var(--b);color:#fff;text-align:left;border-top:5px solid #15161c}[data-variant=playful] .closing h2{text-shadow:4px 4px #15161c;font-size:clamp(2rem,5vw,3.4rem)}[data-variant=playful] .closing .btn{background:var(--y);color:#15161c}[data-variant=playful] .sticky-cta{border-top:4px solid var(--pl);background:var(--paper);backdrop-filter:none}@media (width<=860px){[data-variant=playful] .hero{grid-template-columns:1fr;padding-top:2.4rem;padding-bottom:3.2rem}[data-variant=playful] .hero h1{font-size:clamp(2.3rem,10.5vw,3.4rem)}[data-variant=playful] .hero-more{display:none}[data-variant=playful] .hero-deco i:first-child{width:3rem;height:3rem}[data-variant=playful]{--shadow:5px 5px 0 var(--pl)}}@media (prefers-reduced-motion:reduce){[data-variant=playful] .btn,[data-variant=playful] .tab-list button{transition:none}[data-variant=playful] .showcase[data-kind=grid] .show{rotate:none!important}}[data-variant=playful] .faq h2{margin-bottom:1.6rem;display:inline-block}[data-variant=playful] .features h2,[data-variant=playful] .screens h2{margin-bottom:.4rem}[data-variant=editorial]{--paper:#edf0ed;--paper-2:#f7f9f7;--text:#1a201e;--muted:color-mix(in oklab, var(--text) 68%, transparent);--line:color-mix(in oklab, var(--text) 26%, transparent);--grid:transparent;--shadow:0 1px 0 var(--line), 0 24px 40px -26px color-mix(in oklab, var(--text) 45%, transparent);--font:-apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-display:ui-serif, "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--h-weight:500;--h-track:.05em;--btn-radius:0;--card-radius:0;--phone-radius:10px;--phone-inner:6px;--phone-pad:5px;--phone-bg:var(--text);--ease:cubic-bezier(.3, .1, .1, 1);--tate:ui-serif, "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif}@media (prefers-color-scheme:dark){[data-variant=editorial]{--paper:#111514;--paper-2:#181e1c;--text:#e6ebe7;--shadow:0 1px 0 var(--line), 0 24px 40px -22px #000c;--phone-bg:#cfd6d1}}[data-variant=editorial] .bar{background:color-mix(in oklab, var(--paper) 90%, transparent);border-bottom:3px double var(--line)}[data-variant=editorial] .brand{font-family:var(--font-display);letter-spacing:.08em;font-weight:600}[data-variant=editorial] .brand img{border-radius:2px}[data-variant=editorial] .btn,[data-variant=editorial] .btn:hover{background:var(--text);color:var(--paper);box-shadow:none;font-family:var(--font-display);letter-spacing:.08em;outline:1px solid var(--text);outline-offset:3px;transition:outline-offset .35s var(--ease);transform:none}[data-variant=editorial] .btn:hover{outline-offset:6px}[data-variant=editorial] .btn.small{outline:0}[data-variant=editorial] .kicker{font-family:var(--font-display);letter-spacing:.16em;color:var(--muted);font-weight:500}[data-variant=editorial] .price{font-family:var(--font-display)}[data-variant=editorial] .num,[data-variant=editorial] .show-text .num{font-family:var(--font-display);color:var(--accent-fg);letter-spacing:.1em;font-weight:500}[data-variant=editorial] .features h2,[data-variant=editorial] .scenes h2,[data-variant=editorial] .showcase h2,[data-variant=editorial] .usage h2,[data-variant=editorial] .screens h2,[data-variant=editorial] .faq h2,[data-variant=editorial] .premium h2,[data-variant=editorial] .closing h2{font-weight:var(--h-weight);letter-spacing:var(--h-track);font-size:clamp(2rem,4.6vw,3.2rem)}[data-variant=editorial] h3{letter-spacing:.04em;font-weight:600}[data-variant=editorial] .hero{grid-template:"kick kick""h1 h1""lead stage""cta stage""qr stage"1fr/minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:0 4rem;padding-top:4.5rem;padding-bottom:5rem}[data-variant=editorial] .hero:before{background:0 0;mask-image:none}[data-variant=editorial] .hero:after{content:"";border-top:3px double var(--line);position:absolute;bottom:1.5rem;left:0;right:0}[data-variant=editorial] .hero-copy{display:contents}[data-variant=editorial] .hero .kicker{grid-area:kick;margin:0 0 1.4rem 1.6rem}[data-variant=editorial] .hero h1{letter-spacing:.06em;grid-area:h1;margin:0 0 2.4rem 1.6rem;font-size:clamp(2.8rem,9.4vw,7.4rem);font-weight:500;line-height:1.12}[data-variant=editorial] .hero h1 .line{overflow-wrap:anywhere}[data-variant=editorial] .hero h1 .line:last-child{color:var(--text)}[data-variant=editorial] .hero h1:not(.big) .line:last-child:not(:first-child){letter-spacing:.18em;border-top:1px solid var(--line);max-width:36rem;margin-top:1.2rem;padding-top:1rem;font-size:.26em;font-weight:400}[data-variant=editorial] .hero .lead{overflow-wrap:anywhere;grid-area:lead;max-width:32rem;margin:0 0 0 1.6rem;font-size:1.02rem;line-height:2.05}[data-variant=editorial] .hero .cta-row{grid-area:cta;margin-left:1.6rem;padding:.3rem 0 .3rem 3px}[data-variant=editorial] .hero .hero-qr{grid-area:qr;align-self:start;margin-left:1.6rem}[data-variant=editorial] .hero-qr .qr{border:1px solid var(--text);border-radius:0}[data-variant=editorial] .hero-stage{justify-self:end;align-items:end;gap:1.2rem;place-items:unset;grid-area:stage;grid-template-columns:1fr .42fr;width:100%;max-width:440px;min-height:0;display:grid;position:static}[data-variant=editorial] .hero-phone{grid-area:1/1;width:100%;margin:0;animation:none;transform:none}[data-variant=editorial] .hero-banner{grid-column:1/-1}[data-variant=editorial] .hero-more{grid-area:1/2;align-content:end;gap:1rem;display:grid}[data-variant=editorial] .hero-more .phone{width:100%;box-shadow:none;border-radius:7px;padding:3px;transform:none}[data-variant=editorial] .hero-more .phone img{border-radius:4px}[data-variant=editorial] .hero-more .m3,[data-variant=editorial] .hero-more .m4{display:none}[data-variant=editorial] .hero-deco{pointer-events:none;display:block}[data-variant=editorial] .hero-deco i{z-index:0;display:block;position:absolute}[data-variant=editorial] .hero-deco i:first-child{border-left:1px solid var(--text);border-right:1px solid var(--line);width:7px;top:0;bottom:1.5rem;left:.3rem}[data-variant=editorial] .hero-deco i:nth-child(2){top:1.5rem;right:0}[data-variant=editorial] .hero-deco i:nth-child(2):before{content:"一 二 三 四 五 六 七 八 九 十";writing-mode:vertical-rl;font:400 .8rem/1 var(--tate);letter-spacing:.9em;color:var(--muted);white-space:pre;display:block}[data-variant=editorial] .hero-deco i:nth-child(2):after{content:"";background:var(--accent-fg);border-radius:50%;width:7px;height:7px;margin:.9rem auto 0;display:block}[data-variant=editorial] .hero-deco i:nth-child(3){aspect-ratio:1;border:1px solid var(--line);width:20rem;box-shadow:0 0 0 .8rem var(--paper), 0 0 0 calc(.8rem + 1px) var(--line);opacity:.8;border-radius:50%;bottom:5.5rem;right:16%}[data-variant=editorial] .hero-phone,[data-variant=editorial] .hero-more{z-index:1;position:relative}[data-variant=editorial] .show-img .phone,[data-variant=editorial] .show.flip .show-img .phone{transform:none}[data-variant=editorial] .phone img{background:var(--paper-2)}[data-variant=editorial] .hero-banner,[data-variant=editorial] .wide-img{border:1px solid var(--text);box-shadow:var(--shadow);border-radius:2px}[data-variant=editorial] .features,[data-variant=editorial] .showcase,[data-variant=editorial] .usage,[data-variant=editorial] .closing{border-top:3px double var(--line)}[data-variant=editorial] .audience li{border:0;border-bottom:1px solid var(--line);font-family:var(--font-display);background:0 0;border-radius:0;padding:.3rem .2rem}[data-variant=editorial] .feature-list li{border-bottom:1px solid var(--line);grid-template-columns:3.4rem 1fr}[data-variant=editorial] .feature-list .num{padding-top:.2rem;font-size:1.3rem}[data-variant=editorial] .scenes ul{counter-reset:sc;gap:0 4rem}[data-variant=editorial] .scenes li{border-left:0;border-top:1px solid var(--line);counter-increment:sc;padding:1.3rem 0 1.3rem 3rem;position:relative}[data-variant=editorial] .scenes li:before{content:counter(sc, cjk-ideographic);writing-mode:vertical-rl;font:400 1.05rem/1 var(--tate);letter-spacing:.3em;color:var(--accent-fg);position:absolute;top:1.4rem;left:.4rem}[data-variant=editorial] .show-text{position:relative}[data-variant=editorial] .show-text .num{writing-mode:vertical-rl;text-combine-upright:all;font-size:1.15rem;position:absolute;top:.2rem;left:-2.2rem}[data-variant=editorial] .show-text{padding-left:0}[data-variant=editorial] .show-text li:before{background:var(--text);width:.9rem;height:1px}[data-variant=editorial] .pt{color:var(--text);border:1px solid var(--text);font-family:var(--font-display);background:0 0;border-radius:0}[data-variant=editorial] .stats li{border-top:3px double var(--line)}[data-variant=editorial] .rail figcaption{font-family:var(--font-display);letter-spacing:.08em}[data-variant=editorial] .tab-list button{font-family:var(--font-display)}[data-variant=editorial] .tab-list button[aria-selected=true]{background:var(--text);border-color:var(--text);color:var(--paper)}[data-variant=editorial] .premium-card{background:var(--paper-2);border:1px solid var(--text);outline:1px solid var(--line);outline-offset:5px;background-image:none;margin:6px}[data-variant=editorial] .premium li:before{border-color:var(--accent-fg)}[data-variant=editorial] details{border-bottom:1px solid var(--line)}[data-variant=editorial] summary{font-family:var(--font-display);letter-spacing:.04em}[data-variant=editorial] .closing{background:var(--paper-2)}[data-variant=editorial] .closing h2{max-width:30rem;line-height:1.5}[data-variant=editorial] .foot{border-top:3px double var(--line)}@media (width<=860px){[data-variant=editorial] .hero{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"kick""h1""lead""cta""qr""stage";padding-top:2.8rem}[data-variant=editorial] .hero-stage{grid-template-columns:1fr .4fr;justify-self:stretch;width:auto;max-width:none;margin:2.4rem 0 0 1.6rem}[data-variant=editorial] .hero-deco i:nth-child(2){display:none}[data-variant=editorial] .hero-deco i:nth-child(3){width:14rem;bottom:3rem;right:4%}[data-variant=editorial] .show-text .num{writing-mode:horizontal-tb;position:static}}@media (prefers-reduced-motion:reduce){[data-variant=editorial] .btn{transition:none}}.js[data-variant=editorial] [data-reveal].in{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.js[data-variant=editorial] [data-reveal]{clip-path:none!important}}[data-variant=devtool]{color-scheme:dark;--paper:#0c0e10;--paper-2:#13161a;--text:#d9dfe3;--muted:oklab(90.0214% -.00468516 -.00709754/.68);--line:oklab(90.0214% -.00468516 -.00709754/.17);--grid:transparent;--shadow:0 24px 48px -28px #000;--accent-fg:color-mix(in oklab, var(--accent) 45%, white);--font:-apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-display:ui-monospace, "SF Mono", Menlo, "Hiragino Sans", monospace;--h-weight:700;--h-track:-.02em;--btn-radius:4px;--card-radius:6px;--phone-radius:22px;--phone-inner:18px;--phone-pad:4px;--phone-bg:#2a2f34}@media (prefers-color-scheme:dark){[data-variant=devtool]{--paper:#0c0e10;--paper-2:#13161a;--text:#d9dfe3;--shadow:0 24px 48px -28px #000}}[data-variant=devtool] body{line-height:1.75}[data-variant=devtool] .btn{background:var(--accent-fg);color:#0c0e10;font:700 .92rem/1.2 var(--mono);letter-spacing:0;box-shadow:none;border:1px solid var(--accent-fg)}[data-variant=devtool] .btn:hover{box-shadow:none;color:var(--accent-fg);background:0 0;transform:none}[data-variant=devtool] .bar{background:oklab(16.2398% -.00199097 -.00496709/.9)}[data-variant=devtool] .brand{font-family:var(--mono);font-size:.95rem;font-weight:700}[data-variant=devtool] .brand img{border-radius:6px}[data-variant=devtool] .lang{font-family:var(--mono)}[data-variant=devtool] .sticky-cta{background:oklab(16.2398% -.00199097 -.00496709/.94)}[data-variant=devtool] h1,[data-variant=devtool] h2{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}[data-variant=devtool] .hero h1{font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.22}[data-variant=devtool] .hero h1 .line:first-child:before{content:"$ ";color:var(--accent-fg)}[data-variant=devtool] .hero h1 .line:last-child{color:var(--text)}[data-variant=devtool] .hero h1:not(.big) .line:last-child{color:var(--accent-fg);letter-spacing:0;margin-top:.9rem;font-size:.5em;font-weight:500}[data-variant=devtool] .hero h1:not(.big) .line:first-child:last-child{color:var(--text);font-size:1em}[data-variant=devtool] .features h2:before,[data-variant=devtool] .scenes h2:before,[data-variant=devtool] .showcase h2:before,[data-variant=devtool] .usage h2:before,[data-variant=devtool] .screens h2:before,[data-variant=devtool] .faq h2:before,[data-variant=devtool] .premium h2:before,[data-variant=devtool] .closing h2:before{content:"$ ";color:var(--accent-fg)}[data-variant=devtool] .features h2,[data-variant=devtool] .scenes h2,[data-variant=devtool] .showcase h2,[data-variant=devtool] .usage h2,[data-variant=devtool] .screens h2,[data-variant=devtool] .faq h2,[data-variant=devtool] .premium h2,[data-variant=devtool] .closing h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700}[data-variant=devtool] h3{font-weight:700}[data-variant=devtool] .kicker{color:var(--muted);letter-spacing:0;font-weight:500}[data-variant=devtool] .kicker:before{content:"# ";color:var(--accent-fg)}[data-variant=devtool] .hero{grid-template-columns:1fr 1.05fr;gap:3.2rem;padding-top:4rem;padding-bottom:4.5rem}[data-variant=devtool] .hero:before{display:none}[data-variant=devtool] .hero-stage{min-height:0}[data-variant=devtool] .hero-phone{animation:none;transform:none}[data-variant=devtool] .hero-banner,[data-variant=devtool] .wide-img{border:1px solid var(--line);box-shadow:var(--shadow);background:var(--paper-2);border-radius:8px}[data-variant=devtool] .hero-banner:before{content:"";border-bottom:1px solid var(--line);background:radial-gradient(4px at 16px 13px,#ff5f57 98%,#0000) 0 0/70px 26px no-repeat,radial-gradient(4px at 32px 13px,#febc2e 98%,#0000) 0 0/70px 26px no-repeat,radial-gradient(4px at 48px 13px,#28c840 98%,#0000) 0 0/70px 26px no-repeat,#0f1215;height:26px;display:block}[data-variant=devtool] .hero-banner img{border-radius:0}[data-variant=devtool] .hero-qr .qr{border-radius:4px}[data-variant=devtool] .price{color:var(--muted)}@media (width<=860px){[data-variant=devtool] .brand{white-space:nowrap;font-size:.8rem}[data-variant=devtool] .hero{grid-template-columns:1fr;gap:2rem;padding-top:2.4rem;padding-bottom:3rem}[data-variant=devtool] .hero h1{font-size:clamp(1.7rem,8vw,2.4rem)}}[data-variant=devtool] .audience li{background:var(--paper-2);font-family:var(--mono);border-radius:4px;font-size:.85rem}[data-variant=devtool] .scenes ul{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}[data-variant=devtool] .scenes li{border:1px solid var(--line);border-left:1px solid var(--line);border-radius:var(--card-radius);background:var(--paper-2);margin:0;padding:1.1rem 1.2rem 1.3rem}[data-variant=devtool] .scenes h3{font:700 1rem/1.4 var(--mono)}[data-variant=devtool] .scenes h3:before{content:"> ";color:var(--accent-fg)}[data-variant=devtool] .features{border-top-color:var(--line)}[data-variant=devtool] .feature-list{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--paper-2);counter-reset:none}[data-variant=devtool] .feature-list li{border-bottom:1px solid var(--line);grid-template-columns:3rem 1fr;padding:1.3rem}[data-variant=devtool] .feature-list li:first-child{padding-top:1.3rem}[data-variant=devtool] .feature-list li:last-child{border-bottom:0}[data-variant=devtool] .num{font:600 .95rem/1.7 var(--mono);color:var(--muted);text-align:right;border-right:1px solid var(--line);padding-right:.8rem}[data-variant=devtool] .feature-list h3{font:700 1.05rem/1.5 var(--mono)}[data-variant=devtool] .showcase{border-top-color:var(--line)}[data-variant=devtool] .showcase[data-kind=grid] .show,[data-variant=devtool] .showcase[data-kind=grid] .show.flip{border-radius:var(--card-radius);background:var(--paper-2);padding:1.4rem 1.5rem 1.6rem}[data-variant=devtool] .show{border-color:var(--line)}[data-variant=devtool] .show-text .num{font:600 .9rem/1 var(--mono);color:var(--accent-fg);text-align:left;border:0;padding:0}[data-variant=devtool] .show-text .num:before{content:"[";color:var(--muted)}[data-variant=devtool] .show-text .num:after{content:"]";color:var(--muted)}[data-variant=devtool] .show-text h3{font:700 clamp(1.1rem, 2.2vw, 1.35rem)/1.4 var(--mono)}[data-variant=devtool] .show-text li{font-size:.95rem}[data-variant=devtool] .show-text li:before{border-right:2px solid var(--accent-fg);border-top:2px solid var(--accent-fg);background:0 0;width:.5rem;height:.5rem;top:.6em;transform:rotate(45deg)scale(.8)}[data-variant=devtool] .show-img .phone,[data-variant=devtool] .show.flip .show-img .phone{transform:none}[data-variant=devtool] .usage{border-top-color:var(--line)}[data-variant=devtool] .pt{background:var(--accent-fg);color:#0c0e10;border-radius:4px}[data-variant=devtool] .usage h3{font:700 1rem/1.4 var(--mono)}[data-variant=devtool] .usage li{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--paper-2);padding:1.1rem}[data-variant=devtool] .tab-list button{font:600 .88rem/1.3 var(--mono);background:var(--paper-2);border-radius:4px}[data-variant=devtool] .tab-list button[aria-selected=true]{background:var(--accent-fg);border-color:var(--accent-fg);color:#0c0e10}[data-variant=devtool] .tab-list button:hover{border-color:var(--accent-fg)}[data-variant=devtool] .premium-card{background:var(--paper-2);border-radius:var(--card-radius);background-image:none}[data-variant=devtool] .premium li:before{border-color:var(--accent-fg)}[data-variant=devtool] details{border-bottom-color:var(--line)}[data-variant=devtool] summary{font-family:var(--mono);font-size:.95rem}[data-variant=devtool] details p{font-size:.97rem}[data-variant=devtool] .closing{border-top-color:var(--line);background:0 0}[data-variant=devtool] .closing .wrap{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--paper-2);padding:2.2rem 2rem}[data-variant=devtool] .foot{border-top-color:var(--line)}[data-variant=devtool] .foot-brand{font-family:var(--mono)}[data-variant=devtool] #lightbox img{border-radius:8px}