:root{
  --bg:#02060d;
  --panel:#07111d;
  --panel2:#0a1625;
  --line:#1e344e;
  --muted:#9ba7b7;
  --text:#f3f6fb;
  --blue:#1268ff;
  --blue2:#0094ff;
  --dark:#050b14;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 72% 20%,#0a1c34 0,#030914 42%,#010409 100%);color:var(--text);font-family:'Inter','Segoe UI',Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}.page{min-height:100vh;position:relative;background:linear-gradient(180deg,rgba(3,8,15,.92),rgba(3,8,15,.98))}.topbar{height:86px;border-bottom:1px solid rgba(60,91,128,.35);display:flex;align-items:center;padding:0 44px;gap:38px;background:rgba(1,5,10,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;min-width:260px}.brand img{height:72px;width:auto;display:block}.nav{display:flex;gap:34px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap;flex:1;height:100%}.nav::-webkit-scrollbar{display:none}.nav a{height:100%;display:flex;align-items:center;color:#dce3ee;font-size:16px;position:relative;opacity:.95}.nav a.active,.nav a:hover{color:#2e83ff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--blue2))}.top-actions{display:flex;align-items:center;gap:28px}.outline-btn{border:1px solid var(--blue);color:#2f86ff;background:transparent;padding:16px 28px;font-size:16px;border-radius:4px}.burger{width:30px;height:22px;display:grid;gap:6px}.burger span{height:2px;background:#fff;display:block}.hero{position:relative;min-height:610px;padding:44px 48px 24px;display:grid;grid-template-columns:42% 58%;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,10,.98) 0%,rgba(2,9,18,.85) 42%,rgba(2,9,18,.35) 100%);z-index:0}.hero>*{position:relative;z-index:1}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#e9edf5;font-size:17px;margin:0 0 18px}.title{font-size:78px;line-height:.95;margin:0 0 26px;font-weight:700;letter-spacing:-.04em}.title span{display:block;color:var(--blue);text-shadow:0 0 30px rgba(18,104,255,.28)}.lead{font-size:22px;line-height:1.45;color:#c5cedc;max-width:560px;margin:0 0 32px}.primary{display:inline-flex;gap:24px;align-items:center;background:linear-gradient(135deg,#1268ff,#0055e6);border:0;color:#fff;padding:19px 30px;border-radius:5px;font-size:18px;cursor:pointer;box-shadow:0 16px 40px rgba(18,104,255,.25)}.hero-art{height:520px;position:relative}.grid-floor{position:absolute;inset:-120px -80px -20px -100px;background-image:linear-gradient(rgba(18,104,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(18,104,255,.16) 1px,transparent 1px);background-size:72px 72px;transform:perspective(700px) rotateX(58deg) rotateZ(-14deg);opacity:.7}.laptop{position:absolute;right:115px;top:58px;width:560px;height:320px;border:2px solid rgba(199,214,232,.7);border-radius:18px;background:#06101c;transform:perspective(900px) rotateY(-12deg) rotateX(5deg);box-shadow:0 38px 80px rgba(0,0,0,.75)}.screen{position:absolute;inset:22px;background:linear-gradient(145deg,#091524,#050b14);border:1px solid #1c3c63;border-radius:10px;padding:24px}.dash-head{height:16px;width:150px;background:#132943;margin-bottom:22px}.dash-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.dash-card{height:70px;border:1px solid #1a3d66;background:#08182b}.chart{height:110px;border:1px solid #1a3d66;background:linear-gradient(180deg,#0d2138,#071321);grid-column:span 2;position:relative;overflow:hidden}.chart:after{content:"";position:absolute;left:18px;right:18px;bottom:22px;height:48px;background:linear-gradient(135deg,transparent 0 20%,var(--blue) 21% 24%,transparent 25% 42%,var(--blue) 43% 46%,transparent 47% 68%,var(--blue) 69% 72%,transparent 73%);opacity:.9}.base{position:absolute;right:74px;top:370px;width:610px;height:44px;background:#111923;border-radius:0 0 22px 22px;transform:skewX(-18deg);box-shadow:0 35px 55px rgba(0,0,0,.65)}.cube{position:absolute;width:132px;height:132px;background:linear-gradient(145deg,#151c25,#05080d);border:1px solid #182b45;box-shadow:0 0 0 1px rgba(18,104,255,.2),0 0 36px rgba(18,104,255,.22)}.cube:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--blue);box-shadow:0 0 24px var(--blue)}.cube.one{right:30px;top:80px}.cube.two{right:140px;top:285px;width:170px;height:120px}.cube.three{right:680px;top:315px;width:96px;height:74px}.services{position:relative;z-index:3;margin:-70px 44px 0;display:grid;grid-template-columns:repeat(7,minmax(160px,1fr));gap:12px}.service-card{min-height:220px;border:1px solid rgba(77,104,139,.55);background:linear-gradient(150deg,rgba(12,24,39,.95),rgba(5,11,19,.94));padding:28px 28px 22px;border-radius:5px;transition:.18s}.service-card:hover{border-color:var(--blue);transform:translateY(-3px)}.icon{width:46px;height:46px;margin-bottom:32px;color:var(--blue)}.service-card h3{font-size:23px;line-height:1.1;margin:0 0 18px}.service-card p{font-size:16px;line-height:1.55;color:#b6c1cf;margin:0 0 20px}.arrow{font-size:28px;color:var(--blue)}.review{margin:30px 44px 0;border:1px solid rgba(58,83,112,.65);background:rgba(7,15,26,.62);display:grid;grid-template-columns:300px repeat(4,1fr);gap:24px;padding:36px 38px;align-items:start}.review h2{font-size:31px;line-height:1.15;margin:0}.review h2:after{content:"";display:block;width:52px;height:3px;background:var(--blue);margin-top:28px}.benefit{display:grid;grid-template-columns:54px 1fr;gap:14px}.benefit svg{color:var(--blue)}.benefit b{font-size:18px}.benefit p{margin:8px 0 0;color:#aeb9c8;line-height:1.45}.footer{padding:36px 44px 26px;display:grid;grid-template-columns:260px 1fr 230px 260px;gap:45px;border-bottom:1px solid rgba(50,76,104,.45)}.footer img{width:230px}.footer p,.footer a{color:#aeb9c8;line-height:1.7}.footer h4{margin:0 0 14px}.foot-bottom{display:flex;justify-content:space-between;padding:18px 44px;color:#7f8b9c;font-size:14px}.request-panel{position:fixed;right:34px;bottom:84px;width:360px;background:linear-gradient(160deg,rgba(16,27,42,.98),rgba(7,13,22,.98));border:1px solid rgba(87,111,141,.6);border-radius:10px;padding:25px;z-index:30;box-shadow:0 25px 80px rgba(0,0,0,.58)}.request-panel.is-collapsed{display:none}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h3{font-size:25px;margin:0}.minimize{width:30px;height:30px;border-radius:50%;border:0;background:#34445a;color:#fff;font-size:22px;cursor:pointer}.request-panel p{color:#b0bdcb}.form{display:grid;gap:11px}.form input,.form select,.form textarea{width:100%;border:1px solid #35465c;background:#07111d;color:#fff;padding:15px 16px;font-size:15px;border-radius:3px;outline:none}.form textarea{height:98px;resize:vertical}.form button{background:linear-gradient(135deg,#1268ff,#0055e6);color:#fff;border:0;border-radius:4px;padding:17px;font-size:18px;cursor:pointer}.policy{font-size:13px;color:#95a1b2}.chat-open{position:fixed;right:42px;bottom:28px;width:70px;height:70px;border-radius:50%;border:0;background:linear-gradient(135deg,#1268ff,#0055e6);color:#fff;display:grid;place-items:center;z-index:29;cursor:pointer;box-shadow:0 18px 45px rgba(18,104,255,.38)}.service-page{padding:62px 50px 80px;min-height:calc(100vh - 86px);background:radial-gradient(circle at 85% 10%,#0a1b32 0,#02060d 55%)}.service-hero{max-width:820px;margin-bottom:50px}.service-hero h1{font-size:68px;letter-spacing:-.04em;margin:20px 0 18px}.service-hero p{font-size:21px;color:#c5cedc;line-height:1.5}.service-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:36px;margin-right:420px}.box{border:1px solid rgba(70,98,130,.65);background:rgba(9,18,31,.72);padding:32px;border-radius:4px}.box h2{font-size:27px;margin-top:0}.box li{margin:13px 0;color:#c7d0dc}.work-preview{height:330px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 18%,rgba(18,104,255,.18),transparent 36%),linear-gradient(145deg,#0c1726,#050b14 72%);border:1px solid rgba(48,86,126,.75);border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 24px 60px rgba(0,0,0,.25)}.work-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,104,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(18,104,255,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 88%)}.work-preview:after{content:"";position:absolute;left:22px;right:22px;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,148,255,.7),transparent);box-shadow:0 0 22px rgba(0,148,255,.5)}.work-preview *{box-sizing:border-box}.work-preview .wire{position:absolute;inset:0;border:0}.work-preview--sites .wire:before{content:"";position:absolute;left:50%;top:34px;width:295px;height:178px;transform:translateX(-50%) perspective(700px) rotateX(1deg);border:2px solid rgba(139,169,202,.55);border-radius:12px;background:linear-gradient(145deg,#0b1625,#07101c);box-shadow:0 28px 46px rgba(0,0,0,.45)}.work-preview--sites .wire:after{content:"";position:absolute;left:50%;top:220px;width:350px;height:24px;transform:translateX(-50%) skewX(-16deg);border-radius:0 0 14px 14px;background:#111b28;box-shadow:0 18px 28px rgba(0,0,0,.45)}.work-preview--sites .row{position:absolute;left:calc(50% - 122px);top:70px;width:244px;height:104px;display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.work-preview--sites .row:before{content:"";position:absolute;left:0;right:0;top:-20px;height:9px;background:linear-gradient(90deg,#153252 34%,transparent 34% 42%,#153252 42% 63%,transparent 63% 72%,#153252 72%);border-radius:8px}.work-preview--sites .row span{border:1px solid #1e4a75;background:linear-gradient(180deg,#10243b,#0a1727);border-radius:4px}.work-preview--sites .row span:first-child:before{content:"";display:block;width:58%;height:10px;margin:18px 16px;background:#176fff;border-radius:8px;box-shadow:0 24px 0 #183655,0 48px 0 #183655}.work-preview--sites .row span:last-child:before{content:"";display:block;width:58px;height:58px;margin:16px auto;border:1px solid #255d91;border-radius:50%;background:radial-gradient(circle,#1268ff 0 18%,transparent 20%)}.work-preview--apps .wire:before{content:"";position:absolute;left:76px;top:30px;width:118px;height:236px;border:2px solid rgba(165,187,212,.58);border-radius:24px;background:linear-gradient(180deg,#0d1b2c,#070f1a);box-shadow:22px 22px 45px rgba(0,0,0,.45)}.work-preview--apps .wire:after{content:"";position:absolute;right:48px;top:67px;width:210px;height:158px;border:1px solid #25517d;border-radius:12px;background:linear-gradient(145deg,rgba(13,30,50,.95),rgba(6,13,23,.96));box-shadow:0 18px 36px rgba(0,0,0,.35)}.work-preview--apps .row{position:absolute;left:98px;top:70px;width:74px;display:grid;gap:12px}.work-preview--apps .row:before{content:"";height:54px;border-radius:12px;background:linear-gradient(135deg,#1268ff,#0b3470);box-shadow:0 70px 0 #102944,0 140px 0 #102944}.work-preview--apps .row span{height:24px;border-radius:8px;background:#173555}.work-preview--apps .row span:nth-child(2){position:absolute;left:184px;top:25px;width:150px;height:18px;box-shadow:0 34px 0 #173555,0 68px 0 #173555,0 102px 0 #173555}.work-preview--automation .wire:before{content:"";position:absolute;left:52px;right:52px;top:74px;height:160px;background:linear-gradient(90deg,transparent 0 8%,rgba(18,104,255,.75) 8% 9%,transparent 9% 49%,rgba(18,104,255,.75) 49% 51%,transparent 51% 91%,rgba(18,104,255,.75) 91% 92%,transparent 92%),linear-gradient(180deg,transparent 0 49%,rgba(18,104,255,.65) 49% 51%,transparent 51%);filter:drop-shadow(0 0 10px rgba(18,104,255,.35))}.work-preview--automation .wire:after{content:"";position:absolute;left:50%;top:119px;width:88px;height:70px;transform:translateX(-50%);border:1px solid #2b6aa3;border-radius:8px;background:linear-gradient(145deg,#12345a,#0b1828);box-shadow:-155px -46px 0 -1px #0d2239,-155px -46px 0 0 #25517d,155px -46px 0 -1px #0d2239,155px -46px 0 0 #25517d,-155px 92px 0 -1px #0d2239,-155px 92px 0 0 #25517d,155px 92px 0 -1px #0d2239,155px 92px 0 0 #25517d}.work-preview--automation .row{position:absolute;inset:0}.work-preview--automation .row span{position:absolute;width:10px;height:10px;border-radius:50%;background:#31d47b;box-shadow:0 0 16px rgba(49,212,123,.75)}.work-preview--automation .row span:first-child{left:84px;top:74px}.work-preview--automation .row span:last-child{right:84px;bottom:80px}.work-preview--crm .wire:before{content:"";position:absolute;left:34px;right:34px;top:38px;bottom:38px;border:1px solid #254e79;border-radius:10px;background:linear-gradient(90deg,#091525 0 27%,#0d1a2a 27%);box-shadow:0 20px 45px rgba(0,0,0,.38)}.work-preview--crm .wire:after{content:"";position:absolute;left:58px;top:68px;width:70px;height:14px;border-radius:10px;background:#173657;box-shadow:0 34px 0 #173657,0 68px 0 #173657,0 102px 0 #173657,118px -6px 0 5px #102944,230px -6px 0 5px #102944,342px -6px 0 5px #102944,118px 48px 0 5px #102944,230px 48px 0 5px #102944,342px 48px 0 5px #102944,118px 102px 0 5px #102944,230px 102px 0 5px #102944,342px 102px 0 5px #102944}.work-preview--crm .row{position:absolute;right:58px;bottom:62px;width:138px;height:58px;border:1px solid #26517c;border-radius:8px;background:linear-gradient(180deg,#10243b,#091524)}.work-preview--crm .row:before{content:"";position:absolute;left:16px;right:16px;bottom:14px;height:28px;background:linear-gradient(90deg,#1268ff 0 18%,transparent 18% 26%,#31d47b 26% 48%,transparent 48% 58%,#0094ff 58% 76%,transparent 76%)}.work-preview--crm .row span{display:none}.work-preview--video .wire:before{content:"";position:absolute;left:36px;right:36px;top:34px;height:188px;display:block;border:1px solid #244c75;border-radius:8px;background:linear-gradient(90deg,transparent 49%,#244c75 49% 50%,transparent 50%),linear-gradient(180deg,transparent 49%,#244c75 49% 50%,transparent 50%),linear-gradient(135deg,#101d2b,#07101a)}.work-preview--video .wire:after{content:"";position:absolute;left:58px;top:56px;width:130px;height:70px;border-radius:6px;background:linear-gradient(135deg,#142840,#0b1725);box-shadow:154px 0 0 #0d2035,308px 0 0 #0d2035,0 94px 0 #0d2035,154px 94px 0 #0d2035,308px 94px 0 #0d2035}.work-preview--video .row{position:absolute;left:54px;right:54px;bottom:38px;height:38px;border:1px solid #22466c;border-radius:8px;background:#091625}.work-preview--video .row:before{content:"";position:absolute;left:16px;top:13px;width:10px;height:10px;border-radius:50%;background:#e04444;box-shadow:22px 0 0 #173657,44px 0 0 #173657,280px 0 0 #31d47b,302px 0 0 #31d47b,324px 0 0 #31d47b}.work-preview--video .row span{display:none}.work-preview--networks .wire:before{content:"";position:absolute;left:72px;right:72px;top:78px;height:142px;background:linear-gradient(90deg,transparent 0 49%,rgba(18,104,255,.7) 49% 51%,transparent 51%),linear-gradient(180deg,transparent 0 49%,rgba(18,104,255,.65) 49% 51%,transparent 51%);filter:drop-shadow(0 0 12px rgba(18,104,255,.36))}.work-preview--networks .wire:after{content:"";position:absolute;left:50%;top:126px;width:112px;height:54px;transform:translateX(-50%);border:1px solid #2b6aa3;border-radius:8px;background:linear-gradient(145deg,#12345a,#0b1828);box-shadow:-174px 0 0 -4px #0e243b,-174px 0 0 -3px #25517d,174px 0 0 -4px #0e243b,174px 0 0 -3px #25517d,0 -86px 0 -5px #0e243b,0 -86px 0 -4px #25517d,0 88px 0 -5px #0e243b,0 88px 0 -4px #25517d}.work-preview--networks .row{position:absolute;left:0;right:0;top:0;bottom:0}.work-preview--networks .row span{position:absolute;width:44px;height:44px;border:1px solid #2b6aa3;border-radius:50%;background:radial-gradient(circle,#1268ff 0 18%,#0d2239 20%);box-shadow:0 0 20px rgba(18,104,255,.26)}.work-preview--networks .row span:first-child{left:100px;top:196px}.work-preview--networks .row span:last-child{right:100px;top:62px}.toast{font-size:14px;color:#9fb1c8;margin-top:8px;min-height:18px;white-space:pre-line}@media(max-width:1200px){.hero{grid-template-columns:1fr}.hero-art{opacity:.55;position:absolute;right:-240px;top:70px;width:800px}.services{grid-template-columns:repeat(3,1fr);margin-top:0}.review{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr 1fr}.request-panel{right:18px}.service-layout{margin-right:0}}@media(max-width:760px){.topbar{height:auto;padding:14px 18px;gap:18px}.brand{min-width:150px}.brand img{height:72px;width:auto}.nav{order:3;width:100%;flex-basis:100%;height:50px}.topbar{flex-wrap:wrap}.outline-btn{display:none}.hero{padding:42px 22px;min-height:560px}.title{font-size:58px}.lead{font-size:18px}.hero-art{display:none}.services{display:flex;overflow-x:auto;margin:0 18px}.service-card{min-width:245px}.review{margin:24px 18px;grid-template-columns:1fr;padding:26px}.footer{padding:30px 22px;grid-template-columns:1fr}.foot-bottom{padding:18px 22px;display:block}.request-panel{left:16px;right:16px;bottom:92px;width:auto}.service-page{padding:40px 22px}.service-hero h1{font-size:48px}.service-layout{grid-template-columns:1fr}}

@media(max-width:760px){.work-preview{height:260px}.work-preview .wire{transform:scale(.78);transform-origin:center center}}@media(max-width:420px){.work-preview .wire{transform:scale(.66)}}


.btn-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255,255,255,.35);
  border-top-color: #fff;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  vertical-align: -2px;
  animation: btnSpin .7s linear infinite;
}

