@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Prata&display=swap');
:root{--ink:#25322c;--green:#526a5c;--sage:#dfe7dc;--cream:#f5f0e7;--orange:#d8784c;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}.header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #25322c22;position:sticky;top:0;background:#f5f0e7e8;backdrop-filter:blur(12px);z-index:10}.logo{font-weight:700;letter-spacing:.18em;text-decoration:none;color:var(--ink)}nav{display:flex;gap:28px}nav a{color:var(--ink);text-decoration:none;font-size:14px}.btn,.outline{display:inline-block;padding:15px 24px;border-radius:100px;text-decoration:none;font-weight:700;text-align:center;border:0;cursor:pointer}.btn{background:var(--orange);color:white}.small{padding:10px 18px;font-size:13px}.hero{min-height:650px;padding:90px 8vw;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:700;color:var(--green)}h1,h2{font-family:Prata,Georgia,serif;font-weight:400;margin:18px 0}h1{font-size:clamp(46px,6vw,86px);line-height:1.08}h1 em{color:var(--orange);font-style:normal}.hero p{font-size:18px;line-height:1.7;max-width:600px;margin-bottom:30px}.sun{width:min(36vw,470px);aspect-ratio:1;border-radius:50%;background:var(--sage);position:relative;margin:auto;box-shadow:70px -60px 0 -25px #dfc796}.sun:before,.sun:after{content:'';position:absolute;border:1px solid #526a5c55;border-radius:50%;inset:-40px}.sun:after{inset:45px}.pose{font-size:170px;color:var(--green);position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-35deg)}.features{background:var(--green);color:white;display:grid;grid-template-columns:repeat(3,1fr);padding:60px 8vw;gap:50px}.features article{border-left:1px solid #ffffff44;padding-left:24px}.features b{color:#e7c7a9}.features h3{font-family:Prata,serif;font-size:23px}.features p{opacity:.8;line-height:1.6}.pricing{padding:100px 6vw}.section-head{text-align:center;max-width:620px;margin:0 auto 50px}.section-head h2,.signup h2{font-size:clamp(36px,5vw,58px)}.section-head p{line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1120px;margin:auto}.card{background:var(--white);padding:38px;border-radius:24px;border:1px solid #25322c1d;display:flex;flex-direction:column}.card.featured{background:var(--sage);transform:translateY(-15px);border-color:var(--green)}.tag{font-size:11px;letter-spacing:.14em;color:var(--orange);font-weight:700}.card h3{font:30px Prata,serif;margin:18px 0}.price{font:42px Prata,serif}.period{font-size:13px;color:#65736c}.card ul{list-style:none;padding:10px 0 24px;line-height:2}.card li:before{content:'✓';color:var(--orange);margin-right:10px}.outline{border:1px solid var(--green);color:var(--green);margin-top:auto}.signup{background:#e7dcc9;padding:90px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.signup form{background:var(--white);padding:35px;border-radius:24px;display:grid;gap:16px}.signup label{font-size:13px;font-weight:700}.signup input{display:block;width:100%;padding:14px 0;border:0;border-bottom:1px solid #aaa;background:transparent;font:16px Manrope}.signup small{color:#777;line-height:1.5}footer{padding:34px 6vw;display:flex;justify-content:space-between;align-items:center;font-size:13px}footer p{margin:0}@media(max-width:760px){.header nav{display:none}.header{padding:0 20px}.hero{grid-template-columns:1fr;padding:65px 24px;min-height:auto}.sun{width:70vw;margin-top:70px}.features,.cards,.signup{grid-template-columns:1fr}.features{padding:50px 24px;gap:25px}.pricing{padding:75px 20px}.card.featured{transform:none}.signup{padding:70px 24px}footer{flex-direction:column;gap:16px;text-align:center}}

/* Theme, controls and interaction update */
:root{--bg:var(--cream);--surface:var(--white);--text:var(--ink);--signup-bg:#e7dcc9;--line:#25322c22}
html[data-theme="dark"]{--ink:#edf3ee;--green:#a8c3b0;--sage:#304039;--cream:#17201c;--orange:#e58a62;--white:#222d28;--bg:#17201c;--surface:#222d28;--text:#edf3ee;--signup-bg:#29372f;--line:#ffffff22}
body{background:var(--bg);color:var(--text);transition:background .3s,color .3s}.header{background:color-mix(in srgb,var(--bg) 90%,transparent);border-color:var(--line)}.logo,nav a{color:var(--text)}.controls{display:flex;align-items:center;gap:9px}.control{height:40px;min-width:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:700;cursor:pointer;transition:.22s}.control:hover{transform:translateY(-2px);border-color:var(--orange);box-shadow:0 8px 18px #0002}.card,.signup form{background:var(--surface);border-color:var(--line)}.signup{background:var(--signup-bg)}.signup input{color:var(--text)}
.btn,.outline,.card,.features article,.signup,.sun{transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}.btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 24px color-mix(in srgb,var(--orange) 45%,transparent)}.outline:hover{transform:translateY(-3px);background:var(--green);color:var(--bg);box-shadow:0 12px 24px #0002}.card:hover{transform:translateY(-10px);box-shadow:0 20px 45px #0003;border-color:var(--orange)}.card.featured:hover{transform:translateY(-25px)}.features article:hover{transform:translateY(-6px);background:#ffffff10;border-radius:0 18px 18px 0}.hero:hover .sun{transform:rotate(4deg) scale(1.025)}.signup:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--orange) 35%,transparent)}
@media(max-width:760px){.controls{gap:5px}.control{padding:0 10px}.header .logo{font-size:11px}.header .small{display:none}.card.featured:hover{transform:none}}