:root{--night:#0b1020;--night-deep:#070b17;--surface:#151c2e;--surface-2:#1b2338;--ink:#f4f1e8;--muted:#98a3b7;--core:#fff1b8;--glow:#f6c85f;--glow-deep:#e89b3c;--cool:#7c86d9;--line:#f4f1e814;--font-display:"Shippori Mincho", "Hiragino Mincho ProN", serif;--font-body:"Zen Kaku Gothic New", "Hiragino Sans", sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:var(--font-body), sans-serif;color:var(--ink);background:radial-gradient(1200px 800px at 70% -10%, #7c86d91a, transparent 60%), radial-gradient(900px 600px at 15% 110%, #f6c85f0d, transparent 60%), linear-gradient(var(--night), var(--night-deep));-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:15.5px;line-height:1.9;overflow-x:clip}a{color:inherit;text-decoration:none}.mark{width:10px;height:10px;margin-right:10px;display:inline-block;position:relative}.mark-glow{background:var(--core);border-radius:50%;animation:2.6s ease-in-out infinite breathe;position:absolute;inset:0;box-shadow:0 0 6px 2px #f6c85fd9,0 0 18px 6px #e89b3c59}.btn{letter-spacing:.04em;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .3s;display:inline-block}.btn-glow{color:#1a1405;background:linear-gradient(180deg, var(--core), var(--glow));box-shadow:0 0 0 1px #f6c85f59,0 4px 24px #e89b3c59}.btn-glow:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #f6c85f80,0 6px 34px #e89b3c8c}.btn-lg{padding:14px 34px;font-size:16px}.nav{z-index:10;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0b1020b8;justify-content:space-between;align-items:center;padding:14px clamp(20px,5vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{font-family:var(--font-display), serif;letter-spacing:.06em;font-size:17px;font-weight:600}.nav-links{align-items:center;gap:clamp(14px,2.5vw,28px);font-size:13.5px;display:flex}.nav-links a:not(.btn):hover{color:var(--core)}.nav-lang{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 12px}.nav-cta{padding:8px 18px;font-size:13px}.hero{justify-content:center;align-items:center;min-height:100svh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-inner{text-align:center;max-width:760px;position:relative}.hero-tagline{font-family:var(--font-display), serif;letter-spacing:.08em;text-shadow:0 0 42px #f6c85f38;font-size:clamp(38px,7.5vw,72px);font-weight:600;line-height:1.5;animation:1.1s both rise}.hero-lead{color:var(--muted);margin-top:30px;font-size:clamp(14px,2vw,16px);animation:1.1s .25s both rise}.hero-cta{flex-direction:column;align-items:center;gap:12px;margin-top:40px;animation:1.1s .45s both rise;display:flex}.hero-cta-note{color:var(--muted);font-size:12px}.fireflies{pointer-events:none;z-index:0;position:fixed;inset:0}main,.footer{z-index:1;position:relative}.tagline-line{white-space:nowrap;display:block}.firefly{left:var(--x);top:var(--y);width:calc(5px * var(--s));height:calc(5px * var(--s));background:var(--core);opacity:0;animation:drift var(--dur) var(--delay) ease-in-out infinite alternate, flicker calc(var(--dur) / 2.4) var(--delay) ease-in-out infinite;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #fff1b8b3,0 0 22px 8px #f6c85f40}@keyframes drift{0%{transform:translate(0)}to{transform:translate(46px,-64px)}}@keyframes flicker{0%,to{opacity:.05}50%{opacity:.9}}.pill-demo{background:var(--surface);border:1px solid var(--line);width:fit-content;color:var(--muted);border-radius:999px;align-items:center;gap:12px;margin:72px auto 0;padding:10px 14px;font-size:12.5px;animation:5s ease-in-out infinite bob;display:flex;box-shadow:0 18px 60px #00000080}.pill-cancel,.pill-stop{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;display:flex}.pill-cancel{background:#f4f1e81f}.pill-stop{color:#fff;background:#c53a3a}.pill-hotaru{background:var(--core);border-radius:50%;width:11px;height:11px;animation:.22s ease-out both bloom,2.4s ease-in-out .22s infinite breathe;box-shadow:0 0 8px 2px #f6c85fe6,0 0 24px 8px #e89b3c66}.pill-bars{align-items:center;gap:3px;display:flex}.pill-bars span{background:var(--muted);border-radius:2px;width:3px;height:4px;animation:1s ease-in-out infinite bounce}@keyframes bloom{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}@keyframes bounce{0%,to{opacity:.5;height:4px}50%{opacity:1;height:15px}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.section{border-top:1px solid var(--line);max-width:960px;margin:0 auto;padding:clamp(70px,12vh,130px) 24px}.section-heading{font-family:var(--font-display), serif;letter-spacing:.06em;margin-bottom:22px;font-size:clamp(26px,4.5vw,40px);font-weight:600;line-height:1.6}.section-body{color:var(--muted);max-width:640px}.examples{flex-wrap:wrap;gap:14px;margin-top:44px;display:flex}.example{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 18px;display:flex}.example-spoken{color:var(--muted)}.example-arrow{color:var(--glow-deep)}.example-written{color:var(--glow);text-shadow:0 0 18px #f6c85f59;font-weight:700}.pack-cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px;display:grid}.pack{background:var(--surface);border:1px solid var(--line);opacity:.66;border-radius:14px;padding:18px 16px;transition:opacity .3s}.pack.on{opacity:1;border-color:#f6c85f66;box-shadow:0 0 34px #e89b3c1a}.pack-title{align-items:center;gap:9px;font-size:14.5px;font-weight:700;display:flex}.pack-light{background:#f4f1e840;border-radius:50%;flex-shrink:0;width:8px;height:8px}.pack.on .pack-light{background:var(--core);animation:2.6s ease-in-out infinite breathe;box-shadow:0 0 6px 2px #f6c85fcc,0 0 16px 6px #e89b3c4d}.pack-terms{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pack-terms span{color:var(--muted);background:#f4f1e812;border-radius:5px;padding:2px 9px;font-size:11.5px}.pack.on .pack-terms span{color:var(--glow);background:#f6c85f14}.packs-ai{color:var(--muted);max-width:640px;margin-top:30px;font-size:13.5px}.packs-ai a{color:var(--glow)}.packs-ai a:hover{text-shadow:0 0 14px #f6c85f80}.steps{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;padding:0;list-style:none;display:grid}.step h3{margin:14px 0 8px;font-size:16.5px}.step p{color:var(--muted);font-size:13.5px}.step-num{width:34px;height:34px;color:var(--glow);font-family:var(--font-display), serif;border:1px solid #f6c85f73;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 18px #f6c85f26}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;display:grid}.feature{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 22px;transition:transform .25s,border-color .25s,box-shadow .25s}.feature:hover{border-color:#f6c85f59;transform:translateY(-3px);box-shadow:0 10px 40px #e89b3c1f}.feature-icon{font-size:20px}.feature h3{margin:12px 0 8px;font-size:15.5px}.feature p{color:var(--muted);font-size:13px;line-height:1.8}.plans{grid-template-columns:repeat(2,1fr);gap:22px;max-width:720px;margin-top:48px;display:grid}.plan{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px 28px}.plan-free{border-color:#f6c85f66;box-shadow:0 0 50px #e89b3c1a}.plan h3{font-family:var(--font-display), serif;letter-spacing:.08em}.plan-note{color:var(--muted);border:1px solid var(--line);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 10px;font-size:11px}.plan-price{font-size:34px;font-family:var(--font-display), serif;color:var(--core);margin:10px 0 18px}.plan ul{color:var(--muted);margin:0 0 24px;padding:0;font-size:13.5px;list-style:none}.plan li{border-bottom:1px dashed var(--line);padding:7px 0}.faq-list{max-width:720px;margin-top:40px}.faq-item{border-bottom:1px solid var(--line);padding:4px 0}.faq-item summary{cursor:pointer;padding:16px 30px 16px 0;font-size:14.5px;font-weight:700;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--glow);transition:transform .25s;position:absolute;right:4px}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--muted);max-width:640px;padding:0 0 18px;font-size:13.5px}.footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:60px 24px 80px;font-size:13px}.footer-brand{font-family:var(--font-display), serif;color:var(--ink);letter-spacing:.06em;font-size:16px}.footer-links{justify-content:center;gap:26px;margin:18px 0;display:flex}.footer-links a:hover{color:var(--core)}.footer-copy{font-size:12px}@media (max-width:760px){.steps,.feature-grid,.plans{grid-template-columns:1fr}.pack-cards{grid-template-columns:repeat(2,1fr)}.nav-links a:not(.nav-cta):not(.nav-lang){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.policy-main{max-width:720px;margin:0 auto;padding:140px 24px 80px}.policy h1{font-family:var(--font-display), serif;letter-spacing:.06em;margin-bottom:8px;font-size:clamp(28px,4.5vw,38px);font-weight:600}.policy-date{color:var(--muted);margin-bottom:40px;font-size:13px}.policy h2{font-family:var(--font-display), serif;letter-spacing:.04em;border-top:1px solid var(--line);margin:40px 0 12px;padding-top:24px;font-size:20px;font-weight:600}.policy h3{margin:20px 0 8px;font-size:15px;font-weight:700}.policy p,.policy li{color:var(--muted);font-size:14.5px;line-height:2}.policy strong{color:var(--ink)}.policy ul{margin:8px 0;padding-left:22px}.policy a{color:var(--glow)}
