:root{color:#15212c;background:#f4f7f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{background:linear-gradient(180deg,#f4f7f7f5,#eaf2f1eb),#f4f7f7;margin:0;min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f7f7eb;border-bottom:1px solid rgba(21,33,44,.1);display:flex;gap:24px;justify-content:space-between;padding:16px clamp(20px,5vw,72px);position:sticky;top:0;z-index:10}.brand{align-items:center;display:inline-flex;font-weight:800;gap:12px;min-width:0}.brand img{border-radius:6px;height:38px;object-fit:cover;object-position:center 55%;width:38px}nav{display:flex;font-size:.95rem;font-weight:700;gap:clamp(12px,2vw,28px)}nav a{color:#4b5b66}.hero{align-items:center;background:radial-gradient(circle at 88% 12%,rgba(64,177,184,.24),transparent 34%),linear-gradient(135deg,#f7faf9,#e3eeee 58%,#d7e6e5);color:#15212c;display:grid;gap:clamp(34px,6vw,76px);grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);min-height:clamp(560px,78svh,680px);overflow:hidden;padding:clamp(46px,6vw,70px) clamp(20px,5vw,72px)}.hero-copy{max-width:740px;min-width:0}.eyebrow{color:#0e7f8b;font-size:.78rem;font-weight:900;letter-spacing:0;margin:0 0 12px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:#102330;font-size:clamp(2.75rem,5.1vw,4.65rem);line-height:1.02;margin-bottom:24px;max-width:820px;overflow-wrap:break-word;text-wrap:balance}h2{color:#102330;font-size:clamp(2rem,4vw,3.55rem);line-height:1.08;margin-bottom:0;max-width:850px}h3{color:#102330;font-size:1.25rem;margin-bottom:12px}.lead{color:#52636c;font-size:clamp(1.05rem,1.8vw,1.22rem);line-height:1.65;max-width:660px;overflow-wrap:break-word}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;max-width:100%}.button{align-items:center;border-radius:7px;display:inline-flex;font-weight:850;justify-content:center;min-height:48px;max-width:100%;padding:12px 18px}.button.primary{background:#102330;color:#fff}.button.secondary{border:1px solid rgba(16,35,48,.22);color:#102330}.hero-logo{justify-self:center;max-width:min(455px,86vw)}.hero-logo img{border:1px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:0 28px 90px #112b3a33}.section,.website-section,.approach,.contact{padding:clamp(64px,9vw,112px) clamp(20px,5vw,72px)}.section-heading{margin-bottom:36px}.service-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{background:#fff;border:1px solid rgba(16,35,48,.1);border-radius:8px;min-height:220px;padding:30px}.service-card p,.website-copy p,.contact p{color:#526078;font-size:1rem}.website-section{align-items:start;background:#fff;border-top:1px solid rgba(16,35,48,.08);display:grid;gap:clamp(32px,6vw,72px);grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)}.website-copy{max-width:820px}.website-copy h2{margin-bottom:22px}.website-copy p{line-height:1.7;max-width:760px}.website-list{display:grid;gap:10px}.website-list span{background:#f4f7f7;border:1px solid rgba(16,35,48,.1);border-radius:8px;color:#102330;font-weight:800;padding:15px 16px}.approach{align-items:start;background:#102330;color:#fff;display:grid;gap:36px;grid-template-columns:.92fr 1.08fr}.approach h2,.approach p{color:#fff}.approach-copy p{font-size:1.08rem;line-height:1.7;margin-bottom:26px;opacity:.8}.approach ul{display:grid;gap:12px;list-style:none;margin:0;padding:0}.approach li{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-left:4px solid #40b1b8;border-radius:8px;color:#fff;font-weight:850;padding:16px 18px}.contact{align-items:center;background:#fff;color:#102330;display:flex;gap:28px;justify-content:space-between}.contact p{max-width:720px}.contact .button.primary{flex:0 0 auto}@media(max-width:900px){.hero,.website-section,.approach{grid-template-columns:1fr}.hero-logo{justify-self:start;max-width:100%}.service-grid{grid-template-columns:1fr}}@media(max-width:680px){.site-header,.contact{align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap}}@media(max-width:520px){.hero,.section,.website-section,.approach,.contact{padding-left:24px;padding-right:40px}.brand span{max-width:210px}h1{font-size:2.35rem;line-height:1.08}.lead{font-size:1rem}.hero-copy,.hero-logo{max-width:330px;width:100%}.button{max-width:320px;width:100%}.hero-actions{width:100%}}