:root{--ink:#162429;--teal:#27c4b5;--mist:#eef7f6;--ivory:#f7f3ea;--line:#dce8e6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
header{height:88px;padding:0 clamp(24px,6vw,88px);display:flex;align-items:center;justify-content:space-between;background:#142126;color:#fff;position:sticky;top:0;z-index:20}
.brand{font-family:Georgia,serif;font-size:2rem;font-weight:700;letter-spacing:-.04em}
.brand span,.teal{color:var(--teal)}
nav{display:flex;gap:26px;font-size:.92rem}
nav a:hover{color:var(--teal)}
.hero{min-height:720px;display:grid;place-items:center;text-align:center;color:#fff;position:relative;background:url('https://static.wixstatic.com/media/1e3643_f1fadcd033fd4146bf3064e9c4e9e074~mv2_d_5184_3456_s_4_2.jpg/v1/fill/w_1348,h_1048,al_c,q_85,enc_avif,quality_auto/1e3643_f1fadcd033fd4146bf3064e9c4e9e074~mv2_d_5184_3456_s_4_2.jpg') center/cover}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,25,29,.72),rgba(10,25,29,.38))}
.heroCopy{position:relative;max-width:940px;padding:70px 24px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700}
.hero h1{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6.4rem);line-height:.95;letter-spacing:-.045em;margin:24px 0}
.heroCopy>p:not(.eyebrow){font-size:1.18rem;line-height:1.65;max-width:780px;margin:0 auto 34px}
.button{display:inline-block;background:var(--teal);color:#102326;padding:16px 24px;text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.1em}
.section{padding:110px clamp(24px,9vw,140px)}
.section h2,.contact h2{font-family:Georgia,serif;font-size:clamp(2.7rem,5vw,5rem);line-height:1;margin:18px 0 38px;letter-spacing:-.035em}
.about{max-width:1120px;margin:auto}
.about>p:last-child{font-size:1.28rem;line-height:1.75}
.why{background:var(--ivory)}
.whyIntro{max-width:1050px}
.whyLead{font-size:1.28rem;line-height:1.75;margin:0}
.whyGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:54px}
.whyGrid article{background:#fff;border-top:5px solid var(--teal);padding:34px}
.whyGrid h3{font-family:Georgia,serif;font-size:1.55rem;line-height:1.2;margin:0 0 18px}
.whyGrid p{font-size:1.18rem;line-height:1.7;margin:0}
.whyClosing{max-width:1000px;margin:40px 0 0;padding:28px 32px;border-left:5px solid var(--teal);background:#162429;color:#fff;font-size:1.18rem;line-height:1.7}
.services{background:#142126;color:#fff}
.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#395056}
.serviceGrid article{background:#142126;padding:36px;min-height:245px;display:flex;flex-direction:column}
.serviceGrid article span,.serviceGrid strong{color:var(--teal)}
.serviceGrid h3{font-family:Georgia,serif;font-size:1.55rem;line-height:1.25;margin:38px 0 24px}
.serviceGrid strong{margin-top:auto}
.note{max-width:850px;margin:36px auto 0;text-align:center;line-height:1.7;color:#c9d7d6}
.platforms{text-align:center;background:var(--mist)}
.platformList{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.platformList span{background:#fff;border:1px solid var(--line);padding:15px 20px;font-weight:700}
.clients{text-align:center;max-width:1000px;margin:auto}
.clients>p:last-child{font-size:1.25rem;line-height:1.7}
.contact{background:var(--teal);padding:100px clamp(24px,9vw,140px);display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end}
.actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap}
.button.light{background:#fff}
footer{padding:34px clamp(24px,6vw,88px);background:#0d181c;color:#fff;display:flex;justify-content:space-between;align-items:center}
.small{font-size:1.5rem}
footer p{color:#9eb0b4}
@media(max-width:760px){
  header{height:auto;padding:22px 24px}
  nav{display:none}
  .hero{min-height:650px}
  .hero h1{font-size:3.45rem}
  .section{padding:80px 24px}
  .whyLead,.whyGrid p,.whyClosing{font-size:1.08rem}
  .whyGrid{grid-template-columns:1fr}
  .whyClosing{padding:24px}
  .serviceGrid{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr;padding:72px 24px}
  .actions{justify-content:flex-start}
  .about>p:last-child{font-size:1.08rem}
}