html:has(.hub-shell){scroll-behavior:smooth;overflow:visible auto}@media (prefers-reduced-motion:reduce){html:has(.hub-shell){scroll-behavior:auto}}body:has(.hub-shell){overflow:visible}.hub-nav{z-index:200;background:var(--coin);justify-items:center;padding:0 8px;display:grid;position:sticky;top:0;left:0;right:0;box-shadow:0 8px 20px #764e121f}.hub-nav-inner{width:min(100%,640px);margin-inline:auto}.hub-nav-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.hub-site-header{width:min(100% - 32px,680px);max-width:100%;margin-inline:auto}.hub-site-header .brand-lockup{flex-wrap:wrap;flex:1;align-items:center;gap:.35rem 1.75rem;min-width:0;display:flex}.hub-site-header .brand img{width:28px;height:28px}.hub-site-header .brand{flex-shrink:0}.hub-site-header .brand-lead{min-width:0;color:var(--muted);letter-spacing:-.025em;text-overflow:clip;white-space:nowrap;margin:0;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:.95rem;font-weight:500;line-height:1.2;overflow:visible}@media (width>=640px){.hub-site-header{width:min(100% - 48px,720px)}}.hub-nav-tabs a{color:#1f2733;text-align:center;border-bottom:3px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:8px 2px;font-size:clamp(.62rem,2.1vw,.78rem);font-weight:800;line-height:1.25;text-decoration:none;display:flex}.hub-nav-tabs a:hover{color:#1f2733;filter:brightness(.92)}.hub-nav-tabs a.is-active{color:#1f2733;border-bottom-color:#1f2733}.hub-shell{background:radial-gradient(circle at 80% 0,#f7b73147,#0000 36%),linear-gradient(160deg,#fffdf8 0%,#fff4d4 100%);align-content:start;justify-items:center;gap:18px;min-height:100dvh;padding:18px 20px 28px;display:grid}.hub-section{width:min(100%,640px);scroll-margin-top:4.5rem}.platform-support-note{text-align:center;color:#4b3714;background:#fff7df;border:1px solid #e2911d57;border-radius:12px;margin:0 0 12px;padding:12px 16px;font-size:.9rem;font-weight:700;line-height:1.6}.hub-card{background:#ffffffe0;border:1px solid #e2911d38;border-radius:28px;gap:16px;width:min(100%,640px);padding:28px;display:grid;box-shadow:0 24px 60px #764e121a}.hub-eyebrow{color:#b56c08;letter-spacing:.04em;margin:0;font-size:1.05rem;font-weight:800}.hub-card h1,.hub-card h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,4vw,2rem)}.hub-card h3{color:#5c3a00;margin:0;font-size:1rem}.hub-card p,.hub-card li{color:#745c45;margin:0;line-height:1.7}.hub-hero{text-align:center;justify-items:center;gap:14px;display:grid}.hub-hero h1{letter-spacing:-.02em;font-size:clamp(1.15rem,3.2vw,1.4rem);font-weight:800;line-height:1.45}.hub-hero p{text-align:center}.hub-section#pricing{order:1}.hub-section#faq,.hub-section#pricing-legacy,.hub-section#download{display:none}.hub-account-cta-row{order:2;width:min(100%,640px);margin:0 auto;padding:1.1rem 28px}.hub-account-cta{background:#e2911d;border-radius:999px;justify-content:center;align-items:center;width:100%;margin-inline:auto;padding:.7rem 1.1rem;font-weight:800;text-decoration:none;display:flex;color:#fff!important}.hub-account-cta:hover{color:#fff;background:#b56c08}.hub-section#use{display:none}.hub-hero-points{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hub-hero-points li{color:#5c3a00;background:#fff7e8;border:1px solid #e2911d3d;border-radius:999px;padding:6px 10px;font-size:.88rem;font-weight:800;line-height:1.4}.hub-hero-art{border-radius:24px;width:min(100%,280px);display:block}.hub-card a{color:var(--link)}.hub-note{color:#745c45;background:#fff7e8;border:1px solid #e2911d38;border-radius:14px;padding:12px 14px;font-size:.92rem}.hub-slides{justify-items:center;gap:10px;width:min(100%,560px);display:grid}.todo-hero .hub-slides{margin-inline:auto}.hub-slides-viewport{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:24px;width:100%;overflow:hidden}.hub-slides-viewport:active{cursor:grabbing}.hub-slides-track{transition:transform .45s;display:flex}.hub-slides-track.is-dragging{transition:none}@media (prefers-reduced-motion:reduce){.hub-slides-track{transition:none}}.hub-slides-item{flex:0 0 100%;margin:0;position:relative}.hub-slides-item img{aspect-ratio:704/498;object-fit:contain;width:100%;height:auto;display:block}.hub-slides-item figcaption{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hub-slides-dots{justify-content:center;gap:8px;display:flex}.hub-slides-dots button{cursor:pointer;background:#e2911d59;border:0;border-radius:999px;width:8px;height:8px;padding:0}.hub-slides-dots button.is-active{background:#e2911d;width:22px}.shot-feature-tour{gap:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shot-feature-list{gap:24px;display:grid}.shot-feature-step{border-top:1px solid #e2911d2e;gap:10px;padding-top:24px;display:grid}.shot-feature-step:first-child{border-top:0;padding-top:0}.shot-feature-step img{background:#fff7e8;border:1px solid #e2911d2e;border-radius:18px;width:100%;height:auto;display:block}.shot-feature-step>div{gap:6px;padding:0 2px;display:grid}.shot-feature-step h3{align-items:baseline;gap:8px;margin:0;font-size:1.15rem;display:flex}.shot-feature-step h3 span{color:inherit;font:inherit}.hub-faq{gap:8px;display:grid}.hub-faq details{background:#fffdf8;border:1px solid #e2911d2e;border-radius:14px;padding:12px 14px}.hub-faq summary{cursor:pointer;color:#5c3a00;font-weight:800;line-height:1.5}.hub-faq details[open] summary{margin-bottom:8px}.hub-faq p{font-size:.92rem}