:root{--ink: #0f1b4d;--ink-2: #4a5578;--bg: #fbfcff;--bg-2: #f1f4fe;--card: #ffffff;--line: #dfe4f5;--blue: #3b5bfd;--blue-2: #2f4be0;--amber: #ffb020;--ok: #0f8a4f;--err: #c0262d;--radius: 16px;--shadow: 0 10px 30px rgba(15, 27, 77, .1);color-scheme:light}@media(prefers-color-scheme:dark){:root{--ink: #eef1ff;--ink-2: #b4bcda;--bg: #0b1024;--bg-2: #121a38;--card: #141c3d;--line: #27315c;--blue: #6f8bff;--blue-2: #5875ff;--shadow: 0 10px 30px rgba(0, 0, 0, .35);color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--blue)}h1,h2,h3{line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(2.1rem,4.6vw,3.6rem);letter-spacing:-.02em}h2{font-size:clamp(1.6rem,3vw,2.3rem);text-align:center;letter-spacing:-.01em}h3{font-size:1.1rem}.muted{color:var(--ink-2)}.center{text-align:center}.hl{background:linear-gradient(120deg,var(--blue),#8a5cff);-webkit-background-clip:text;background-clip:text;color:transparent}:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;border-radius:999px;padding:.8em 1.4em;font:inherit;font-weight:650;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 18px #3b5bfd59}.btn-primary:hover{background:var(--blue-2);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:default;transform:none}.btn-ghost{border-color:var(--line);color:var(--ink);background:transparent}.btn-small{padding:.45em 1em;font-size:.92rem}.nav .btn-small{background:var(--blue);color:#fff}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,4vw,3rem);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav nav{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.nav nav a{color:var(--ink);text-decoration:none;font-weight:550;font-size:.95rem}.brand{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;font-size:1.25rem;color:var(--ink);text-decoration:none}.hero{position:relative;min-height:620px;padding:clamp(3rem,8vw,6rem) clamp(1rem,5vw,4rem) 4rem;overflow:hidden;background:radial-gradient(1200px 500px at 85% -10%,rgba(59,91,253,.18),transparent 60%),radial-gradient(800px 400px at -10% 110%,rgba(255,176,32,.16),transparent 60%)}.hero-text{position:relative;z-index:2;max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:var(--blue);margin:0 0 1rem}.lead{font-size:1.15rem;color:var(--ink-2);max-width:640px}.trybox{margin-top:2rem;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.2rem;box-shadow:var(--shadow);max-width:680px}.trybox-label{display:block;font-weight:800;font-size:1.35rem;margin-bottom:.7rem}.trybox-row{display:flex;align-items:center;gap:.5rem;border:2px solid var(--line);border-radius:999px;padding:.3rem .3rem .3rem 1rem;background:var(--bg);transition:border-color .2s}.trybox-row:focus-within{border-color:var(--blue)}.trybox-row .prefix{color:var(--ink-2);font-weight:600}.trybox-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:1.1rem;color:var(--ink);padding:.55rem 0}.fine{font-size:.85rem;color:var(--ink-2);margin:.7rem 0 0}.form-error{color:var(--err);font-weight:600;margin:.6rem 0 0}.roamer{position:absolute;z-index:3;transform:translate(-50%);transition:left 2.6s cubic-bezier(.45,.05,.3,1),top 2.6s cubic-bezier(.45,.05,.3,1);pointer-events:none;display:flex;flex-direction:column;align-items:center}.roamer .flip .mascot{transform:scaleX(-1)}.roamer .flip .mascot .eyes{transform:none}.bubble{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:.5rem .85rem;font-size:.92rem;font-weight:600;max-width:240px;text-align:center;margin-bottom:.4rem;position:relative}.bubble:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:var(--card);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:translate(-50%) rotate(45deg)}.roamer.launching{animation:launch 1.4s ease-in forwards}@keyframes launch{0%{transform:translate(-50%) scale(1)}30%{transform:translate(-50%,12px) scale(.95)}to{transform:translate(40vw,-80vh) scale(.4) rotate(20deg);opacity:0}}.mascot{overflow:visible;filter:drop-shadow(0 10px 14px rgba(15,27,77,.22))}.mascot .bob{animation:bob 3.2s ease-in-out infinite;transform-origin:60px 60px}.mascot .face{fill:#0f1b4d}.mascot .eye-white{fill:#fff}.mascot .pupil{fill:#0f1b4d}.mascot .eyes{transition:transform .15s}.mascot .eye{animation:blink 4.6s infinite;transform-origin:60px 58px}.mascot .mouth,.mascot .mouth-line{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round}.mascot .mouth-o{fill:#fff}.mascot .cheek{fill:#ff8fa3;opacity:.55}.mascot .antenna{stroke:#3b5bfd;stroke-width:4;stroke-linecap:round}.mascot .antenna-ball{fill:var(--amber);animation:glow 2.4s ease-in-out infinite}.mascot .limb{fill:#2f4be0}.mascot.waving .arm-right{animation:wave 1.2s ease-in-out 2;transform-origin:98px 67px}.mood-reading .eyes{animation:scan 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes glow{0%,to{opacity:1}50%{opacity:.55}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-35deg)}75%{transform:rotate(20deg)}}@keyframes scan{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}.band{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem;text-align:center;color:var(--ink-2);font-weight:600}.band p{margin:0}.section{padding:clamp(3rem,7vw,5.5rem) clamp(1rem,5vw,4rem);max-width:1200px;margin:0 auto}.section.narrow{max-width:820px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-top:2rem}.steps li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}.step-n{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;margin-bottom:.8rem}.steps p,.feature p{color:var(--ink-2);margin:0;font-size:.98rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.split h2{text-align:left}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin-top:2rem}.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.f-icon{font-size:1.6rem;display:block;margin-bottom:.5rem}.demo-chat{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:1rem;display:flex;flex-direction:column;gap:.6rem}.dc-head{font-weight:700;display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}.dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--ok)}.dc-msg{padding:.7rem .9rem;border-radius:14px;max-width:88%;font-size:.97rem}.dc-visitor{align-self:flex-end;background:var(--blue);color:#fff}.dc-bot{background:var(--bg-2)}.dc-bot sup{color:var(--blue);font-weight:700}.dc-src{margin-top:.5rem;font-size:.82rem;color:var(--ink-2);border-left:3px solid var(--blue);padding-left:.5rem}.dc-note{font-size:.82rem;color:var(--ink-2);margin:0}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:2rem}.plan{position:relative;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.6rem;display:flex;flex-direction:column;gap:.4rem}.plan-featured{border:2px solid var(--blue);box-shadow:var(--shadow)}.plan-tag{position:absolute;top:-.8rem;left:1.4rem;background:var(--amber);color:#1d1300;font-weight:800;font-size:.78rem;padding:.2rem .7rem;border-radius:999px}.plan-for{color:var(--ink-2);margin:0 0 .5rem;min-height:4.5em}@media(max-width:600px){.plan-for{min-height:0}}.plan ul{padding-left:1.1rem;margin:0 0 1rem;flex:1}.plan li{margin:.25rem 0}.plan-price{text-align:center;font-size:.85rem;color:var(--ink-2);margin:.3rem 0 0}.faq{border-bottom:1px solid var(--line);padding:.9rem 0}.faq summary{cursor:pointer;font-weight:700;font-size:1.05rem}.faq p{color:var(--ink-2)}.demo-form,.start-form{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.6rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.95rem}input,select,textarea{font:inherit;font-weight:400;padding:.65rem .8rem;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none}.hint{font-weight:400;font-size:.82rem;color:var(--ink-2)}.sent{text-align:center;padding:2rem;background:var(--card);border-radius:20px;border:1px solid var(--line);margin-top:1.5rem}.footer{border-top:1px solid var(--line);padding:2rem clamp(1rem,5vw,4rem);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--ink-2);font-size:.9rem}.footer p{margin:0}.progress-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(900px 500px at 50% 0,rgba(59,91,253,.18),transparent 60%),var(--bg)}.progress-card{max-width:560px;width:100%;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:2rem;box-shadow:var(--shadow)}.progress-card h1{font-size:1.7rem}.reading-mascot{animation:bob 2s ease-in-out infinite}.stages{list-style:none;padding:0;text-align:left;margin:1.5rem auto 0;max-width:340px}.stages li{padding:.45rem 0 .45rem 2rem;position:relative;color:var(--ink-2)}.stages li:before{content:"";position:absolute;left:0;top:.62rem;width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--line)}.stages li.done{color:var(--ink)}.stages li.done:before{background:var(--ok);border-color:var(--ok)}.stages li.now{color:var(--ink);font-weight:700}.stages li.now:before{border-color:var(--blue);border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview{min-height:100vh;background:#e9ecf5}.preview-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.55rem 1rem;background:#0f1b4d;color:#fff;font-size:.95rem}.preview-badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--amber);color:#1d1300;font-weight:800;border-radius:999px;padding:.1rem .7rem .1rem .2rem}.preview-text{flex:1;min-width:200px}.preview-actions{display:flex;gap:.5rem}.preview-actions .btn-ghost{color:#fff;border-color:#ffffff59}.preview-site img{display:block;width:100%;height:auto}.preview-placeholder{min-height:80vh;display:grid;place-content:center;text-align:center;color:#4a5578;padding:2rem}.lander{position:fixed;z-index:30;left:8%;top:18%;display:flex;flex-direction:column;align-items:center;animation:land 1.6s cubic-bezier(.5,0,.3,1) forwards;pointer-events:none}@keyframes land{0%{transform:translate(0) scale(1.4)}70%{opacity:1}to{transform:translate(calc(84vw - 80px),calc(70vh - 40px)) scale(.45);opacity:0}}.start-page{max-width:760px;margin:0 auto;padding:2rem 1rem 4rem}.start-page h1{margin-top:1.5rem;font-size:clamp(1.8rem,4vw,2.6rem)}.plan-pick{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}.plan-pick legend{font-weight:700;margin-bottom:.6rem}.pick{border:2px solid var(--line);border-radius:14px;padding:.8rem;cursor:pointer;font-weight:400}.pick input{position:absolute;opacity:0}.pick span{color:var(--ink-2);font-size:.88rem}.pick.picked{border-color:var(--blue);background:var(--bg-2)}.pick:focus-within{outline:3px solid var(--amber);outline-offset:2px}@media(max-width:820px){.split,.grid2{grid-template-columns:1fr}.split h2{text-align:center}.nav nav a:not(.btn){display:none}.hero{min-height:0;padding-bottom:9rem}.roamer{top:auto!important;bottom:1rem;left:70%!important}.trybox-row{flex-wrap:wrap;border-radius:18px;padding:.5rem}.trybox-row .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lander{display:none}}.offer-banner{display:flex;gap:.7rem;align-items:center;justify-content:center;max-width:760px;margin:1.4rem auto 0;padding:.8rem 1.2rem;border-radius:16px;background:linear-gradient(90deg,#fff4d6,#ffe3ec);color:#4a2a00;border:1px solid #f3cf8a;text-align:left}.offer-icon{font-size:1.6rem}.period-switch{display:flex;gap:.3rem;width:max-content;margin:1.4rem auto 0;padding:.3rem;background:var(--card);border:1px solid var(--line);border-radius:999px}.period-switch button{font:inherit;font-weight:650;border:0;background:transparent;color:var(--ink-2);padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;display:inline-flex;gap:.45rem;align-items:center}.period-switch button.on{background:var(--blue);color:#fff}.period-switch button:focus-visible{outline:3px solid var(--blue-2);outline-offset:2px}.period-switch .save{font-size:.72rem;font-weight:800;background:var(--amber);color:#1d1300;border-radius:999px;padding:.1rem .5rem}.plans-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.plan-cost{display:flex;align-items:baseline;gap:.3rem;margin-top:.2rem}.plan-cost .amount{font-size:2.3rem;font-weight:800;letter-spacing:-.02em}.plan-cost .unit,.plan-cost .from{color:var(--ink-2);font-weight:600}.plan-note{margin:0;color:var(--ink-2);font-size:.88rem;min-height:2.6em}.plan-note s{color:var(--ink-2);opacity:.8;margin-right:.25rem}.plan-badge{margin:.2rem 0 .4rem;align-self:flex-start;background:#e6f6ec;color:#11602f;font-weight:750;font-size:.82rem;padding:.2rem .6rem;border-radius:999px}.core{max-width:860px;margin:2rem auto 0;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.4rem 1.6rem}.core h3{margin:0 0 .6rem}.core ul{columns:2 260px;padding-left:1.1rem;margin:0}.core li{margin:.25rem 0;break-inside:avoid}.fine{font-size:.85rem;max-width:760px;margin:1rem auto 0}@media(prefers-color-scheme:dark){.offer-banner{background:linear-gradient(90deg,#3b2c0c,#3a1726);color:#ffe7b3;border-color:#6b5420}.plan-badge{background:#12361f;color:#9be3b3}}.pick-price{font-weight:800;font-size:1.1rem}.start-form .period-switch{margin:0 0 1rem}.legal{max-width:780px;margin:0 auto;padding:2rem 1rem 4rem;line-height:1.65}.legal h1{margin:1.4rem 0 .3rem}.legal h2{margin:2rem 0 .5rem;font-size:1.2rem}.legal h3{margin:1.2rem 0 .3rem;font-size:1rem}.legal-nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:1.2rem;font-size:.92rem}.legal-nav a[aria-current=page]{font-weight:750;text-decoration:none}.legal-gap{background:#fff1b8;color:#5a4000;padding:0 .25rem;border-radius:4px}.agree{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;margin:.4rem 0 1rem}.agree input{margin-top:.25rem;width:1.1rem;height:1.1rem;flex:none}
