@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172d30;--teal:#075e65;--lime:#d0ed83;--muted:#657477;--paper:#fafbf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #8bac36;outline-offset:5px}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;width:calc(100% - 96px)}.topbar{background:var(--teal);color:white;font-size:11px;letter-spacing:.3px}.topbar .wrap{display:flex;justify-content:space-between;padding:9px 0}header{background:#fafbf8f5;position:sticky;top:0;z-index:10;border-bottom:1px solid #e6eae5;backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;height:96px;gap:24px}.brand{display:flex;flex-direction:column;line-height:1;min-width:104px}.brand strong{font-family:'Manrope',sans-serif;font-size:39px;letter-spacing:-4px;font-weight:800;color:var(--teal)}.brand strong span{color:#98b94c;letter-spacing:0}.brand small{font-size:8px;letter-spacing:2.4px;margin-top:8px}.nav nav{display:flex;gap:29px;font-size:13px}.nav nav a:hover{color:var(--teal);text-decoration:underline}.button{background:var(--teal);color:#fff;padding:17px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:5px;font-weight:600;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#10464a;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.button.small{padding:13px 19px}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;padding-top:58px;padding-bottom:60px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow>span{height:7px;width:7px;background:var(--teal);border-radius:50%}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.14;margin:0;letter-spacing:-1.8px}h1{font-size:clamp(48px,5.3vw,74px);font-weight:600;margin:24px 0}em{font-style:normal;color:var(--teal)}.hero-copy>p{max-width:425px;color:var(--muted);font-size:14px;line-height:1.8}.actions{display:flex;gap:27px;align-items:center;margin-top:30px}.textlink{font-size:12px;font-weight:600}.textlink span{margin-left:12px}.hero-note{display:flex;gap:11px;font-size:10px;line-height:1.7;color:var(--muted);margin-top:38px}.hero-note b{color:var(--ink);font-weight:500}.round{background:#e7edde;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:15px;color:var(--teal)}.hero-art{height:530px;background:#e2e9df;border-radius:8px;position:relative;overflow:hidden;isolation:isolate}.art-top,.art-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;z-index:3}.art-top{top:25px}.art-bottom{bottom:22px;align-items:center}.art-bottom a{width:32px;height:32px;border:1px solid #829b92;border-radius:50%;display:grid;place-items:center;font-size:19px}.orbit{height:410px;width:410px;background:#c3dbb4;border-radius:50%;position:absolute;top:76px;left:80px}.orbit:after{content:'';position:absolute;inset:-30px;border:1px solid #fff9;border-radius:50%}.laptop{position:absolute;width:78%;left:7%;top:115px;transform:rotate(-8deg);filter:drop-shadow(7px 25px 15px #253f3440)}.screen{background:#263938;padding:9px;border-radius:10px 10px 4px 4px;aspect-ratio:1.51;border:2px solid #a7b7b0}.screen-content{height:100%;background:linear-gradient(130deg,#c5e58a 5%,#b1d47c 40%,#327575 40%,#0b4e51 80%);padding:19px;position:relative;overflow:hidden}.screen-content>span{font-size:43px;font-weight:800;line-height:.94;color:#123d37;letter-spacing:-2px}.screen-content i{color:#f4ffdf;font-style:normal}.screen-logo{position:absolute;bottom:13px;right:15px;font-size:10px;letter-spacing:2px;color:white}.base{height:16px;width:115%;margin-left:-7.5%;background:linear-gradient(#d9dfda,#84978c);border-radius:2px 2px 55% 55%}.phone{position:absolute;width:105px;height:209px;right:25px;top:236px;background:linear-gradient(155deg,#1f4944,#70a282);border:5px solid #263b36;border-radius:19px;transform:rotate(8deg);box-shadow:8px 15px 20px #1b383440;padding:40px 9px 0;color:#e2f4ca;line-height:1.2;font-size:17px}.camera{position:absolute;top:7px;left:33px;width:31px;height:8px;border-radius:6px;background:#142e28}.phone small{font-size:5px;position:absolute;bottom:15px;letter-spacing:1px}.floating-tag{position:absolute;bottom:70px;left:26px;display:flex;gap:13px;align-items:center;padding:15px 20px;background:#ffffffdf;box-shadow:0 5px 18px #2047340b;border-radius:5px;font-size:10px}.floating-tag>span{font-size:24px;color:var(--teal)}.service-strip{border-top:1px solid #dee5da;border-bottom:1px solid #dee5da;background:#f1f4eb}.service-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding:23px 0;align-items:center;font-size:12px}.service-strip i{color:#6f9638;font-size:21px;font-style:normal}.section{padding-top:86px;padding-bottom:86px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}h2{font-size:42px;font-weight:500;margin-top:19px}.section-head p{font-size:13px;color:var(--muted);line-height:1.8}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{padding:9px 17px;border:1px solid #dce3d8;border-radius:24px;background:transparent;color:var(--muted);font-size:11px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{background:#fff;border:1px solid #e5e9df;border-radius:7px;overflow:hidden}.product-art{height:210px;position:relative;background:#eaf0e6;display:grid;place-items:center}.product-art svg{width:85%;height:85%;transition:transform .3s;filter:drop-shadow(0 12px 5px #253e3912)}.card:hover .product-art svg{transform:translateY(-5px)}.product-art>span{position:absolute;top:16px;left:19px;font-size:10px;color:#84988b}.office{background:#f0eee4}.home{background:#e8edef}.card-body{padding:26px}.label{font-size:8px;letter-spacing:1.5px;font-weight:600;color:var(--muted)}h3{font-size:21px;letter-spacing:-.65px;margin:12px 0}.card p{font-size:12px;color:var(--muted);line-height:1.8}.category-link{display:flex;justify-content:space-between;width:100%;border:0;background:transparent;border-top:1px solid #e5e9df;padding:18px 0 0;margin-top:21px;font-size:11px;text-align:left;color:var(--teal);font-weight:600}.category-link span{font-size:17px}.service-card{display:none;padding:32px;background:var(--teal);color:white;min-height:360px;flex-direction:column;justify-content:space-between}.service-card .label,.service-card p{color:#c6ded9}.service-card h3{font-size:32px;margin-top:35px}.service-card a{display:flex;justify-content:space-between;font-size:13px}.cards.filtered .service-card{display:flex}.card[hidden]{display:none!important}.catalog-note{font-size:10px;color:#798580;margin:20px 0 0}.about{background:#eaf0e5;padding:77px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{font-size:46px;line-height:1.2}.moz{font-family:'Manrope',sans-serif;font-size:62px;color:var(--teal);display:flex;align-items:center;gap:19px;font-weight:700;margin-top:30px;letter-spacing:-4px}.moz span{font-family:'DM Sans',sans-serif;letter-spacing:1.5px;font-size:9px;font-weight:500;line-height:1.8;border-left:1px solid #b3c4ac;padding-left:19px}.about-copy{padding-top:19px}.about-copy p{font-size:13px;color:var(--muted);line-height:1.9}.about-copy .lead{font-size:21px;color:var(--ink);line-height:1.5;margin-top:0}.values{margin-top:26px}.values>div{border-top:1px solid #cdd8c6;padding:14px 0;font-size:12px;display:flex;gap:24px}.values b{font-size:10px;color:#849475}.support{display:grid;grid-template-columns:1.1fr 1fr;gap:85px}.support h2{font-size:36px}.support>div>p{color:var(--muted);font-size:13px;max-width:440px;margin:22px 0 27px}.steps>div{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #dce3d8}.steps>div>span{color:var(--teal);font-size:12px;padding-top:11px}.steps h3{font-size:17px;letter-spacing:-.3px;margin-bottom:8px}.steps p{font-size:12px;color:var(--muted);margin:0 0 10px}.quote{background:var(--teal);color:white;padding:75px 0}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.quote .eyebrow{color:#bfd9d2}.quote h2{font-size:47px;line-height:1.15}.quote em{color:var(--lime)}.quote p{font-size:13px;color:#c2d9d5;line-height:1.8;margin:25px 0}.quote-phone{font-size:23px;display:block;margin-top:30px}.quote small{color:#bbd4d0;font-size:10px}form{background:white;color:var(--ink);border-radius:7px;padding:32px}form h3{margin:0 0 24px;font-size:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:11px;margin-bottom:17px;font-weight:600}label span{font-weight:400;color:#7b8886}input,textarea,select{display:block;width:100%;border:1px solid #dbe1da;border-radius:4px;background:#fafbf8;padding:12px;margin-top:7px;font-size:12px;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #7baf94;outline-offset:1px}textarea{resize:vertical}form .button{width:100%;margin-top:4px}.quote .form-note{color:#798682;font-size:10px;line-height:1.6;margin:14px 0 0}#form-status{font-size:11px;color:var(--teal);margin:8px 0 0}.contacts{padding-top:66px;padding-bottom:60px;display:grid;grid-template-columns:1.2fr 1fr 1.15fr .9fr;gap:35px}.contacts h3{font-size:26px;line-height:1.3}.contacts h4{font-size:12px;margin-top:0}.contacts p,.contacts a{font-size:11px;line-height:1.9}.contacts p{color:var(--muted)}.contacts a{display:block;margin-bottom:5px}.contacts a:hover{text-decoration:underline}footer{border-top:1px solid #dce3d8;display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:24px;padding-bottom:30px}footer .brand strong{font-size:28px}footer .brand small{font-size:6px}footer p,footer>a:last-child{font-size:9px;color:var(--muted)}.whatsapp{position:fixed;bottom:22px;right:24px;z-index:9;display:flex;align-items:center;gap:9px;background:#173e36;color:white;box-shadow:0 3px 20px #0002;border:1px solid #ffffff40;border-radius:40px;padding:12px 17px;font-size:11px}.whatsapp svg{width:23px;height:23px}#menu{display:none}
@media(min-width:1500px){.hero-art{height:570px}.laptop{top:140px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav nav{gap:17px;font-size:11px}.hero{gap:24px}.hero-art{height:470px}.screen-content>span{font-size:33px}.laptop{top:120px}.phone{right:13px;width:89px;height:180px;top:240px;font-size:14px}.about-grid,.support,.quote-grid{gap:40px}.contacts{gap:20px;grid-template-columns:1fr 1fr}.cards{gap:14px}.card-body{padding:20px}.card h3{font-size:18px}.actions{gap:16px}.hero .button{padding:15px;font-size:11px;gap:15px}}@media(max-width:720px){.wrap{width:calc(100% - 38px)}.topbar .wrap{font-size:9px}.topbar .wrap>span{font-size:8px}.nav{height:78px;gap:14px}.brand strong{font-size:34px}.brand small{font-size:7px}.nav .button{margin-left:auto;padding:10px 13px;font-size:10px;gap:13px}#menu{display:block;border:0;background:transparent;color:var(--teal);font-size:22px;padding:5px}.nav nav{display:none;position:absolute;left:0;right:0;top:78px;background:var(--paper);border-bottom:1px solid #dce3d8;padding:22px;font-size:15px;box-shadow:0 15px 20px #0001}.nav nav.open{display:flex;flex-direction:column;gap:20px}.hero{grid-template-columns:1fr;padding-top:37px;gap:30px;padding-bottom:35px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:55px;line-height:1.06;margin:23px 0}.hero-copy>p{font-size:13px;max-width:360px}.hero-note{margin-top:23px}.hero-art{height:395px}.orbit{width:300px;height:300px;top:50px;left:60px}.laptop{top:80px;width:73%;left:8%}.screen-content>span{font-size:32px}.screen-content{padding:16px}.phone{top:173px;right:23px;height:175px;width:87px;padding-top:35px}.floating-tag{bottom:64px;padding:10px 15px;font-size:9px;left:22px}.art-top{font-size:6px;left:20px;right:20px}.art-bottom{font-size:7px}.service-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:10px;padding:20px 0}.service-strip i{display:none}.service-strip span:before{content:'✳';color:#6f9638;margin-right:9px}.section{padding-top:55px;padding-bottom:55px}.section-head{display:block}h2{font-size:34px}.section-head p{font-size:12px;margin-top:20px}.section-head p br{display:none}.filters{gap:6px}.filters button{font-size:10px;padding:8px 12px}.cards{grid-template-columns:1fr}.product-art{height:230px}.product-art svg{width:75%}.card-body{padding:25px}.card h3{font-size:23px}.card p{font-size:13px}.category-link{font-size:12px}.catalog-note{font-size:9px}.about{padding:55px 0}.about-grid,.support,.quote-grid{grid-template-columns:1fr;gap:28px}.about h2{font-size:38px}.moz{margin-top:15px}.about-copy{padding-top:0}.about-copy .lead{font-size:19px}.support h2{font-size:32px}.support{gap:20px}.quote{padding:52px 0}.quote h2{font-size:40px}.quote-phone{font-size:21px}.quote-grid{gap:32px}form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.contacts{grid-template-columns:1fr 1fr;gap:25px 19px;padding-top:45px;padding-bottom:35px}.contacts>div:first-child{grid-column:1/-1}.contacts h3{font-size:25px}.contacts p,.contacts a{font-size:10px;overflow-wrap:anywhere}footer{flex-wrap:wrap;padding-bottom:88px}footer p{order:3;width:100%;font-size:9px;margin:0}.whatsapp{bottom:16px;right:16px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
