:root{--ink:#171526;--muted:#6f6b7b;--purple:#7357c7;--lav:#f5f1ff;--line:#e8e4ef;--gold:#b78431}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 24px;border-bottom:1px solid #f2eff5}.brand{font-weight:750;font-size:18px}.brand span{color:var(--gold);font-size:25px;margin-right:6px}nav{display:flex;gap:26px}nav a{color:#625e6d}nav a:hover{color:var(--purple)}
.hero{max-width:1120px;margin:0 auto;min-height:620px;padding:90px 34px;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.eyebrow,.section-title>span{font-size:12px;font-weight:800;letter-spacing:1.6px;color:var(--purple)}h1{font-family:Georgia,serif;font-size:60px;line-height:1.03;margin:18px 0 25px;letter-spacing:-2px}h1 em{font-weight:400;color:var(--purple)}.lead{font-size:19px;color:var(--muted);max-width:590px}.buttons{display:flex;align-items:center;gap:25px;margin-top:32px}.button{background:var(--ink);color:white;padding:13px 22px;border-radius:10px;font-weight:700}.muted{font-size:13px;color:#8a8593;margin-top:22px}
.calendar{padding:28px;background:linear-gradient(145deg,#fff,#faf7ff);border:1px solid var(--line);border-radius:26px;box-shadow:0 25px 60px rgba(44,31,78,.12);transform:rotate(1deg)}.calhead{display:flex;justify-content:space-between;align-items:center}.calhead b{font:700 28px Georgia,serif}.calhead small{display:block;color:var(--muted)}.calhead strong{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f1eaff;color:var(--purple);font-size:19px}.week,.dates{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.week{font-size:11px;color:#9992a2;margin:28px 0 9px}.dates span{padding:10px 2px;border-radius:50px}.dates small{display:block;color:#a09aa8;font-size:10px}.dates .today{background:var(--purple);color:#fff}.dates .today small{color:#e7ddff}.event{margin-top:28px;border-top:1px solid var(--line);padding:20px 5px 0}.event b,.event small{display:block}.event b:before{content:"●";color:var(--gold);margin-right:9px}.event small{color:var(--muted);margin-left:21px}
section.content{max-width:900px;margin:0 auto;padding:80px 28px}.section-title{text-align:center;margin-bottom:45px}.section-title h2,.closing h2,.page h1{font:700 40px Georgia,serif;margin:10px 0}.section-title p{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1120px;margin:0 auto;padding:0 24px 90px}.features article{padding:26px;border:1px solid var(--line);border-radius:18px}.features i{font-style:normal;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--lav);color:var(--purple);font-weight:800}.features h3{font-size:17px}.features p{color:var(--muted);font-size:14px}.closing{text-align:center;background:#faf8fc;padding:80px 25px}.closing>span{font-size:35px;color:var(--gold)}.closing p{color:var(--muted);max-width:600px;margin:auto}
.page{max-width:820px;margin:0 auto;padding:75px 28px 100px}.page h1{font-size:48px}.page .intro{font-size:19px;color:var(--muted);margin-bottom:50px}.page h2{font:700 25px Georgia,serif;margin-top:38px}.page p,.page li{color:#55515e}.card{background:#faf8fc;border:1px solid var(--line);border-radius:16px;padding:22px 25px;margin:25px 0}.faq{border-bottom:1px solid var(--line);padding:18px 0}.faq h3{margin:0 0 6px}.faq p{margin:0}
footer{max-width:1120px;margin:auto;padding:40px 24px;display:grid;grid-template-columns:1fr auto;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}footer b{color:var(--ink)}footer p{margin:3px 0}footer small{grid-column:1/-1}
@media(max-width:760px){header{height:auto;padding:18px 20px;align-items:flex-start;gap:12px}header nav{gap:14px;font-size:13px}.hero{grid-template-columns:1fr;padding:60px 24px;gap:45px}.hero h1{font-size:44px}.calendar{transform:none}.features{grid-template-columns:1fr 1fr}.page h1{font-size:39px}footer{grid-template-columns:1fr}footer small{grid-column:auto}}
@media(max-width:470px){.features{grid-template-columns:1fr}.buttons{align-items:flex-start;flex-direction:column;gap:16px}.brand{font-size:15px}}