@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#091b3b;--blue:#2269ea;--sky:#6dcbff;--muted:#697791;--light:#f5f8fd;--border:#e4eaf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,'DM Sans',Arial,sans-serif;color:var(--navy);background:#fff}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.topbar{height:31px;background:#07152c;color:#aabbd9;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1220px)/2));font-size:10px;letter-spacing:.08em}.header{height:85px;max-width:1420px;padding:0 5%;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:flex;gap:9px;align-items:center;margin-right:auto}.brandmark{font-size:36px;font-weight:900;letter-spacing:-5px;color:#1d61df}.brandmark span{color:#67c9ff}.brandcopy{font-weight:900;font-size:19px;letter-spacing:-1px;line-height:1}.brandcopy>span{color:#2679e9}.brandcopy small{display:block;font-size:7px;letter-spacing:2.6px;margin-top:7px;color:#7889a4}.header nav{display:flex;gap:29px;font-size:12px;font-weight:800}.header nav a:hover{color:var(--blue)}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:8px;font-size:12px;font-weight:800;transition:.2s}.navcta{padding:14px 19px;background:var(--blue);color:white}.navcta:hover,.primary:hover{background:#1552bd;transform:translateY(-2px)}.menu{display:none;border:0;background:none;font-size:26px;color:var(--navy)}.hero{background:#0b1a37;color:white;overflow:hidden}.hero-inner{max-width:1400px;margin:auto;min-height:600px;display:grid;grid-template-columns:1fr 1fr;padding:65px 6% 38px;position:relative;align-items:center}.hero-inner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 79% 30%,#2460a64b,transparent 40%);pointer-events:none}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:#3584f5}.eyebrow{color:#a9ceff}.dot{display:inline-block;width:7px;height:7px;background:#6dc8ff;border-radius:50%;margin-right:10px}.hero h1{font-size:clamp(49px,5.7vw,84px);letter-spacing:-5px;line-height:1.05;margin:26px 0 25px;font-weight:800}.hero h1 em,.section h2 em,.about h2 em,.contact h2 em{font-style:normal;color:#5ab8ff}.hero-copy>p{font-size:15px;color:#bdcbe0;max-width:440px;line-height:1.95}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{padding:17px 22px}.primary{background:#2875f1;color:white}.outline{border:1px solid #50617e;color:#fff}.outline:hover{border-color:#76bdff}.hero-stats{display:flex;gap:45px;margin-top:72px}.hero-stats div{display:grid;gap:4px}.hero-stats b{font-size:27px;font-weight:800}.hero-stats small{font-size:9px;font-weight:800;letter-spacing:2px;color:#8297b8}.hero-visual{height:440px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border-radius:50%;border:1px solid #438ad44d}.orbit.one{width:410px;height:410px}.orbit.two{width:560px;height:560px}.panel{position:absolute;border-radius:12px}.panel-back{background:#2377ef;width:310px;height:370px;transform:rotate(16deg) translate(45px,-20px);font-size:9px;font-weight:800;letter-spacing:2px;padding:23px;color:#d8eaff;box-shadow:0 35px 70px #0007}.panel-main{width:360px;height:405px;background:linear-gradient(140deg,#f9fcff,#b8d5fb);transform:rotate(-7deg) translate(-28px,4px);box-shadow:0 35px 80px #0009;padding:34px;color:#112953;display:flex;flex-direction:column;justify-content:space-between}.panel-main .tiny{font-size:9px;font-weight:900;letter-spacing:1.6px}.panel-main strong{font-size:43px;line-height:1.05;letter-spacing:-2px}.panel-main strong span{color:#2c7df2}.bars{display:flex;gap:7px;align-items:end}.bars i{display:block;width:27px;background:#2583f4;height:40px}.bars i:nth-child(2){height:65px;background:#163c82}.bars i:nth-child(3){height:24px;background:#61bdf5}.bars i:nth-child(4){height:85px;background:#0b2b5e}.panel-foot{font-size:9px;letter-spacing:1.2px;font-weight:900}.floating{position:absolute;right:2%;bottom:16px;background:#fff;color:#153467;padding:15px 20px;border-radius:10px;box-shadow:0 15px 40px #0004;display:flex;gap:11px;align-items:center;font-size:24px}.floating span{font-size:11px;line-height:1.5;font-weight:800}.ticker{background:#2774e8;white-space:nowrap;overflow:hidden;padding:17px 0;text-align:center;letter-spacing:3px;font-size:12px;font-weight:800}.ticker span{margin:0 22px;color:#99d5ff}.section{max-width:1320px;margin:auto;padding:110px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:43px}.section h2,.about h2,.contact h2{font-size:clamp(34px,4vw,53px);line-height:1.2;letter-spacing:-2.5px;margin:17px 0 0}.section-head>p{max-width:350px;line-height:1.9;font-size:13px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{border:1px solid var(--border);border-radius:13px;padding:25px 22px 28px;min-height:310px;transition:.2s}.service:hover{transform:translateY(-5px);border-color:#7cb2ff;box-shadow:0 15px 35px #1747a711}.service-no{float:right;font-size:11px;color:#8a9bb6}.service-icon{font-size:47px;color:#2d80f7;margin:7px 0 27px}.service h3{font-size:18px}.service p{font-size:12px;color:var(--muted);line-height:1.9;min-height:70px}.service a{font-size:11px;color:var(--blue);font-weight:900}.products{max-width:none;background:#f5f8fd;padding-left:max(5%,calc((100vw - 1188px)/2));padding-right:max(5%,calc((100vw - 1188px)/2))}.filters{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.category-list{display:flex;gap:8px;flex-wrap:wrap}.category-list button{border:1px solid #dce5f2;background:white;padding:11px 16px;border-radius:7px;color:#566783;font-size:11px;font-weight:800}.category-list button.active{background:#1c65de;color:#fff;border-color:#1c65de}.searchbox{background:#fff;border:1px solid #dce5f2;border-radius:7px;display:flex;align-items:center;padding:0 14px;gap:8px}.searchbox input{width:160px;padding:12px 0;border:0;outline:0;font-size:12px}.searchbox span{font-size:22px;color:#6d87a6}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{border:1px solid #e1e8f3;background:white;border-radius:12px;overflow:hidden;transition:.2s}.product:hover{box-shadow:0 20px 42px #2448781a;transform:translateY(-3px)}.product-visual{height:230px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#d9e8fc,#f0f6ff)}.product-visual:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:34px solid #ffffff67;right:-55px;top:-80px}.product-symbol{font-size:98px;line-height:1;color:#1459bf;filter:drop-shadow(9px 12px 9px #2857ad23);z-index:1}.product-visual[data-tone="violet"]{background:linear-gradient(135deg,#e7e0ff,#f9f4ff)}.product-visual[data-tone="peach"]{background:linear-gradient(135deg,#ffe6dc,#fff8ed)}.product-visual[data-tone="mint"]{background:linear-gradient(135deg,#d9f6f1,#f4fffd)}.product-visual[data-tone="pink"]{background:linear-gradient(135deg,#fce5f4,#fff8fc)}.product-visual[data-tone="sand"]{background:linear-gradient(135deg,#f2e7d6,#fffaf0)}.product-body{padding:22px}.product-tag{font-size:10px;text-transform:uppercase;color:#2775e7;font-weight:900;letter-spacing:1px}.product h3{font-size:18px;margin:12px 0 9px}.product p{font-size:12px;color:#6f7f96;line-height:1.7;min-height:42px}.product-link{display:inline-flex;margin-top:11px;color:#1764dc;font-size:12px;font-weight:900}.empty{padding:35px;text-align:center;color:#687b95}.catalog-note{font-size:11px;color:#78879e;margin-top:24px;line-height:1.7}.about{display:grid;grid-template-columns:1fr 1fr;min-height:480px;background:#ecf3fd}.about-art{background:linear-gradient(135deg,#164eac,#07214b);min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-shape{width:330px;height:330px;border:1px solid #5f9cf3;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;font-size:140px;font-weight:900;letter-spacing:-20px}.about-shape:before{content:"";position:absolute;width:400px;height:400px;border:1px solid #5f9cf370;border-radius:50%}.about-shape span{color:#70c7ff}.about-shape b{font-size:10px;letter-spacing:4px;position:absolute;bottom:20px;right:-20px;line-height:1.9}.about-text{padding:95px min(11%,100px);align-self:center}.about-text p{font-size:13px;color:#65758d;line-height:2}.about h2 em{color:#2478ef}.dark{background:#132b52;color:white;margin-top:17px}.contact{max-width:none;text-align:center;background:#07182f;color:white;padding:110px 5%}.contact h2{margin:22px 0}.contact>p{color:#b7c7df;font-size:13px}.contact-actions{display:flex;justify-content:center;gap:12px;margin:35px 0 50px;flex-wrap:wrap}.outline-light{border:1px solid #5b6c87;color:#fff}.contact-social{border-top:1px solid #35445c;max-width:840px;margin:auto;padding-top:25px;display:flex;gap:25px;justify-content:center;color:#aabedc;font-size:12px}footer{background:#061224;color:#8293ae;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.footerbrand{font-size:19px;font-weight:900;color:white}.footerbrand span{color:#4aa9ff}@media(max-width:1000px){.header nav{gap:12px}.hero-inner{grid-template-columns:1fr 1fr;padding-left:5%;padding-right:5%}.panel-main{width:280px;height:330px}.panel-main strong{font-size:32px}.panel-back{width:260px;height:320px}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{font-size:8px}.header{height:70px}.header nav{display:none;position:absolute;top:100px;left:0;right:0;background:#fff;padding:18px 5%;z-index:20;flex-direction:column;box-shadow:0 18px 22px #0012}.header nav.open{display:flex}.navcta{margin-left:auto;padding:12px;font-size:11px}.menu{display:block}.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:75px}.hero h1{letter-spacing:-3px}.hero-visual{height:380px}.hero-stats{margin-top:40px}.panel-main{width:265px;height:300px}.panel-main strong{font-size:30px}.panel-back{width:230px;height:270px}.floating{right:8%}.section{padding-top:75px;padding-bottom:75px}.section-head{display:block}.service-grid,.product-grid{grid-template-columns:1fr 1fr}.filters{align-items:stretch;flex-direction:column}.searchbox input{width:100%}.about{grid-template-columns:1fr}.about-art{min-height:330px}.about-shape{transform:scale(.72)}.about-text{padding:60px 7%}}@media(max-width:480px){.header nav{top:100px}.brandcopy{font-size:15px}.brandmark{font-size:30px}.navcta{font-size:10px;padding:10px}.hero-visual{height:330px}.orbit.one{width:310px;height:310px}.orbit.two{width:380px;height:380px}.service-grid,.product-grid{grid-template-columns:1fr}.section h2,.about h2,.contact h2{letter-spacing:-1px}.contact-actions{flex-direction:column}.product-visual{height:240px}footer{flex-direction:column;text-align:center}}