:root{--grad:linear-gradient(to top right,#7a4de0 0%,#4f8fe0 50%,#4fd3d6 100%);--ink:#1b1740;--violet:#7a4de0;--magenta:#c23fd0;--blue:#4f8fe0;--cyan:#4fd3d6;--mint:#9ae9b7;--lav:#f3f1fc;--muted:#5d5a7e;--line:#dcd8f0}
*{box-sizing:border-box}
body{margin:0;font:17px/1.6 "Segoe UI Variable Display","Segoe UI",Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff}
img{max-width:100%;height:auto}
a{color:var(--violet)}
.nt{background:var(--lav);color:var(--muted);text-align:center;font-size:.88rem;padding:8px 24px;margin:0}
.hd{background:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px}
.hd img{display:block;filter:brightness(0) invert(1);height:auto;max-width:110px}
.hd nav a{color:#fff;margin-left:14px;font-size:.85rem;text-decoration:none}
.hd nav a:hover,.hd nav a[aria-current]{text-decoration:underline}
@media(min-width:640px){.hd{padding:20px 40px}.hd img{max-width:150px}.hd nav a{margin-left:22px;font-size:.95rem}}
.w{max-width:1120px;margin:0 auto;padding:0 24px}
.t{max-width:750px;margin:0 auto}
.s{padding:84px 0}.alt{background:var(--lav)}.dk{background:var(--ink);color:#fff}
.s h2{font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.08;letter-spacing:-.035em;font-weight:800;margin:0 0 .5em;text-align:center}
.s h3{font-size:1.15rem;margin:0 0 6px}
.ph{background:var(--grad);color:#fff;text-align:center;padding:72px 24px 80px}
.ph h1{font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.05;letter-spacing:-.04em;font-weight:800;margin:0 0 .5em}
.ph p{margin:0 auto .6em;max-width:36em;text-shadow:0 2px 18px rgba(27,23,64,.3)}
.btn{display:inline-block;box-sizing:border-box;min-width:190px;text-align:center;background:var(--violet);color:#fff;padding:13px 26px;border-radius:999px;font-weight:700;letter-spacing:.02em;text-decoration:none}
.btn:hover,.btn:focus-visible{background:var(--violet);outline:3px solid var(--violet);outline-offset:0}
.ghost{background:transparent;border:2px solid #fff;padding:11px 24px}
.ghost:hover,.ghost:focus-visible{background:transparent;border-color:transparent;outline:2px solid #fff;outline-offset:0}
@media(max-width:560px){.btn{min-width:150px;padding:10px 20px;font-size:.85rem}.ghost{padding:8px 18px}}
.cta{text-align:center;margin:44px 0 0}
.fl{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:32px 28px;margin:48px 0 0}
.fl li:before{content:"";display:block;width:12px;height:12px;transform:rotate(45deg);background:var(--cyan);margin-bottom:14px}
.fl p{margin:0}
@media(max-width:560px){.fl{grid-template-columns:1fr}}
footer{background:var(--ink);color:#d9d4f5;text-align:center;padding:40px 24px}
footer a{color:#d9d4f5;margin:0 10px;text-decoration:none}
footer a:hover{text-decoration:underline}
footer nav{margin-bottom:14px}
footer p{margin:40px 0 0;font-size:.9rem}

.ph h2{font-size:1.2rem;font-weight:400;margin:0 auto .6em;max-width:36em;text-shadow:0 2px 18px rgba(27,23,64,.3)}
.ph.sm{padding:40px 24px 44px}.ph.sm h1{margin:0}
.pg h2{font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.08;letter-spacing:-.035em;font-weight:800;margin:2.2em 0 .6em;text-align:center}
.pg h3{font-size:1.4rem;text-align:center;margin:2em 0 .6em}
.pg h4{font-size:1.15rem;margin:1.6em 0 .3em}
.pg p{margin:0 0 1em}
.pg a:not(.btn){color:var(--violet)}
.pg ul.pts{list-style:none;padding:0;margin:1.4em 0 .3em;font-weight:700}
.pg .how{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center;font-weight:600;margin:24px 0}
.pg .how a{text-decoration:none;color:var(--ink)}
.pg .c{text-align:center}.pg .c h4{margin-bottom:.2em}.pg .c .n{font-size:2rem;color:var(--violet)}
.pg .ex{text-align:center;margin-bottom:28px}
.pg .ex img{margin:0 auto 10px;border-radius:10px}
.pg img{border-radius:10px;display:block;margin:0 auto}
.pg .cta{text-align:center;margin:36px 0}

.pg h2:first-child{margin-top:0}
.pg .dk a:not(.btn){color:var(--mint)}
.pg .dk .how a{color:#fff}

.ph h1{margin:0}
.ph h1+p{margin-top:.6em}
.ph h2{font-size:clamp(1rem,2vw,1.35rem);line-height:1.35;margin:clamp(.4em,1vw,1em) auto clamp(.8em,2.4vw,1.8em)}
.ph h2+.cta{margin:0 auto}
.dia .dk h4:before,.dia ul.pts li:before{content:"";display:inline-block;width:11px;height:11px;transform:rotate(45deg);background:var(--cyan);margin-right:12px;vertical-align:1px}

footer .ln{margin-bottom:14px;font-size:.9rem}
footer .ln a{color:#b9b4e0}