/* Hallmark · macrostructure: Workbench · tone: precise · anchor hue: cobalt
 * pre-emit critique: P4 H4 E4 S5 R4 V4 · theme: custom Navio Ink
 */
@import url('./tokens.css');
@font-face{font-family:Manrope;src:url('./assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:var(--space-lg)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:var(--color-transparent)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}button:disabled{cursor:wait;opacity:.55}img,svg{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-style:normal;overflow-wrap:anywhere;min-width:0}button,a.nav-cta,.language-nav a,.button,.text-link,summary{white-space:nowrap}.wrap{width:min(1240px,88%);margin-inline:auto}.skip-link{position:fixed;top:var(--space-sm);left:var(--space-sm);background:var(--color-ink);color:var(--color-white);padding:var(--space-sm);z-index:100;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;gap:var(--space-lg);padding-block:var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule)}.wordmark{display:flex;align-items:center;gap:var(--space-xs);font:750 28px var(--font-display);letter-spacing:-1.5px}.wordmark img{border-radius:var(--radius-button)}.language-nav{margin-left:auto;display:flex;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-muted)}.language-nav a{padding-block:var(--space-2xs)}.language-nav a[aria-current]{color:var(--color-ink);text-decoration:underline;text-underline-offset:6px}.language-nav a:hover{color:var(--color-accent)}.nav-cta{font-size:var(--text-xs);display:flex;gap:var(--space-md);align-items:center;padding:var(--space-xs) var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-button)}.nav-cta:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center;padding-top:var(--space-3xl);padding-bottom:var(--space-xl)}.category{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-accent);font-weight:600}.signal{width:6px;height:6px;background:var(--color-accent);border-radius:50%}h1{font-size:var(--text-display);letter-spacing:-.065em;line-height:1.21;font-weight:650;margin-top:var(--space-md);margin-bottom:var(--space-lg)}.hero-intro{max-width:460px;font-size:var(--text-md);line-height:1.95;color:var(--color-body);word-break:keep-all}.hero-actions{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-lg);min-height:52px;padding:var(--space-sm) var(--space-md);border:var(--rule-thin) solid var(--color-transparent);border-radius:var(--radius-button);font-size:var(--text-sm);font-weight:500;transition:transform var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.primary{background:var(--color-accent);color:var(--color-white)}.primary:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.primary:active{transform:translateY(0)}.text-link{display:inline-flex;gap:var(--space-md);font-size:var(--text-xs);border-bottom:var(--rule-thin) solid var(--color-ink);padding-block:var(--space-xs)}.text-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.availability{margin-top:var(--space-md);font-size:var(--text-xs);line-height:1.8;color:var(--color-muted)}
.concept-visual{background:var(--color-stage);padding:var(--space-lg);position:relative;min-width:0;min-height:530px;border:var(--rule-thin) solid var(--color-rule)}.visual-top{display:flex;align-items:center;justify-content:space-between;color:var(--color-muted);font:600 var(--text-sm) var(--font-display)}.motion-toggle{border:var(--rule-thin) solid var(--color-rule);background:var(--color-transparent);width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.motion-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.motion-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.visual-idea{position:relative;margin-top:var(--space-lg);padding-left:var(--space-md);min-height:80px}.quote-mark{font:500 50px var(--font-display);color:var(--color-accent);position:absolute;left:0;top:-14px}.visual-idea p{font:500 clamp(18px,1.8vw,26px) var(--font-display);line-height:1.6;max-width:310px;letter-spacing:-.7px;word-break:keep-all}.idea-line{display:block;margin-top:var(--space-md);width:32px;height:var(--rule-thin);background:var(--color-accent)}.flow-art{width:100%;height:170px;display:block;margin-block:var(--space-2xs)}.flow-rule{stroke:var(--color-rule);stroke-width:1.5}.flow-node{fill:var(--color-stage);stroke:var(--color-rule);stroke-width:1.5;transition:fill var(--dur-medium) var(--ease-out),stroke var(--dur-medium) var(--ease-out)}.flow-active{stroke:var(--color-accent);stroke-width:2;opacity:0;stroke-linecap:round}.concept-visual[data-step="0"] .node-start,.concept-visual[data-step="1"] .node-mid,.concept-visual[data-step="2"] .node-end{fill:var(--color-accent);stroke:var(--color-accent)}.concept-visual[data-step="1"] .flow-active{opacity:1;animation:flow-fade 2s var(--ease-in-out) infinite}.visual-words{display:flex;justify-content:space-between;font-size:10px;color:var(--color-muted);gap:var(--space-2xs);margin-bottom:var(--space-lg)}.visual-words span{transition:color var(--dur-medium) var(--ease-out)}.concept-visual[data-step="0"] .visual-words span:nth-child(1),.concept-visual[data-step="1"] .visual-words span:nth-child(2),.concept-visual[data-step="2"] .visual-words span:nth-child(3){color:var(--color-accent)}.tour-copy{min-height:102px}.tour-copy h2{font-size:var(--text-md);font-weight:600;letter-spacing:-.5px;line-height:1.6}.tour-copy p{font-size:var(--text-xs);line-height:1.9;color:var(--color-muted);margin-top:var(--space-2xs);word-break:keep-all}.tour-tabs{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.tour-tab{border:0;background:var(--color-transparent);padding:var(--space-2xs) 0;color:var(--color-muted);font-size:var(--text-xs)}.tour-tab[aria-pressed="true"]{color:var(--color-accent);font-weight:600}.tour-progress{height:2px;background:var(--color-rule);margin-top:var(--space-2xs)}.tour-progress span{display:block;height:100%;background:var(--color-accent);transform:scaleX(var(--progress,0));transform-origin:left}.visual-note{text-align:right;font-size:10px;color:var(--color-muted);line-height:1.9;padding-bottom:var(--space-3xl)}
.about{border-top:var(--rule-thin) solid var(--color-rule);padding-block:var(--space-3xl);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-2xl)}h2{font-size:var(--text-section);font-weight:550;letter-spacing:-.05em;line-height:1.35}.about-lead>p{margin-top:var(--space-md);font-size:var(--text-sm);line-height:1.95;color:var(--color-muted);max-width:390px;word-break:keep-all}.about-details{display:grid;gap:var(--space-xl)}.about-details h3{font-size:var(--text-lg);font-weight:600;letter-spacing:-.5px;margin-bottom:var(--space-xs)}.about-details p{font-size:var(--text-sm);line-height:1.95;color:var(--color-body);word-break:keep-all}.roadmap{background:var(--color-night);color:var(--color-paper)}.roadmap-inner{padding-block:var(--space-2xl);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}.roadmap h2{font-size:clamp(26px,3vw,38px)}.coming-label{font-size:var(--text-xs);line-height:2;display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.coming-label span{color:var(--color-night-muted);border:var(--rule-thin) solid var(--color-muted);padding:2px var(--space-2xs);font:400 10px var(--font-display);white-space:nowrap}.roadmap-inner>div>p:last-child{font-size:var(--text-sm);line-height:1.9;color:var(--color-night-muted);margin-top:var(--space-xs);word-break:keep-all}.signup{padding-block:var(--space-3xl);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-2xl)}.signup-copy>p{max-width:360px;margin-top:var(--space-md);font-size:var(--text-sm);line-height:1.95;word-break:keep-all;color:var(--color-body)}.signup-copy>.signup-note{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-md)}.field-label{display:block;font-size:var(--text-xs);margin-bottom:var(--space-xs)}#interest-email{width:100%;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-input);min-height:52px;padding:var(--space-xs) var(--space-sm);background:var(--color-white);color:var(--color-ink);font-size:var(--text-md)}#interest-email::placeholder{color:var(--color-muted)}#interest-email:hover{border-color:var(--color-muted)}fieldset{border:0;padding:0;margin:var(--space-md) 0}legend{font-size:var(--text-xs);margin-bottom:var(--space-xs);padding:0}legend span{color:var(--color-muted);margin-left:var(--space-xs);font-size:10px}.device-options{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.device-options label{position:relative;cursor:pointer}.device-options input{position:absolute;opacity:0;inset:0}.device-options label>span{display:inline-flex;align-items:center;min-height:40px;padding:var(--space-2xs) var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-input);font:400 var(--text-xs) var(--font-display)}.device-options input:checked+span{background:var(--color-tint);border-color:var(--color-accent);color:var(--color-accent)}.device-options input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:3px}.check-row{display:flex;align-items:flex-start;gap:var(--space-2xs);font-size:var(--text-xs);line-height:1.9}.check-row input{margin:4px 0 0;flex-shrink:0;accent-color:var(--color-accent);width:15px;height:15px}.check-row small{font-size:10px;color:var(--color-muted);margin-left:var(--space-2xs)}.privacy{margin-block:var(--space-md) var(--space-sm);font-size:var(--text-xs);line-height:1.9;color:var(--color-body)}.privacy summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.privacy p{font-size:11px;line-height:1.9;color:var(--color-muted);margin-top:var(--space-xs)}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:clip}.submit-button{margin-top:var(--space-md);width:100%;justify-content:space-between}.form-message{font-size:var(--text-xs);line-height:1.9;margin-top:var(--space-xs);color:var(--color-success)}.form-message[data-state="error"]{color:var(--color-error)}.cancel-receipt{font-size:var(--text-xs);line-height:1.9;margin-top:var(--space-xs);color:var(--color-muted)}.cancel-receipt a{text-decoration:underline;text-underline-offset:3px;color:var(--color-ink);display:inline-block;margin-top:var(--space-2xs)}#cancel-action{margin-top:var(--space-xs);color:var(--color-ink);border:var(--rule-thin) solid var(--color-rule);background:var(--color-white);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-button);font-size:var(--text-xs)}.footer{border-top:var(--rule-thin) solid var(--color-rule);padding-block:var(--space-lg);display:flex;align-items:center;gap:var(--space-lg);font-size:var(--text-xs);color:var(--color-muted)}.footer-wordmark{font:700 24px var(--font-display);letter-spacing:-1px;color:var(--color-ink)}.footer>a:last-child{margin-left:auto;white-space:nowrap}.motion-paused .flow-active{animation-play-state:paused!important}@keyframes flow-fade{0%,100%{opacity:.3}50%{opacity:1}}
@media(min-width:1400px){.hero{gap:var(--space-3xl);padding-top:var(--space-4xl)}.concept-visual{min-height:560px}.visual-idea{margin-top:var(--space-xl)}}
@media(max-width:1000px){.hero,.about,.signup,.roadmap-inner{gap:var(--space-lg)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding-top:var(--space-2xl)}.concept-visual{padding:var(--space-md);min-height:510px}.hero-actions{gap:var(--space-md)}.hero-intro{font-size:var(--text-sm)}.nav-cta{gap:var(--space-sm)}.site-header{gap:var(--space-md)}.tour-tabs{gap:var(--space-sm)}}
@media(max-width:780px){.nav-cta{display:none}.site-header{padding-block:var(--space-sm)}.hero{grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-top:var(--space-xl)}h1{font-size:clamp(38px,7.5vw,64px)}:lang(ja) h1{font-size:clamp(32px,7vw,58px)}.hero-intro{max-width:520px;font-size:var(--text-md)}.concept-visual{max-width:560px;width:100%;margin-inline:auto;padding:var(--space-lg);min-height:500px}.visual-idea p{font-size:26px;max-width:none}.visual-note{text-align:left;padding-bottom:var(--space-2xl)}.about,.signup,.roadmap-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-block:var(--space-2xl)}.about-lead>p,.signup-copy>p{max-width:520px}.about-details{gap:var(--space-lg)}.about-details article{max-width:540px}.roadmap-inner{gap:var(--space-md)}.signup-copy>.signup-note{max-width:420px}.interest-form{max-width:560px;width:100%}.footer{gap:var(--space-sm)}}
@media(max-width:400px){.wrap{width:88%}.wordmark{font-size:24px;gap:var(--space-2xs)}.wordmark img{width:24px;height:24px}.language-nav{font-size:10px;gap:var(--space-xs)}.hero{padding-top:var(--space-lg)}h1{font-size:38px;margin-top:var(--space-sm)}:lang(ja) h1{font-size:32px}:lang(en) h1{font-size:36px}.hero-intro{font-size:var(--text-sm)}.hero-actions{gap:var(--space-sm)}.hero-actions .button{padding-inline:var(--space-sm);gap:var(--space-md);min-height:48px}.text-link{font-size:11px;gap:var(--space-xs)}.concept-visual{padding:var(--space-md);min-height:490px}.visual-idea p{font-size:22px}.flow-art{height:145px}.visual-words{font-size:9px}.tour-copy{min-height:115px}.tour-tabs{gap:var(--space-md)}.tour-tab{font-size:11px}h2{font-size:30px}.about-details h3{font-size:18px}.device-options{gap:var(--space-2xs)}.device-options label>span{padding-inline:var(--space-sm)}legend span{display:block;margin-left:0;margin-top:var(--space-3xs)}.footer{flex-wrap:wrap}.footer>span{font-size:10px}.footer>a:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:100ms!important}.button:hover{transform:none}}
:lang(ja) .hero-intro,:lang(ja) .tour-copy p,:lang(ja) .about-lead>p,:lang(ja) .about-details p,:lang(ja) .roadmap-inner>div>p:last-child,:lang(ja) .signup-copy>p{word-break:normal;line-break:strict}
#interest-email:user-invalid{border-color:var(--color-error)}#interest-email:disabled{background:var(--color-stage);color:var(--color-muted)}.device-options input:disabled+span{opacity:.5;cursor:default}.tour-tab:active,.nav-cta:active,.motion-toggle:active{color:var(--color-accent-hover)}.primary:hover{transform:none}.primary:active{transform:translateY(1px)}