@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#0d302a;--deep:#06251f;--mint:#6fc298;--light:#f5f8f6;--ink:#11231f;--muted:#65736f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.site-header{background:white;border-bottom:1px solid #e8eeea;position:sticky;top:0;z-index:20}.nav{height:82px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--green);font-family:Manrope,sans-serif;font-size:15px;font-weight:800;letter-spacing:.065em}.brand b{font-weight:500}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--green);overflow:hidden}.brand-mark img{display:block;width:34px;height:34px;object-fit:contain}.nav nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:700}.nav nav a:hover,.text-link:hover,.inline-arrow:hover{color:#249c69}.nav-contact{background:var(--green);color:#fff;padding:13px 20px;border-radius:7px}.nav .nav-contact:hover{color:white;background:#215f4d}.hero{background:linear-gradient(115deg,#f7faf8 0%,#fff 65%)}.hero-grid{min-height:600px;display:grid;grid-template-columns:51% 49%;align-items:stretch}.hero-copy{padding:104px 34px 70px 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.section-tag{font-size:11px;font-weight:800;letter-spacing:.15em;color:#299f68}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#2fb67b;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(42px,4.3vw,67px);letter-spacing:-.065em;line-height:1.13;margin:31px 0 23px;font-weight:800}h1 em{font-style:normal;color:#3e9d74}.hero-copy>p{font-size:16px;line-height:1.85;color:#55635e;max-width:510px}.actions{display:flex;align-items:center;gap:27px;margin-top:18px}.btn{padding:17px 23px;display:inline-flex;align-items:center;gap:35px;border-radius:8px;font-size:13px;font-weight:800}.btn-dark{background:var(--green);color:white}.btn-dark:hover{background:#20644f}.text-link,.inline-arrow{font-size:13px;font-weight:800}.hero-foot{margin-top:auto;padding-top:38px;display:flex;align-items:center;gap:15px;color:#71817a;font-size:12px}.sep{height:4px;width:4px;background:#aab8af;border-radius:50%}.hero-visual{position:relative;background:#07352d url('assets/digital-hero.svg') center center/cover no-repeat;min-height:480px}.image-label{position:absolute;right:24px;bottom:24px;padding:16px 19px;background:#fff;box-shadow:0 6px 24px #0002;display:flex;flex-direction:column;gap:4px;border-radius:8px}.image-label span{font-size:10px;color:#388b6c;font-weight:800}.image-label strong{font-size:14px}.section{padding:105px 0}.section-tag{margin-bottom:22px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about h2,.contact h2,.services h2,.company h2{font-size:clamp(32px,3.25vw,47px);line-height:1.2;letter-spacing:-.055em;margin-bottom:25px}.about h2 span,.contact h2 span{color:#499f78}.about p,.contact p{font-size:15px;line-height:1.9;color:#62716b;max-width:500px}.inline-arrow{display:inline-block;margin-top:20px;color:#146345}.about-photo{min-height:365px;border-radius:14px;background:url('assets/about.webp') center/cover no-repeat;box-shadow:20px 20px 0 #edf5ef}.services{background:var(--green);color:white}.section-tag.light{color:#81e3b1}.services-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:42px}.services h2{margin-bottom:0}.services h2 span{color:#9de0b9}.services-heading p{max-width:370px;line-height:1.8;color:#c4d5ce;font-size:14px;margin-bottom:5px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{border-radius:11px;background:white;color:var(--ink);padding:20px 17px 0;min-height:352px;display:flex;flex-direction:column;overflow:hidden}.card-num{display:flex;justify-content:space-between;align-items:center;color:#2fa36e;font-size:21px;font-weight:800;margin-bottom:22px}.card-num span{font-size:18px;background:#e6f6ec;border-radius:50%;height:33px;width:33px;display:grid;place-items:center}.card h3{font-size:15px;line-height:1.32;letter-spacing:-.035em;margin-bottom:13px}.card p{font-size:12px;line-height:1.6;color:#69736f;margin-bottom:18px}.card img{width:calc(100% + 34px);height:104px;object-fit:cover;margin:auto -17px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact p{max-width:470px}.contact .btn{margin-top:20px}.contact-email{display:block;margin-top:23px;font-size:13px;color:#467a62}.contact-visual{min-height:340px;border-radius:14px;background:linear-gradient(125deg,#e6f0ea,#a6c8b5);display:flex;align-items:center;justify-content:center;padding:32px}.contact-card{width:min(370px,100%);height:250px;background:var(--green);border-radius:13px;color:white;display:flex;flex-direction:column;justify-content:space-between;padding:30px;box-shadow:22px 22px 0 #ffffff88}.contact-card span,.contact-card small{letter-spacing:.16em;font-size:10px;color:#98dfb8}.contact-card strong{font:800 32px/1.18 Manrope,sans-serif;letter-spacing:-.05em}.company{background:#092d26;color:#fff;padding:85px 0}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.company h2 span{color:#81cfa6}.company-details h3{font-size:24px;margin-bottom:25px}.company dl{margin:0}.company dl div{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;border-bottom:1px solid #ffffff24;padding:13px 0;font-size:13px}.company dt{color:#9cbdb0}.company dd{margin:0;overflow-wrap:anywhere}.company dd a{text-decoration:underline;text-underline-offset:4px}footer{background:#06251f;color:#d0e1d8;padding:25px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer-row .brand{color:white;font-size:12px}.footer-row .brand-mark{background:#245c4a}
@media(max-width:980px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{padding-top:80px}.about-grid,.contact-grid{gap:40px}.nav nav{gap:18px}}
@media(max-width:700px){.wrap{width:min(100% - 36px,520px)}.nav{height:69px}.nav nav a:not(.nav-contact){display:none}.nav-contact{padding:10px 13px}.brand{font-size:12px}.brand-mark{width:28px;height:28px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:65px 0 48px}.hero-copy>p{font-size:15px}h1{font-size:clamp(38px,9vw,55px)}.hero-foot{padding-top:38px}.hero-visual{min-height:320px;margin:0 -18px}.section{padding:70px 0}.about-grid,.contact-grid,.company-grid{grid-template-columns:1fr;gap:38px}.about-photo{min-height:275px;box-shadow:10px 10px 0 #edf5ef}.services-heading{display:block}.services-heading p{margin-top:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:330px}.company{padding:65px 0}.footer-row{flex-wrap:wrap}.footer-row .brand{width:100%}}
@media(max-width:420px){.cards{grid-template-columns:1fr}.card{min-height:300px}.card img{height:120px}.actions{gap:15px}.btn{gap:12px;padding:15px}.hero-foot{font-size:10px}}

/* Refined premium finish */
.hero-visual{border-radius:0 0 0 26px;overflow:hidden;box-shadow:inset 1px 0 0 #ffffff22}.site-header{backdrop-filter:blur(16px);background:#ffffffed}.nav-contact{transition:background .2s,transform .2s}.nav-contact:hover,.btn:hover{transform:translateY(-2px)}.card{border:1px solid #e8f1eb;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #0002}.card-num{margin-bottom:20px}.card h3{font-size:17px}.card p{font-size:13px}.card img{height:145px}.services{background:linear-gradient(125deg,#072a23,#0d4034 70%,#12543e)}.image-label{border:1px solid #e7f0e8}.hero-copy>p{max-width:465px}.company-details a{overflow-wrap:anywhere}.contact-email{overflow-wrap:anywhere}.btn{transition:transform .2s,background .2s}.hero-foot{flex-wrap:wrap}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hero-visual{border-radius:14px;min-height:420px;margin:0 0 22px}.nav .nav-contact{font-size:12px}.brand-mark{width:34px;height:34px}.brand-mark img{width:30px;height:30px}.card img{height:135px}}
@media(max-width:420px){.cards{grid-template-columns:1fr}.hero-visual{min-height:350px}.image-label{right:12px;bottom:12px}.brand{font-size:11px}}