:root{--ink:#202b40;--orange:#f68a22;--cream:#f6f5f1;--line:#dcdedc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:14px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{height:100px;padding:18px 6%;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid var(--line)}.brand img{width:172px;display:block}nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600}.nav-cta{padding:13px 20px;border:1px solid var(--ink)}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:620px}.hero-copy{padding:76px 8% 25px 11%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:clamp(34px,3.6vw,59px);line-height:1.22;letter-spacing:-2px;margin:29px 0}em{font-style:normal;color:var(--orange)}.lead{max-width:480px;font-size:16px;color:#677080}.actions{display:flex;gap:25px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--orange);padding:16px 23px;color:var(--ink);font-weight:700;border:0;cursor:pointer;font-size:13px}.button:hover{background:#ffa546}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:70px;padding-top:18px;font-size:10px;color:#74808b}.visual{background:#222e42;position:relative;padding:30px 35px 24px;overflow:hidden;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:35px 35px;display:flex;flex-direction:column;align-items:center}.visual-top,.visual-caption{display:flex;justify-content:space-between;width:100%;font-size:9px;letter-spacing:1px;color:#a7b2c3}.live{color:#f7a451}.cabinet{margin:35px 0;width:78%;max-width:360px;padding:18px 24px 22px;background:linear-gradient(110deg,#c7cdd0,#f0f0e9 48%,#aab2b8);border:7px solid #8c989f;box-shadow:25px 25px 0 #14203266,0 20px 65px #0004;transform:perspective(1100px) rotateY(-12deg) rotateX(3deg);border-radius:4px}.cabinet-head{display:flex;justify-content:space-between;color:#384757;font-size:10px;font-weight:800;border-bottom:1px solid #a3abb0;padding-bottom:13px}.cabinet-head i{width:8px;height:8px;border-radius:50%;background:var(--orange)}.screen{margin:20px 0;background:#172738;border:9px solid #354653;padding:15px;color:#ebede9}.screen small{font-size:7px;letter-spacing:2px;color:#9dafbc}.screen strong{display:block;font-size:22px;margin:10px 0;line-height:1.2}.screen strong span{display:block;font-size:14px;color:#f5a352}.wave{height:43px;background:repeating-linear-gradient(90deg,transparent 0 11px,#f69b45 12px 14px,transparent 15px 25px);clip-path:polygon(0 75%,10% 65%,20% 10%,35% 45%,50% 0,60% 25%,70% 70%,85% 15%,100% 40%,100% 100%,0 100%)}.screen-data{display:flex;justify-content:space-between;border-top:1px solid #536170;margin-top:15px;padding-top:10px;font-size:8px}.modules{display:flex;gap:10px}.modules>div{flex:1;background:#eff0e9;border:1px solid #959fa5;padding:10px 6px;display:flex;gap:3px;position:relative;padding-bottom:23px}.modules b{height:48px;flex:1;background:repeating-linear-gradient(#253549 0 4px,#52606d 5px 7px);border-top:5px solid #f89b43}.modules small{position:absolute;bottom:3px;font-size:6px;left:8px}.switches{display:flex;gap:15px;align-items:center;margin-top:22px}.switches i{height:23px;width:23px;background:#43968b;border:5px solid #4f5f67;border-radius:50%}.switches i:nth-child(2){background:#e5923e}.switches i:nth-child(3){background:#dc5a4e}.switches span{margin-left:auto;font-weight:800;font-size:21px}.visual-caption{margin-top:auto}.strip{background:var(--orange);display:flex;justify-content:space-between;gap:20px;padding:24px 6%;font-size:12px;font-weight:700;letter-spacing:1px}.strip b{font-size:18px}.section{padding:95px 6%;scroll-margin-top:20px}h2{font-size:clamp(30px,3vw,44px);line-height:1.3;letter-spacing:-1.3px;margin:20px 0 25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about>div:last-child{padding-top:25px;color:#66717c}.large-text{font-size:20px;color:var(--ink);line-height:1.7}.services{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-heading>p{color:#6b7580;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8dbd6;border-left:1px solid #d8dbd6}.service-grid article{padding:30px;border-right:1px solid #d8dbd6;border-bottom:1px solid #d8dbd6;position:relative;transition:background .2s}.service-grid article:hover{background:white}.number{color:#82908f;font-size:11px}.icon{font-size:37px;color:var(--orange);margin:15px 0 20px;line-height:1}h3{font-size:18px;line-height:1.5}.service-grid p{color:#6a737d;min-height:70px;font-size:13px}.service-grid a{font-weight:600;font-size:11px}.solution{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:100px}.solution .eyebrow{color:#fda54e}.solution p{max-width:475px;color:#b3becd}.solution .button{margin-top:20px}.flow{padding:10px 20px}.flow>div{border:1px solid #637084;padding:14px 22px;position:relative}.flow span{color:#f7a35e;float:right;font-size:12px}.flow h3{margin:0}.flow p{margin:5px 0;font-size:12px}.flow>b{display:block;text-align:center;font-size:23px;color:var(--orange)}.flow small{font-size:10px;color:#92a0b1;display:block;text-align:center;margin-top:15px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact>div>p:not(.eyebrow){color:#74808b;max-width:430px}.phone{font-size:30px;font-weight:700;display:block;margin:25px 0 5px}.email{font-size:17px}.address{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.address>span{font-size:10px;letter-spacing:1px}.address a{font-size:12px;font-weight:600}.address p{font-size:13px;color:#67717d}form{background:var(--cream);padding:35px}form h3{margin:0 0 25px}label{display:block;font-size:12px;font-weight:500;margin:16px 0}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #bec5c7;background:transparent;padding:10px 0;color:var(--ink);border-radius:0}textarea{resize:vertical}form .button{width:100%;margin:10px 0 16px}form small{display:block;font-size:10px;color:#67717d}#form-status{font-size:12px}footer{padding:40px 6%;background:#f6f5f1;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:10px}footer img{width:150px}footer p{margin:12px 0 0}footer>div:nth-child(2){padding-top:8px}footer>a{align-self:center;font-weight:600}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:950px){nav{gap:18px}.hero-copy{padding:55px 8%}.actions{flex-wrap:wrap}.hero-bottom{margin-top:40px}.visual{padding:25px 18px}.cabinet{width:90%;padding:15px}.about,.solution,.contact{gap:45px}.section{padding:65px 6%}.service-grid article{padding:23px}.strip{font-size:9px}}@media(max-width:700px){header{height:82px}.brand img{width:140px}.menu{display:block;background:none;border:0;font-size:25px;color:var(--ink)}nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:25px 6%;z-index:10;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 25px}h1{font-size:40px;letter-spacing:-1.6px}.lead{font-size:14px}.visual{min-height:470px;padding:22px 6%}.cabinet{max-width:280px;margin:23px 0}.strip{overflow:auto;white-space:nowrap;padding:18px 6%;font-size:10px}.about,.solution,.contact{grid-template-columns:1fr;gap:20px}.section{padding:55px 6%}.about>div:last-child{padding:0}.large-text{font-size:18px}.section-heading{display:block}.section-heading>p{font-size:12px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{padding:20px 16px}.service-grid h3{font-size:16px}.service-grid p{font-size:12px;min-height:90px}.flow{padding:15px 0}.contact form{padding:25px}.phone{font-size:27px}footer{flex-wrap:wrap}footer>div{flex-basis:100%}.hero-bottom{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}