:root{--navy:#14203a;--teal:#2fc4b2;--coral:#ff7a59;--sun:#ffd166;--mist:#f2f7f8;--ink:#1b2438;--sub:#59647a;--ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font:17px/1.6 var(--ui);color:var(--ink);background:#fff}
a{color:inherit}
.kb-bar{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:22px 24px;position:relative;z-index:2}
.kb-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.02em;text-decoration:none;color:#fff}
.kb-brand i{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--teal),var(--sun));display:grid;place-items:center}
.kb-brand i::after{content:"";width:12px;height:7px;border-left:3px solid var(--navy);border-bottom:3px solid var(--navy);transform:rotate(-45deg) translate(1px,-1px)}
.kb-bar nav{display:flex;gap:22px;font-size:15px}
.kb-bar nav a{color:#c9d5ea;text-decoration:none}
.kb-bar nav a:hover{color:#fff}
.kb-stage{background:radial-gradient(1000px 500px at 85% 20%,rgba(47,196,178,.35),transparent 60%),radial-gradient(700px 400px at 5% 90%,rgba(255,122,89,.28),transparent 60%),var(--navy);color:#fff;margin-top:-76px;padding-top:76px;overflow:hidden}
.kb-stage-in{max-width:1100px;margin:0 auto;padding:60px 24px 90px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.kb-pill{display:inline-block;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.12);font-size:14px;margin-bottom:20px}
.kb-stage h1{font-size:clamp(38px,6vw,68px);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin-bottom:20px}
.kb-stage h1 span{color:var(--sun)}
.kb-stage p.kb-big{font-size:19px;color:#c9d5ea;max-width:480px;margin-bottom:30px}
.kb-stores{display:flex;gap:12px;flex-wrap:wrap}
.kb-store{display:flex;flex-direction:column;border:1.5px dashed rgba(255,255,255,.4);border-radius:14px;padding:10px 20px;min-width:170px;line-height:1.25}
.kb-store small{font-size:12px;color:#aebbd3;text-transform:uppercase;letter-spacing:.08em}
.kb-store b{font-size:18px}
.kb-phone{justify-self:center;width:260px;height:520px;border-radius:40px;background:#0b1326;padding:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 2px #2b3857;transform:rotate(4deg)}
.kb-screen{height:100%;border-radius:30px;background:var(--mist);color:var(--ink);padding:26px 18px;overflow:hidden}
.kb-screen h4{font-size:19px;margin-bottom:2px}
.kb-screen small{color:var(--sub)}
.kb-habit{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px;margin-top:12px;box-shadow:0 2px 8px rgba(20,32,58,.06);font-size:14px;font-weight:600}
.kb-habit em{font-style:normal;margin-left:auto;color:var(--sub);font-weight:500;font-size:12px}
.kb-dot{width:30px;height:30px;border-radius:50%;flex:none;background:var(--c,var(--teal))}
.kb-bars{display:flex;gap:6px;align-items:flex-end;height:80px;margin-top:20px}
.kb-bars span{flex:1;border-radius:6px;background:var(--teal);height:var(--h)}
.kb-wrap{max-width:1100px;margin:0 auto;padding:80px 24px}
.kb-wrap h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.02em;line-height:1.15;margin-bottom:14px;text-align:center}
.kb-sub{text-align:center;color:var(--sub);max-width:560px;margin:0 auto 46px}
.kb-feat{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.kb-tile{background:var(--mist);border-radius:24px;padding:26px 22px}
.kb-tile:nth-child(2){background:#fff1ec}
.kb-tile:nth-child(3){background:#fff6dc}
.kb-tile:nth-child(4){background:#e6f6f3}
.kb-ico{width:46px;height:46px;border-radius:14px;background:var(--navy);display:grid;place-items:center;margin-bottom:16px;font-size:22px;color:var(--sun)}
.kb-tile h3{font-size:19px;margin-bottom:6px}
.kb-tile p{color:var(--sub);font-size:15px}
.kb-soon{background:var(--navy);color:#fff;text-align:center;padding:70px 24px}
.kb-soon h2{font-size:clamp(26px,3.6vw,38px);margin-bottom:10px}
.kb-soon p{color:#c9d5ea;margin-bottom:24px}
.kb-soon .kb-stores{justify-content:center}
.kb-doc{max-width:720px;margin:0 auto;padding:60px 24px 80px}
.kb-doc h1{font-size:38px;letter-spacing:-.02em;margin-bottom:6px}
.kb-doc h2{font-size:21px;margin:30px 0 8px}
.kb-doc p,.kb-doc li{color:#3b465c}
.kb-doc ul{padding-left:22px}
.kb-top{background:var(--navy)}
.kb-foot{max-width:1100px;margin:0 auto;padding:28px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--sub);font-size:14px}
.kb-foot a{margin-left:16px;text-decoration:none}
.kb-lost{background:var(--navy);color:#fff;min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}
.kb-lost b{font-size:clamp(90px,22vw,220px);line-height:1;background:linear-gradient(135deg,var(--teal),var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent}
.kb-lost a{display:inline-block;margin-top:20px;background:var(--coral);color:#fff;padding:12px 26px;border-radius:99px;text-decoration:none;font-weight:700}
@media(max-width:860px){.kb-stage-in{grid-template-columns:1fr;padding-bottom:60px}.kb-phone{transform:none;width:230px;height:460px}.kb-feat{grid-template-columns:1fr 1fr}.kb-wrap{padding:56px 20px}}
@media(max-width:520px){.kb-feat{grid-template-columns:1fr}.kb-bar nav{gap:14px}}