:root{--ink:#171925;--copy:#4b536b;--muted:#778096;--line:#dce1ed;--wash:#f4f6fb;--blue:#2857ff;--blue-dark:#143dcf;--pink:#ff2c79;--white:#fff;--grad:linear-gradient(110deg,#2857ff 0%,#6742d8 47%,#ff2679 100%);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 0 5%,#f5f7ff 0,transparent 32%),radial-gradient(circle at 100% 68%,#fff5f9 0,transparent 28%),#fff;line-height:1.6}a{color:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.article-wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.content>*{max-width:860px}
.nav{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.015em;text-decoration:none;font-size:1.18rem}.mark{width:22px;height:36px;border-radius:14px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:800;font-size:.9rem}.nav nav{display:flex;align-items:center;gap:16px}.nav-label,.eyebrow,.section-label{font-weight:800;letter-spacing:.28em;text-transform:uppercase;font-size:.72rem}.nav-label{color:var(--muted);text-decoration:none}
.hero{padding:94px 0 74px}.eyebrow,.section-label{display:inline-block;color:var(--pink);border-bottom:3px solid currentColor;padding-bottom:7px}.hero h1{font:700 clamp(2.7rem,6vw,5.4rem)/.98 var(--serif);letter-spacing:-.035em;max-width:970px;margin:25px 0 24px}.hero .lead{font-size:clamp(1.05rem,1.7vw,1.28rem);max-width:860px;color:var(--copy);margin:0}
.content{padding:20px 0 90px}.content h2{font:700 clamp(1.8rem,4vw,2.45rem)/1.15 var(--serif);letter-spacing:-.02em;margin:58px 0 16px}.content h3{margin:28px 0 7px}.content p,.content li{color:var(--copy)}.content strong{color:var(--ink)}.answer{border-left:5px solid var(--blue);background:rgba(244,246,251,.84);padding:24px 28px;margin:10px 0 38px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{border:1px solid var(--line);border-top:4px solid var(--pink);border-radius:10px;padding:24px;background:rgba(244,246,251,.84)}.card h3{margin-top:0}.note{font-size:.92rem;border:1px solid var(--line);padding:18px 20px;border-radius:8px;background:#fff}
.cta{margin-top:58px;padding:45px 44px;background:var(--grad);color:#fff;border-radius:10px}.cta h2{margin-top:0}.cta p{color:rgba(255,255,255,.92)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border-radius:8px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 10px 28px rgba(23,25,37,.16);transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(23,25,37,.22)}
.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.86rem}.footer .wrap{display:flex;justify-content:space-between;gap:20px}
@media(max-width:820px){.nav{height:72px}.nav-label{letter-spacing:.08em;font-size:.64rem}.hero{padding:64px 0 50px}.hero h1{font-size:clamp(2.65rem,12vw,4.4rem)}.footer .wrap{flex-direction:column}.grid{grid-template-columns:1fr}}
@media(max-width:520px){.wrap,.article-wrap{width:min(calc(100% - 28px),var(--max))}.brand{font-size:1rem}.mark{width:20px;height:32px}.nav nav .nav-label:not(:last-child),.nav nav span[aria-hidden]{display:none}.hero{padding-top:48px}.eyebrow,.section-label{letter-spacing:.2em}.hero h1{font-size:2.75rem}.answer{padding:20px}.content{padding-bottom:60px}.cta{padding:38px 24px}.cta .button{width:100%}}