@keyframes btnSpin {
  to { transform: rotate(360deg); }
}

button.is-sent,
.primary.is-sent {
  background: linear-gradient(135deg, #16a34a, #22c55e) !important;
  color: #fff !important;
  border-color: rgba(34,197,94,.55) !important;
}

.support-page{padding-right:420px}.support-intro{max-width:980px;margin-bottom:28px}.support-intro p{font-size:18px;line-height:1.65;color:#c5cedc;margin:0 0 18px}.support-intro p:last-child{margin-bottom:0}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}.support-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.support-benefits .service-card{min-height:210px}.support-benefits .service-card h3{font-size:21px}.support-cta{max-width:980px}.support-cta h2{margin-bottom:12px}.support-cta p{font-size:18px;line-height:1.55;color:#c5cedc;margin:0 0 24px}@media(max-width:1200px){.support-page{padding-right:50px}.support-benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.support-page{padding-right:22px}.support-grid,.support-benefits{grid-template-columns:1fr}.support-benefits .service-card{min-width:0}.support-intro p,.support-cta p{font-size:16px}}

/* mobile-tuning */

@media(max-width:760px){
  body{background:#02060d}
  .topbar{align-items:center;position:sticky}
  .brand{min-width:128px;flex:0 0 auto}
  .brand img{height:56px}
  .burger{display:none}
  .nav{gap:22px;padding-bottom:2px}
  .nav a{font-size:14px;min-width:max-content}
  .hero{padding:34px 20px 28px;min-height:auto;display:block}
  .hero:before{background:linear-gradient(180deg,rgba(1,5,10,.98),rgba(2,9,18,.78))}
  .title{font-size:50px;line-height:1;margin-bottom:20px;letter-spacing:0}
  .lead{font-size:17px;line-height:1.5;margin-bottom:26px}
  .primary{width:100%;justify-content:center;padding:16px 20px;font-size:16px;gap:14px}
  .services{display:grid;grid-template-columns:1fr;margin:0 18px 24px;gap:12px;overflow:visible}
  .service-card{min-width:0;min-height:auto;padding:22px 22px 18px}
  .icon{width:40px;height:40px;margin-bottom:20px}
  .service-card h3{font-size:21px;margin-bottom:12px}
  .service-card p{font-size:15px;line-height:1.5;margin-bottom:12px}
  .review h2{font-size:26px}
  .benefit{grid-template-columns:46px 1fr}
  .footer img{width:190px}
  .foot-bottom span{display:block;margin-bottom:8px}
  .service-page{padding:34px 20px 58px;min-height:auto}
  .service-hero{margin-bottom:30px}
  .service-hero h1{font-size:40px;line-height:1.08;letter-spacing:0;margin:14px 0 14px;overflow-wrap:anywhere}
  .service-hero p{font-size:17px;line-height:1.5}
  .service-layout{gap:18px}
  .box{padding:24px 20px}
  .box h2{font-size:23px;line-height:1.2}
  .box ul{padding-left:20px;margin-bottom:0}
  .box li{font-size:15px;line-height:1.45}
  .work-preview{height:240px}
  .request-panel{left:12px;right:12px;bottom:84px;padding:20px;width:auto;max-height:calc(100vh - 110px);overflow:auto}
  .panel-head h3{font-size:22px}
  .form input,.form select,.form textarea{font-size:16px;padding:13px 14px}
  .chat-open{right:22px;bottom:18px;width:58px;height:58px}
  .support-page{padding-right:20px}
  .support-intro{margin-bottom:18px}
  .support-grid,.support-benefits{gap:12px;margin-bottom:18px}
  .support-benefits .service-card{min-height:auto}
  .support-cta{margin-top:4px}
}
@media(max-width:420px){
  .topbar{padding:12px 14px}
  .brand{min-width:118px}
  .brand img{height:50px}
  .title{font-size:44px}
  .service-hero h1{font-size:34px}
  .nav a{font-size:13px}
  .service-page{padding-left:16px;padding-right:16px}
  .services,.review{margin-left:14px;margin-right:14px}
  .box{padding:20px 16px}
}

/* senior-polish: typography, smoother surfaces, support page */
:root{
  --radius:14px;
  --radius-sm:10px;
  --soft-line:rgba(103,132,168,.34);
  --glass:rgba(9,18,31,.74);
}
html{-webkit-text-size-adjust:100%}
body{
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}
.topbar{box-shadow:0 14px 34px rgba(0,0,0,.18)}
.nav a{font-weight:520;letter-spacing:-.01em;transition:color .18s ease,opacity .18s ease}
.outline-btn,.primary,.form button{font-weight:650;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.outline-btn:hover,.primary:hover,.form button:hover{transform:translateY(-1px)}
.primary:hover,.form button:hover{box-shadow:0 20px 52px rgba(18,104,255,.34)}
.service-card,.box,.request-panel,.work-preview,.review,.glass-box{border-radius:var(--radius)}
.service-card,.box,.review,.request-panel{box-shadow:0 22px 60px rgba(0,0,0,.18)}
.service-card{position:relative;overflow:hidden}
.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 34%);opacity:.55;pointer-events:none}
.service-card:hover{box-shadow:0 26px 62px rgba(0,0,0,.26),0 0 0 1px rgba(18,104,255,.18)}
.title,.service-hero h1{font-weight:760;letter-spacing:-.055em}
.lead,.service-hero p,.support-intro p,.support-cta p{letter-spacing:-.012em}
.form input:focus,.form select:focus,.form textarea:focus{border-color:rgba(18,104,255,.88);box-shadow:0 0 0 3px rgba(18,104,255,.15)}
.form button:disabled{cursor:default;opacity:.96}
.form button.is-loading:hover,.form button.is-sent:hover{transform:none}
.toast{line-height:1.45;color:#b7c7dc}

.support-detail{position:relative;overflow:hidden;padding-right:430px}
.support-detail:before{content:"";position:absolute;right:38px;top:128px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(18,104,255,.22),transparent 64%);filter:blur(10px);pointer-events:none}
.support-hero{max-width:900px;margin-bottom:34px}
.support-hero .eyebrow{color:#7fb4ff;font-size:14px;font-weight:700;letter-spacing:.16em}
.support-hero h1{max-width:900px;font-size:64px;line-height:.98;margin:16px 0 22px}
.support-hero p{max-width:760px}
.glass-box{border:1px solid var(--soft-line);background:linear-gradient(150deg,rgba(12,25,43,.82),rgba(5,11,19,.72));padding:30px 32px;box-shadow:0 26px 70px rgba(0,0,0,.22)}
.glass-box h2{font-size:28px;margin:0 0 14px;letter-spacing:-.03em}
.accent-box{background:linear-gradient(160deg,rgba(11,22,38,.86),rgba(5,11,19,.82));border-color:var(--soft-line)}
.accent-box li::marker{color:var(--blue2)}
.support-grid{max-width:980px}
.support-benefits{max-width:1120px}
.mini-card{padding:24px 24px 20px;background:linear-gradient(150deg,rgba(12,24,39,.92),rgba(5,11,19,.86))}
.mini-card .icon{margin-bottom:22px}
.support-dashboard{position:absolute;right:48px;top:178px;width:350px;height:410px;z-index:1;pointer-events:none}
.support-monitor{position:absolute;inset:0;border:1px solid rgba(126,158,196,.36);border-radius:22px;background:linear-gradient(145deg,rgba(13,29,50,.98),rgba(4,10,18,.96));box-shadow:0 34px 90px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden;transform:perspective(900px) rotateY(-8deg) rotateX(2deg)}
.support-monitor:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,104,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(18,104,255,.07) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 92%)}
.monitor-top{position:relative;height:54px;border-bottom:1px solid rgba(75,106,142,.42);display:flex;align-items:center;gap:8px;padding:0 20px}
.monitor-top span{width:10px;height:10px;border-radius:50%;background:#29425e}.monitor-top span:first-child{background:#1268ff}.monitor-grid{position:relative;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.status-card{min-height:116px;border:1px solid rgba(69,105,145,.58);border-radius:16px;background:rgba(7,17,30,.78);padding:18px;display:flex;flex-direction:column;justify-content:flex-end}.status-card b{font-size:32px;letter-spacing:-.05em}.status-card span{color:#aebdd0;font-size:14px;margin-top:6px}.status-card.ok b{color:#4ade80}.status-card.wide{grid-column:1/-1;min-height:122px}.status-card.wide b{font-size:22px}.status-line{grid-column:1/-1;height:12px;border-radius:20px;background:linear-gradient(90deg,var(--blue),rgba(0,148,255,.18));box-shadow:0 0 20px rgba(18,104,255,.34)}.status-line.short{width:68%;background:linear-gradient(90deg,#31d47b,rgba(49,212,123,.18))}
.support-cta{max-width:980px;margin-top:4px}

@media(max-width:1200px){
  .support-detail{padding-right:50px}
  .support-dashboard{position:relative;right:auto;top:auto;width:min(100%,560px);height:330px;margin:0 0 26px}
  .support-monitor{transform:none}
  .support-hero h1{font-size:56px}
}
@media(max-width:760px){
  .support-detail{padding-right:20px}
  .support-hero h1{font-size:40px;line-height:1.04;letter-spacing:-.035em}
  .support-dashboard{height:290px;margin-bottom:18px}
  .monitor-grid{padding:16px;gap:10px}.status-card{min-height:90px;padding:14px}.status-card b{font-size:25px}.status-card.wide{min-height:98px}
  .glass-box{padding:22px 20px}.glass-box h2{font-size:24px}
}
@media(max-width:420px){
  .support-dashboard{height:260px}.monitor-top{height:44px}.status-card span{font-size:12px}.status-card.wide b{font-size:18px}
}

/* ===========================
   CEPANOV TECH MOTION PACK
   Professional CSS animations
=========================== */

@keyframes ct-grid-drift {
  from { background-position: 0 0, 0 0; }
  to { background-position: 34px 34px, 34px 34px; }
}

@keyframes ct-soft-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

@keyframes ct-blue-glow {
  0%, 100% {
    filter: drop-shadow(0 0 4px rgba(18,104,255,.18));
    opacity: .82;
  }
  50% {
    filter: drop-shadow(0 0 18px rgba(18,104,255,.58));
    opacity: 1;
  }
}

@keyframes ct-pulse {
  0%, 100% { opacity: .42; }
  50% { opacity: 1; }
}

@keyframes ct-scan {
  0% { transform: translateY(-130%); opacity: 0; }
  12% { opacity: .9; }
  88% { opacity: .9; }
  100% { transform: translateY(330%); opacity: 0; }
}

@keyframes ct-signal-x {
  0% { transform: translateX(-80px); opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { transform: translateX(80px); opacity: 0; }
}

@keyframes ct-signal-y {
  0% { transform: translateY(-70px); opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { transform: translateY(70px); opacity: 0; }
}

.work-preview {
  isolation: isolate;
  transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease;
}

.work-preview:hover {
  transform: translateY(-6px);
  border-color: rgba(47,134,255,.95);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 22px 64px rgba(0,0,0,.48),
    0 0 34px rgba(18,104,255,.18);
}

.work-preview:before {
  animation: ct-grid-drift 14s linear infinite;
}

.work-preview .wire {
  animation: ct-soft-float 7s ease-in-out infinite;
}

.work-preview .wire:before,
.work-preview .wire:after {
  animation: ct-blue-glow 4.8s ease-in-out infinite;
}

.work-preview .row:before {
  animation: ct-blue-glow 4.2s ease-in-out infinite;
}

.work-preview .row span {
  animation: ct-pulse 3.8s ease-in-out infinite;
}

.work-preview .row span:nth-child(2) {
  animation-delay: .7s;
}

/* Сайты: мягкое сканирование экрана */
.work-preview--sites {
  overflow: hidden;
}

.work-preview--sites:has(.wire)::after {
  animation: ct-blue-glow 3.6s ease-in-out infinite;
}

.work-preview--sites .wire {
  animation-duration: 6.5s;
}

.work-preview--sites .wire .row:after {
  content: "";
  position: absolute;
  left: -8px;
  right: -8px;
  top: 0;
  height: 34px;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(18,104,255,.18),
    transparent
  );
  border-radius: 14px;
  animation: ct-scan 5.8s ease-in-out infinite;
  pointer-events: none;
}

/* Приложения: движение панелей */
.work-preview--apps .wire {
  animation-duration: 7.2s;
}

.work-preview--apps .row:before {
  animation: ct-blue-glow 3.8s ease-in-out infinite;
}

.work-preview--apps .row span:nth-child(2) {
  animation: ct-pulse 2.8s ease-in-out infinite;
}

/* Автоматизация: сигналы по линиям */
.work-preview--automation .row:before,
.work-preview--automation .row:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 151px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #1268ff;
  box-shadow: 0 0 20px rgba(18,104,255,.85);
  z-index: 2;
}

.work-preview--automation .row:before {
  animation: ct-signal-x 3.4s linear infinite;
}

.work-preview--automation .row:after {
  animation: ct-signal-y 4.2s linear infinite;
}

/* CRM: живые строки и график */
.work-preview--crm .wire:after {
  animation: ct-blue-glow 4.4s ease-in-out infinite;
}

.work-preview--crm .row {
  animation: ct-soft-float 6.4s ease-in-out infinite;
}

.work-preview--crm .row:before {
  animation: ct-blue-glow 3.6s ease-in-out infinite;
}

/* Видеонаблюдение: индикаторы записи */
.work-preview--video .row:before {
  animation: ct-pulse 1.8s ease-in-out infinite;
}

.work-preview--video .wire:before {
  animation: ct-blue-glow 5.2s ease-in-out infinite;
}

/* Сети: передача сигнала между узлами */
.work-preview--networks .row:before,
.work-preview--networks .row:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 148px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #31d47b;
  box-shadow: 0 0 18px rgba(49,212,123,.8);
  z-index: 3;
}

.work-preview--networks .row:before {
  animation: ct-signal-x 3s linear infinite;
}

.work-preview--networks .row:after {
  animation: ct-signal-y 3.8s linear infinite;
}

/* Снижаем нагрузку и уважаем настройки пользователя */
@media (prefers-reduced-motion: reduce) {
  .work-preview,
  .work-preview *,
  .work-preview:before,
  .work-preview:after,
  .work-preview *:before,
  .work-preview *:after {
    animation: none !important;
    transition: none !important;
  }

  .work-preview:hover {
    transform: none;
  }
}


/* ===== Professional mobile adaptation ===== */

@media (max-width: 760px) {
  html {
    scroll-behavior: smooth;
  }

  body {
    overflow-x: hidden;
  }

  .page {
    width: 100%;
    padding: 14px;
  }

  .topbar {
    position: sticky;
    top: 0;
    z-index: 50;
    margin: -14px -14px 18px;
    padding: 12px 14px;
    border-radius: 0 0 22px 22px;
    backdrop-filter: blur(18px);
  }

  .brand,
  .logo {
    min-width: 0;
  }

  .nav,
  .menu,
  .topbar nav {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .nav::-webkit-scrollbar,
  .menu::-webkit-scrollbar,
  .topbar nav::-webkit-scrollbar {
    display: none;
  }

  .hero {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 28px 0 16px;
  }

  .title {
    font-size: clamp(42px, 13vw, 64px);
    line-height: 0.96;
    letter-spacing: -0.055em;
  }

  .lead {
    max-width: 100%;
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.55;
  }

  .primary {
    width: 100%;
    justify-content: center;
    margin-top: 18px;
    min-height: 54px;
    font-size: 15px;
  }

  .hero-art {
    min-height: 320px;
    transform: scale(0.92);
    transform-origin: center top;
    overflow: visible;
  }

  .grid-floor {
    opacity: 0.55;
  }

  .laptop {
    transform: translate3d(0, 0, 0);
  }

  .services {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 8px;
  }

  .service-card {
    min-height: 156px;
    padding: 22px;
    border-radius: 24px;
  }

  .service-card h3 {
    font-size: 22px;
  }

  .service-card p {
    font-size: 15px;
    line-height: 1.55;
  }

  .review {
    grid-template-columns: 1fr;
    padding: 24px;
    border-radius: 28px;
  }

  .review h2 {
    font-size: 28px;
    line-height: 1.08;
  }

  .benefit {
    align-items: flex-start;
    padding: 16px 0;
  }

  .modal,
  .request-modal,
  .form-modal {
    align-items: flex-end;
    padding: 12px;
  }

  .modal-content,
  .request-card,
  .form-card {
    width: 100%;
    max-width: none;
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    border-radius: 26px;
  }

  input,
  textarea,
  select {
    font-size: 16px;
  }
}

@media (max-width: 420px) {
  .page {
    padding: 12px;
  }

  .title {
    font-size: clamp(38px, 14vw, 54px);
  }

  .hero-art {
    min-height: 280px;
    transform: scale(0.82);
  }

  .service-card {
    padding: 20px;
  }
}

/* Mobile animation fallback: Safari/iOS sometimes pauses complex transform layers */
@media (max-width: 760px) {
  .cube,
  .cube.one,
  .cube.two,
  .cube.three {
    will-change: transform;
    transform: translate3d(0, 0, 0);
    animation-play-state: running !important;
  }

  .cube.one {
    animation: mobileFloatOne 4.8s ease-in-out infinite;
  }

  .cube.two {
    animation: mobileFloatTwo 5.6s ease-in-out infinite;
  }

  .cube.three {
    animation: mobileFloatThree 6.2s ease-in-out infinite;
  }

  .chart {
    animation: mobilePulse 2.8s ease-in-out infinite;
  }
}

@keyframes mobileFloatOne {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(8px, -14px, 0) rotate(4deg); }
}

@keyframes mobileFloatTwo {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(-10px, -18px, 0) rotate(-5deg); }
}

