@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--ink:#1e2021;--cream:#f7f4ed;--lime:#d8ef85;--orange:#f3815d;--muted:#666a65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1440px;margin:auto;padding:28px 6%}.logo{font-weight:700;font-size:24px;letter-spacing:-1px}.logo span{color:#df6848}.header nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.nav-button,.button{background:var(--ink);color:white;padding:15px 22px;border-radius:40px;display:inline-block;font-weight:700}.hero{max-width:1440px;margin:auto;min-height:650px;padding:70px 6% 90px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:#667650}h1,h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.045em;line-height:1.04}h1{font-size:clamp(55px,6.7vw,100px);margin:28px 0}h1 em{color:#ca644a}.lede{font-size:19px;color:var(--muted);line-height:1.7;max-width:550px}.actions{display:flex;align-items:center;gap:28px;margin:35px 0}.text-link{font-weight:700}.fine{font-size:13px;color:var(--muted);line-height:1.7}.art{height:510px;background:var(--lime);border-radius:48% 48% 8px 8px;position:relative;display:grid;place-items:center;overflow:hidden}.art:before,.art:after{content:'';position:absolute;border:1px solid rgba(30,32,33,.3);border-radius:50%;width:540px;height:540px}.art:after{width:420px;height:420px}.art-card{position:relative;z-index:1;width:60%;height:72%;background:#f3815d;border-radius:14px;transform:rotate(-7deg);padding:26px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:18px 25px 0 rgba(50,70,32,.15)}.art-card span,.art-card small,.art-tag,.art-label{font-size:11px;letter-spacing:.15em;font-weight:700}.art-card strong{font:700 35px/1.1 Georgia,serif}.play{border:1px solid;width:60px;height:60px;border-radius:50%;display:grid;place-items:center}.art-tag{position:absolute;top:22px}.art-label{position:absolute;right:20px;bottom:25px;z-index:2}.section{max-width:1440px;margin:auto;padding:100px 6%}.section h2{font-size:clamp(42px,5vw,70px);margin:20px 0 35px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-title>p{max-width:280px;color:var(--muted);line-height:1.7}.steps,.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.steps article{border-top:1px solid #a9ada1;padding:25px 20px 10px 0}.steps span,.story-grid span,.pricing article>span{font-size:12px;font-weight:700;letter-spacing:.15em}.steps h3,.story-grid h3{font-size:23px}.steps p,.story-grid p{line-height:1.7;color:var(--muted)}.stories{background:#e5ebd7;max-width:none;padding-left:max(6%,calc((100vw - 1267px)/2));padding-right:max(6%,calc((100vw - 1267px)/2))}.story-grid{grid-template-columns:1fr 1fr}.story-grid article{background:#f7f4ed;padding:35px;min-height:210px;border-radius:12px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:70px}.pricing article{background:#f4c1ac;border-radius:20px;padding:40px}.pricing h3{font:700 52px Georgia;margin:18px 0}.pricing article .button{margin:15px 0}footer{border-top:1px solid #d6d7cf;max-width:1440px;margin:auto;padding:45px 6%;display:flex;align-items:center;gap:30px;justify-content:space-between}footer p{color:var(--muted);font-size:13px}footer div{display:flex;gap:20px;font-size:13px}@media(max-width:850px){.header{align-items:flex-start}.header nav{flex-wrap:wrap;justify-content:flex-end;gap:14px}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px}.art{height:400px}.steps{grid-template-columns:1fr}.story-grid,.pricing{grid-template-columns:1fr}.section-title{display:block}footer{flex-wrap:wrap}}@media(max-width:520px){.header{display:block}.header nav{justify-content:flex-start;margin-top:20px}.hero{min-height:0}.art{height:330px}.section{padding-top:65px;padding-bottom:65px}.art-card strong{font-size:27px}.actions{flex-wrap:wrap}}
