/* EchoInk: paper scenes, clear prices. Shimmer/spotlight treatments adapted
   from Magic UI (MIT); GitHub star motion follows the existing plugin button. */
:root{--launch-paper:#fff;--launch-ink:#202522;--launch-muted:#69716b;--launch-line:#e4e7e2;--launch-soft:#f6f7f5;--launch-green:#37695b;--launch-pale:#eaf3ee}
.opening{background:var(--launch-paper);overflow:hidden;position:relative;border-bottom:1px solid var(--launch-line)}
.opening-stage{max-width:1560px;height:890px;margin:auto;position:relative;isolation:isolate}
.opening-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.36;fill:none;stroke:#aeb8ad;stroke-width:1;stroke-dasharray:3 8}
.opening-copy{position:absolute;z-index:3;left:50%;top:228px;transform:translateX(-50%);width:min(650px,58%);text-align:center}
.opening-eyebrow{font-size:11px;letter-spacing:.2em;margin:0 0 28px;font-weight:600;color:var(--launch-muted)}
.opening-eyebrow span{padding:0 12px;color:#b9c0b9}
.opening h1{font-family:-apple-system,BlinkMacSystemFont,"Inter","PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(54px,5.35vw,82px);line-height:1.22;letter-spacing:-.055em;font-weight:600;margin:0;color:var(--launch-ink)}
.opening-keyword{position:relative;display:inline-block;white-space:nowrap}
.opening-keyword>svg{position:absolute;bottom:-13px;left:0;width:100%;height:20px;fill:none;stroke:var(--launch-ink);stroke-width:1.8;stroke-linecap:round;opacity:.7}
.opening-lead{font-size:17px;line-height:1.9;color:var(--launch-muted);margin:34px 0 25px}
.opening-actions{display:flex;gap:9px;justify-content:center;align-items:center;flex-wrap:wrap}
.action-pill{height:48px;border:1px solid var(--launch-line);background:#fff;color:var(--launch-ink);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 19px;font-size:13px;font-weight:550;white-space:nowrap;position:relative;isolation:isolate;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;overflow:visible}



.action-pill:focus-visible,.scene-card:focus-visible,.motion-toggle:focus-visible{outline:2px solid var(--launch-green);outline-offset:5px}
.ink-action{background:var(--launch-ink);color:#fff;border-color:var(--launch-ink)}








.opening-note{margin:20px 0 0;color:#838a82;font-size:11px;letter-spacing:.02em}
.scene-card{position:absolute;width:218px;z-index:2;text-decoration:none;color:var(--launch-ink);transform:rotate(var(--angle,0deg));border-radius:12px;transition:filter .2s,transform .3s}
.scene-float{background:#fff;border:1px solid var(--launch-line);padding:10px 10px 13px;border-radius:11px;box-shadow:0 4px 0 -2px #fff,0 5px 0 -2px #d9dfd8;transition:border-color .3s}
@media(hover:hover) and (pointer:fine) and (min-width:761px){.scene-card:hover{transform:translateY(-6px) rotate(var(--angle,0deg))}.scene-card:hover .scene-float{border-color:#9da99f}}
.scene-image{height:126px;background:var(--launch-soft);border-radius:6px;border:1px solid #eff0ed;overflow:hidden}
.scene-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.scene-agent .scene-image img{object-position:50% 18%}
.scene-label{display:flex;justify-content:space-between;align-items:center;padding:12px 3px 0;font-size:13px}
.scene-label strong{font-weight:600}.scene-label>span{color:#7f897f;font-size:15px}
.scene-card p{font-size:10px;color:var(--launch-muted);margin:4px 3px 0;line-height:1.5}
.scene-agent{left:5%;top:77px;--angle:-8deg}.scene-memory{right:5%;top:75px;--angle:7deg}
.scene-knowledge{left:1.5%;top:400px;--angle:5deg}.scene-diary{right:1.5%;top:419px;--angle:-6deg}
.scene-finance{right:22%;top:692px;--angle:5deg;width:195px}.scene-finance .scene-image{height:80px}
.scene-skills{left:calc(50% - 91px);top:36px;--angle:-3deg;width:182px}
.scene-note{padding:16px;background:#fbfcf9}.scene-note-kicker{font-size:10px;color:var(--launch-muted)}
.scene-note strong{font-size:11px;font-weight:550;display:block;margin-top:15px}.scene-note strong>span{float:right}
.skill-chips{display:flex;gap:8px;align-items:center;margin-top:13px;font-size:14px;font-weight:600}.skill-chips span{padding:7px 8px;border:1px solid #dce3d8;border-radius:6px;background:white}.skill-chips i{font-style:normal;color:#9fa99c;font-weight:400}
.scene-todo{left:23%;top:705px;--angle:-5deg;width:186px}.note-check{font-size:11px;margin-top:10px}.note-check span{margin-right:8px;border:1px solid #b8c1b3;border-radius:3px;font-size:9px;padding:0 2px;color:var(--launch-green)}
.opening-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b928a}
.opening-bottom>span{display:flex;align-items:center;gap:7px}.opening-bottom svg{width:14px;height:14px}
.motion-toggle{background:transparent;border:0;color:var(--launch-muted);font:inherit;font-size:11px;min-height:32px;cursor:pointer;padding:5px 8px;display:flex;gap:10px;align-items:center;border-radius:5px}
.motion-toggle:hover{background:var(--launch-soft)}
.page-plans .plans-intro{padding-top:72px;padding-bottom:46px;text-align:center}
.page-plans .plans-intro h1{font-size:48px;letter-spacing:-.045em;line-height:1.2}
.page-plans .plans-intro p{max-width:680px;margin:20px auto 0;font-size:16px;line-height:1.9}
.page-plans #plans-grid{gap:16px}
.page-plans .beta-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:26px 32px;margin-bottom:24px;border:1px solid #294737;border-radius:12px;background:#14261e;color:#f4faf6}
.page-plans .beta-offer-copy{min-width:0}.page-plans .beta-offer-label{display:inline-block;padding:4px 10px;border:1px solid #49735b;border-radius:20px;color:#b9f5d1;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.06em}
.page-plans .beta-offer h2{margin:12px 0 0;font-weight:650;line-height:1.2;letter-spacing:-.025em}.page-plans .beta-title-lead{display:block;font-size:18px;font-weight:500;color:#e2eee6;margin-bottom:5px}.page-plans .beta-title-highlight{display:block;position:relative;width:fit-content;max-width:100%;padding-bottom:5px;font-size:clamp(30px,3.5vw,42px);color:#b9f5d1}
.page-plans .beta-offer p{max-width:680px;margin:12px 0 0;color:#cfddd4;font-size:14px;line-height:1.75}.page-plans .beta-title-word{display:inline-block;white-space:nowrap}.page-plans .beta-title-char{display:inline-block}
.page-plans .beta-offer .button.primary.beta-offer-cta{margin:0;min-height:50px;padding:12px 24px;border-color:#b9f5d1;background:#b9f5d1;color:#14261e;font-size:14px;font-weight:650;white-space:normal}.page-plans .beta-offer .button.primary.beta-offer-cta:focus-visible{outline:2px solid #e0ffeb;outline-offset:4px}
.page-plans .beta-title-highlight::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#b9f5d1;opacity:.5;transform-origin:left;pointer-events:none}
.page-plans .beta-motion-ready .beta-title-highlight::after{animation:beta-underline 7s ease-in-out infinite}
.page-plans .beta-offer.motion-sleep .beta-title-highlight::after,.motion-paused .beta-title-highlight::after{animation-play-state:paused}
@keyframes beta-underline{0%,76%{transform:scaleX(1);opacity:.5}79%{transform:scaleX(0);opacity:0}82%{transform:scaleX(0);opacity:.8}94%{transform:scaleX(1);opacity:.8}100%{transform:scaleX(1);opacity:.5}}
@media(prefers-reduced-motion:reduce){.page-plans .beta-offer *,.page-plans .beta-offer *::before,.page-plans .beta-offer *::after{animation:none!important;transition:none!important}}
@media(max-width:640px){.page-plans .beta-offer{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px;margin-bottom:20px}.page-plans .beta-title-highlight{font-size:30px}.page-plans .beta-offer-cta{justify-self:start;max-width:100%}}
.page-plans .plan{border-radius:16px;padding:26px 24px 24px;min-height:385px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;background:var(--launch-paper);border-color:var(--launch-line);--spot-x:50%;--spot-y:0%}
.page-plans .plan:before{display:block;content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(320px circle at var(--spot-x) var(--spot-y),#d7e8db66,transparent 70%);opacity:0;transition:opacity .2s}
.page-plans .plan:is(:hover,:focus-within):before{opacity:1}
.page-plans .plan-top{display:flex;align-items:flex-start;justify-content:space-between;min-height:43px;margin-bottom:12px}
.page-plans .plan .pro{font-size:10px;letter-spacing:.13em;margin:5px 0 0;line-height:1.5;color:var(--launch-muted)}
.page-plans .plan h3{font-size:23px;margin:0 0 17px;line-height:1.3}
.page-plans .plan .price{display:flex;align-items:baseline;gap:.08em;font-size:53px;letter-spacing:-.055em;line-height:1.15;font-weight:600}
.page-plans .plan .price-currency{font-size:.45em;letter-spacing:0;line-height:1;flex:none}
.page-plans .plan .price-amount{white-space:nowrap}
.page-plans .plan .term{font-size:12px;margin-top:11px;line-height:1.5;color:var(--launch-muted)}
.page-plans .discount-badge{display:flex;gap:2px;align-items:baseline;border-radius:7px;padding:8px 10px;background:var(--launch-pale);color:var(--launch-green);font-size:22px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;position:relative;overflow:hidden;white-space:nowrap}
.page-plans .discount-badge small{font-size:10px;font-weight:500;align-self:center;margin-right:4px}.page-plans .discount-badge em{font-size:13px;font-style:normal}
.page-plans [data-plan="year"]{border:1.5px solid var(--launch-green)}
.page-plans [data-plan="year"] .discount-badge{background:var(--launch-green);color:#fff}
.page-plans .discount-badge:after{content:"";position:absolute;inset:-30px -80px;background:linear-gradient(110deg,transparent 40%,#ffffff55 49%,transparent 58%);transform:translateX(-65%);animation:badge-shimmer 7s ease-in-out infinite;pointer-events:none}
.page-plans .plan-value{margin:24px 0;min-height:73px;border-top:1px solid var(--launch-line);padding-top:17px}
.page-plans .plan .plan-daily{font-size:22px;font-weight:600;color:var(--launch-ink);margin:0;min-height:28px;line-height:1.3;letter-spacing:-.025em}
.page-plans [data-plan="year"] .plan-daily{color:var(--launch-green)}
.page-plans .plan .plan-savings{font-size:12px;line-height:1.5;margin:8px 0 0;min-height:0;color:var(--launch-muted)}
.page-plans .plan .button{margin-top:auto;min-height:42px;border-radius:8px;font-size:13px}
.page-plans .plan.early{background:var(--launch-ink);color:#fff;border-color:var(--launch-ink)}
.page-plans .plan.early:before{background:radial-gradient(360px circle at var(--spot-x) var(--spot-y),#58736355,transparent 70%)}
.page-plans .plan.early .pro{color:#d7e4d5;border:1px solid #738573;border-radius:4px;padding:4px 7px;margin:0}
.page-plans .plan.early .term,.page-plans .plan.early .plan-savings{color:#c0c9c0}
.page-plans .plan.early .plan-daily{color:#fff}.page-plans .plan.early .plan-value{border-color:#536151}
.page-plans .plan.early .button{background:#fff;color:var(--launch-ink);border-color:#fff}
.page-plans .plan .button:disabled{opacity:.5;cursor:not-allowed}
.page-plans .pricing-method{font-size:11px;line-height:1.65;color:var(--launch-muted);margin-top:9px}
.plan-confidence{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--launch-line);border-bottom:1px solid var(--launch-line);padding-block:34px;margin-top:50px}
.confidence-symbol{font-size:22px;display:block;margin-bottom:15px;color:var(--launch-green)}
.plan-confidence h3{font-size:14px;margin:0 0 9px;font-weight:600}.plan-confidence p{font-size:12px;color:var(--launch-muted);line-height:1.7;max-width:235px;margin:0}.plan-confidence a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.pro-benefits{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:32px;padding-block:72px 54px}
.benefits-heading>span,.pro-benefits article>span{font-size:11px;color:var(--launch-green)}
.benefits-heading h2{font-size:29px;margin:15px 0 0;letter-spacing:-.04em}
.pro-benefits article{padding-left:23px;border-left:1px solid var(--launch-line)}
.pro-benefits h3{font-size:16px;margin:16px 0 11px}.pro-benefits article p{font-size:12px;color:var(--launch-muted);line-height:1.8;margin:0}
.page-plans .comparison{padding-top:34px}.page-plans .comparison h2{font-size:34px;letter-spacing:-.035em}.page-plans .comparison-lead{font-size:14px;max-width:780px}
.page-plans .comparison table{width:100%;table-layout:fixed;border-collapse:collapse}
.page-plans .comparison thead th:first-child{width:60%;text-align:left;padding-left:16px}.page-plans .comparison thead th:not(:first-child){width:20%;font-size:15px;font-weight:600;color:var(--launch-ink)}
.page-plans .comparison thead th>span{display:block;font-size:11px;font-weight:400;color:var(--launch-muted);margin-top:6px}
.page-plans .comparison .feature-group th{padding:15px 16px;background:#f5f7f3;text-align:left;font-size:14px;font-weight:650;border-block:1px solid var(--launch-line)}
.page-plans .comparison .feature-child th{padding:17px 16px 17px 38px;font-size:14px;font-weight:500;line-height:1.5}
.page-plans .feature-detail{font-size:12px;margin-top:4px;color:var(--launch-muted);font-weight:400;line-height:1.6}
.page-plans .comparison td{padding:17px 10px;text-align:center;border-bottom:1px solid var(--launch-line)}
.page-plans .comparison-mark{font-size:22px;font-weight:500}.page-plans .comparison-mark.no{color:#9a9f98;font-size:20px}
.page-plans .comparison td.pro-only{background:#f0f6f1;color:var(--launch-green)}

@keyframes badge-shimmer{0%,70%{transform:translateX(-65%)}95%,100%{transform:translateX(65%)}}

.motion-paused .discount-badge:after{animation-play-state:paused}
@media(min-width:1560px){.opening-stage{height:930px}.scene-knowledge{left:3%}.scene-diary{right:3%}}
@media(max-width:1100px) and (min-width:761px){.scene-card{width:176px}.scene-image{height:97px}.scene-agent{left:2%;top:105px}.scene-memory{right:2%;top:95px}.scene-knowledge{left:-3%;top:435px}.scene-diary{right:-3%;top:440px}.opening h1{font-size:58px}.opening-copy{width:64%;top:250px}.opening-lead{font-size:15px}.action-pill{padding:0 13px;font-size:12px}.scene-skills{width:172px}.scene-finance{right:19%}.scene-todo{left:19%}.page-plans .plan{padding:22px 18px}.page-plans .plan .price{font-size:44px}.page-plans .discount-badge{font-size:18px;padding:7px}.page-plans .plan .plan-daily{font-size:18px}}
@media(max-width:760px){.opening-stage{height:auto;padding:52px 20px 22px}.opening-copy{position:relative;inset:auto;transform:none;width:100%;max-width:540px;margin:auto}.opening-eyebrow{font-size:10px;margin-bottom:24px}.opening h1{font-size:clamp(40px,8.7vw,60px)}.opening-lead{font-size:14px;margin-top:31px}.opening-actions{gap:9px}.action-pill{height:46px;padding:0 15px;font-size:12px}.star-action{background:transparent;border-color:transparent}.opening-note{font-size:10px;margin-top:13px}.opening-lines{display:none}.scene-field{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:21px 17px;max-width:460px;margin:50px auto 30px}.scene-card{position:relative;inset:auto;width:auto;--angle:0deg!important;transform:none}.scene-image{height:92px}.scene-label{font-size:12px;padding-top:9px}.scene-card p{font-size:10px}.scene-float{padding:7px 7px 11px}.scene-skills{grid-column:1 / -1}.scene-skills .scene-note{display:flex;gap:17px;align-items:center;justify-content:center;padding:13px}.scene-skills .scene-note-kicker{display:none}.scene-skills .skill-chips{margin:0;font-size:12px}.scene-skills .scene-note strong{margin:0;font-size:10px}.scene-todo{order:5}.scene-finance{order:6}.scene-finance .scene-image{height:80px}.scene-skills{order:7}.scene-todo .scene-note{padding:14px}.scene-note strong{font-size:10px}.opening-bottom{position:static;margin-top:20px;font-size:10px}.opening-bottom>span{max-width:220px}.page-plans .plans-intro{padding-top:46px;padding-bottom:32px}.page-plans .plans-intro h1{font-size:34px}.page-plans .plans-intro p{font-size:14px;line-height:1.8}.page-plans #plans-grid{grid-template-columns:1fr 1fr;gap:12px}.page-plans .plan{padding:19px 17px;min-height:335px;border-radius:12px}.page-plans .plan-top{min-height:40px;margin-bottom:10px;gap:2px;justify-content:flex-end}.page-plans .plan:not(.early) .plan-top .pro{display:none}.page-plans .plan.early .plan-top{justify-content:flex-start}.page-plans .plan .pro{font-size:8px;letter-spacing:.08em}.page-plans .plan h3{font-size:20px;margin-bottom:13px}.page-plans .plan .price{font-size:40px}.page-plans .plan .term{font-size:10px}.page-plans .discount-badge{font-size:17px;padding:6px;gap:1px}.page-plans .discount-badge small{font-size:8px;margin-right:1px}.page-plans .discount-badge em{font-size:10px}.page-plans .plan-value{margin:18px 0;min-height:76px;padding-top:14px}.page-plans .plan .plan-daily{font-size:17px}.page-plans .plan .plan-savings{font-size:10px}.page-plans .plan .button{min-height:44px;font-size:11px;padding:0 8px}.plan-confidence{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:30px;padding-block:27px}.confidence-symbol{margin-bottom:10px}.plan-confidence h3{font-size:13px}.plan-confidence p{font-size:11px}.pro-benefits{grid-template-columns:1fr;gap:25px;padding-block:45px}.benefits-heading h2{font-size:28px}.pro-benefits article{padding-left:17px}.pro-benefits h3{margin-top:9px}.page-plans .comparison{padding-top:18px}.page-plans .comparison h2{font-size:27px}.page-plans .comparison-lead{font-size:12px}.page-plans .comparison thead th:first-child{width:54%;padding-left:10px}.page-plans .comparison thead th:not(:first-child){width:23%;font-size:13px}.page-plans .comparison thead th>span{font-size:9px}.page-plans .comparison .feature-group th{padding:13px 10px;font-size:13px}.page-plans .comparison .feature-child th{padding:14px 9px 14px 23px;font-size:12px}.page-plans .feature-detail{font-size:10px}.page-plans .comparison td{padding:14px 4px}.page-plans .comparison-mark{font-size:20px}.page-plans .table-wrap{overflow:visible}}
@media(prefers-reduced-motion:reduce){.opening *, .page-plans .plan *{animation:none!important;transition:none!important}.motion-toggle{display:none}.scene-float{transform:none!important}}

.opening-prompt{display:inline-flex;align-items:center;gap:9px;max-width:100%;margin:24px auto 0;padding:10px 14px;border:1px solid #e4e8e0;border-radius:30px;font-size:11px;line-height:1.4;color:#626e63;background:#fafbf8}.prompt-dot{width:5px;height:5px;border-radius:50%;background:#6c8c73;flex:none}.prompt-label{color:#9aa296}.scene-card.is-current .scene-float{border-color:#65866d;background:#fbfdf9}.scene-card.is-current .scene-label>span{color:#37695b}.opening h1 .intro-char{display:inline-block}.confidence-symbol svg{width:23px;height:23px;display:block}.opening-prompt [data-prompt-text]{display:inline-block;min-width:163px;text-align:left}.opening:has(.opening-prompt) .opening-note{margin-top:17px}
@media(max-width:760px){.opening-prompt{margin-top:23px;font-size:10px}.opening-prompt [data-prompt-text]{min-width:150px}.page-plans .plan .pro{margin-bottom:0}.page-plans .plan .plan-savings{min-height:0;margin-bottom:0}.page-plans .plan-value{min-height:76px}.scene-card.is-current .scene-float{background:#fff}.opening-bottom{gap:12px}}
@media(prefers-reduced-motion:reduce){.opening *::before,.opening *::after,.page-plans .plan *::before,.page-plans .plan *::after{animation:none!important;transition:none!important}}

.scene-image{position:relative}.scene-image img[hidden]{display:none}.scene-image[data-fallback]::after{content:attr(data-fallback);position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:12px;font-size:11px;color:var(--launch-muted)}
.motion-sleep .discount-badge::after{animation-play-state:paused}