:root{--bg:#0C1220;--surface:#131B2C;--surface2:#0F1626;--line:#223048;--text:#E4EBF5;--muted:#8FA0B8;--accent:#79D4F2;--accent-deep:#2E9FC4;--gold:#E8B44C;--good:#5BD990;--font-display:"Unbounded","Onest",sans-serif;--font-body:"Onest","Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--text);letter-spacing:.01em}.logo .paw{color:var(--accent)}.topbar nav{display:flex;gap:22px;font-size:14.5px}.topbar nav a{color:var(--muted);transition:color .2s}.topbar nav a:hover{color:var(--accent)}@media (max-width:720px){.topbar nav{display:none}}.auth{display:flex;align-items:center;gap:16px}.alink{color:var(--muted);font-size:14.5px;transition:color .2s}.alink:hover{color:var(--accent)}.btn.small{padding:9px 18px;font-size:14px;border-radius:10px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--surface);border:1px solid var(--accent-deep);color:var(--text);font-size:14px;padding:12px 20px;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.5);max-width:min(92vw,480px);text-align:center;animation:toast-in .25s ease-out;z-index:50}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.types{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.type{font:500 13.5px var(--font-body);color:var(--muted);background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:7px 14px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.type:hover{color:var(--text);border-color:var(--accent-deep)}.type.on{color:#06131C;font-weight:600;background:var(--accent);border-color:var(--accent)}.hero{position:relative;padding:56px 0 72px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:40px;gap:40px;align-items:center}@media (max-width:860px){.hero{grid-template-columns:1fr}}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,4.6vw,52px);line-height:1.12;margin:0 0 16px;text-wrap:balance}.hero h1 .em{color:var(--accent)}.hero .sub{color:var(--muted);font-size:18px;max-width:46ch;margin:0 0 28px}.topic-form{display:flex;gap:10px;max-width:560px}.topic-form input{flex:1 1;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);font:500 16px var(--font-body);padding:15px 18px;outline:none;transition:border-color .2s,box-shadow .2s}.topic-form input::placeholder{color:var(--muted)}.topic-form input:focus{border-color:var(--accent-deep);box-shadow:0 0 0 3px rgba(121,212,242,.12)}.btn{font:600 15.5px var(--font-body);border:none;cursor:pointer;border-radius:12px;padding:15px 22px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#06131C;white-space:nowrap;transition:transform .15s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(121,212,242,.25)}.btn:active{transform:scale(.98)}.hero .note{margin-top:12px;font-size:13.5px;color:var(--muted)}.hero .note b{color:var(--good);font-weight:600}.den{position:relative;aspect-ratio:1/.85;border-radius:20px;background:radial-gradient(120% 90% at 50% 105%,rgba(46,159,196,.18),transparent 60%),radial-gradient(80% 60% at 70% 20%,rgba(121,212,242,.07),transparent 60%),var(--surface2);border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}.den .hint{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:12.5px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em}.eyes{display:flex;gap:11%;width:62%}.eye{width:100%;aspect-ratio:1.9/1;background:radial-gradient(closest-side,#eaf6ff 78%,#9fc6dd 100%);border-radius:48% 52% 50% 50%/85% 85% 60% 60%;position:relative;overflow:hidden;box-shadow:0 0 34px rgba(121,212,242,.28),inset 0 -4px 10px rgba(20,60,80,.35)}.pupil{top:50%;left:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#0a1016 55%,#17313f 100%);transition:transform .06s linear}.pupil,.pupil:after{position:absolute;border-radius:50%}.pupil:after{content:"";top:16%;left:20%;width:26%;height:26%;background:#fff;opacity:.9}.iris{position:absolute;inset:0;background:radial-gradient(closest-side,transparent 44%,rgba(46,159,196,.5) 58%,transparent 72%);pointer-events:none}.blink{animation:blink 6.5s infinite;transform-origin:center}@keyframes blink{0%,96.5%,to{transform:scaleY(1)}97.8%{transform:scaleY(.06)}99%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.blink{animation:none}}section.block{padding:56px 0;border-top:1px solid var(--line)}.block h2{font-family:var(--font-display);font-weight:600;font-size:clamp(21px,3vw,30px);margin:0 0 10px;text-wrap:balance}.block .lead{color:var(--muted);margin:0 0 30px;max-width:62ch}.prow{display:flex;gap:14px;overflow-x:auto;padding:4px 4px 16px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.pcard{flex:0 0 236px;scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:transform .2s,border-color .2s}.pcard:hover{transform:translateY(-3px);border-color:var(--accent-deep)}.pcard h3{margin:0;font-size:16.5px;font-weight:700}.pcard .price{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--accent)}.pcard p{margin:0;font-size:13.5px;flex:1 1}.chip,.pcard p{color:var(--muted)}.chip{align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:3px 10px}.faq{display:flex;flex-direction:column;gap:10px;max-width:720px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 20px}.faq summary{cursor:pointer;font-weight:600;font-size:15.5px;padding:16px 0;list-style:none;position:relative}.faq summary:after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:20px;font-weight:400;transition:transform .2s}.faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq details p{margin:0 0 16px;color:var(--muted);font-size:14.5px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px}.steps.three{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:18px 20px}.step .n{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--accent);display:block;margin-bottom:6px}.step b{display:block;margin-bottom:4px;font-size:15.5px}.step span{font-size:14px}.step span,footer{color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px 0 40px;font-size:13.5px;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}