@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');

:root{--ink:#142421;--ink-2:#203a35;--cream:#f4f1ea;--paper:#fbfaf6;--sage:#bad0bd;--lime:#dff27c;--line:rgba(20,36,33,.14);--muted:#5e6b67;--white:#fff;--radius:4px;--shadow:0 24px 70px rgba(13,32,27,.15)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-60px;background:var(--lime);padding:10px 16px;z-index:100;color:var(--ink)}
.skip-link:focus{top:12px}
.site-header{position:fixed;z-index:50;left:0;right:0;top:0;background:rgba(244,241,234,.9);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.25s}
.site-header.scrolled{border-color:var(--line)}
.header-inner{height:78px;display:flex;align-items:center;gap:36px}
.brand{display:flex;align-items:center;gap:11px;font-family:"Manrope",sans-serif;font-weight:700;letter-spacing:-.04em;white-space:nowrap}
.brand-mark{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:square}
.brand-name{font-size:18px}.brand-name span{font-weight:500;color:#73837d}
.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14px;font-weight:500}
.desktop-nav a,.text-link{position:relative}.desktop-nav a:after,.text-link:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-4px;background:currentColor;transition:right .25s}.desktop-nav a:hover:after,.text-link:hover:after{right:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:0 23px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:white;font-weight:600;font-size:14px;transition:transform .2s,background .2s,color .2s}
.button:hover{transform:translateY(-2px);background:var(--ink-2)}
.button-small{min-height:42px;padding:0 18px;gap:14px}.header-cta{margin-left:4px}
.menu-toggle,.mobile-menu{display:none}
.hero{padding:160px 0 92px;min-height:790px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:65px}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:600;margin:0 0 24px;display:flex;align-items:center;gap:10px}.eyebrow span{width:23px;height:1px;background:currentColor}
h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;letter-spacing:-.05em;line-height:1.08}
h1{font-size:clamp(49px,5.3vw,76px);max-width:700px;font-weight:600}
h1 em{font-family:Georgia,serif;font-weight:400;color:#526d64}
.hero-lead{font-size:19px;line-height:1.6;max-width:590px;color:var(--muted);margin:28px 0 32px}
.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:12px;align-items:center}
.trust-list{list-style:none;padding:0;margin:31px 0 0;display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:13px}.trust-list span{color:var(--ink);margin-right:4px}
.hero-visual{position:relative;min-height:510px;display:flex;align-items:center}
.browser-card{width:100%;background:var(--paper);border:1px solid rgba(20,36,33,.1);box-shadow:var(--shadow);position:relative;z-index:2;transform:rotate(1deg)}
.browser-bar{height:46px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:80px 1fr 80px;align-items:center;padding:0 15px}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#c8cdc7}.address{text-align:center;background:#ecebe6;border-radius:3px;color:#7b8581;font-size:9px;padding:4px 15px}
.mock-page{height:378px;padding:24px;background:#f8f5ed;position:relative;overflow:hidden}.mock-nav{display:flex;align-items:center;gap:12px;font:700 12px "Manrope"}.mock-nav b{margin-right:auto;font-size:16px}.mock-nav span{display:block;width:28px;height:3px;background:#d0d3cc}
.mock-body{width:55%;padding-top:56px}.mock-kicker{width:50px;height:4px;background:#96aa94;margin-bottom:13px}.mock-heading{height:18px;width:95%;background:#213a35;margin:7px 0}.mock-heading.short{width:64%}.mock-copy{height:5px;width:88%;background:#c9cec6;margin:18px 0 0}.mock-copy.short{width:68%;margin-top:7px}.mock-buttons{display:flex;gap:9px;margin-top:24px}.mock-buttons i{width:70px;height:23px;background:var(--ink)}.mock-buttons i+ i{background:transparent;border:1px solid #bdc2ba}
.mock-image{position:absolute;right:22px;bottom:21px;width:40%;height:245px;background:#c3d1c4;overflow:hidden}.mock-image:before{content:"";position:absolute;width:160px;height:220px;border-radius:50%;background:#839e8a;left:20px;top:45px;transform:rotate(-25deg)}.mock-image div{position:absolute;width:120px;height:180px;border:20px solid #e9dfcc;right:-10px;top:20px;transform:rotate(28deg)}
.result-card{position:absolute;z-index:4;right:-28px;bottom:11px;background:var(--white);box-shadow:0 18px 40px rgba(20,36,33,.15);padding:16px 18px;display:flex;gap:13px;align-items:center}.result-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--lime);font-weight:700}.result-card strong,.result-card small{display:block}.result-card strong{font-size:12px}.result-card small{font-size:10px;color:var(--muted);margin-top:2px}
.decor{position:absolute;border-radius:50%;z-index:0}.decor-one{width:290px;height:290px;background:#c7d5c7;right:-100px;top:15px}.decor-two{width:170px;height:170px;border:1px solid #9caf9f;left:-52px;bottom:-10px}
.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.22)}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:25px}.proof-grid div{display:flex;align-items:baseline;gap:12px;padding-left:34px;border-left:1px solid var(--line)}.proof-grid div:first-child{padding-left:0;border-left:0}.proof-grid strong{font:600 14px "Manrope"}.proof-grid span{font-size:12px;color:var(--muted)}
.section{padding:112px 0}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:50px;margin-bottom:58px}.section-heading h2,.process-intro h2,.about-copy h2,.faq-intro h2,.contact-copy h2{font-size:clamp(37px,4.2vw,58px);font-weight:600}.section-heading>p{color:var(--muted);max-width:420px;margin:0 0 4px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service-card{position:relative;padding:38px 35px 40px;min-height:460px;background:rgba(255,255,255,.22);border-right:1px solid var(--line)}.service-card:last-child{border-right:0}.service-card.featured{background:var(--paper)}.service-number{position:absolute;right:22px;top:18px;font-size:10px;color:#8d9995}.service-icon{width:46px;height:46px;background:#dbe2d8;display:grid;place-items:center;margin-bottom:76px}.service-icon svg{width:21px;fill:none;stroke:var(--ink);stroke-width:1.5}.service-card h3{font-size:27px}.service-card p{color:var(--muted);font-size:15px;min-height:72px}.service-card ul,.price-card ul{list-style:none;padding:17px 0 0;margin:19px 0 0;border-top:1px solid var(--line)}.service-card li,.price-card li{font-size:13px;margin:9px 0;padding-left:16px;position:relative}.service-card li:before,.price-card li:before{content:"";position:absolute;left:0;top:.72em;width:4px;height:4px;background:#6b8277;border-radius:50%}
.process-section{background:var(--ink);color:white}.process-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:110px}.process-intro{position:sticky;top:125px;height:max-content}.eyebrow.light{color:#bed0c9}.process-intro h2{max-width:480px}.process-intro>p:not(.eyebrow){color:#aebcb7;max-width:430px;margin:23px 0 30px}.light-link{color:var(--lime)}
.process-list{list-style:none;padding:0;margin:0}.process-list li{display:grid;grid-template-columns:60px 1fr;gap:25px;border-top:1px solid rgba(255,255,255,.16);padding:30px 0}.process-list li:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.process-list>li>span{font-size:11px;color:#9db0aa;padding-top:5px}.process-list h3{font-size:23px}.process-list p{color:#aebcb7;margin:9px 0 0;max-width:490px;font-size:14px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.price-card{background:rgba(255,255,255,.3);border:1px solid var(--line);padding:38px 30px 30px;display:flex;flex-direction:column;position:relative}.price-card.recommended{background:var(--paper);border:2px solid var(--ink);padding:37px 29px 29px}.popular{position:absolute;right:16px;top:15px;text-transform:uppercase;letter-spacing:.13em;font-size:9px;background:var(--lime);padding:5px 8px}.price-label{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;margin:0 0 17px}.price{font:600 clamp(34px,3.1vw,47px) "Manrope";letter-spacing:-.05em;margin:0}.price small{font:500 11px "DM Sans";color:var(--muted);letter-spacing:0}.price span{font:500 13px "DM Sans";letter-spacing:0}.price-card>p:nth-of-type(3){color:var(--muted);font-size:14px;min-height:68px}.price-card ul{margin-bottom:28px;flex:1}.price-card li{margin:11px 0}.button-outline{background:transparent;color:var(--ink)}.button-outline:hover{color:white}.price-note{text-align:center;font-size:11px;color:#78827f;max-width:780px;margin:25px auto 0}
.about-section{background:#dfe5dc}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.about-visual{aspect-ratio:1/1;background:var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}.about-visual:before{content:"";position:absolute;width:78%;height:78%;border:1px solid rgba(255,255,255,.14);border-radius:50%}.about-visual:after{content:"";position:absolute;width:44%;height:135%;background:#29443d;transform:rotate(37deg)}.about-monogram{color:white;position:relative;z-index:1;font:600 clamp(60px,8vw,110px) "Manrope";letter-spacing:-.09em}.about-monogram span{color:var(--lime)}.about-tag{position:absolute;z-index:2;bottom:20px;left:22px;color:#c8d3cf;text-transform:uppercase;letter-spacing:.14em;font-size:8px}.about-copy{max-width:620px}.about-copy .large-copy{font-size:20px;color:var(--ink);margin-top:27px}.about-copy>p:not(.eyebrow):not(.large-copy){color:var(--muted)}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid rgba(20,36,33,.18);margin-top:31px;padding-top:25px}.about-values strong,.about-values span{display:block}.about-values strong{font:600 14px "Manrope"}.about-values span{font-size:12px;color:var(--muted);margin-top:5px}
.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px}.faq-intro{position:sticky;top:125px;height:max-content}.faq-intro p:last-child{color:var(--muted);max-width:360px}.accordion{border-top:1px solid var(--line)}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;padding:24px 42px 24px 0;font:600 16px "Manrope";position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary span:before,.accordion summary span:after{content:"";position:absolute;right:5px;top:50%;width:14px;height:1px;background:var(--ink);transition:transform .2s}.accordion summary span:after{transform:rotate(90deg)}.accordion details[open] summary span:after{transform:rotate(0)}.accordion details p{color:var(--muted);font-size:14px;max-width:650px;margin:-8px 45px 24px 0}
.contact-section{padding:100px 0;background:var(--ink);color:white}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-copy>p:not(.eyebrow){color:#aebcb7;max-width:470px}.contact-points{display:flex;flex-direction:column;gap:7px;margin-top:30px;font-size:12px;color:#d1d9d6}.contact-points span:before{content:"✓";color:var(--lime);margin-right:9px}.contact-form{background:#f8f6ef;color:var(--ink);padding:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:600;margin-bottom:16px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;border:0;border-bottom:1px solid #bec5c0;background:transparent;border-radius:0;padding:10px 0;color:var(--ink);font-size:14px;text-transform:none;letter-spacing:0;outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--ink)}.button-light{width:100%;background:var(--lime);border-color:var(--lime);color:var(--ink);margin-top:4px}.button-light:hover{background:#e7f995;color:var(--ink)}.form-note{text-align:center;font-size:10px;color:#7b8581;margin:12px 0 0;line-height:1.4}
footer{background:#0d1c19;color:white}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-block:45px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-top>p{text-align:center;color:#95a5a0;font-size:12px}.footer-mail{text-align:right;font-size:13px}.footer-brand .brand-name span{color:#94a59f}.footer-bottom{display:flex;justify-content:space-between;padding-block:18px;color:#75857f;font-size:10px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media (max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto;width:42px;height:42px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:7px;align-items:flex-end}.menu-toggle span{width:23px;height:1.5px;background:var(--ink);transition:.2s}.menu-toggle span+span{width:17px}.menu-toggle[aria-expanded=true] span{transform:translateY(4.25px) rotate(45deg);width:23px}.menu-toggle[aria-expanded=true] span+span{transform:translateY(-4.25px) rotate(-45deg)}.mobile-menu{position:fixed;display:flex;inset:78px 0 auto;background:var(--cream);padding:30px 24px 38px;flex-direction:column;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(20,36,33,.08)}.mobile-menu[hidden]{display:none}.mobile-menu a{font:600 23px "Manrope";padding:9px 0}.hero-grid,.section-heading,.process-layout,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{min-height:460px;max-width:620px}.section-heading{gap:22px}.process-layout,.faq-grid,.contact-grid{gap:60px}.process-intro,.faq-intro{position:static}.service-grid{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid var(--line);min-height:0}.service-card:last-child{border-bottom:0}.service-icon{margin-bottom:40px}.pricing-grid{grid-template-columns:1fr;max-width:610px;margin:auto}.price-card>p:nth-of-type(3){min-height:0}.about-visual{max-width:570px}.footer-top{grid-template-columns:1fr;gap:18px}.footer-top>p,.footer-mail{text-align:left}.proof-grid{gap:12px}.proof-grid div{display:block}.proof-grid span{display:block}}
@media (max-width:600px){.shell{width:min(100% - 32px,1160px)}.header-inner{height:68px}.mobile-menu{inset:68px 0 auto}.brand-name{font-size:16px}.brand-mark{width:27px}.hero{padding:112px 0 62px;min-height:auto}.hero-grid{gap:35px}.hero-lead{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.hero-actions .button{width:100%}.hero-actions .text-link{align-self:flex-start}.trust-list{display:grid;gap:7px;margin-top:24px}.hero-visual{min-height:350px}.browser-card{transform:none}.browser-bar{height:38px}.mock-page{height:270px;padding:16px}.mock-body{padding-top:36px}.mock-image{height:170px}.result-card{right:-7px;bottom:0}.decor-one{width:190px;height:190px}.proof-grid{grid-template-columns:1fr;padding-block:16px}.proof-grid div{padding:9px 0;border:0;border-bottom:1px solid var(--line)}.proof-grid div:last-child{border:0}.proof-grid span{display:inline;margin-left:8px}.section{padding:78px 0}.section-heading{margin-bottom:38px}.section-heading h2,.process-intro h2,.about-copy h2,.faq-intro h2,.contact-copy h2{font-size:37px}.service-card{padding:30px 24px}.process-layout,.faq-grid,.contact-grid{gap:42px}.process-list li{grid-template-columns:38px 1fr;gap:13px}.price-card,.price-card.recommended{padding:30px 23px}.about-grid{gap:45px}.about-values{grid-template-columns:1fr}.contact-section{padding:75px 0}.contact-form{padding:24px 20px}.form-row{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:4px}.footer-top{padding-block:35px}}
@media (max-width:900px){.mobile-menu{inset:78px 0 0;overflow:auto}}
@media (max-width:600px){.mobile-menu{inset:68px 0 0}}