main>:not(.light),.site-footer{z-index:1;position:relative}.badge{color:var(--muted);border-radius:100px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:620;display:inline-flex}.badge:before{content:"";background:conic-gradient(var(--spectrum));border-radius:50%;width:7px;height:7px}.tag{color:var(--muted);letter-spacing:.01em;background:#1112180b;border-radius:100px;padding:5px 11px;font-size:12.5px;font-weight:650;display:inline-block}.tag-pro{background:var(--ink);color:#fff}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1 span,h2 span{color:inherit}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;min-height:calc(100svh - 92px);padding:56px 0 64px;display:grid}.hero h1{letter-spacing:-.045em;margin-top:26px;font-size:clamp(46px,6.6vw,92px);font-weight:760;line-height:1.04}html[lang=ja] .hero h1{letter-spacing:-.03em}.hero-sub{color:var(--muted);margin:26px 0 36px;font-size:clamp(16px,1.45vw,19px);line-height:1.9}.pill svg{width:20px;height:20px}.hero-scene{margin:0}.scene-glass{border-radius:38px;flex-direction:column;height:560px;padding:24px 24px 28px;display:flex}.scene-beat{letter-spacing:-.02em;min-height:30px;transition:opacity .3s, transform .4s var(--ease);font-size:20px;font-weight:680}.scene-beat.swap{opacity:0;transform:translateY(6px)}.day{--hour:20%;--gutter:58px;flex:1;margin:22px 0 8px;transition:opacity .35s;position:relative}.hour{left:var(--gutter);right:0;top:calc(var(--at) * var(--hour));border-top:1px solid #11121812;transition:opacity .6s;position:absolute}.hour span{left:calc(-1 * var(--gutter));font-variant-numeric:tabular-nums;color:var(--faint);font-size:11.5px;position:absolute;top:-8px}.block,.chip{left:var(--gutter);width:calc(100% - var(--gutter));top:calc(var(--from) * var(--hour) + 2px);height:calc((var(--to) - var(--from)) * var(--hour) - 4px);border-radius:13px;position:absolute}.block{align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:620;transition:opacity .6s;display:flex}.block.fixed{background:var(--ink);color:#fff}.block.rest{color:var(--muted);background:#ffffff5c;border:1px solid #1112181f}.block svg{width:14px;height:14px}.chip{transition:top .95s var(--spring), left .95s var(--spring), width .95s var(--spring), height .95s var(--spring), transform .95s var(--spring), opacity .45s, border-color .4s, box-shadow .4s;transition-delay:calc(var(--i) * 90ms);background:#ffffffe0;border:1px solid #fff;grid-template-rows:auto auto;grid-template-columns:8px minmax(0,1fr) auto;align-content:center;gap:3px 10px;padding:0 44px 0 13px;font-size:14px;display:grid;box-shadow:inset 0 1px 1px #fff,0 2px 4px #1112180a,0 10px 24px #0a1a4a14}.chip-dot{background:var(--c);border-radius:50%;width:8px;height:8px}.chip-title{white-space:nowrap;text-overflow:ellipsis;font-weight:640;transition:color .3s;overflow:hidden}.chip-length{color:var(--faint);white-space:nowrap;font-size:12px}.chip-now{color:var(--accent);opacity:0;grid-column:2/-1;font-size:12.5px;transition:opacity .4s .2s}.chip-now b{font-weight:700}.chip-check{color:#fff;width:22px;height:22px;transition:background .3s, border-color .3s, transform .4s var(--spring);border:1.5px solid #11121833;border-radius:50%;place-items:center;margin-top:-11px;display:grid;position:absolute;top:50%;right:12px}.chip-check svg{stroke-width:2.4px;opacity:0;width:14px;height:14px;transition:opacity .2s}.hero-scene[data-phase=pile] .chip{left:var(--px);top:var(--py);width:60%;height:48px;transform:rotate(var(--pr));transition-delay:0s}.hero-scene[data-phase=pile] .block,.hero-scene[data-phase=pile] .chip-length{opacity:0}.hero-scene[data-phase=pile] .hour{opacity:.35}.hero-scene[data-phase=now] .chip:not([data-chip="0"]),.hero-scene[data-phase=done] .chip:not([data-chip="1"]),.hero-scene[data-phase=now] .block,.hero-scene[data-phase=done] .block{opacity:.45}.hero-scene[data-phase=now] .chip[data-chip="0"],.hero-scene[data-phase=done] .chip[data-chip="1"]{z-index:2;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 16px 34px #1b1c242e;background:#fff;transition-delay:0s;transform:scale(1.045)}.hero-scene[data-phase=now] .chip-now{opacity:1}.hero-scene[data-phase=done] .chip[data-chip="0"] .chip-title{color:var(--faint);text-decoration:line-through}.hero-scene[data-phase=done] .chip[data-chip="0"] .chip-check{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.hero-scene[data-phase=done] .chip[data-chip="0"] .chip-check svg{opacity:1}.hero-scene[data-phase=fade] .day{opacity:0}.hero-scene[data-instant] .chip,.hero-scene[data-instant] .block,.hero-scene[data-instant] .hour{transition:none}.hero-scene figcaption{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-inline:8px;display:flex}.motion-toggle{border:1px solid var(--line);background:#ffffffb8;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.motion-toggle svg{stroke-width:2.2px;width:15px;height:15px}.motion-toggle .icon-play,.motion-toggle[aria-pressed=true] .icon-pause{display:none}.motion-toggle[aria-pressed=true] .icon-play{display:block}.section-head{text-align:center;margin-bottom:40px}.section-head h2,.screens h2,.closing h2{letter-spacing:-.04em;font-size:clamp(34px,4.6vw,60px);font-weight:740;line-height:1.1}html[lang=ja] .section-head h2,html[lang=ja] .screens h2,html[lang=ja] .closing h2{letter-spacing:-.02em}.section-head p{color:var(--muted);margin-top:16px;font-size:16px;line-height:1.8}.features{padding:80px 0 40px}.scene{grid-template-columns:1fr 1.05fr;align-items:center;gap:64px;padding:56px 0;display:grid}.scene:nth-of-type(2n) .scene-copy{order:2}.scene-copy h3{letter-spacing:-.03em;margin:16px 0 18px;font-size:clamp(28px,3.2vw,42px);font-weight:720;line-height:1.18}html[lang=ja] .scene-copy h3{letter-spacing:-.01em}.scene-copy>p:last-child{max-width:30em;color:var(--muted);font-size:16.5px;line-height:1.95}.vis{--row:54px;--top:66px;border-radius:34px;height:380px;overflow:hidden}.vis .rows span{left:26px;right:26px;top:calc(var(--top) + var(--r) * var(--row));border-top:1px solid #11121810;position:absolute}.mini{left:26px;right:26px;top:calc(var(--top) + var(--r) * var(--row) + 4px);height:calc(var(--row) - 8px);white-space:nowrap;border-radius:13px;align-items:center;gap:9px;padding:0 15px;font-size:14px;font-weight:630;display:flex;position:absolute}.mini.fixed{background:var(--ink);color:#fff}.mini.rest{color:var(--muted);background:#ffffff5c;border:1px solid #1112181f}.mini svg{width:14px;height:14px}.mini.task{background:#fffffff0;border:1px solid #fff;box-shadow:0 8px 20px #0a1a4a14}.mini.task i{background:var(--c);border-radius:50%;width:8px;height:8px}.apply,.preview-tag{border-radius:100px;padding:8px 16px;font-size:13px;font-weight:650;position:absolute;top:18px}.apply{background:var(--ink);color:#fff;right:22px}.preview-tag{background:var(--accent-soft);color:var(--accent);left:22px}.island{color:#fff;font-variant-numeric:tabular-nums;background:#000;border-radius:20px;align-items:center;gap:10px;height:36px;padding:0 14px 0 10px;font-size:14px;font-weight:600;display:flex;position:absolute;top:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0000002e}.ring{border:2.5px solid #fff;border-right-color:#ffffff40;border-radius:50%;width:18px;height:18px}.lens-card{background:#fffffff2;border:1px solid #fff;border-radius:26px;padding:22px 22px 20px;position:absolute;bottom:26px;left:26px;right:26px;box-shadow:inset 0 1px 1px #fff,0 18px 40px #0a1a4a1f}.lens-label{color:var(--accent);font-size:12.5px}.lens-title{letter-spacing:-.02em;margin-top:6px;font-size:25px;font-weight:720}.lens-bar{background:#11121810;border-radius:6px;height:6px;margin-top:16px;overflow:hidden}.lens-bar span{background:var(--accent);border-radius:6px;width:42%;height:100%;display:block}.lens-left{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:13px}.lens-action,.note-action{background:var(--ink);color:#fff;border-radius:100px;align-items:center;gap:7px;margin-top:14px;padding:10px 16px;font-size:13.5px;font-weight:650;display:inline-flex}.lens-action svg,.note-action svg{fill:currentColor;stroke:none;width:13px;height:13px}.bubble{background:var(--ink);color:#fff;border-radius:20px 20px 6px;max-width:75%;padding:11px 16px;font-size:14.5px;font-weight:600;position:absolute;top:34px;right:24px}.orb{height:56px;color:var(--muted);opacity:0;align-items:center;gap:14px;font-size:13px;display:flex;position:absolute;top:104px;left:26px}.orb i{left:calc(22px + 17px * cos(calc(var(--k) * 25.7deg)));top:calc(28px + 17px * sin(calc(var(--k) * 25.7deg)) * .9);background:var(--ink);opacity:.35;border-radius:50%;width:4px;height:4px;position:absolute}.orb span{margin-left:56px}.answer{background:#fffe;border:1px solid #fff;border-radius:20px 20px 20px 6px;padding:14px 16px;font-size:14.5px;line-height:1.6;position:absolute;top:104px;left:24px;right:48px;box-shadow:0 10px 26px #0a1a4a14}.composer{height:50px;color:var(--faint);background:#ffffffc8;border:1px solid #fff;border-radius:100px;justify-content:space-between;align-items:center;padding:0 6px 0 18px;font-size:14.5px;display:flex;position:absolute;bottom:22px;left:22px;right:22px;box-shadow:inset 0 1px 1px #fff,0 8px 22px #0a1a4a14}.composer b{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.composer svg{stroke-width:2.4px;width:17px;height:17px}.vis-notify{background:linear-gradient(165deg,#f6f7f9,#fff 60%,#f3f4f6)}.lock-time{text-align:center;letter-spacing:-.03em;color:var(--ink);margin-top:40px;font-size:72px;font-weight:650;line-height:1}.lock-date{text-align:center;color:var(--muted);margin-top:8px;font-size:14px;font-weight:600}.note{border-radius:24px;padding:14px 16px 16px;position:absolute;top:168px;left:22px;right:22px}.note-app{letter-spacing:.08em;color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:650;display:flex}.note-app img{border-radius:5px}.note-title{margin-top:8px;font-size:16px;font-weight:700}.note-body{color:var(--muted);margin-top:2px;font-size:13.5px}.note-action{color:var(--ink);background:#11121812;justify-content:center;margin-top:12px;display:flex}.more-title{letter-spacing:-.01em;text-align:center;margin:72px 0 24px;font-size:22px;font-weight:700}.tiles{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.tile{transition:transform .4s var(--spring), box-shadow .4s;border-radius:26px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.tile:hover{transform:translateY(-4px)}.tile-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.tile-icon svg{width:22px;height:22px}.tile h4{margin:18px 0 6px;font-size:18px;font-weight:680}.tile p{color:var(--muted);flex:1;font-size:14.5px;line-height:1.75}.tile .tag{margin-top:16px}.screens{grid-template-columns:1fr auto;align-items:center;gap:64px;padding:100px 0;display:grid}.switch{--k:0;border-radius:100px;grid-template-columns:repeat(3,1fr);margin-top:32px;padding:4px;display:inline-grid;position:relative}.switch button{z-index:1;min-width:84px;color:var(--muted);background:0 0;border:0;border-radius:100px;padding:11px 20px;font-size:15px;font-weight:640;transition:color .3s;position:relative}.switch button[aria-pressed=true]{color:var(--ink)}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.switch-lens{background:linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--spin), #a9d2ff, #ffd2ec, #fff1b0, #b9f5dc, #a9d2ff) border-box;width:calc(33.3333% - 2.66667px);transform:translateX(calc(var(--k) * 100%));transition:transform .55s var(--spring);border:1.5px solid #0000;border-radius:100px;animation:9s linear infinite spin;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 4px 14px #0a1a4a1f}@keyframes spin{to{--spin:360deg}}.view-notes{max-width:26em;min-height:3.6em;color:var(--muted);margin-top:22px;font-size:16px;line-height:1.8}.screens{grid-template-columns:1fr 1fr}.phone{justify-self:center}.platform{color:var(--muted);margin-top:18px;font-size:14px}.phone{text-align:center;width:304px}.phone-glass{border-radius:52px;padding:12px}.phone img{background:#fff;border-radius:40px;width:100%;display:block;box-shadow:0 18px 40px #1b1c2426}.phone .caption{margin-top:14px}.pricing{padding:60px 0 40px}.compare{border-radius:28px;padding:8px 8px 4px;overflow-x:auto}.compare table{border-collapse:collapse;width:100%;font-size:15px}.compare caption{caption-side:bottom;text-align:left;color:var(--faint);padding:14px 16px 10px;font-size:12.5px}.compare th,.compare td{border-bottom:1px solid #1112180f;padding:14px 18px}.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}.compare thead th{color:var(--muted);text-align:center;font-size:13px;font-weight:650}.compare thead th:first-child{text-align:left}.compare tbody th{text-align:left;font-weight:560}.compare td{text-align:center;width:22%;font-size:14px;font-weight:600}.compare td svg{stroke-width:2.3px;vertical-align:middle;width:19px;height:19px}.compare td.no{color:var(--faint)}.compare .pro-col{color:var(--accent);background:#1b1c2408}.compare thead .pro-col{border-radius:16px 16px 0 0}.prices{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.price-card{border-radius:26px;padding:24px 26px}.price-card.featured{border-color:#1b1c2466;box-shadow:inset 0 1px 1px #fff,0 0 0 1px #1b1c2433,0 20px 44px #1b1c241f}.price-card h3{color:var(--muted);font-size:14px;font-weight:620}.price{letter-spacing:-.03em;margin-top:10px;font-size:40px;font-weight:740}.per{color:var(--muted);font-size:14px}.trial{background:var(--accent-soft);color:var(--accent);border-radius:100px;margin-top:14px;padding:5px 11px;font-size:13px;font-weight:680;display:inline-block}.price-note{color:var(--faint);text-align:center;margin-top:18px;font-size:13px;line-height:1.7}.closing{text-align:center;padding:120px 0 130px}.closing-icon{border-radius:18px;box-shadow:0 14px 30px #0a1a4a24}.closing h2{margin:28px 0 30px}.no-script{text-align:center;color:var(--muted);padding:0 0 40px;font-size:14px}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;filter:blur(6px);transition:opacity .8s var(--ease), transform .9s var(--ease), filter .8s var(--ease);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(28px)}.js [data-reveal].shown{opacity:1;filter:none;transform:none}.js .tile[data-reveal].shown:hover{transform:translateY(-4px)}.js .vis-auto .mini.task{animation:auto-in 7s var(--ease) infinite both;animation-delay:calc(var(--i) * .35s)}.js .vis-auto .apply{animation:apply-pop 7s var(--ease) infinite both}.js .vis-now .ring{animation:1.6s linear infinite ring}.js .vis-now .lens-bar span{animation:25s linear infinite bar}.js .vis-now .lens-action{animation:press 5s var(--ease) infinite}.js .vis-replan .mini.fixed{animation:grow 7s var(--ease) infinite both}.js .vis-replan .mini.task{animation:shift 7s var(--ease) infinite both;animation-delay:calc(var(--i) * 80ms)}.js .vis-replan .preview-tag,.js .vis-replan .apply{animation:tag-in 7s var(--ease) infinite both}.js .vis-ask .bubble{animation:ask-bubble 7s var(--ease) infinite both}.js .vis-ask .orb{animation:ask-orb 7s var(--ease) infinite both}.js .vis-ask .orb i{animation:1.6s ease-in-out infinite breathe;animation-delay:calc(var(--k) * -.11s)}.js .vis-ask .answer{animation:ask-answer 7s var(--spring) infinite both}.js .vis-notify .note{animation:note-in 6s var(--spring) infinite both}.js .vis *,.js .vis{animation-play-state:paused}.js .scene[data-live] .vis,.js .scene[data-live] .vis *{animation-play-state:running}html[data-paused] .vis,html[data-paused] .vis *,html[data-paused] .glass:after,html[data-paused] .chip,html[data-paused] .switch-lens{animation-play-state:paused!important}}@keyframes auto-in{0%,6%{opacity:0;transform:translate(70%,30px)rotate(7deg)}24%,86%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes apply-pop{0%,42%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.08)}56%,86%{opacity:1;transform:scale(1)}96%,to{opacity:0}}@keyframes ring{to{transform:rotate(360deg)}}@keyframes bar{0%{width:8%}to{width:100%}}@keyframes press{0%,78%,to{transform:none}84%{transform:scale(.94)}90%{transform:scale(1.03)}}@keyframes grow{0%,16%{height:calc(var(--row) - 8px)}34%,86%{height:calc(var(--row) * 1.5 - 8px)}96%,to{height:calc(var(--row) - 8px)}}@keyframes shift{0%,22%{transform:none}40%,86%{transform:translateY(calc(var(--row) / 2))}96%,to{transform:none}}@keyframes tag-in{0%,36%{opacity:0;transform:translateY(-6px)}46%,86%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes ask-bubble{0%,4%{opacity:0;transform:translateY(14px)scale(.96)}12%,88%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes ask-orb{0%,14%{opacity:0}20%,34%{opacity:1}40%,to{opacity:0}}@keyframes breathe{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:.8;transform:scale(1.35)}}@keyframes ask-answer{0%,38%{opacity:0;transform:translateY(10px)}46%,88%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes note-in{0%,8%{opacity:0;transform:translateY(-150px)scale(.96)}22%,82%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(-24px)scale(.98)}}@media (width<=1000px){.hero{grid-template-columns:1fr;gap:40px;min-height:0;padding-top:48px}.scene,.screens{grid-template-columns:1fr;gap:32px}.scene{padding:40px 0}.scene:nth-of-type(2n) .scene-copy{order:0}.tiles{grid-template-columns:repeat(2,1fr)}.screens{text-align:center;justify-items:center}}@media (width<=700px){br.wide{display:none}.hero{padding:36px 0 32px}.hero h1{font-size:clamp(40px,12vw,58px)}.scene-glass{border-radius:30px;height:500px;padding:20px 16px 22px}.day{--gutter:46px}.hero-scene[data-phase=pile] .chip{width:66%}.features{padding-top:48px}.vis{--row:50px;--top:62px;height:360px}.mini,.vis .rows span{left:16px;right:16px}.tiles,.prices{grid-template-columns:1fr;gap:10px}.tile{border-radius:22px;grid-template-columns:42px 1fr;column-gap:14px;padding:18px;display:grid}.tile-icon{grid-row:span 3}.tile h4{margin:0 0 4px;font-size:16.5px}.tile .tag{justify-self:start;margin-top:10px}.price-card{border-radius:22px;grid-template-columns:1fr auto;align-items:baseline;column-gap:12px;padding:18px 20px;display:grid}.price{grid-area:1/2/span 2;align-self:center;margin:0;font-size:30px}.per{grid-row:2}.trial{grid-column:1/-1;justify-self:start;margin-top:10px}.screens{padding:64px 0}.phone{width:min(290px,80vw)}.compare th,.compare td{padding:12px 10px}.compare table{font-size:14px}.compare td{width:24%;font-size:13px}.closing{padding:80px 0 90px}}.band-dark{z-index:1;color:#fff;background:radial-gradient(120% 90% at 75% 30%,#2a2b35 0%,#1b1c24 60%);position:relative}.band-dark .hero-sub,.band-dark .caption{color:#c9ccd6}.band-dark .pill{color:var(--ink);background:#fff}.band-dark .glass{background:linear-gradient(155deg,#ffffff1f 0%,#ffffff0a 50%,#ffffff14 100%);border-color:#ffffff38;box-shadow:inset 0 1px 1px #ffffff40,0 30px 70px #00000059}.band-dark .badge{color:#d5d8e2}.band-dark .motion-toggle{color:#fff;background:#ffffff14;border-color:#ffffff38}.closing,.band-dark .scene-beat{color:#fff}.band-dark .hour{border-top-color:#ffffff1a}.band-dark .hour span{color:#a5a8b2}.band-dark .block.fixed{color:#fff;background:#ffffff26}.band-dark .block.rest{color:#c9ccd6;background:#ffffff0a;border-color:#ffffff38}.hero-scene[data-phase=now] .chip[data-chip="0"],.hero-scene[data-phase=done] .chip[data-chip="1"]{background:linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--rim), var(--spectrum)) border-box;border:2px solid #0000;animation:6s linear infinite rim;box-shadow:0 18px 44px #0006}.hero-scene[data-phase=done] .chip[data-chip="0"] .chip-check{background:var(--ink);border-color:var(--ink)}.scene-note{z-index:3;white-space:nowrap;opacity:0;transition:opacity .45s, transform .6s var(--spring);border-radius:20px;align-items:center;gap:10px;padding:11px 18px;font-size:13.5px;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%,-14px)scale(.96)}.band-dark .scene-note.glass{color:var(--ink);background:#fffffff2;border-color:#fff;box-shadow:0 18px 40px #00000059}.scene-note svg{width:16px;height:16px}.scene-note span{color:var(--muted)}.hero-scene[data-phase=now] .scene-note{opacity:1;transform:translate(-50%)}.nb{display:inline-block}.hero h1 .lead{letter-spacing:-.02em;color:#d5d8e2;margin-bottom:10px;font-size:.52em;font-weight:640}.band-dark .chip{color:var(--ink)}