@keyframes mobileFloatThree {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(12px, -10px, 0) rotate(6deg); }
}

@keyframes mobilePulse {
  0%, 100% { opacity: 0.72; transform: scaleX(0.86); }
  50% { opacity: 1; transform: scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
  .cube,
  .chart {
    animation: none !important;
  }
}


/* =========================================================
   CEPANOV TECH — PROFESSIONAL MOBILE UX LAYER
   ========================================================= */

html {
  -webkit-text-size-adjust: 100%;
  text-rendering: geometricPrecision;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button,
a,
input,
textarea {
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 820px) {
  body {
    overflow-x: hidden;
    background:
      radial-gradient(circle at 20% 0%, rgba(45, 120, 255, 0.18), transparent 34%),
      radial-gradient(circle at 100% 30%, rgba(20, 60, 160, 0.22), transparent 36%),
      #05070d;
  }

  .page {
    width: 100%;
    max-width: 100%;
    padding: 14px;
    overflow: hidden;
  }

  .topbar {
    position: sticky;
    top: 0;
    z-index: 100;
    margin: -14px -14px 18px;
    padding: 12px 14px;
    border-radius: 0 0 24px 24px;
    background: rgba(7, 10, 18, 0.78);
    border-bottom: 1px solid rgba(255,255,255,0.09);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    box-shadow: 0 18px 50px rgba(0,0,0,0.26);
  }

  .topbar nav,
  .nav {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
  }

  .topbar nav::-webkit-scrollbar,
  .nav::-webkit-scrollbar {
    display: none;
  }

  .topbar a,
  .nav a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
  }

  .hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    min-height: auto;
    padding: 28px 0 10px;
  }

  .hero > div:first-child {
    position: relative;
    z-index: 3;
  }

  .eyebrow {
    font-size: 12px;
    letter-spacing: .16em;
    opacity: .78;
  }

  .title {
    max-width: 100%;
    font-size: clamp(42px, 13.5vw, 70px);
    line-height: .92;
    letter-spacing: -0.065em;
    margin-top: 10px;
  }

  .lead {
    max-width: 100%;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.58;
    color: rgba(255,255,255,.74);
  }

  .primary {
    width: 100%;
    min-height: 56px;
    margin-top: 22px;
    justify-content: center;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 750;
    box-shadow:
      0 18px 45px rgba(0, 97, 255, .32),
      inset 0 1px 0 rgba(255,255,255,.24);
    transform: translateZ(0);
  }

  .primary:active {
    transform: scale(.985);
  }

  .hero-art {
    position: relative;
    min-height: 310px;
    width: 100%;
    transform: none !important;
    overflow: visible;
    isolation: isolate;
  }

  .hero-art::before {
    content: "";
    position: absolute;
    inset: 24px 4px 0;
    border-radius: 34px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 24px 80px rgba(0,0,0,.34);
    z-index: -1;
  }

  .grid-floor {
    opacity: .42;
    transform: perspective(520px) rotateX(68deg) scale(.92);
    transform-origin: center bottom;
  }

  .laptop {
    transform: translate3d(0, 6px, 0) scale(.84) !important;
    transform-origin: center;
    will-change: transform;
    animation: mobileLaptopBreath 5.8s ease-in-out infinite;
  }

  .screen,
  .dash-card,
  .chart,
  .cube {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
  }

  .cube {
    will-change: transform, opacity;
    animation-play-state: running !important;
  }

  .cube.one {
    animation: mobileCubeOne 4.6s cubic-bezier(.45,0,.25,1) infinite !important;
  }

  .cube.two {
    animation: mobileCubeTwo 5.4s cubic-bezier(.45,0,.25,1) infinite !important;
  }

  .cube.three {
    animation: mobileCubeThree 6.1s cubic-bezier(.45,0,.25,1) infinite !important;
  }

  .chart {
    transform-origin: left center;
    animation: mobileChart 2.8s ease-in-out infinite !important;
  }

  .dash-card {
    animation: mobileCardGlow 3.6s ease-in-out infinite;
  }

  .services {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 14px;
  }

  .service-card {
    position: relative;
    min-height: 158px;
    padding: 22px;
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
    border: 1px solid rgba(255,255,255,.09);
    box-shadow:
      0 18px 45px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.08);
    overflow: hidden;
  }

  .service-card::after {
    content: "";
    position: absolute;
    inset: auto -30px -45px auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(38, 112, 255, .16);
    filter: blur(14px);
  }

  .service-card h3 {
    font-size: 22px;
    line-height: 1.05;
    letter-spacing: -0.03em;
  }

  .service-card p {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.55;
    color: rgba(255,255,255,.68);
  }

  .service-card .icon {
    width: 40px;
    height: 40px;
  }

  .service-card:active {
    transform: scale(.99);
  }

  .review {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 24px;
    padding: 24px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
    border: 1px solid rgba(255,255,255,.08);
  }

  .review h2 {
    font-size: 30px;
    line-height: 1.05;
    letter-spacing: -0.045em;
  }

  .benefit {
    gap: 14px;
    align-items: flex-start;
    padding: 14px 0;
  }

  .benefit p {
    font-size: 14px;
    line-height: 1.55;
  }

  input,
  textarea,
  select {
    min-height: 48px;
    font-size: 16px !important;
    border-radius: 16px;
  }

  textarea {
    min-height: 110px;
  }

  .modal,
  .request-modal,
  .form-modal,
  [class*="modal"] {
    padding: 12px;
    align-items: flex-end;
  }

  .modal-content,
  .request-card,
  .form-card,
  [class*="modal"] form {
    width: 100%;
    max-width: none;
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    border-radius: 28px;
  }
}

