.hero{padding:clamp(132px,17vw,184px) 0 clamp(56px,8vw,96px);position:relative;overflow:clip}.hero-glow{z-index:-1;background:radial-gradient(46% 42% at 50% 8%,#a59aff47,#0000 70%),radial-gradient(30% 30% at 18% 30%,#ffd6aa38,#0000 70%),radial-gradient(28% 30% at 84% 26%,#c4bcff3d,#0000 70%);height:900px;position:absolute;inset:0 0 auto}.hero-glow:after{content:"";background-image:radial-gradient(#16151a12 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 22%,#000 10%,#0000 75%);mask-image:radial-gradient(60% 55% at 50% 22%,#000 10%,#0000 75%)}.hero-inner{text-align:center;justify-items:center;display:grid}.hero-inner>*{animation:hero-in .9s var(--ease-out) both}.hero-inner>:nth-child(2){animation-delay:60ms}.hero-inner>:nth-child(3){animation-delay:.14s}.hero-inner>:nth-child(4){animation-delay:.2s}.hero-inner>:nth-child(n+5){animation-delay:.26s}@keyframes hero-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-eyebrow{border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--ink-soft);background:#ffffffb3;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 14px 6px 10px;font-size:14px;display:inline-flex}.hero-eyebrow-mark{width:14px;height:14px}.hero-title{max-width:100%}.hero-mascot{vertical-align:top;width:.62em;height:.62em;margin:-.08em 0 0 .08em;display:inline-block}.hero-sub{max-width:34em;margin-top:26px}.hero-ctas{justify-content:center;margin-top:34px}.hero-note{margin-top:16px}.live-counter{background:var(--lavender);color:var(--violet-deep);animation:hero-in .6s var(--ease-out) both;border-radius:999px;align-items:center;gap:9px;margin-top:22px;padding:7px 14px;font-size:14px;display:inline-flex}.live-counter b{font-variant-numeric:tabular-nums;font-weight:600}.live-counter-mark{width:13px;height:13px}.hero-demo{animation:hero-in 1s .35s var(--ease-out) both;margin-top:clamp(56px,7vw,84px)}.demo{max-width:940px;margin:0 auto}.demo-tabs{scrollbar-width:none;background:#16151a0b;border:1px solid #16151a0d;border-radius:999px;gap:2px;width:fit-content;max-width:100%;margin:0 auto 22px;padding:4px;display:flex;position:relative;overflow-x:auto}.demo-tabs::-webkit-scrollbar{display:none}.demo-tab-indicator{background:var(--surface);transition:transform .4s var(--ease-out), width .4s var(--ease-out);border-radius:999px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 1px 2px #16151a14,0 3px 10px -4px #16151a26}.demo-tab{z-index:1;height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:14.5px;font-weight:500;transition:color .2s;display:inline-flex;position:relative}.demo-tab svg{width:15px;height:15px}.demo-tab:hover,.demo-tab[aria-selected=true]{color:var(--ink)}.demo-tabs:not(.ready) .demo-tab[aria-selected=true]{background:var(--surface);box-shadow:0 1px 2px #16151a14}.demo-tab[aria-selected=true] svg{color:var(--violet)}.demo-stage{padding-bottom:8px;position:relative}.demo-window{background:var(--surface);box-shadow:var(--shadow-lg);text-align:left;border-radius:22px;position:relative;overflow:hidden}.demo-titlebar{border-bottom:1px solid var(--line);background:linear-gradient(#fdfcfa,#f8f7f3);align-items:center;gap:12px;height:46px;padding:0 16px;display:flex}.demo-dots{gap:7px;display:inline-flex}.demo-dots i{background:#e3e0d8;border-radius:50%;width:11px;height:11px}.demo-channel{color:var(--ink);font-size:14px;font-weight:600}.demo-anyapp{color:var(--muted);background:var(--bg-sunk);border-radius:999px;margin-left:auto;padding:3px 9px;font-size:12px}.demo-body{flex-direction:column;min-height:440px;padding:22px 22px 18px;display:flex}.demo-thread{flex:1;align-content:start;gap:4px;display:grid}.demo-msg{animation:msg-in .4s var(--ease-out) both;grid-template-columns:36px 1fr;gap:12px;padding:4px 0;display:grid}.demo-msg.cont{padding-top:0}.demo-avatar,.fd-avatar{width:36px;height:36px;color:hsl(var(--hue) 45% 30%);background:hsl(var(--hue) 70% 90%);border-radius:10px;place-items:center;font-size:14px;font-weight:600;display:grid}.demo-avatar-space{width:36px}.demo-meta,.fd-meta{font-size:13.5px;line-height:1.3}.demo-meta b,.fd-meta b{font-weight:600}.demo-meta span,.fd-meta span{color:var(--faint);margin-left:4px;font-size:12px}.demo-text{color:var(--ink-soft);margin-top:2px;font-size:15px;line-height:1.5}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-compose-area{margin-top:20px;position:relative}.demo-composer{border:1px solid var(--line-strong);background:var(--surface);border-radius:14px;transition:border-color .3s,box-shadow .3s;position:relative}.demo-composer.is-writing,.demo-composer.is-listening{border-color:#6d5cf073;box-shadow:0 0 0 4px #6d5cf01a}.demo-input{min-height:56px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 16px 6px;font-size:15.5px;line-height:1.5}.demo-placeholder{color:var(--ghost)}.demo-input .landed{animation:landed 1.6s var(--ease-out);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px}@keyframes landed{0%{background:#a59aff61}to{background:0 0}}.demo-caret{vertical-align:-.2em;background:var(--violet);border-radius:1px;width:2px;height:1.15em;margin-left:1px;animation:1.05s step-end infinite caret;display:inline-block;position:relative}@keyframes caret{50%{opacity:0}}.demo-indicator{place-items:center;animation:none;display:grid;position:absolute;bottom:60%;left:10px}.demo-caret:has(.demo-indicator){animation:none}.demo-listening{color:#fff;background:radial-gradient(circle,#7d6df4 0%,#5b4ae0 100%);border-radius:50%;width:34px;height:34px;box-shadow:0 6px 16px -4px #5b4ae099}.demo-listening svg{z-index:1;width:16px;height:16px;position:relative}.listen-ring{border:2px solid #6d5cf080;border-radius:50%;animation:1.6s ease-out infinite listen;position:absolute;inset:0}.listen-ring.r2{animation-delay:.8s}@keyframes listen{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.demo-tools{color:var(--faint);align-items:center;gap:10px;padding:4px 10px 10px 14px;display:flex}.demo-tools svg{width:17px;height:17px}.demo-tools-sp{flex:1}.demo-send{background:var(--bg-sunk);width:30px;height:30px;color:var(--faint);border-radius:8px;place-items:center;transition:background-color .2s,color .2s;display:grid}.demo-send.ready{background:var(--ink);color:var(--cream)}.demo-send svg{width:15px;height:15px}.demo-key{z-index:3;justify-items:center;gap:10px;display:grid;position:absolute;bottom:-34px;right:-22px}.demo-key .keycap{--kc-h:70px}.demo-key-hint{background:var(--ink);color:var(--cream);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:500;position:absolute;bottom:calc(100% + 8px)}.kc-hold{background:0 0;border-radius:2px;height:3px;position:absolute;bottom:6px;left:10px;right:10px;overflow:hidden}.kc-hold:after{content:"";background:var(--violet);width:0;position:absolute;inset:0}.kc-hold.on:after{width:100%;transition:width .55s linear}.demo-speech{z-index:3;background:var(--ink);max-width:min(380px,70%);color:var(--cream);text-align:left;border-radius:18px 18px 18px 6px;padding:12px 16px 14px;position:absolute;bottom:170px;left:-24px;box-shadow:0 18px 40px -16px #16151a80}.demo-speech-label{letter-spacing:.06em;text-transform:uppercase;color:var(--violet-light);align-items:center;gap:6px;margin-bottom:4px;font-size:11.5px;display:inline-flex}.demo-speech-label svg{width:12px;height:12px}.demo-speech p{color:#e9e6df;font-size:14.5px;font-style:italic;line-height:1.45}.demo-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:58px;list-style:none;display:grid}.demo-steps li{color:var(--muted);border-top:2px solid var(--line);align-items:center;gap:10px;padding-top:14px;font-size:14px;transition:color .3s,border-color .3s;display:flex}.demo-steps li.on{color:var(--ink);border-color:var(--violet)}.demo-steps li.done{color:var(--muted);border-color:var(--lavender-strong)}.demo-step-n{width:22px;height:22px;font-family:var(--font-code);background:var(--bg-sunk);color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:11.5px;transition:background-color .3s,color .3s;display:grid}.demo-steps li.on .demo-step-n{background:var(--violet-ink);color:#fff}.demo-steps li.done .demo-step-n{background:var(--lavender);color:var(--violet-deep)}@media (max-width:720px){.demo-body{min-height:470px;padding:18px 14px 14px}.demo-key{bottom:-46px;right:50%;transform:translate(50%)}.demo-key .keycap{--kc-h:60px}.demo-speech{max-width:none;bottom:150px;left:10px;right:10px}.demo-steps{grid-template-columns:1fr;gap:0;margin-top:76px}.demo-steps li{border-top-width:1px;padding:10px 0}.demo-anyapp{display:none}}.ebar{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:bottom;background:#fffffff0;border:1px solid #16151a1a;border-radius:16px;font-size:13px;position:absolute;bottom:calc(100% + 10px);left:0;right:0;box-shadow:0 24px 50px -18px #16151a59,0 2px 6px #16151a0f}.ebar-lg{position:relative;bottom:auto}.ebar-input{align-items:center;gap:10px;padding:13px 16px 10px;font-size:15px;display:flex}.ebar-ph{color:var(--ghost);flex:1}.ebar-busy{color:var(--violet-ink);font-size:12px;font-weight:500;animation:1.2s ease-in-out infinite pulse-text}@keyframes pulse-text{50%{opacity:.45}}.ebar-chips{scrollbar-width:none;gap:6px;padding:0 16px 12px;display:flex;overflow-x:auto}.ebar-chips::-webkit-scrollbar{display:none}.ebar-custom{margin-top:-4px}.ebar-group{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-self:center;margin-right:2px;font-size:10.5px;font-weight:600}.ebar-chip{height:29px;color:var(--ink-soft);transition:background-color .25s, color .25s, border-color .25s, transform .25s var(--ease-out);background:#16151a0d;border:1px solid #16151a12;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 11px;font-size:12.5px;font-weight:500;display:inline-flex}.ebar-chip svg{width:12px;height:12px}.ebar-chip.on{background:var(--violet);color:#fff;border-color:#0000;transform:scale(1.03)}.ebar-chip-key{background:#fff9;border-bottom-width:1px;min-width:0;height:17px;margin-left:2px;padding:0 5px;font-size:10px}.ebar-chip.on .ebar-chip-key{color:#fff;background:#ffffff2e;border-color:#0000}.ebar-chip-plus{padding:0 9px}.ebar-preview{border-top:1px solid var(--line);padding:12px 16px}.ebar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:10.5px;font-weight:600;display:flex}.ebar-tag{text-transform:none;letter-spacing:0;background:var(--lavender);color:var(--violet-deep);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.ebar-note{text-transform:none;letter-spacing:0;color:var(--muted);margin-left:auto;font-size:11.5px;font-weight:400}.ebar-back{text-transform:none;letter-spacing:0;color:var(--violet-ink);align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:500;display:inline-flex}.ebar-back svg{width:12px;height:12px}.ebar-back kbd{font-size:10px}.ebar-text{color:var(--muted);white-space:pre-line;font-size:13.5px;line-height:1.55;transition:opacity .3s}.ebar-text.result{color:var(--ink)}.ebar-text.dim{opacity:.45}.ebar-text p+p{margin-top:2px}.ebar-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 12px 10px 16px;font-size:12px;display:flex}.ebar-foot kbd{margin-right:3px;font-size:10.5px}.ebar-use{background:var(--violet);color:#fff;border-radius:8px;align-items:center;gap:6px;height:30px;margin-left:auto;padding:0 14px;font-size:12.5px;font-weight:600;transition:opacity .2s,transform .1s;display:inline-flex}.ebar-use svg{width:13px;height:13px}.ebar-use.off{opacity:.4}.ebar-use.is-down{transform:scale(.94)}@media (max-width:560px){.ebar-hide-sm{display:none}.ebar-input{font-size:14px}}.marquee{padding-top:0}.marquee-title{text-align:center;color:var(--muted);margin-bottom:26px;font-size:14.5px}.marquee-rows{gap:12px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-row{width:max-content;display:flex}.marquee-row:hover .marquee-track{animation-play-state:paused}.marquee-track{gap:12px;padding-right:12px;list-style:none;animation:48s linear infinite marquee;display:flex}.marquee-row.reverse .marquee-track{animation-duration:54s;animation-direction:reverse}@keyframes marquee{to{transform:translate(-100%)}}.app-chip{background:var(--surface);border:1px solid var(--line);height:46px;box-shadow:var(--shadow-sm);color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:0 20px 0 16px;font-size:15px;font-weight:500;display:inline-flex}.app-chip svg{width:16px;height:16px;color:var(--violet)}@media (prefers-reduced-motion:reduce){.marquee-rows{-webkit-mask-image:none;mask-image:none}.marquee-row{width:auto;padding-inline:var(--gutter);flex-wrap:wrap;justify-content:center}.marquee-track{flex-wrap:wrap;justify-content:center;padding:0;animation:none!important}.marquee-track[aria-hidden=true]{display:none}}.speak-grid{grid-template-columns:minmax(0,1.15fr) auto minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.speak-panel{background:var(--surface);box-shadow:var(--shadow-md);border:1px solid #16151a12;border-radius:24px;padding:22px 24px 26px;position:relative}.speak-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.speak-pill{color:var(--ink-soft);background:var(--bg-sunk);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:13px;font-weight:500;display:inline-flex}.speak-pill svg{width:14px;height:14px;color:var(--violet)}.speak-pill-violet{background:var(--lavender);color:var(--violet-deep)}.speak-legend{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.speak-legend li{background:var(--bg-sunk);color:var(--faint);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:500;transition:background-color .3s,color .3s}.speak-legend li.on.tag-filler{color:#875400;background:#fff0d4}.speak-legend li.on.tag-correction{color:#a32236;background:#ffe2e2}.speak-legend li.on.tag-repetition{color:#1b5b93;background:#dff0ff}.speak-legend li.on.tag-punct{background:var(--lavender);color:var(--violet-deep)}.speak-transcript{color:var(--ink-soft);padding-top:6px;font-size:clamp(17px,1.7vw,20px);line-height:2.25}.speak-mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:3px 1px;-webkit-text-decoration:line-through #0000;text-decoration:line-through #0000;text-decoration-thickness:1.5px;transition:background-color .35s,color .35s,opacity .5s,text-decoration-color .4s;position:relative}.speak-mark:before{content:attr(data-label);letter-spacing:.02em;white-space:nowrap;opacity:0;transition:opacity .3s, transform .3s var(--ease-out);pointer-events:none;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:600;line-height:1;position:absolute;bottom:calc(100% + 1px);left:0;transform:translateY(3px)}.speak-mark.on:before{opacity:1;transform:none}.speak-mark.tag-filler.on{color:#875400;background:#fff0d4}.speak-mark.tag-filler:before{color:#6d4400;background:#ffe2a8}.speak-mark.tag-correction.on{color:#a32236;background:#ffe2e2}.speak-mark.tag-correction:before{color:#8a1a2b;background:#ffc9cc}.speak-mark.tag-repetition.on{color:#1b5b93;background:#dff0ff}.speak-mark.tag-repetition:before{color:#164b7a;background:#c4e2ff}.speak-mark.tag-punct.on{background:var(--lavender);color:var(--violet-deep)}.speak-mark.tag-punct:before{background:var(--lavender-strong);color:var(--violet-deep)}.speak-transcript.is-clean .speak-mark{opacity:.55;text-decoration-color:currentColor}.speak-transcript.is-clean .speak-mark:before{opacity:0}.speak-bridge{place-items:center;display:grid}.speak-typed{transition:box-shadow .5s,border-color .5s}.speak-typed.on{box-shadow:0 0 0 5px #6d5cf014, var(--shadow-md);border-color:#6d5cf04d}.speak-output{color:var(--ink);gap:14px;min-height:150px;font-size:clamp(17px,1.7vw,19px);line-height:1.6;display:grid}.speak-replay{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:color .15s,border-color .15s,opacity .2s;display:inline-flex;position:absolute;bottom:16px;right:18px}.speak-replay svg{width:13px;height:13px}.speak-replay:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong)}.speak-replay:disabled{opacity:0;pointer-events:none}.speak-extras{border-top:1px solid #5b4ae024;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:clamp(36px,5vw,56px);padding-top:28px;list-style:none;display:grid}.speak-extras li{gap:4px;display:grid}.speak-extras b{font-size:15px;font-weight:600}.speak-extras span{color:var(--muted);font-size:14.5px;line-height:1.5}@media (max-width:900px){.speak-grid{grid-template-columns:1fr}.speak-bridge{transform:rotate(90deg)}.speak-extras{grid-template-columns:1fr 1fr}}@media (max-width:520px){.speak-extras{grid-template-columns:1fr;gap:16px}.speak-panel{padding:18px 16px 22px}}.fs{padding-bottom:calc(var(--section-y) * .5)}.fs .section-head{margin-bottom:clamp(24px,3vw,40px)}.fs-track{position:relative}.fs-sticky{align-items:center;height:calc(100vh - 120px);max-height:760px;display:flex;position:sticky;top:96px}.fs-cols{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(40px,5vw,80px);height:100%;display:grid}.fs-list{gap:4px;list-style:none;display:grid}.fs-item{border-radius:18px;transition:background-color .35s}.fs-item.on{background:var(--surface);box-shadow:var(--shadow-md)}.fs-title{cursor:pointer;text-align:left;width:100%;font-family:var(--font-display);color:var(--faint);background:0 0;border:0;border-radius:18px;align-items:baseline;gap:14px;padding:14px 18px 12px;font-size:clamp(22px,2.1vw,28px);line-height:1.15;transition:color .3s;display:flex}.fs-title:hover{color:var(--ink-soft)}.fs-item.on .fs-title{color:var(--ink)}.fs-num{font-family:var(--font-code);color:var(--faint);letter-spacing:.04em;font-size:12px;transform:translateY(-3px)}.fs-item.on .fs-num{color:var(--violet-ink)}.fs-desc{transition:grid-template-rows .45s var(--ease-out);grid-template-rows:0fr;display:grid}.fs-desc>div{overflow:hidden}.fs-item.on .fs-desc{grid-template-rows:1fr}.fs-desc p{color:var(--muted);padding:0 18px 0 52px;font-size:15.5px;line-height:1.6}.fs-progress{background:var(--line);border-radius:2px;height:2px;margin:16px 18px 16px 52px;display:block;overflow:hidden}.fs-progress i{height:100%;width:calc(var(--local,0) * 100%);background:var(--violet);border-radius:2px;display:block}.fs-stage{height:100%;max-height:620px;display:grid;position:relative}.fs-demo{opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out), transform .55s var(--ease-out), visibility 0s .45s;grid-area:1/1;align-self:center;transform:translateY(18px)scale(.985)}.fs-demo.on{opacity:1;visibility:visible;transition:opacity .5s var(--ease-out) 50ms, transform .6s var(--ease-out) 50ms, visibility 0s;transform:none}.fs-stack{gap:20px;display:grid}.fs-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:24px 20px 20px}.fs-card .fs-num{color:var(--violet-ink);margin-bottom:8px;display:block;transform:none}.fs-card-body{color:var(--muted);margin-top:10px;font-size:15.5px}.fs-card-demo{margin-top:20px}.fd{background:radial-gradient(90% 60% at 100% 0%, #a59aff29, transparent 60%), var(--bg-sunk);border:1px solid var(--line);border-radius:28px;align-content:start;gap:14px;padding:clamp(18px,2.4vw,30px);display:grid}.fs-card .fd{border-radius:18px;padding:14px}.fd-caption{color:var(--muted);font-size:13.5px}.fd-thread,.fd-option,.fd-surface,.fd-card,.fd-lang-pair,.fd-toggle-row,.fd-ask,.fd-selected,.fd-learn{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.fd-msg{grid-template-columns:36px 1fr;gap:12px;font-size:15px;line-height:1.5;display:grid}.fd-msg p:last-child{color:var(--ink-soft)}.fd-option{transition:opacity .45s, transform .45s var(--ease-out);opacity:.35;transform:translateY(6px)}.fd-option.on{opacity:1;transform:none}.fd-option p{font-size:15px;line-height:1.5}.fd-option-label{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:6px;font-size:11.5px;font-weight:600;display:inline-flex}.fd-option-label svg{width:13px;height:13px}.fd-bad .fd-option-label{color:var(--muted)}.fd-bad.on p{color:var(--muted);-webkit-text-decoration:line-through #a3223673;text-decoration:line-through #a3223673}.fd-good{border-color:#6d5cf059}.fd-good .fd-option-label{color:var(--violet-ink)}.fd-good.on{box-shadow:0 0 0 4px #6d5cf017}.fd-good p{color:var(--ink);font-size:16px}.fd-rules{grid-template-columns:1fr 1fr;gap:8px 16px;padding:4px 4px 0;list-style:none;display:grid}.fd-rules li{color:var(--ink-soft);align-items:center;gap:8px;font-size:13.5px;display:flex}.fd-rules svg{width:15px;height:15px;color:var(--good);flex:none}.fd-selected{color:var(--ink-soft);font-size:14.5px;line-height:1.75}.fd-selected span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#a59aff4d;border-radius:3px;padding:1px 0}.fd-ask{color:var(--ink-soft);align-items:center;gap:10px;font-size:14.5px;display:flex}.fd-ask span:last-child{font-style:italic}.fd-seg{background:#16151a0f;border-radius:999px;gap:2px;width:fit-content;padding:3px;display:inline-flex}.fd-seg button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:13.5px;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.fd-seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.fd-surface{min-height:190px}.fd-where{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:10px;font-size:12px}.fd-surface-body{color:var(--ink);gap:8px;font-size:15px;line-height:1.55;display:grid}.fd-surface-email .fd-surface-body p:nth-child(2){margin-bottom:4px}.fd-surface-tracker .fd-surface-body{font-family:var(--font-ui)}.fd-foot{color:var(--muted);padding:0 4px;font-size:13.5px}.fd-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.fd-toggle-row b{font-size:15px;font-weight:600;display:block}.fd-toggle-row small{color:var(--muted);font-size:12.5px}.fd-switch{cursor:pointer;background:#d8d5cc;border:0;border-radius:999px;flex:none;width:46px;height:28px;transition:background-color .25s;position:relative}.fd-switch span{width:22px;height:22px;transition:transform .3s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.fd-switch.on{background:var(--violet)}.fd-switch.on span{transform:translate(18px)}.fd-lang-pair{gap:12px;display:grid}.fd-reply-bubble{background:var(--lavender);max-width:88%;color:var(--violet-deep);border-radius:14px 14px 4px;justify-self:end;align-items:flex-start;gap:8px;padding:10px 14px;font-size:15px;line-height:1.45;display:flex}.fd-reply-bubble svg{flex:none;width:14px;height:14px;margin-top:3px}.fd-card-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:14.5px;display:flex}.fd-card-head b{font-weight:600}.fd-badge{background:var(--bg-sunk);color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.fd-badge svg{width:11px;height:11px}.fd-badge-local{background:var(--good-soft);color:var(--good);border-color:#cfe8dc}.fd-pills{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.fd-pills li{height:28px;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:13px;display:inline-flex}.fd-pills li.on{background:var(--violet);border-color:var(--violet);color:#fff}.fd-pills li.on:before{content:"";border:0 solid;border-width:0 0 1.6px 1.6px;width:9px;height:5px;margin-top:-2px;transform:rotate(-45deg)}.fd-lines{gap:6px;list-style:none;display:grid}.fd-lines li{color:var(--ink-soft);padding-left:16px;font-size:14.5px;line-height:1.45;transition:color .4s,opacity .4s;position:relative}.fd-lines li:before{content:"";background:var(--line-strong);border-radius:50%;width:6px;height:6px;transition:background-color .4s;position:absolute;top:.6em;left:2px}.fd-style .fd-card:nth-child(2) .fd-lines li{opacity:.35}.fd-style .fd-card:nth-child(2) .fd-lines li.on{opacity:1}.fd-style .fd-card:nth-child(2) .fd-lines li.on:before{background:var(--violet)}.fd-learn{color:var(--muted);gap:10px;font-size:13.5px;display:grid}.fd-meter{background:var(--bg-sunk);border-radius:3px;height:5px;overflow:hidden}.fd-meter i{background:linear-gradient(90deg, var(--violet-light), var(--violet));height:100%;transition:width .8s var(--ease-out);border-radius:3px;display:block}@media (max-width:520px){.fd-rules{grid-template-columns:1fr}}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.work-card{background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out);border:1px solid #16151a0f;border-radius:24px;flex-direction:column;padding:24px;display:flex}.work-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.work-head{align-items:center;gap:12px;display:flex}.work-head h3{font-family:var(--font-display);font-size:26px;font-weight:400;line-height:1.1}.work-icon{background:var(--lavender);width:40px;height:40px;color:var(--violet-ink);border-radius:12px;flex:none;place-items:center;display:grid}.work-icon svg{width:19px;height:19px}.work-uses{flex-wrap:wrap;gap:6px;margin:16px 0 18px;list-style:none;display:flex}.work-uses li{background:var(--bg-sunk);color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12.5px}.work-ba{gap:8px;margin-top:auto;display:grid}.work-before{color:var(--muted);background:var(--bg-sunk);font-size:14px;line-height:1.5;font-family:var(--font-ui);border-radius:12px;padding:10px 12px}.work-how{color:var(--violet-ink);align-items:center;gap:6px;padding-left:4px;font-size:12px;font-weight:500;display:inline-flex}.work-how svg{width:13px;height:13px}.work-after{color:var(--ink);white-space:pre-line;background:#faf9ff;border:1px solid #e8e3ff;border-radius:12px;grid-template-columns:14px 1fr;gap:8px;padding:10px 12px;font-size:14.5px;line-height:1.5;display:grid}.work-after-mark{width:14px;height:14px;margin-top:4px}@media (max-width:980px){.work-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.work-grid{grid-template-columns:1fr}.work-card{padding:20px}}.privacy{text-align:center}.privacy-noise{z-index:-1;background:radial-gradient(60% 50% at 50% 0,#6d5cf047,#0000 70%),radial-gradient(40% 40% at 90% 100%,#a59aff1f,#0000 70%);position:absolute;inset:0}.flow-switch{background:var(--night-raised);border:1px solid var(--night-line);border-radius:999px;gap:2px;margin-bottom:36px;padding:4px;display:inline-flex}.flow-switch button{height:38px;color:var(--cream-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 18px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s}.flow-switch button:hover{color:var(--cream)}.flow-switch button.on{background:var(--cream);color:var(--ink)}.tint-night :focus-visible{outline-color:var(--violet-light)}.flow{animation:hero-in .5s var(--ease-out);justify-content:center;align-items:stretch;gap:0;display:flex}.flow-step{flex:1 1 0;align-items:center;max-width:300px;display:flex}.flow-step:last-child{flex:0 200px}.flow-node{background:var(--night-raised);border:1px solid var(--night-line);border-radius:20px;flex:1;justify-items:center;gap:6px;min-width:0;padding:20px 12px 18px;display:grid}.flow-node.accent{border-color:#a59aff73;box-shadow:0 0 0 5px #a59aff14}.flow-node b{color:var(--cream);font-size:15px;font-weight:600}.flow-node>span:last-child{color:var(--cream-muted);max-width:18ch;font-size:13px;line-height:1.4}.flow-icon{width:44px;height:44px;color:var(--violet-light);background:#a59aff24;border-radius:13px;place-items:center;margin-bottom:4px;display:grid}.flow-icon svg{width:20px;height:20px}.flow-link{color:#6f6b78;flex:0 0 48px;place-items:center;display:grid;position:relative}.flow-link svg{z-index:1;background:var(--night);width:16px;height:16px;position:relative}.flow-link i{background:linear-gradient(90deg,#3a3842,#3a3842);height:1px;position:absolute;top:50%;left:4px;right:4px;overflow:hidden}.flow-link i:after{content:"";background:linear-gradient(90deg, transparent, var(--violet-light), transparent);width:30%;height:3px;animation:flow-pulse 2.2s var(--ease-in-out) infinite;position:absolute;top:-1px;left:-30%}.flow-step:nth-child(2) .flow-link i:after{animation-delay:.5s}.flow-step:nth-child(3) .flow-link i:after{animation-delay:1s}@keyframes flow-pulse{to{left:100%}}.flow-caption{max-width:58ch;color:var(--cream-muted);margin:22px auto 0;font-size:15px}.promises{text-align:left;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(40px,6vw,64px);list-style:none;display:grid}.promises li{border:1px solid var(--night-line);background:#ffffff05;border-radius:20px;padding:22px}.promise-n{width:28px;height:28px;font-family:var(--font-code);color:var(--violet-light);background:#a59aff29;border-radius:50%;place-items:center;margin-bottom:14px;font-size:12.5px;display:grid}.promises h3{color:var(--cream);letter-spacing:-.01em;margin-bottom:6px;font-size:17px;font-weight:600}.promises p{color:var(--cream-muted);font-size:14.5px;line-height:1.6}.privacy-links{flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:36px;display:flex}@media (max-width:820px){.flow{flex-direction:column;align-items:center}.flow-step{flex-direction:column;width:100%;max-width:340px}.flow-step:last-child{flex:none}.flow-node{width:100%}.flow-link{flex:none;width:36px;height:36px;transform:rotate(90deg)}.flow-link i{left:2px;right:2px}.promises{grid-template-columns:1fr}}.plat-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.plat-card{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;gap:22px;padding:clamp(24px,3.4vw,40px);display:flex}.plat-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.plat-where{color:var(--muted);font-size:13.5px}.plat-keys{flex-wrap:wrap;align-items:flex-end;gap:12px;padding:18px 0 8px;display:flex}.plat-key-main{--kc-h:84px}.plat-key-alt{--kc-h:56px;opacity:.75}.plat-default{color:var(--muted);align-items:baseline;gap:10px;font-size:15px;display:flex}.plat-dot{background:var(--violet);border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-1px)}.plat-foot{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:auto;padding-top:6px;display:flex}.plat-req{color:var(--muted);font-size:13.5px;font-family:var(--font-code)}.plat-gestures{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;list-style:none;display:grid}.plat-gestures li{background:var(--bg-sunk);border:1px solid var(--line);color:var(--muted);border-radius:18px;gap:2px;padding:16px 18px;font-size:14px;display:grid}.plat-gestures b{color:var(--ink);font-size:15px;font-weight:600}@media (max-width:860px){.plat-grid{grid-template-columns:1fr}.plat-gestures{grid-template-columns:1fr 1fr}}@media (max-width:400px){.plat-key-main{--kc-h:72px}.plat-key-alt{--kc-h:48px}}.trial-banner{background:linear-gradient(90deg, var(--lavender), #f7f5ff);border:1px solid #e3ddff;border-radius:24px;align-items:center;gap:20px;max-width:880px;margin:0 auto 16px;padding:18px 26px 18px 18px;display:flex}.trial-big{font-family:var(--font-display);color:var(--violet-deep);margin-bottom:4px;font-size:30px;line-height:1}.trial-banner p:last-child{color:var(--ink-soft);font-size:15px}.plans{grid-template-columns:1fr 1fr;gap:16px;max-width:880px;margin:0 auto;display:grid}.plan{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:28px;flex-direction:column;padding:clamp(24px,3vw,34px);display:flex}.plan-pick{box-shadow:0 0 0 5px #6d5cf012, var(--shadow-md);border-color:#6d5cf066}.plan-head{align-items:center;gap:10px;display:flex}.plan-head h3{font-family:var(--font-display);font-size:32px;font-weight:400;line-height:1}.plan-pill{letter-spacing:.04em;text-transform:uppercase;background:var(--lavender);color:var(--violet-deep);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:500}.plan-pill-plain{background:var(--bg-sunk);color:var(--muted)}.plan-tag{color:var(--muted);margin-top:10px;font-size:15px}.plan-price{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:22px;font-size:15px;display:flex}.plan-price b{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin-right:4px;font-size:52px;font-weight:400;line-height:1}.plan-or{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:12px}ul.ticks{color:var(--ink-soft);gap:10px;margin:24px 0 0;font-size:15px;list-style:none;display:grid}ul.ticks li{grid-template-columns:20px 1fr;gap:10px;display:grid}ul.ticks li:before{content:"";background:var(--good-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23177a50' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat;border-radius:50%;width:18px;height:18px;margin-top:2px}.plan-buttons{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:28px;display:flex}.plan-buttons .btn{flex:140px}.compare-wrap{max-width:880px;margin:28px auto 0;overflow-x:auto}.compare{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 12px}.compare thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12.5px;font-weight:500}.compare tbody th{color:var(--ink);width:34%;font-weight:500}.compare td{color:var(--ink-soft)}.cmp-yes{width:18px;height:18px;color:var(--good)}.cmp-no{width:18px;height:18px;color:var(--faint)}.pricing-note{max-width:880px;color:var(--muted);text-align:center;text-wrap:pretty;margin:24px auto 0;font-size:14.5px}.pricing-note b{color:var(--ink);font-weight:500}.pricing-note a{color:var(--violet-ink);text-underline-offset:3px;text-decoration:underline}@media (max-width:760px){.plans{grid-template-columns:1fr}.trial-banner{align-items:flex-start;padding:18px}}.faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.faq-side{justify-items:start;gap:18px;display:grid;position:sticky;top:120px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item h3{margin:0}.faq-item button{cursor:pointer;text-align:left;width:100%;color:var(--ink);letter-spacing:-.01em;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:17px;font-weight:500;display:flex}.faq-item button:hover .faq-icon{background:var(--lavender);color:var(--violet-ink)}.faq-icon{background:var(--bg-sunk);width:30px;height:30px;color:var(--muted);transition:transform .35s var(--ease-out), background-color .2s, color .2s;border-radius:50%;flex:none;padding:7px}.faq-item.open .faq-icon{background:var(--ink);color:var(--cream);transform:rotate(45deg)}.faq-panel{transition:grid-template-rows .4s var(--ease-out);grid-template-rows:0fr;display:grid}.faq-item.open .faq-panel{grid-template-rows:1fr}.faq-panel>div{overflow:hidden}.faq-panel p{color:var(--muted);padding:0 48px 24px 4px;font-size:15.5px;line-height:1.7}.faq-panel a{color:var(--violet-ink);text-underline-offset:3px;text-decoration:underline}.faq-panel b{color:var(--ink);font-weight:500}@media (max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-side{position:static}.faq-panel p{padding-right:8px}}.final{padding-bottom:calc(var(--section-y) * .5)}.final-card{text-align:center;background:radial-gradient(70% 90% at 50% 0,#a59aff59,#0000 70%),linear-gradient(#efebff 0%,#f6f4ff 60%,#fbfaf6 100%);border:1px solid #e6e0ff;justify-items:center;gap:22px;padding-block:clamp(56px,9vw,112px);display:grid}.final-glow{z-index:-1;pointer-events:none;background-image:radial-gradient(#5b4ae017 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 60% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(55% 60% at 50% 30%,#000 20%,#0000 75%)}.final-card .lede{margin-top:-4px}.final-card .cta-row{justify-content:center;margin-top:8px}.final-card .mascot{margin-bottom:10px}@media (max-width:480px){.hero-ctas .btn,.final-card .btn{width:100%}.plan-buttons .btn{flex-basis:100%}}.fs-stack,.fd{grid-template-columns:minmax(0,1fr)}.fs-card,.fs-card-demo,.fd>*,.demo,.demo-window,.demo-body{min-width:0}@media (max-width:560px){.ebar-chips{flex-wrap:wrap;overflow:visible}.demo-tab{gap:0;padding:0 12px;font-size:13.5px}.demo-tab svg{display:none}.demo-body{min-height:400px}}@media (max-width:360px){.demo-tab{padding:0 9px;font-size:13px}}@media (max-width:600px){.compare{table-layout:fixed;min-width:0;font-size:12.5px}.compare th,.compare td{overflow-wrap:anywhere;padding:11px 6px}.compare thead th{letter-spacing:.03em;font-size:10.5px}.compare tbody th{width:31%}.compare svg{width:15px;height:15px}}@media (max-width:380px){.flow-switch button{white-space:nowrap;padding-left:12px;padding-right:12px;font-size:13px}}
