@font-face{font-family:Fredoka;src:url(/fonts/Fredoka.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--ink:#211e3b;--sun:#ffc83d;--wash:#f2f3fb;--muted:#5c5a78;--soft:#d5d4e8}*{box-sizing:border-box}body{background:var(--ink);color:#fff;margin:0;font:17px/1.5 Figtree,system-ui,sans-serif}h1,h2,h3{margin:0;font-family:Fredoka,system-ui,sans-serif;font-weight:600}p{margin:0}img{display:block}a{color:#fff}a:hover{color:var(--sun)}.wrap{max-width:1200px;margin:0 auto;padding-inline:24px}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.brand{align-items:center;gap:10px;font-family:Fredoka,system-ui,sans-serif;font-size:26px;font-weight:600;display:flex}.soon{color:var(--sun);font-size:15px;font-weight:700}.hero{overflow:hidden}.hero .wrap{text-align:center;flex-direction:column;align-items:center;gap:28px;padding-top:56px;display:flex}.hero h1{font-size:clamp(48px,8vw,108px);line-height:1}.hero h1 span{color:var(--sun)}.hero-text{max-width:42rem;color:var(--soft);font-size:21px}.stores{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.store{border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:default;border-radius:14px;flex-direction:column;align-items:flex-start;min-width:210px;padding:12px 22px;font-family:Figtree,system-ui,sans-serif;display:flex}.store small{font-size:13px;font-weight:600}.store strong{font-family:Fredoka,system-ui,sans-serif;font-size:24px;font-weight:600;line-height:1.15}.store-sun{border-color:var(--sun);background:var(--sun);color:var(--ink)}.store-line{border-color:#fff}.phones{justify-content:center;align-items:flex-start;gap:28px;width:100%;margin:24px 0 -160px;display:flex}.phone{border:3px solid #fff;border-radius:40px;flex:none;width:270px;margin-top:72px;overflow:hidden}.phone img{width:100%;height:auto}.phone-left{transform:rotate(-5deg)}.phone-right{transform:rotate(5deg)}.phone-main{border-radius:46px;width:320px;margin-top:0}.then-now{color:var(--ink);background:#fff;position:relative}.then-now .wrap{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:48px;padding-block:88px;display:grid}.then-now .wrap>div{flex-direction:column;gap:16px;display:flex}.label{font-weight:700}.then-now h2{font-size:clamp(32px,4vw,48px);line-height:1.08}.then-now .note{font-size:19px}.then{color:var(--muted)}.modes{border-block:2px solid var(--ink);background:var(--wash);color:var(--ink)}.modes .wrap{flex-direction:column;gap:32px;padding-block:88px;display:flex}.section-title{font-size:clamp(34px,4.5vw,56px);line-height:1.05}.mode-list{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:32px;display:grid}.mode-list>div{border-top:4px solid var(--ink);flex-direction:column;gap:8px;padding-top:16px;display:flex}.mode-list h3{font-size:26px}.shelf{overflow:hidden}.shelf .wrap{flex-direction:column;gap:12px;padding-block:88px 40px;display:flex}.shelf-text{max-width:46rem;color:var(--soft);font-size:19px}.pages{justify-content:center;align-items:flex-start;gap:20px;padding:16px 0 88px;display:flex}.pages img{border-radius:10px;flex:none;width:250px;height:auto}.pages img:nth-child(odd){margin-top:40px}.families{border-top:2px solid var(--ink);background:var(--sun);color:var(--ink)}.families .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding-block:72px;display:flex}.families-text{flex-direction:column;flex:420px;gap:10px;min-width:0;display:flex}.families h2{font-size:clamp(34px,4vw,48px);line-height:1.08}.families .stores{justify-content:flex-start}.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding-block:32px;display:flex}.site-footer p{color:var(--soft)}.site-footer a{align-items:center;min-height:44px;display:flex}