:root{--ink:#172334;--muted:#596779;--paper:#fcfbff;--mint:#e5f5f0;--violet:#6547b5;--pink:#dc537d;--line:#ded8ef;--shadow:0 20px 45px #2e19501c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1100px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:10;background:#fcfbfff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{font-size:1.25rem;font-weight:900;letter-spacing:-.04em;color:var(--violet)}.brand b{color:var(--pink)}.links{display:flex;align-items:center;gap:23px;font-weight:bold;font-size:.92rem}.links a:hover,.links [aria-current=page]{color:var(--pink)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:999px;background:var(--violet);color:#fff;font-weight:bold;transition:.2s}.btn:hover{background:#4e328f;transform:translateY(-1px)}.btn.light{background:#fff;color:var(--violet);border:1px solid var(--line)}.menu{display:none;border:0;background:none;font-size:1.4rem}.hero{padding:76px 0;background:radial-gradient(circle at 86% 12%,#f8c9db,transparent 28%),linear-gradient(125deg,#edf9f5,#fdfbff 58%,#eee9ff)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.eyebrow{color:var(--pink);font-weight:900;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1.03;letter-spacing:-.065em;margin:10px 0 18px}.hero h1 em{color:var(--violet);font-style:normal}.hero p,.lead{font-size:1.08rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.visual{border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.section{padding:82px 0}.tint{background:var(--mint)}h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.055em;margin:8px 0 17px}.heading{max-width:700px;margin-bottom:36px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff}.card i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eee8ff;color:var(--violet);font-style:normal;font-size:1.25rem}.card h3{margin:14px 0 6px}.card p,.article p,.article li{color:var(--muted)}.article{max-width:780px;margin:auto}.article h2{font-size:1.7rem;margin-top:42px}.pagehero{text-align:center;padding:64px 0;background:linear-gradient(125deg,#eef9f6,#f4efff)}.pagehero h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.05;letter-spacing:-.06em;margin:9px auto 13px}.pagehero p{max-width:670px;margin:auto;color:var(--muted)}.notice{padding:18px 20px;background:#fff1f5;border-left:4px solid var(--pink);border-radius:5px;color:#58465a}.cta{text-align:center;padding:75px 0;background:linear-gradient(130deg,#493281,#a84b8c);color:#fff}.cta h2{max-width:700px;margin:auto}.cta p{color:#eee9ff}.cta .btn{background:#fff;color:var(--violet)}footer{padding:48px 0 23px;background:#162236;color:#ced7e2}footer .brand{color:#fff}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.foot h3{font-size:.9rem;color:#fff}.foot a{display:block;margin:7px 0;font-size:.9rem}.copy{margin-top:30px;padding-top:18px;border-top:1px solid #40516b;font-size:.8rem}@media(max-width:760px){.container{width:min(100% - 32px,1100px)}.grid,.cards,.foot{grid-template-columns:1fr;gap:27px}.hero,.section{padding:54px 0}.hero h1{font-size:clamp(2.6rem,13vw,3.8rem)}.pagehero{padding:48px 0}.menu{display:block;min-width:44px;min-height:44px}.links{display:none;position:absolute;top:72px;left:0;right:0;padding:18px 20px 22px;flex-direction:column;align-items:stretch;background:#fff;box-shadow:0 12px 25px #2e19501c}.links.open{display:flex}.links .btn{text-align:center}.visual{border-radius:20px}.actions{display:grid;grid-template-columns:1fr}.actions .btn{width:100%}}@media(max-width:380px){.container{width:calc(100% - 24px)}.hero h1{font-size:2.45rem}.nav{gap:10px}.brand{font-size:1.1rem}}
