@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#10202b;--muted:#60717c;--line:#dfe7ea;--paper:#f6faf9;--white:#fff;--accent:#0b766d;--dark:#07534e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}
h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.15}h1{font-size:clamp(44px,6vw,76px);letter-spacing:-2.5px;margin:0 0 20px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(32px,4vw,50px);letter-spacing:-1.5px;margin:0 0 22px}h3{font-size:23px}p{color:var(--muted)}a{text-decoration:none;color:inherit}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 18px}
header{position:sticky;top:0;z-index:5;background:#f7faf9ee;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Manrope;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:10px}.mark{width:34px;height:34px;border:2px solid var(--accent);display:grid;place-items:center;color:var(--accent)}
nav{display:flex;gap:26px;font-size:14px;font-weight:700}nav a:hover{color:var(--accent)}
.hero{padding:105px 0 110px;background:linear-gradient(135deg,#f7faf9,#e8f2f0)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.lead{font-size:19px;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{border:1px solid var(--accent);padding:12px 20px;font-weight:700}.primary{background:var(--accent);color:white}
.hero-panel{min-height:420px;background:var(--ink);color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.hero-panel small{letter-spacing:3px}.hero-panel h2{font-size:31px;margin:14px 0}.hero-panel p{color:#b9c9ce}.ring{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #ffffff45;right:-70px;top:-45px;box-shadow:0 0 0 40px #ffffff08,0 0 0 80px #ffffff05}
section{padding:105px 0}.light{background:#fff}.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.two>div>p{font-size:17px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.cards article{background:#fff;border:1px solid var(--line);padding:36px}.cards b{color:var(--accent)}.cards li{margin:7px 0;color:var(--muted)}
.dark{background:var(--ink);color:#fff}.dark .eyebrow{color:#78c8bf}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#3a4a52;margin-top:45px}.products article{background:var(--ink);padding:30px;min-height:250px}.products span{font-size:27px;color:#78c8bf}.products p{color:#b7c5ca}
.cap{border-top:1px solid var(--line)}.cap p{border-bottom:1px solid var(--line);padding:18px 0;margin:0}.cap b{color:var(--accent);margin-right:20px}
.contact{background:#e8f1ef}.details{border-left:1px solid #bfd3cf;padding-left:35px}.details a{display:block;color:var(--dark);font-size:20px;font-weight:700;margin-bottom:12px}
footer{background:var(--ink)}.foot{min-height:90px;display:flex;align-items:center;justify-content:space-between;color:#fff}.foot span{color:#9fb0b6;font-size:13px}
@media(max-width:800px){nav{display:none}.hero-grid,.two,.cards{grid-template-columns:1fr;gap:40px}.products{grid-template-columns:1fr 1fr}.hero{padding:70px 0}section{padding:75px 0}}
@media(max-width:500px){.wrap{width:calc(100% - 28px)}.products{grid-template-columns:1fr}.foot{padding:25px 0;flex-direction:column;align-items:flex-start;gap:10px}}