:root{--orange:#FF8A1F;--ink:#1F2A44;--bg:#fff;--soft:#FFF0DE;--line:#F1D9BC;--text:#2B3550;--h:#1F2A44;--deep:#B8480F}
@media (prefers-color-scheme:dark){:root{--bg:#151B2C;--soft:#1D2540;--line:#2E3858;--text:#E4E8F5;--h:#fff;--deep:#FFA85C}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3{font-family:Fredoka,"Trebuchet MS",system-ui,sans-serif;line-height:1.15;margin:0 0 .5em;color:var(--h)}
.hero h1{color:var(--ink)}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
.hero{background:var(--orange);color:var(--ink)}
.bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 18px;padding:14px 22px}
.brand{font:700 1.25rem Fredoka,sans-serif;color:var(--ink);text-decoration:none}
.menu{display:flex;gap:6px}
.panel{display:flex;align-items:center;gap:18px}
.burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;background:none;border:2px solid var(--ink);border-radius:12px;cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}
.menu a{color:var(--ink);text-decoration:none;font-weight:600;padding:6px 14px;border-radius:999px;white-space:nowrap}
.menu a[aria-current=page]{background:var(--ink);color:#fff}
.lang button{font:600 .9rem system-ui;border:2px solid var(--ink);background:transparent;color:var(--ink);padding:4px 12px;cursor:pointer}
.lang button:first-child{border-radius:999px 0 0 999px}.lang button:last-child{border-radius:0 999px 999px 0;border-left:0}
.lang button[aria-pressed=true]{background:var(--ink);color:#fff}
@media(max-width:759px){.bar{flex-wrap:wrap}.burger{display:flex}.panel{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:14px;padding:6px 0 12px}.panel.open{display:flex}.menu{flex-direction:column;width:100%}.menu a{padding:10px 14px}}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:30px 22px 70px}
.hero h1{font-size:clamp(2.6rem,7vw,4.6rem)}
.hero p{font-size:1.2rem;max-width:34ch}
.ph{padding:26px 22px 44px}.ph h1{font-size:clamp(2.2rem,6vw,3.4rem);margin:0}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:14px 26px;border-radius:999px;font:700 1rem system-ui;text-decoration:none;border:0;cursor:pointer}
.cat{width:100%;max-width:380px;justify-self:center;transform-origin:50% 90%;animation:sway 5s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.cat{animation:none}html{scroll-behavior:auto}}
section{padding:60px 0}
.lead{max-width:62ch;font-size:1.1rem}
.prose{max-width:66ch}.prose h2{margin-top:1.6em}.prose h2:first-child{margin-top:0}
.alt{background:var(--soft)}
.steps{list-style:none;counter-reset:s;padding:0;margin:26px 0 0;max-width:720px}
.steps li{counter-increment:s;display:grid;grid-template-columns:54px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.steps li::before{content:counter(s);font:700 1.5rem Fredoka,sans-serif;background:var(--orange);color:var(--ink);width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.steps b{display:block;color:var(--h);font-size:1.1rem}
.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}
.methods>div{padding:4px 24px;border-left:4px solid var(--orange)}
.routine{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 0;padding:0;list-style:none}
.routine li{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:10px 18px}
.signup{background:var(--ink);color:#fff;text-align:center}.signup h2{color:#fff}
.signup form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.signup input{padding:14px 18px;border-radius:999px;border:0;min-width:min(300px,100%);font:inherit;color:#1F2A44}
.signup .btn{background:var(--orange);color:var(--ink)}
.signup :focus-visible{outline-color:#fff}
#msg{min-height:1.6em;margin-top:14px;color:#FFD7A8}
.alloc{display:flex;height:56px;border-radius:14px;overflow:hidden;font-weight:700;margin:20px 0;max-width:640px}
.alloc div{display:flex;align-items:center;padding:0 16px;color:var(--ink)}
.alloc .hi{width:70%;background:var(--orange)}.alloc .lo{width:30%;background:#FFD6A3}
.soon{border:2px dashed var(--line);border-radius:16px;padding:28px;max-width:640px}
footer{padding:34px 0;font-size:.9rem;opacity:.85}
@media(max-width:760px){.grid{grid-template-columns:1fr;padding-bottom:50px}.cat{max-width:240px;order:-1}.methods{grid-template-columns:1fr}}

.ss{display:block;width:100%;max-width:480px;height:320px;margin:22px auto 0;border:0;border-radius:16px;background:#fff}
.sslink{color:#FFD7A8}

.sf{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}

.emf{display:flex;justify-content:center;margin-top:22px}
.emf>div{width:100%;max-width:480px}