body{background:#f6fafb}
.ph{background:radial-gradient(1000px 500px at 85% -20%,rgba(0,156,163,.4),transparent 60%),var(--k);color:#fff;padding:22px 0 50px}
.phtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.lg{height:28px}
.btn.sm{padding:10px 16px;font-size:14px;border-radius:12px}
.ph h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 12px}
.ph .lead{color:#c3ccd8;font-size:18px;max-width:700px;margin:0 0 26px}
.search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:6px 8px 6px 16px;max-width:620px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.search input{border:0;outline:0;font:500 16px Poppins,sans-serif;padding:12px 4px;flex:1;color:var(--k)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chips button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:8px 14px;font:500 14px Poppins,sans-serif;cursor:pointer}
.chips button.on{background:var(--c);color:var(--k);border-color:var(--c);font-weight:600}
.statsband{padding:28px 0 6px}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.st2{background:#fff;border:1px solid #e7eef1;border-radius:20px;padding:18px}
.st2 b{display:block;font-size:30px;color:var(--c2);letter-spacing:-.02em}
.st2 p{margin:4px 0 6px;color:#3a4352;font-size:14px}.st2 a{font-size:11.5px;color:#8a95a5;text-decoration:underline}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:26px 0 30px}
.gc{background:#fff;border:1px solid #e7eef1;border-radius:22px;padding:20px;cursor:pointer;text-align:left;font-family:inherit;transition:all .2s;display:flex;flex-direction:column;gap:6px}
.gc:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:0 16px 40px rgba(0,156,163,.14)}
.gc .e{font-size:32px}.gc b{font-size:16px;color:var(--k)}.gc small{color:#7a8595;font-size:12.5px}
.gc .go{margin-top:auto;padding-top:8px;color:var(--c2);font-weight:600;font-size:13px}
.empty{text-align:center;color:#566173;padding:0 0 50px}
.pf{background:var(--k);color:#8a95a5;padding:24px 0;font-size:14px}.pf .wrap{display:flex;justify-content:space-between}

/* overlay */
.ov{position:fixed;inset:0;z-index:100;background:var(--k);color:#fff;display:none;flex-direction:column}
.ov.open{display:flex}
.ovtop{display:flex;align-items:center;gap:16px;padding:16px 24px}
.ovt{font-weight:600;font-size:15px;color:#c3ccd8}.ovt b{color:#fff}
.dots{display:flex;gap:6px;margin:0 auto}.dots i{width:28px;height:5px;border-radius:5px;background:rgba(255,255,255,.18);cursor:pointer}.dots i.on{background:var(--c)}
.x{background:rgba(255,255,255,.08);border:0;color:#fff;width:40px;height:40px;border-radius:12px;font-size:16px;cursor:pointer}
.prog{height:3px;background:rgba(255,255,255,.06)}.prog i{display:block;height:100%;background:var(--c);transition:width .35s}
.slides{flex:1;position:relative;overflow:hidden}
.sl{position:absolute;inset:0;padding:40px 6vw;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateX(40px);transition:all .45s cubic-bezier(.2,.8,.2,1);pointer-events:none;overflow-y:auto}
.sl.on{opacity:1;transform:none;pointer-events:auto}.sl.left{transform:translateX(-40px)}
.sl .k{font-size:13px;letter-spacing:.18em;color:var(--c);font-weight:600;text-transform:uppercase;margin-bottom:12px}
.sl h2{color:#fff;font-size:clamp(30px,4.4vw,56px);line-height:1.08;text-align:left;margin:0 0 26px}
.sl h2 span{color:var(--c)}
.cover{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.cover .big{font-size:clamp(90px,14vw,180px);line-height:1}
.items{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1100px}
.it{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px 22px;font-size:18px;display:flex;gap:14px;align-items:flex-start;opacity:0;transform:translateY(14px);transition:all .5s}
.sl.on .it{opacity:1;transform:none}
.it i{font-style:normal;flex:none;width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:16px;background:rgba(0,229,232,.15)}
.it.pain i{background:rgba(255,92,92,.18)}
.pairs{display:grid;gap:12px;max-width:1150px}
.pair{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:10px;opacity:0;transform:translateY(14px);transition:all .5s}
.sl.on .pair{opacity:1;transform:none}
.pair .b{border-radius:18px;padding:16px 18px;font-size:16.5px;line-height:1.4}
.pair .b1{background:rgba(255,92,92,.1);border:1px solid rgba(255,92,92,.25);color:#ffd9d9}
.pair .b2{background:rgba(0,229,232,.1);border:1px solid rgba(0,229,232,.35);color:#e6feff}
.pair .ar{text-align:center;color:var(--c);font-size:22px;font-weight:700}
.vdemo{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;max-width:1150px}
.vbox{background:#1b2030;border-radius:22px 22px 6px 22px;padding:18px}
.vbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.vbar .pl{width:42px;height:42px;border-radius:50%;background:var(--c);color:var(--k);border:0;font-size:16px;cursor:pointer;flex:none}
.vbar .bars{display:flex;gap:3px;align-items:center;height:30px;flex:1}.vbar .bars i{width:3px;border-radius:3px;background:#5e6a80;display:block}
.vbox.play .bars i{background:var(--c);animation:wave .9s ease-in-out infinite}
@keyframes wave{50%{height:100%}}
.vtxt{font-size:18px;line-height:1.5;color:#e6ebf1;min-height:90px}
.vtasks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vtasks li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.06);border-radius:16px;padding:14px 16px;font-size:16.5px;opacity:.25;transition:all .4s}
.vtasks li.done{opacity:1}.vtasks li .ck{width:26px;height:26px;border-radius:50%;border:2px solid #4a5569;flex:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:transparent;transition:all .3s}
.vtasks li.done .ck{background:var(--c);border-color:var(--c);color:var(--k)}
.statb{margin-top:22px;background:rgba(0,229,232,.1);border-left:3px solid var(--c);padding:12px 16px;border-radius:10px;color:#c3ccd8;font-size:14.5px;max-width:900px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.final p{font-size:20px;color:#c3ccd8;max-width:760px;margin:0 0 26px}
.ovnav{display:flex;justify-content:center;align-items:center;gap:18px;padding:14px}
.ovnav button{background:rgba(255,255,255,.08);border:0;color:#fff;width:52px;height:44px;border-radius:14px;font-size:20px;cursor:pointer}
.ovnav button:disabled{opacity:.3}
.ovnav span{color:#8a95a5;font-size:14px;min-width:60px;text-align:center}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.grid{grid-template-columns:1fr 1fr}.sgrid{grid-template-columns:1fr}.items,.vdemo{grid-template-columns:1fr}.pair{grid-template-columns:1fr}.pair .ar{transform:rotate(90deg)}.cover{grid-template-columns:1fr}.sl{padding:24px 20px;justify-content:flex-start}.dots{display:none}.it{font-size:16px}}
@media(max-width:460px){.grid{grid-template-columns:1fr}}

.fin2{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.fin2 .ae{width:100%;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.4)}.coachl{font-size:15px!important;color:#9aa6b6!important;margin-top:20px!important}.coachl b{color:var(--c)}
@media(max-width:760px){.fin2{grid-template-columns:1fr}}

.gc.ph{padding:0;overflow:hidden}.gc.ph>*:not(.gimg){margin-left:18px;margin-right:18px}.gc.ph .go{margin-bottom:16px}.gimg{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:8px}
.cimg{width:min(42vw,560px);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
@media(max-width:760px){.cimg{width:100%}}