@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap');
:root{--ink:#10282c;--muted:#587075;--cream:#f5f1e8;--paper:#fffdf8;--lime:#d9ff68;--line:rgba(16,40,44,.16);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'DM Sans',Arial,sans-serif}a{color:inherit}header,footer{max-width:var(--max);margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 19px Manrope}.brand b,article strong{display:grid;place-items:center;background:var(--ink);color:var(--lime);border-radius:9px}.brand b{width:36px;height:36px;font-size:13px}.brand span{color:#527075;margin-left:-10px}nav{display:flex;align-items:center;gap:30px;font-weight:600}nav a{text-decoration:none}.outline{border:1px solid var(--ink);border-radius:8px;padding:10px 16px}.hero{max-width:var(--max);margin:auto;padding:85px 24px 110px;display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:#507076;margin:0 0 20px}h1,h2,h3{font-family:Manrope}h1{font-size:clamp(56px,6.4vw,86px);line-height:.99;letter-spacing:-5px;margin:0}h1 em{font-style:normal;color:#537277}.lead{max-width:650px;color:var(--muted);font-size:18px;margin:30px 0 35px}.actions{display:flex;gap:12px}.button{background:var(--ink);color:white;padding:14px 20px;border-radius:8px;text-decoration:none;font-weight:700}.light{background:white;color:var(--ink);border:1px solid var(--line)}aside{padding:34px;background:var(--ink);color:white;border-radius:18px;box-shadow:15px 15px 0 var(--lime);transform:rotate(1deg)}aside small{color:#c8d4d5;letter-spacing:1px}aside small:first-letter{color:var(--lime)}blockquote{margin:60px 0 35px;font:600 30px/1.25 Manrope}hr{border:0;border-top:1px solid #ffffff2b}dl{margin:15px 0 0}dl div{display:flex;justify-content:space-between;padding:9px 0}dt{color:#8eaaad}dd{margin:0;font-weight:600}.services{background:var(--cream);padding:108px 24px}.heading,.grid,.process{max-width:var(--max);margin:auto}.heading{display:grid;grid-template-columns:1.05fr .95fr;gap:20px 90px;align-items:end}.heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-2.8px;margin:0}.heading>p:last-child{color:var(--muted);font-size:17px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}article{position:relative;border:1px solid var(--line);border-radius:14px;padding:32px;background:#ffffff91}article i{position:absolute;right:24px;top:24px;color:#7a8d8f;font-style:normal}article strong{width:44px;height:44px}article h3{font-size:22px;margin:26px 0 12px}article p{color:var(--muted);min-height:80px}ul{border-top:1px solid var(--line);list-style:none;padding:17px 0 0;margin:20px 0 0}li{padding:4px 0}.process{padding:110px 24px}.process>h2{max-width:750px}.process ol{list-style:none;padding:0;margin:60px 0 0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:80px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.process li h3{font-size:22px;margin:0 0 5px}.process li p{color:var(--muted);margin:0}.contact{max-width:calc(var(--max) - 48px);margin:0 auto 25px;padding:60px 65px;border-radius:18px;background:var(--ink);color:white;display:flex;align-items:end;justify-content:space-between;gap:30px}.contact .eyebrow,.contact a{color:var(--lime)}.contact a{font-weight:700;text-decoration:none;border-bottom:1px solid var(--lime);white-space:nowrap}footer{color:#61777a;font-size:12px}footer p:last-child{text-align:right}@media(max-width:850px){nav a:not(.outline){display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero aside{max-width:520px}.heading,.grid{grid-template-columns:1fr}.heading .eyebrow{grid-column:auto}.grid article p{min-height:0}.contact{margin:0 16px 25px;display:block}.contact a{display:inline-block;margin-top:28px}footer{align-items:flex-start;flex-direction:column}}@media(max-width:520px){header{padding:18px}.brand{font-size:17px}.outline{font-size:12px}.hero{padding:45px 18px 90px;gap:55px}h1{font-size:47px;letter-spacing:-3px}.lead{font-size:16px}.actions{flex-direction:column;text-align:center}aside{padding:26px;margin-right:8px}blockquote{font-size:27px}.services,.process{padding:85px 18px}.grid{margin-top:42px}.contact{padding:42px 24px}.contact a{font-size:14px}}

/* v2: transparent pricing and project intake */
.pricing{max-width:var(--max);margin:auto;padding:110px 24px}.price-list{margin-top:60px;border-top:1px solid var(--line)}.price-list>div{display:grid;grid-template-columns:55px 1fr 1.3fr auto;gap:24px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.price-list span{color:#688084;font:600 12px Manrope}.price-list h3{margin:0;font-size:20px}.price-list p{margin:0;color:var(--muted)}.price-list strong{font:700 17px Manrope;white-space:nowrap}.price-note{max-width:740px;margin:24px 0 0 79px;color:var(--muted);font-size:13px}.start{max-width:calc(var(--max) - 48px);margin:0 auto 28px;padding:68px;border-radius:18px;background:var(--ink);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:78px}.start .eyebrow{color:var(--lime)}.form-intro>p:not(.eyebrow){color:#b8c8ca;font-size:17px}.form-intro>a{display:inline-block;margin-top:18px;color:var(--lime);font-weight:700}.start form{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.start label{margin-top:9px;font-size:12px;font-weight:700;letter-spacing:.3px}.start label:nth-of-type(3),.start label:nth-of-type(4),.start label:nth-of-type(5),.start select,.start textarea,.start button,.start .privacy{grid-column:1/-1}.start label span{font-weight:400;color:#8eaaad}.start input,.start select,.start textarea{width:100%;border:1px solid #ffffff32;border-radius:7px;background:#173438;color:white;padding:12px 13px;font:inherit}.start input:focus,.start select:focus,.start textarea:focus{outline:2px solid var(--lime);outline-offset:1px}.start textarea{resize:vertical}.start button{margin-top:10px;border:0;border-radius:8px;background:var(--lime);color:var(--ink);padding:14px 20px;font:700 14px 'DM Sans';cursor:pointer}.start button:hover{background:#e3ff92}.privacy{margin:3px 0 0;color:#8eaaad;font-size:11px}.honey{position:absolute!important;left:-9999px!important}.contact{display:none}
@media(max-width:850px){.price-list>div{grid-template-columns:40px 1fr auto}.price-list p{grid-column:2/-1}.price-note{margin-left:64px}.start{margin-left:16px;margin-right:16px;padding:48px 36px;grid-template-columns:1fr;gap:40px}}
@media(max-width:520px){.pricing{padding:85px 18px}.price-list{margin-top:42px}.price-list>div{grid-template-columns:30px 1fr;gap:8px 12px}.price-list p,.price-list strong{grid-column:2}.price-note{margin-left:42px}.start{padding:40px 24px}.start form{grid-template-columns:1fr}.start label,.start input{grid-column:1/-1}}

/* Testimonials */
.testimonials{background:var(--cream);padding:105px 24px}.testimonial-heading,.testimonial-card{max-width:var(--max);margin-left:auto;margin-right:auto}.testimonial-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.testimonial-heading .eyebrow{grid-column:1/-1}.testimonial-heading h2{max-width:700px}.testimonial-card{margin-top:54px;min-height:230px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.62);padding:42px;display:grid;grid-template-columns:80px 1fr;align-items:center}.quote-mark{align-self:start;color:#809b22;font:700 78px/1 Georgia,serif}.testimonial-empty p{margin:0 0 7px;font:600 23px/1.3 Manrope;color:var(--ink)}.testimonial-empty small{color:var(--muted);font-size:14px}.testimonial-card blockquote{margin:0;font-size:26px}.testimonial-byline{margin-top:24px}.testimonial-byline strong,.testimonial-byline span{display:block}.testimonial-byline span{color:var(--muted);font-size:14px}
@media(max-width:850px){.testimonial-heading{grid-template-columns:1fr}.testimonial-heading .eyebrow{grid-column:auto}}
@media(max-width:520px){.testimonials{padding:82px 18px}.testimonial-card{margin-top:40px;padding:30px 24px;grid-template-columns:48px 1fr}.quote-mark{font-size:55px}.testimonial-empty p{font-size:20px}}

/* How it works page */
.page-hero{max-width:var(--max);margin:auto;padding:85px 24px 20px}.page-hero h1{font-size:clamp(42px,5vw,66px);letter-spacing:-3.5px;max-width:900px}.page-hero .lead{margin-bottom:0}
.steps{padding-top:70px}.steps ol{margin-top:46px}
.process-link{margin:32px 0 0}.process-link a{font-weight:700;text-decoration:none;border-bottom:2px solid var(--lime)}
.process-note{margin:26px 0 0 80px;max-width:700px;color:var(--muted);font-size:13px}
.security{background:var(--cream);padding:100px 24px}.security-inner{max-width:var(--max);margin:auto}.security h2{max-width:760px}
.security-list{list-style:none;margin:50px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 60px;border-top:1px solid var(--line)}
.security-list li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:baseline}
.security-list li::before{content:"\2713";color:#809b22;font-weight:700}
.security-goal{margin:36px 0 0;max-width:760px;font:600 22px/1.35 Manrope}
.need{max-width:var(--max);margin:auto;padding:100px 24px}
.need-list{list-style:none;padding:0;margin:50px 0 0;border-top:1px solid var(--line)}
.need-list li{display:grid;grid-template-columns:55px 1fr;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.need-list span{color:#688084;font:600 12px Manrope}
.need .note{margin:26px 0 0 55px;color:var(--muted);font-size:13px}
.cta{max-width:calc(var(--max) - 48px);margin:0 auto 28px;padding:60px 65px;border-radius:18px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta .eyebrow{color:var(--lime);margin-bottom:12px}.cta h2{color:white;font-size:clamp(28px,3vw,40px);margin:0}
.cta a{background:var(--lime);color:var(--ink);padding:14px 20px;border-radius:8px;text-decoration:none;font-weight:700;white-space:nowrap}
.cta a:hover{background:#e3ff92}
@media(max-width:850px){.security-list{grid-template-columns:1fr}.cta{margin:0 16px 25px;display:block}.cta a{display:inline-block;margin-top:24px}}
@media(max-width:520px){.page-hero{padding:55px 18px 10px}.page-hero h1{letter-spacing:-2.5px}.steps,.need{padding:70px 18px}.security{padding:70px 18px}.process-note{margin-left:0}.need .note{margin-left:0}.cta{padding:42px 24px}}

.fineprint{max-width:var(--max);margin:0 auto 28px;padding:0 24px;color:var(--muted);font-size:11px}

/* Shared navigation */
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}.menu-button{width:46px;height:46px;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:grid;place-content:center;gap:5px;cursor:pointer}.menu-button span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink)}.menu-backdrop{position:fixed;z-index:40;inset:0;background:rgba(6,21,24,.45);backdrop-filter:blur(2px)}.site-menu{position:fixed;z-index:50;top:0;right:0;width:min(88vw,390px);height:100dvh;padding:26px 28px;background:var(--paper);box-shadow:-22px 0 55px rgba(7,29,33,.18);display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(104%);transition:transform .24s ease}.menu-open{overflow:hidden}.menu-open .site-menu{transform:translateX(0)}.menu-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;margin-bottom:8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.menu-close{width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);color:var(--lime);font:400 28px/1 Arial;cursor:pointer}.site-menu>a{display:flex;align-items:center;justify-content:space-between;padding:19px 2px;border-bottom:1px solid var(--line);font:600 22px/1.2 Manrope;text-decoration:none}.site-menu>a:hover{color:#527075}.site-menu .menu-contact{margin-top:auto;padding:17px 18px;border:0;border-radius:10px;background:var(--ink);color:white}.site-menu .menu-contact span{color:var(--lime)}

/* Contact page */
.contact-page{max-width:var(--max);min-height:calc(100vh - 190px);margin:auto;padding:72px 24px 95px;display:grid;grid-template-columns:.85fr 1.15fr;gap:86px;align-items:start}.contact-copy h1{font-size:clamp(52px,6vw,78px)}.contact-copy .lead{font-size:18px;margin-bottom:30px}.email-card{position:relative;display:block;border:1px solid var(--line);border-radius:13px;background:var(--cream);padding:20px 52px 20px 20px;text-decoration:none}.email-card span,.email-card strong{display:block}.email-card span{color:var(--muted);font-size:12px;margin-bottom:3px}.email-card strong{font-size:16px;overflow-wrap:anywhere}.email-card i{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-style:normal;font-size:20px}.reply-note{color:var(--muted);font-size:12px}.contact-form{padding:34px;border-radius:18px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.contact-form label{margin-top:9px;font-size:12px;font-weight:700}.contact-form label:nth-of-type(3),.contact-form label:nth-of-type(4),.contact-form label:nth-of-type(5),.contact-form select,.contact-form textarea,.contact-form button,.contact-form .privacy{grid-column:1/-1}.contact-form label span{font-weight:400;color:#8eaaad}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #ffffff32;border-radius:7px;background:#173438;color:white;padding:12px 13px;font:inherit}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--lime);outline-offset:1px}.contact-form textarea{resize:vertical}.contact-form button{margin-top:10px;border:0;border-radius:8px;background:var(--lime);color:var(--ink);padding:14px 20px;font:700 14px 'DM Sans';cursor:pointer}.contact-form .privacy{margin:3px 0 0;color:#8eaaad;font-size:11px}
@media(max-width:850px){.contact-page{grid-template-columns:1fr;gap:42px;padding-top:50px}.site-header .brand{font-size:17px}}
@media(max-width:520px){.site-header{padding:16px 18px}.menu-button{width:43px;height:43px}.site-menu{padding:20px}.contact-page{padding:42px 18px 72px}.contact-copy h1{font-size:48px}.contact-form{padding:26px 22px;grid-template-columns:1fr}.contact-form label,.contact-form input{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.site-menu{transition:none}}
/* Keep drawer links visible at mobile breakpoints. */
@media(max-width:850px){.site-menu>a{display:flex!important}}
