@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#172019;--cream:#f4f0e7;--paper:#fbfaf6;--green:#315c46;--sage:#dce5d8;--line:#d8d7cf;--orange:#d87543}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55}
.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{max-width:850px}.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(251,250,246,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:Manrope,sans-serif;font-size:18px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--green);color:white;border-radius:50%;font-weight:800}.nav-links{display:flex;gap:28px}.nav-links a,.text-link{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}
.button{display:inline-block;border:0;background:var(--green);color:white;text-decoration:none;padding:15px 21px;border-radius:4px;font:700 14px Manrope,sans-serif;cursor:pointer}.button-small{padding:11px 16px}
.hero{background:var(--cream);padding:88px 0 72px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.eyebrow{font:700 12px Manrope,sans-serif;letter-spacing:.16em;color:var(--green);margin:0 0 18px}
h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.03;margin-top:0}h1{font-size:clamp(48px,6vw,78px);margin-bottom:26px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}h2{font-size:clamp(36px,4.5vw,58px);margin-bottom:20px}h3{font-size:22px}.lede{font-size:19px;max-width:610px;color:#4b554e}.hero-actions{display:flex;align-items:center;gap:25px;margin:32px 0}.proof-row{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#566158}
.browser-card{background:white;border:1px solid #c9c9c0;box-shadow:0 25px 60px rgba(23,32,25,.14);transform:rotate(1.2deg)}.browser-top{height:38px;background:#ecebe5;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-top i{width:8px;height:8px;border-radius:50%;background:#b8b8b0}.browser-top span{margin:auto;font-size:10px;color:#777}.mock-site{padding:25px}.mock-nav{display:flex;justify-content:space-between;font-size:10px}.mock-hero{margin:25px 0;background:#23372c;color:white;padding:45px 34px}.mock-hero small{letter-spacing:.14em}.mock-hero h2{font-size:42px;margin:12px 0}.mock-hero p{color:#cdd8d0}.mock-hero b{display:inline-block;background:#e9e2d1;color:#223229;padding:10px;margin-top:12px;font-size:10px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);font-size:10px;text-align:center}.mock-stats strong{display:block;font-size:17px}
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.strip-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.08em}.strip-inner span{font-family:Georgia,serif;font-size:16px;letter-spacing:0;color:#687168}
.section{padding:100px 0}.split-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:45px}.split-heading p{font-size:18px;color:#626b64}.price-card{display:grid;grid-template-columns:.7fr 1.5fr .7fr;gap:45px;border:1px solid var(--line);background:white;padding:42px;align-items:center}.price{font:800 62px Manrope,sans-serif;letter-spacing:-.06em}.muted{color:#737b75}.features{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:14px}.card-action small{display:block;margin-top:12px;color:#747b76}.care{text-align:center;margin-top:22px}
.work-section{background:#ebe9e1}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{background:white;border:1px solid #d4d2c8}.project-art{aspect-ratio:4/3;padding:28px;display:flex;flex-direction:column;justify-content:center}.project-art>span{font-size:10px;letter-spacing:.15em}.project-art h3{font-size:34px;margin:15px 0}.project-art button{align-self:flex-start;border:1px solid currentColor;background:transparent;padding:8px 11px;font-weight:700}.art-one{background:#27372f;color:#f3eee1}.art-two{background:#e9c6b5;color:#392d28}.art-three{background:#d9ddc5;color:#263026}.project-meta{display:flex;justify-content:space-between;padding:18px}.project-meta p{margin:2px 0;color:#737973;font-size:13px}.project-meta>span{font-size:10px;border:1px solid #bbb;padding:5px;height:max-content}
.dark{background:var(--ink);color:white}.light{color:#bcd0c2}.dark h2{max-width:800px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.steps>div{border-top:1px solid #526057;padding-top:22px}.steps b{color:#9fb6a6}.steps p{color:#b9c1bc}
.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-grid>div:last-child{font-size:18px}.faq{background:var(--cream)}details{border-top:1px solid #c9c8c0;padding:22px 0}details:last-child{border-bottom:1px solid #c9c8c0}summary{cursor:pointer;font:700 17px Manrope,sans-serif}details p{color:#5e675f;max-width:720px}
.contact{background:var(--sage)}.contact-grid h2{font-size:52px}.email a{color:var(--ink);font-weight:700}form{background:var(--paper);padding:34px;border:1px solid #c9cec7}label{display:block;font-weight:700;font-size:13px;margin-bottom:16px}label span{font-weight:400;color:#747b76}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #c8cac5;background:white;padding:13px;font:inherit;border-radius:2px}textarea{resize:vertical}form .button{width:100%}form small{display:block;margin-top:12px;color:#747b76}
footer{background:#111712;color:#c8d0ca;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:12px}footer .brand{color:white}
@media(max-width:850px){.nav-links{display:none}.hero{padding-top:60px}.hero-grid,.split-heading,.price-card,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.browser-card{transform:none}.strip-inner{overflow:auto;justify-content:flex-start;padding:18px 0}.strip-inner>*{white-space:nowrap}.work-grid,.steps{grid-template-columns:1fr}.section{padding:72px 0}.features{grid-template-columns:1fr}.contact-grid h2{font-size:42px}.footer-inner{gap:20px;align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.container{width:min(100% - 28px,1160px)}.nav{height:66px}.button-small{display:none}h1{font-size:48px}.hero-actions{align-items:flex-start;flex-direction:column}.proof-row{display:grid;gap:7px}.mock-hero h2{font-size:34px}.price-card{padding:25px}.project-art h3{font-size:30px}form{padding:23px}}