*{box-sizing:border-box}body{margin:0;background:#f7fbfd;color:#17213c;font:700 15px Nunito,Arial,sans-serif}a{text-decoration:none}.wrap{width:min(1200px,92%);margin:auto}header{height:78px;background:#101a39;position:sticky;top:0;z-index:9}.nav{height:100%;display:flex;align-items:center;gap:30px}.logo{font:400 36px "Arial Black";color:#fff;margin-right:auto}.logo span,footer span{color:#ff3fa9;font-size:13px;letter-spacing:3px}nav{display:flex;gap:25px}nav a{color:#fff}.wa{background:#f20b87;color:#fff;border-radius:30px;padding:12px 18px}.hero{background:linear-gradient(135deg,#d8fbff,#fff 55%,#ffeef8);overflow:hidden}.hero-grid{min-height:680px;display:grid;grid-template-columns:44% 56%;align-items:center}.copy label,.head label,.about label,.contact label{background:#f20b87;color:#fff;padding:7px 12px;font-size:11px;letter-spacing:2px}.copy h1{font:400 145px/.72 Impact,Arial Black;color:#fff;text-shadow:7px 8px #f20b87;margin:25px 0}.copy h1 i{color:#06b9cf;font-style:normal;text-shadow:4px 4px #fff,-2px -2px #101a39}.copy p{font-size:18px;line-height:1.5;color:#5d6d86;max-width:510px}.btn{display:inline-block;padding:15px 20px;border-radius:15px;margin:12px 8px 20px 0}.pink{background:#f20b87;color:#fff;box-shadow:0 7px #b90867}.white{background:#fff;color:#17213c;border:2px solid #dceaf0}.stats{display:flex;gap:28px}.stats b{font:400 35px Impact;color:#f20b87}.stats small{display:block;font:700 10px Nunito;color:#68758c;width:65px}.art{position:relative;padding:15px}.art img{width:100%;display:block;border-radius:25px;box-shadow:0 25px 60px #17213c44;transform:rotate(2deg)}.art strong{position:absolute;bottom:0;left:0;background:#f20b87;color:#fff;padding:15px 22px;border-radius:15px;font:400 30px Impact;transform:rotate(-4deg)}.art em{color:#ffe82c;font-style:normal}.notice{background:#fff;border-bottom:1px solid #ddd}.notice .wrap{padding:17px 0}.notice b{color:#f20b87;margin-right:12px}.notice span{color:#68758c;font-size:12px}.catalogue{padding:80px 0}.head{display:flex;justify-content:space-between;align-items:end}.head h2,.about h2,.contact h2{font:400 70px/.9 Impact;margin:15px 0}.head h2 span,.about h2 span,.contact h2 span{color:#f20b87}.head p{color:#68758c}.head input{width:340px;padding:16px 20px;border:2px solid #dceaf0;border-radius:30px;font-size:15px;outline:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.filters button{border:0;border-radius:25px;padding:11px 15px;background:#e8f6f8;font-weight:900;cursor:pointer}.filters button.active{background:#06b9cf;color:#fff}#grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}article{background:#fff;border:2px solid #e1edf2;border-radius:20px;padding:13px;display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;box-shadow:0 8px 25px #17213c0d;transition:.2s}article:hover{transform:translateY(-4px);box-shadow:0 18px 35px #17213c18}.ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px}.ico.p{background:#f20b87}.ico.c{background:#06b9cf}article small{color:#f20b87;font-size:9px;letter-spacing:1px}article h3{margin:3px 0;font-size:18px}article p{margin:0;color:#68758c;font-size:12px}article>b{background:#06b9cf;color:#fff;padding:10px 9px;border-radius:12px;font-size:9px}.about{background:linear-gradient(135deg,#eefbfc,#fff)}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:90px 0}.aboutgrid img{width:100%;border-radius:28px;box-shadow:0 25px 55px #17213c22}.about h2{font-size:78px}.about p{color:#68758c;line-height:1.6;font-size:17px}.features{margin-top:25px}.features b{display:block;border-bottom:1px solid #dce9ee;padding:14px 0;color:#f20b87}.features span{color:#17213c;margin-left:20px}.contact{background:#101a39;padding:80px 0}.contactbox{background:linear-gradient(120deg,#06b9cf,#0785ad);border-radius:30px;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:#fff}.contact h2{color:#fff}.contact p{color:#e9fcff}.contactbox>a{display:flex;align-items:center;gap:12px;background:#f20b87;color:#fff;padding:18px 22px;border-radius:18px;font-size:25px;box-shadow:8px 9px #101a3940}.contactbox>a span{font-size:10px}.contactbox>a strong{font-size:24px}footer{background:#0b132c;color:#9eacc3}.footer{padding:35px 0}.footer p{font-size:10px}@media(max-width:850px){nav{display:none}.hero-grid,.aboutgrid,#grid{grid-template-columns:1fr}.hero-grid{padding:60px 0}.copy h1{font-size:95px}.head,.contactbox{display:flex;flex-direction:column;align-items:flex-start}.head input{width:100%}.art{margin-top:35px}.contactbox{padding:35px 25px}.contactbox>a{width:100%;justify-content:center}}@media(max-width:520px){.copy h1{font-size:72px}.logo{font-size:27px}.wa{font-size:10px;padding:10px}.head h2,.contact h2{font-size:55px}article{grid-template-columns:52px 1fr}.research-tag{display:none}}
.contact-product{background:#f20b87;color:#fff;padding:10px 10px;border-radius:12px;font-size:9px;font-weight:900;letter-spacing:1px;white-space:nowrap;box-shadow:0 4px 0 #b90867}.contact-product:hover{transform:translateY(-1px)}

.contact-product{display:inline-flex;align-items:center;justify-content:center;background:#f20b87;color:#fff;padding:10px 11px;border-radius:12px;font-size:9px;font-weight:900;letter-spacing:1px;white-space:nowrap;box-shadow:0 4px 0 #b90867;min-width:82px}
.contact-product:hover{transform:translateY(-1px)}
.product-info{min-width:0}
@media(max-width:520px){article{grid-template-columns:52px minmax(0,1fr) auto}.contact-product{font-size:8px;min-width:74px;padding:9px 7px}}