:root{--color-paper: oklch(98% .01 252);--color-paper-2: oklch(95% .014 252);--color-paper-3: oklch(91% .022 252);--color-ink: oklch(18% .026 264);--color-ink-2: oklch(34% .024 260);--color-muted: oklch(46% .022 256);--color-rule: oklch(76% .026 252);--color-rule-2: oklch(87% .02 252);--color-accent: oklch(61% .19 252);--color-accent-soft: oklch(88% .06 252);--color-accent-ink: oklch(98% .01 252);--color-focus: oklch(44% .2 252);--color-error: oklch(52% .18 28);--color-success: oklch(46% .13 155);--color-shadow: oklch(30% .03 264 / .16);--color-dim: oklch(98% .01 252 / .34);--color-glass-clear: oklch(99% .012 252 / .22);--color-glass-regular: oklch(99% .012 252 / .66);--color-glass-solid: oklch(97% .014 252 / .96);--color-glass-edge: oklch(100% .01 252 / .84);--color-glass-highlight: oklch(100% .01 252 / .92);--color-liquid-a: oklch(76% .16 249 / .72);--color-nisper: oklch(58% .22 292);--color-nisper-deep: oklch(44% .22 292);--color-nisper-soft: oklch(92% .055 292);--color-nisper-glow: oklch(70% .16 292 / .28);--color-surface-frost: oklch(99% .01 252 / .82);--color-surface-clear: oklch(99% .01 252 / .52);--font-display: "Bricolage Grotesque", ui-sans-serif, sans-serif;--font-body: "Geist", ui-sans-serif, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--space-3xl: 7rem;--space-4xl: 10rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-2xl: 3rem;--text-3xl: 4.5rem;--text-display: clamp(4rem, 15vw, 13rem);--text-display-s: clamp(3rem, 7.4vw, 7rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .14s;--dur-short: .24s;--dur-long: .72s;--dur-ambient: 12s;--rule-hair: 1px;--radius-sm: .75rem;--radius-md: 1.25rem;--radius-lg: 2rem;--radius-pill: 999px;--page-gutter: clamp(1rem, 4vw, 4.5rem);--page-max: 96rem;--nisper-page-gutter: clamp(1.5rem, 5vw, 4rem);--nisper-page-max: 76rem;--z-base: 1;--z-raised: 10;--z-sticky: 200;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;background:var(--color-paper)}body{min-width:20rem;margin:0;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;text-rendering:optimizeLegibility}::selection{color:var(--color-accent-ink);background:var(--color-nisper)}h1,h2,h3,h4,p,figure,dl,dd{margin-block-start:0}h1,h2,h3,h4{min-width:0;font-family:var(--font-display);font-style:normal;overflow-wrap:anywhere;text-wrap:balance}p,dd{text-wrap:pretty}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button,a{white-space:nowrap}img{display:block;max-width:100%;height:auto}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}:is(a,button)[aria-disabled=true],:is(a,button)[data-state=disabled]{opacity:.5;cursor:not-allowed}:is(a,button)[data-state=loading]{opacity:.7;cursor:wait}:is(a,button)[data-state=error]{outline-color:var(--color-error)}:is(a,button)[data-state=success]{outline-color:var(--color-success)}.skip-link{position:fixed;z-index:var(--z-tooltip);inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm);width:1px;height:1px;overflow:hidden;clip-path:inset(50%);color:var(--color-accent-ink);background:var(--color-focus)}.skip-link:focus-visible{width:auto;height:auto;padding:var(--space-xs) var(--space-sm);overflow:visible;clip-path:none;border-radius:var(--radius-pill)}.glass-surface{position:relative;overflow:hidden;border:var(--rule-hair) solid var(--color-glass-edge);background:linear-gradient(145deg,var(--color-glass-highlight),transparent 44%),var(--color-glass-regular);box-shadow:0 var(--space-md) var(--space-xl) var(--color-shadow),inset 0 var(--rule-hair) 0 var(--color-glass-highlight);-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35)}.glass-surface:before{position:absolute;inset:0;background:radial-gradient(circle at var(--glass-x, 50%) var(--glass-y, 0%),var(--color-glass-highlight),transparent 34%);content:"";opacity:.5;pointer-events:none}.product-nav{position:fixed;z-index:var(--z-sticky);inset:0 0 auto;width:100%;min-height:5rem;background:var(--color-surface-clear);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.product-nav__inner{display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - (var(--nisper-page-gutter) * 2)),var(--nisper-page-max));min-height:5rem;margin-inline:auto;padding-block:var(--space-sm)}.product-nav__back,.product-nav__download{display:inline-flex;min-height:2.75rem;align-items:center;border-radius:var(--radius-pill);transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.product-nav__back{gap:var(--space-2xs);font-family:var(--font-display);font-size:var(--text-md);font-weight:800;letter-spacing:-.04em}.accent-dot{color:var(--color-accent)}.product-nav__download{padding-inline:var(--space-sm);color:var(--color-accent-ink);background:var(--color-ink);font-size:var(--text-sm);font-weight:600}.product-nav__back:active,.product-nav__download:active,.action:active,.source-link:active{transform:translateY(1px)}main{position:relative;z-index:var(--z-base)}.product-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(var(--space-xl),7vw,var(--space-3xl));width:min(calc(100% - (var(--nisper-page-gutter) * 2)),var(--nisper-page-max));min-height:min(62rem,100svh);margin-inline:auto;padding-block:var(--space-3xl) var(--space-4xl);align-items:center}.product-hero__copy{min-width:0;max-width:41rem}.product-identity{display:flex;align-items:center;gap:var(--space-xs);margin-block-end:var(--space-lg)}.product-identity img{width:3.25rem;height:3.25rem;border-radius:var(--radius-sm)}.product-identity p{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:750;letter-spacing:-.035em}.product-identity span{margin-inline-start:var(--space-2xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:0}.product-hero h1{max-width:12ch;margin-block-end:var(--space-lg);font-size:clamp(3rem,5.8vw,5.5rem);font-weight:720;letter-spacing:-.075em;line-height:.94;text-wrap:nowrap;white-space:nowrap}.product-hero__lede{max-width:37rem;margin-block-end:var(--space-lg);color:var(--color-ink-2);font-size:clamp(var(--text-base),1.6vw,var(--text-md));line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block-end:var(--space-sm)}.action{display:inline-flex;min-height:3.25rem;padding-inline:var(--space-md);align-items:center;justify-content:center;gap:var(--space-xs);border-radius:var(--radius-pill);font-weight:650;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.action--primary{color:var(--color-accent-ink);background:var(--color-ink);box-shadow:0 var(--space-2xs) var(--space-md) var(--color-shadow)}.action--quiet{border:var(--rule-hair) solid var(--color-rule);background:var(--color-surface-clear)}.release-note{margin-block-end:0;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.hero-capture{min-width:0;margin:0}.hero-capture img{position:relative;z-index:1;width:100%;border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-sm);box-shadow:0 var(--space-md) var(--space-xl) var(--color-shadow)}.hero-capture figcaption{position:relative;z-index:1;margin-block-start:var(--space-sm);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.product-tour,.specification,.download-panel,.product-footer{width:min(calc(100% - (var(--nisper-page-gutter) * 2)),var(--nisper-page-max));margin-inline:auto}.product-tour{padding-block:var(--space-4xl)}.tour-heading,.specification__heading{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--space-xl);margin-block-end:var(--space-3xl);align-items:end}.tour-heading h2,.specification__heading h2,.download-panel h2{margin-block-end:0;font-size:clamp(var(--text-2xl),5vw,var(--text-3xl));font-weight:690;letter-spacing:-.065em;line-height:.98}.tour-heading p,.specification__heading p{max-width:36rem;margin-block-end:0;color:var(--color-muted);justify-self:end}.tour-sequence{display:grid;gap:var(--space-4xl)}.tour-step{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(var(--space-xl),8vw,var(--space-4xl));align-items:center}.tour-step--review{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.tour-step__copy{min-width:0;max-width:37rem}.step-number{display:grid;width:2.5rem;height:2.5rem;margin-block-end:var(--space-lg);color:var(--color-nisper-deep);border:var(--rule-hair) solid var(--color-nisper);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-sm);place-items:center}.tour-step h3{max-width:13ch;margin-block-end:var(--space-md);font-size:clamp(var(--text-xl),3.5vw,var(--text-2xl));font-weight:690;letter-spacing:-.055em;line-height:1.02}.tour-step__copy>p:not(.shortcut){margin-block-end:0;color:var(--color-ink-2)}.shortcut{display:flex;align-items:center;gap:var(--space-2xs);margin-block:var(--space-lg) 0;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}kbd{min-width:2.75rem;padding:var(--space-2xs) var(--space-xs);color:var(--color-ink);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);box-shadow:0 var(--space-3xs) 0 var(--color-rule-2);text-align:center}.capture-island{display:grid;min-width:0;width:100%;margin:0;place-items:center}.capture-island img{width:100%;height:auto;margin-inline:auto}.capture-island--wave{padding:clamp(var(--space-xl),6vw,var(--space-4xl));background:var(--color-nisper-soft);border-radius:46% 54% 52% 48%/42% 46% 54% 58%}.capture-island--wave img{width:min(100%,31.25rem);border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));filter:drop-shadow(0 var(--space-md) var(--space-md) var(--color-shadow))}.capture-island--review{display:grid;padding:var(--space-xl);background:var(--color-paper-2);border-radius:var(--radius-lg);place-items:center}.capture-island--review img{max-width:37.25rem;border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));filter:drop-shadow(0 var(--space-md) var(--space-xl) var(--color-shadow))}.destination-list{min-width:0;border-block-start:var(--rule-hair) solid var(--color-rule)}.destination-list>div{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:var(--space-md);padding-block:var(--space-lg);align-items:center;border-block-end:var(--rule-hair) solid var(--color-rule)}.destination-list span,.destination-list small{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.destination-list strong{font-family:var(--font-display);font-size:var(--text-lg)}.paste-shortcut{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xl);width:100%;margin-block-start:var(--space-xl);padding:var(--space-xl);align-items:center;color:var(--color-accent-ink);background:var(--color-ink);border-radius:var(--radius-lg);box-shadow:0 var(--space-sm) var(--space-xl) var(--color-shadow)}.paste-shortcut__copy{max-width:62ch}.paste-shortcut h4{margin-block-end:var(--space-xs);font-size:var(--text-xl);letter-spacing:-.045em;line-height:1.1}.paste-shortcut__copy p,.paste-shortcut__keys{margin-block-end:0}.paste-shortcut__copy p{color:var(--color-paper-3);font-size:var(--text-sm)}.paste-shortcut__keys{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono)}.paste-shortcut__keys kbd{min-width:5rem;color:var(--color-ink);background:var(--color-paper);border-color:var(--color-paper-3);box-shadow:0 var(--space-3xs) 0 var(--color-ink-2)}.specification{padding-block:var(--space-3xl) var(--space-4xl)}.spec-list{margin-block-end:0;border-block-start:var(--rule-hair) solid var(--color-ink)}.spec-list>div{display:grid;grid-template-columns:minmax(10rem,.42fr) minmax(0,1fr);gap:var(--space-xl);padding-block:var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-rule)}.spec-list dt{font-family:var(--font-display);font-weight:700}.spec-list dd{margin-block-end:0;color:var(--color-ink-2)}.download-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2xl);margin-block-end:var(--space-4xl);padding:clamp(var(--space-xl),6vw,var(--space-3xl));align-items:end;border-radius:var(--radius-lg)}.download-panel>*{position:relative;z-index:1}.download-panel__version{margin-block-end:var(--space-md);color:var(--color-nisper-deep);font-family:var(--font-mono);font-size:var(--text-sm)}.download-panel h2{max-width:13ch;margin-block-end:var(--space-md)}.download-panel p:last-child{max-width:42rem;margin-block-end:0;color:var(--color-muted)}.download-panel__actions{display:grid;gap:var(--space-md);justify-items:end}.action--large{min-height:3.75rem;padding-inline:var(--space-lg)}.source-link{display:inline-flex;min-height:2.75rem;align-items:center;gap:var(--space-2xs);border-block-end:var(--rule-hair) solid var(--color-ink);font-size:var(--text-sm);transition:color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-lg);color:var(--color-muted);border-block-start:var(--rule-hair) solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-xs)}.product-footer p{margin-block-end:0}.product-footer div{display:flex;gap:var(--space-xs)}@media(hover:hover)and (pointer:fine){.product-nav__back:hover,.source-link:hover,.action--quiet:hover,.product-footer a:hover{color:var(--color-nisper-deep)}.product-nav__download:hover,.action--primary:hover{color:var(--color-accent-ink);background:var(--color-nisper-deep);box-shadow:0 var(--space-sm) var(--space-lg) var(--color-nisper-glow)}}@media(max-width:64rem){.product-hero{grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-4xl)}.product-hero__copy{max-width:48rem}.hero-capture{width:min(100%,52rem);justify-self:center}.tour-step,.tour-step--review{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl)}.download-panel{grid-template-columns:minmax(0,1fr)}.download-panel__actions{justify-items:start}}@media(max-width:48rem){.product-nav,.product-nav__inner{min-height:4.5rem}.product-nav__back{font-size:var(--text-base)}.product-nav__download{min-height:2.75rem;padding-inline:var(--space-xs);font-size:var(--text-xs)}.product-hero{padding-block:var(--space-3xl) var(--space-4xl)}.product-hero h1{max-width:9ch;font-size:clamp(2.25rem,11vw,5.5rem)}.tour-heading,.specification__heading,.tour-step,.tour-step--review{grid-template-columns:minmax(0,1fr)}.tour-heading p,.specification__heading p{justify-self:start}.tour-step--review .capture-island{order:2}.tour-sequence{gap:var(--space-3xl)}.product-tour{padding-block:var(--space-3xl)}.spec-list>div{grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.destination-list>div{grid-template-columns:2.5rem minmax(0,1fr)}.destination-list small{grid-column:2}.paste-shortcut{grid-template-columns:minmax(0,1fr)}.paste-shortcut__keys{justify-content:flex-start}.product-footer{display:grid}}@media(max-width:30rem){.product-nav__download{font-size:0}.product-nav__download:after{content:"入手する ↓";font-family:var(--font-mono);font-size:var(--text-xs)}.product-identity span{display:none}.hero-actions,.hero-actions .action,.download-panel__actions,.download-panel__actions .action{width:100%}.hero-actions .action,.download-panel__actions .action{padding-inline:var(--space-sm);font-size:var(--text-sm)}.shortcut{gap:var(--space-3xs)}kbd{min-width:2.25rem;padding-inline:var(--space-2xs)}.capture-island--wave,.capture-island--review{padding:var(--space-md)}.paste-shortcut{padding:var(--space-lg)}.paste-shortcut__keys{width:100%}.paste-shortcut__keys kbd{min-width:0;flex:1}.download-panel{width:calc(100% - (var(--nisper-page-gutter) * 2))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.product-nav__back:active,.product-nav__download:active,.action:active,.source-link:active{transform:none}}
