:root{--n:#12364a;--t:#0b7f78;--m:#eaf8f5;--i:#18313d;--mut:#61727b;--l:#dce9e8;--s:#f7fbfa}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--i);line-height:1.6}a{text-decoration:none;color:inherit}.c{width:min(1160px,92%);margin:auto}.top{background:var(--n);color:#dcebf0;font-size:13px;padding:7px 0;text-align:right}header{position:sticky;top:0;z-index:5;background:#fffffff2;border-bottom:1px solid var(--l)}nav{min-height:76px;display:flex;align-items:center;justify-content:space-between}.logo{width:190px;height:58px;object-fit:contain}.links{display:flex;gap:22px;align-items:center;font-weight:700;font-size:14px}.links a:hover,.links .active{color:var(--t)}.cta{background:var(--n);color:white!important;padding:10px 16px;border-radius:20px}.menu{display:none;border:0;background:none;font-size:28px;color:var(--n)}.hero{background:linear-gradient(135deg,#f3fbfa,#fff 55%,#eef6fb);padding:75px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}h1{font-size:clamp(42px,6vw,70px);line-height:1.03;letter-spacing:-2px;color:var(--n);margin:16px 0}.k{color:var(--t);font-weight:800;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.lead{font-size:18px;color:var(--mut)}.quote{font-size:20px;color:var(--t);font-weight:700;margin-top:18px}.art{background:#fff;border:1px solid var(--l);border-radius:30px;padding:15px;box-shadow:0 18px 50px #12364a1a}.art img{width:100%;border-radius:22px}.btn{display:inline-block;padding:13px 19px;border-radius:12px;font-weight:700;margin:22px 8px 0 0}.primary{background:var(--t);color:white}.secondary{border:1px solid var(--l);color:var(--n);background:white}section{padding:80px 0}.page{background:linear-gradient(135deg,#f3fbfa,#eef6fb);padding:60px 0}.page h1{font-size:52px;margin:8px 0}.cards,.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--l);border-radius:22px;padding:27px;background:white}.card h2,.card h3{color:var(--n)}.card p,.mut{color:var(--mut)}.icon{width:46px;height:46px;border-radius:14px;background:var(--m);display:grid;place-items:center;color:var(--t);font-weight:bold}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.about img{width:100%;background:var(--s);border-radius:28px}.points{display:grid;gap:17px}.point{display:flex;gap:12px}.check{width:24px;height:24px;border-radius:50%;background:#dff4ef;color:var(--t);display:grid;place-items:center;flex:none}.product{border:1px solid var(--l);border-radius:24px;overflow:hidden;background:white}.pack{background:linear-gradient(145deg,#e3f6f2,#edf5fb);padding:30px;text-align:center}.box{width:150px;height:195px;background:#fff;border-radius:10px;margin:auto;padding:20px;text-align:left;box-shadow:0 18px 28px #12364a22}.box b{color:var(--t)}.product .txt{padding:22px}.quality{background:var(--n);color:white}.quality h2,.quality h3{color:white}.quality p{color:#b9ccd4}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.contactbox,.form{border:1px solid var(--l);border-radius:24px;padding:30px;background:white}.contactbox{background:var(--s)}.ci{display:flex;gap:14px;margin:20px 0}.ci .ico{width:44px;height:44px;background:var(--m);color:var(--t);border-radius:13px;display:grid;place-items:center;flex:none}.ci b{display:block;color:var(--n)}.ci span,.ci a{color:var(--mut);font-size:14px}form{display:grid;grid-template-columns:1fr 1fr;gap:13px}input,textarea,select{width:100%;padding:13px;border:1px solid var(--l);border-radius:11px;font:inherit}textarea,select,form button{grid-column:1/-1}textarea{min-height:130px}button{border:0;font:inherit;cursor:pointer}footer{background:#0c2b3b;color:#aec0c8;padding:32px 0}.foot{display:flex;justify-content:space-between;gap:20px}.foot strong{color:white}.footlinks{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}@media(max-width:800px){.links{display:none}.menu{display:block}.grid,.about,.contact{grid-template-columns:1fr}.cards,.products{grid-template-columns:1fr 1fr}}@media(max-width:550px){.cards,.products{grid-template-columns:1fr}.top{display:none}.logo{width:170px}.page h1{font-size:42px}.hero{padding:55px 0}form{grid-template-columns:1fr}textarea,select,form button{grid-column:1}.foot{flex-direction:column}}