@font-face{font-family:"Baloo 2";font-weight:800;font-display:swap;src:url(/assets/fonts/Baloo2-ExtraBold.ttf) format("truetype")}
@font-face{font-family:Nunito;font-weight:600;font-display:swap;src:url(/assets/fonts/Nunito-SemiBold.ttf) format("truetype")}
@font-face{font-family:Nunito;font-weight:800;font-display:swap;src:url(/assets/fonts/Nunito-ExtraBold.ttf) format("truetype")}
@font-face{font-family:Nunito;font-weight:900;font-display:swap;src:url(/assets/fonts/Nunito-Black.ttf) format("truetype")}
:root{--blue:#2F5BFF;--yellow:#FFD43B;--coral:#FF6B4A;--ink:#141A46;--ink2:#232B6B;--muted:#4F5688;--line:#D6DCF5;--cloud:#F1F4FF}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:600 17px/1.5 Nunito,system-ui,sans-serif;color:var(--ink);background:var(--cloud);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;margin:0;line-height:1.02;text-wrap:balance}
p{margin:0}img{display:block}
::selection{background:var(--yellow);color:var(--ink)}
:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}
a{text-underline-offset:.2em}
html{scrollbar-color:var(--blue) var(--cloud)}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
/* store badges */
.badges{display:flex;gap:12px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;text-decoration:none;border-radius:12px;padding:8px 16px 8px 12px;border:1px solid #555;line-height:1.1;transition:transform .15s}
.badge:hover{transform:translateY(-2px)}
.badge svg,.soon svg{width:26px;height:26px}.badge small{display:block;font-size:10px;font-weight:800}.badge b{font-size:18px;font-weight:800}
.paddy{display:block;width:100%;height:auto}
/* hero */
.hero{background:var(--blue);color:#fff;text-align:center;padding:56px 0 0;position:relative;overflow:hidden}
.hero h1{font-size:88px;letter-spacing:-.02em;max-width:12ch;margin:0 auto}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero .sub{font-size:20px;margin:18px auto 24px;max-width:40ch;color:#fff}
.hero .badges{justify-content:center}
.pr{margin-top:16px;font-weight:800;text-wrap:balance}.pr b{font:800 24px "Baloo 2";color:var(--yellow)}
.star{position:relative;width:340px;margin:80px auto 0;animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-12px) rotate(-1.5deg)}}
.star::before{content:"";position:absolute;left:50%;top:58%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.14)}
.star .paddy{position:relative;filter:drop-shadow(0 18px 0 rgba(10,16,70,.25))}
.say{position:absolute;left:62%;top:-34px;background:#fff;color:var(--ink);font:800 26px/1.1 "Baloo 2";padding:12px 22px;border-radius:26px 26px 26px 6px;box-shadow:0 5px 0 rgba(20,26,70,.2);white-space:nowrap;animation:pop 8s infinite;transform-origin:0 100%}
@keyframes pop{0%,8%{transform:scale(0)}12%,70%{transform:scale(1)}76%,100%{transform:scale(0)}}
.ground{height:42px;background:var(--cloud);border-radius:50% 50% 0 0/100% 100% 0 0;margin-top:-4px;position:relative}
/* rows */
.row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:52px 0}
.row.rev .pose{order:2}
.pose{background:#fff;border-radius:44px;padding:28px;box-shadow:0 6px 0 var(--line);display:grid;place-items:center}
.pose .paddy{width:260px;animation:bob 5s ease-in-out infinite}
.row h2,.pricebox h2{font-size:56px;margin-bottom:12px}
.row p{font-size:20px;color:var(--muted);max-width:40ch}
.row p.fine{margin-top:12px;font-size:17px}
.row ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px;font-size:19px}
.row li{display:flex;gap:10px}
.row li::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--yellow);box-shadow:0 2px 0 #D6A600;margin-top:.55em}
/* focuses */
.focuses{padding:52px 0 72px;text-align:center}
.focuses h2{font-size:56px;margin-bottom:12px}
.focuses .lead{font-size:20px;color:var(--muted);max-width:44ch;margin:0 auto}
.fgrid{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(12,1fr);gap:20px;text-align:left}
.fc{grid-column:span 3;background:#fff;border-radius:32px;box-shadow:0 6px 0 var(--line);padding:20px 22px 24px;display:flex;flex-direction:column;gap:6px}
.fc:nth-child(n+5){grid-column:span 4}
.fc .paddy{width:84px;margin-bottom:4px}
.fc h3{font-size:34px;margin-bottom:4px}
.fc p{font-size:17px;color:var(--muted)}
.fc .more{margin-top:6px;font-size:16px}
.fc>div{flex:1;display:flex;flex-direction:column}
.tags{list-style:none;margin:auto 0 0;padding:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{font:900 15px/1.3 Nunito;padding:6px 12px;border-radius:16px;background:var(--cloud);border:2px solid var(--line)}
.habit{margin:32px auto 0;font-size:20px;max-width:48ch;color:var(--muted)}.habit b{color:var(--ink)}
.dark{background:var(--ink);color:#fff}
.dark .row p,.dark .row li{color:#DCE4FF}
.dark .pose{background:var(--ink2);box-shadow:0 6px 0 rgba(0,0,0,.3)}
.pricebox{background:var(--yellow);margin:40px 0 0;border-radius:44px 44px 0 0;padding:52px 0;text-align:center;box-shadow:0 -6px 0 #D6A600}
.pricebox .paddy{width:130px;margin:0 auto 8px;animation:bob 5s ease-in-out infinite}
.pricebox .n{font:800 120px/.95 "Baloo 2"}
.pricebox p{font-size:19px;max-width:46ch;margin:10px auto 22px}
.pricebox .badges{justify-content:center}.pricebox small{display:block;margin-top:12px;font-weight:800}
.ft{padding:36px 0 44px;background:var(--ink);color:#fff}
.ft .fr{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.ft b{font:800 26px "Baloo 2"}.ft p{opacity:.8;font-size:15px;margin-top:2px}
.ft a.l{color:inherit;font-weight:800;margin-right:18px;display:inline-block;padding:10px 0}
/* text pages */
.doc{padding:40px 0 72px}
.doc .wrap{max-width:760px}
.doc .top{display:flex;align-items:center;gap:12px;margin-bottom:32px;text-decoration:none;color:var(--ink)}
.doc .top img{width:40px;height:auto}.doc .top b{font:800 26px "Baloo 2"}
.doc h1{font-size:54px;margin-bottom:8px}
.doc h2{font-size:30px;margin:40px 0 10px}
.doc p,.doc li{max-width:68ch}.doc p+p{margin-top:12px}
.doc ul{padding-left:22px}.doc li+li{margin-top:6px}
.doc .meta{color:var(--muted)}
.doc a{color:var(--blue);font-weight:800}
.doc details{background:#fff;border-radius:20px;box-shadow:0 4px 0 var(--line);padding:16px 20px;margin-top:12px}
.doc summary{cursor:pointer;font:800 21px "Baloo 2";list-style:none;display:flex;justify-content:space-between;gap:12px}
.doc summary::after{content:"+";flex:none;color:var(--blue)}
.doc details[open] summary::after{content:"\2212"}
.doc summary::-webkit-details-marker{display:none}
.doc details[open] summary{margin-bottom:8px}
.doc .tbd{background:#FFF3C2;border-radius:6px;padding:0 5px}
@media (max-width:1000px){.fc,.fc:nth-child(n+5){grid-column:span 6}.fc:last-child{grid-column:1/-1}}
@media (max-width:760px){
.hero{padding-top:36px}.hero h1{font-size:50px}.hero .sub{font-size:18px}
.star{width:220px;margin-top:92px}
.say{left:auto;right:0;top:-48px;font-size:20px;padding:9px 16px}
.row{grid-template-columns:1fr;gap:20px;padding:30px 0}.row.rev .pose{order:0}
.pose{padding:18px}.pose .paddy{width:190px}
.row h2,.pricebox h2{font-size:38px}.row p{font-size:18px}.pricebox .n{font-size:88px}
.doc h1{font-size:40px}
.focuses{padding:30px 0 44px}.focuses h2{font-size:38px}.focuses .lead,.habit{font-size:18px}
.fgrid{grid-template-columns:1fr;gap:16px}.fc,.fc:nth-child(n+5),.fc:last-child{grid-column:auto}
.fc{display:grid;grid-template-columns:64px 1fr;column-gap:14px;align-items:start;padding:16px 18px}.fc .paddy{width:64px;margin:0}
}
.soon{display:inline-flex;align-items:center;gap:10px;color:inherit;border-radius:12px;padding:8px 16px 8px 12px;border:2px dashed currentColor;line-height:1.1;opacity:.85}
.soon small{display:block;font-size:10px;font-weight:800}.soon b{font-size:18px;font-weight:800}
/* screens */
.screens{padding:40px 0 64px;text-align:center}
.screens h2{font-size:56px;margin-bottom:28px}
.screens ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.screens img{width:100%;height:auto;border-radius:30px;border:6px solid #fff;box-shadow:0 6px 0 var(--line),0 18px 40px -18px rgba(20,26,70,.35)}
.screens li p{margin-top:12px;font:800 20px/1.2 "Baloo 2"}
.screens .fine{margin-top:22px;font-size:15px;color:var(--muted)}
/* plans */
.plans{list-style:none;margin:6px auto 26px;padding:0;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.plans li{background:#fff;border-radius:22px;box-shadow:0 5px 0 #D6A600;padding:14px 22px;min-width:150px}
.plans b{display:block;font:800 26px/1.1 "Baloo 2"}.plans span{font-size:15px;font-weight:800;color:var(--muted)}
.pricebox small{max-width:60ch;margin-left:auto;margin-right:auto;font-weight:700}.pricebox small a{color:inherit;font-weight:900}
@media (max-width:760px){.screens h2{font-size:38px}.screens ul{grid-template-columns:1fr 1fr;gap:16px}.screens img{border-radius:22px;border-width:4px}.screens li p{font-size:17px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.say{transform:none!important}}