@media (max-width: 430px) {
  .page {
    padding: 12px;
  }

  .topbar {
    margin: -12px -12px 16px;
    padding: 11px 12px;
  }

  .title {
    font-size: clamp(38px, 14.4vw, 58px);
  }

  .lead {
    font-size: 15.5px;
  }

  .hero-art {
    min-height: 285px;
  }

  .laptop {
    transform: translate3d(0, 8px, 0) scale(.76) !important;
  }

  .service-card {
    min-height: 150px;
    padding: 20px;
  }

  .review {
    padding: 22px;
  }
}

@keyframes mobileLaptopBreath {
  0%, 100% {
    transform: translate3d(0, 6px, 0) scale(.84);
  }
  50% {
    transform: translate3d(0, -4px, 0) scale(.86);
  }
}

@keyframes mobileCubeOne {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    opacity: .92;
  }
  50% {
    transform: translate3d(10px, -18px, 0) rotate(5deg);
    opacity: 1;
  }
}

@keyframes mobileCubeTwo {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    opacity: .78;
  }
  50% {
    transform: translate3d(-12px, -20px, 0) rotate(-6deg);
    opacity: 1;
  }
}

@keyframes mobileCubeThree {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    opacity: .82;
  }
  50% {
    transform: translate3d(14px, -12px, 0) rotate(7deg);
    opacity: 1;
  }
}

@keyframes mobileChart {
  0%, 100% {
    transform: scaleX(.82);
    opacity: .68;
  }
  50% {
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes mobileCardGlow {
  0%, 100% {
    opacity: .58;
  }
  50% {
    opacity: .94;
  }
}

@media (prefers-reduced-motion: reduce) {
  .laptop,
  .cube,
  .chart,
  .dash-card {
    animation: none !important;
  }
}