@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#332a30;--muted:#72646b;--pink:#f9d6d6;--peach:#ffeadc;--cream:#fffaf5;--accent:#c54d73;--deep:#963958;--line:#eadbd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,sans-serif;line-height:1.6}a{color:var(--deep)}.shell{width:min(1140px,calc(100% - 48px));margin:auto}header{padding:22px 0;border-bottom:1px solid rgba(98,47,60,.1)}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:1.22rem;font-weight:800;letter-spacing:-.04em}.mark{width:42px;height:42px;border-radius:14px;object-fit:cover}nav{display:flex;gap:25px;flex-wrap:wrap;font-size:.91rem}nav a{text-decoration:none;color:var(--muted);font-weight:700}nav a:hover{color:var(--accent)}.hero{padding:76px 0 90px;background:radial-gradient(ellipse at 76% 35%,#ffd7e4 0%,#ffe4df 29%,transparent 60%),linear-gradient(138deg,#fffaf5,#fff3ed)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.eyebrow{text-transform:uppercase;font-size:.76rem;letter-spacing:.2em;color:var(--deep);font-weight:800}.hero h1{font-family:'Fraunces',Georgia,serif;font-weight:700;line-height:1.08;letter-spacing:-.055em;font-size:clamp(3.3rem,6.3vw,5.9rem);margin:18px 0 23px}.hero h1 em{color:var(--accent);font-style:normal}.lead{font-size:1.15rem;color:#62565b;max-width:580px;margin:0 0 28px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #ecacbc;background:#fff7f8;border-radius:100px;padding:9px 16px;font-size:.86rem;font-weight:800;color:var(--deep)}.note{font-size:.88rem;color:var(--muted);margin-top:18px}.portrait-wrap{position:relative;max-width:480px;justify-self:end}.portrait{width:100%;display:block;aspect-ratio:1;object-fit:cover;border-radius:36%;box-shadow:0 24px 70px rgba(135,58,70,.17);border:10px solid rgba(255,255,255,.75)}.spark{position:absolute;background:white;color:var(--deep);border:1px solid #f4d5db;padding:13px 20px;border-radius:22px;font-weight:800;box-shadow:0 10px 25px #c54d7315;transform:rotate(6deg);bottom:6%;right:-7%}.intro{text-align:center;padding:80px 0 36px}.intro h2,.content h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:-.035em;line-height:1.16;margin:12px auto 15px}.intro p{color:var(--muted);max-width:660px;margin:0 auto}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0 90px}.feature{background:#fff;border:1px solid var(--line);border-radius:24px;padding:29px;box-shadow:0 6px 26px #c5938610}.feature .emoji{font-size:1.7rem}.feature h3{margin:10px 0 9px;font-size:1.18rem}.feature p{color:var(--muted);font-size:.94rem;margin:0}.banner{background:#fce2e0;border-radius:32px;margin-bottom:85px;padding:46px;text-align:center}.banner h2{font-family:'Fraunces',Georgia,serif;font-size:2rem;margin:0 0 12px}.banner p{max-width:600px;margin:0 auto;color:#66585d}.content{max-width:780px;padding:65px 0 96px}.content h1{margin-left:0}.content p,.content li{color:#574e53}.content h2{font-size:1.35rem;margin-top:36px}.content .updated{color:var(--muted);font-size:.85rem}.content ul{padding-left:20px}.callout{border:1px solid #efc8c7;background:#fff4f2;border-radius:18px;padding:18px 21px;margin:24px 0}.callout p{margin:0}footer{background:#322a30;color:#fbe9e7;padding:28px 0}footer .foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#fce9e9;text-decoration:none;margin-left:20px;font-size:.86rem}footer small{color:#dac7ce}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:10px;background:white;padding:10px;z-index:10}@media(max-width:780px){.hero{padding:45px 0 65px}.hero-grid{grid-template-columns:1fr;gap:34px}.portrait-wrap{max-width:330px;justify-self:center}.hero h1{font-size:3.5rem}.features{grid-template-columns:1fr;gap:14px;padding-bottom:60px}.spark{right:-3%}.banner{padding:32px 20px}nav{gap:13px}.shell{width:min(100% - 34px,1140px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}