*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;color:#1a1a1a}.hero,body{background:#f9f8f6}.hero{min-height:100vh;flex-direction:column}.hero,.nav{display:flex}.nav{align-items:center;justify-content:space-between;padding:1.5rem 4rem;position:-webkit-sticky;position:sticky;top:0;background:hsla(40,20%,97%,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid rgba(0,0,0,.06)}.nav-logo{height:56px;object-fit:contain}.nav-cta{background:#1a1a1a;color:#f9f8f6;padding:.6rem 1.4rem;border-radius:100px;font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.8}.hero-body{flex:1 1;display:flex;align-items:center;justify-content:center;padding:4rem;text-align:center}.hero-tag{display:inline-block;background:#e8f5e9;color:#2e7d32;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .9rem;border-radius:100px;margin-bottom:1.5rem}.hero-title{font-family:"Instrument Serif",serif;font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.1;color:#1a1a1a;max-width:820px;margin:0 auto 1.5rem}.hero-title em{font-style:italic;color:#2e7d32}.hero-sub{font-size:clamp(1rem,2vw,1.2rem);color:#555;max-width:540px;margin:0 auto 2.5rem;line-height:1.6;font-weight:300}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:#1a1a1a;color:#f9f8f6;padding:.85rem 2rem;border-radius:100px;font-size:1rem;font-weight:500;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-block}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-secondary{background:transparent;color:#1a1a1a;padding:.85rem 2rem;border-radius:100px;font-size:1rem;font-weight:500;text-decoration:none;border:1.5px solid rgba(0,0,0,.2);transition:border-color .2s;display:inline-block}.btn-secondary:hover{border-color:rgba(0,0,0,.5)}.steps{padding:7rem 4rem;background:#fff}.steps-header{text-align:center;margin-bottom:5rem}.steps-eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#888;margin-bottom:1rem}.steps-title{font-family:"Instrument Serif",serif;font-size:clamp(2rem,4vw,3.2rem);color:#1a1a1a;line-height:1.2}.step-list{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:0}.step{display:grid;grid-template-columns:1fr 1fr;grid-gap:5rem;gap:5rem;align-items:center;padding:5rem 0;border-top:1px solid rgba(0,0,0,.07)}.step:first-child{border-top:none}.step.reverse{direction:rtl}.step.reverse>*{direction:ltr}.step-num{font-family:"Instrument Serif",serif;font-size:5rem;line-height:1;color:rgba(0,0,0,.06);font-weight:400;margin-bottom:.5rem}.step-label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#2e7d32;margin-bottom:.75rem}.step-title{font-family:"Instrument Serif",serif;font-size:clamp(1.6rem,3vw,2.4rem);color:#1a1a1a;line-height:1.2;margin-bottom:1rem}.step-desc{font-size:1.05rem;color:#555;line-height:1.7;font-weight:300}.step-detail{font-size:.85rem;color:#888;margin-top:.75rem;font-style:italic}.step-img{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#f0ede8;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px rgba(0,0,0,.1)}.step-img img{width:100%;height:100%;object-fit:cover}.step-img-placeholder{font-size:4rem;opacity:.3}.cta-section{padding:8rem 4rem;background:#1a1a1a;color:#f9f8f6;text-align:center}.cta-title{font-family:"Instrument Serif",serif;font-size:clamp(2.2rem,5vw,4rem);margin-bottom:1.5rem;line-height:1.15}.cta-title em{font-style:italic;color:#a5d6a7}.cta-sub{font-size:1.1rem;color:hsla(0,0%,100%,.55);margin-bottom:2.5rem;font-weight:300}.btn-cta{background:#f9f8f6;color:#1a1a1a;padding:1rem 2.5rem;border-radius:100px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-block;transition:transform .2s,opacity .2s}.btn-cta:hover{opacity:.9;transform:translateY(-2px)}footer{padding:3rem 4rem 2rem;background:#1a1a1a;border-top:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;align-items:center;gap:1.2rem}footer .footer-logo{height:90px;opacity:.6;filter:brightness(0) invert(1);object-fit:contain}footer p{font-size:.82rem;color:hsla(0,0%,100%,.3);text-align:center}@media (max-width:768px){.nav{padding:1rem 1.5rem}.hero-body{padding:3rem 1.5rem}.steps{padding:4rem 1.5rem}.step{grid-template-columns:1fr;gap:2rem;padding:3rem 0}.step.reverse{direction:ltr}.cta-section{padding:5rem 1.5rem}footer{padding:2rem 1.5rem}}