*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 15px/1.8 Raleway,Arial,sans-serif;color:#555;background:#fff3c6 url(/img/bg.jpg);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}
h2,h3{font-weight:700;color:#222;margin:0 0 .5em;line-height:1.3}p{margin:0 0 1em}.wrap{max-width:1170px;margin:0 auto;padding:0 20px}.c{text-align:center}
.hd{position:relative;z-index:50;background:#fff3c6 url(/img/bg.jpg)}.hd .in{max-width:1170px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:center;position:relative}
.logo{position:absolute;left:20px;top:8px}.logo img{width:110px;height:auto}
.mn{display:flex;gap:42px;padding:34px 0 30px 90px}.mn a{color:#1f87a8;font-size:15px;font-weight:600;position:relative;padding:2px 0}.mn a:hover{color:#562e77}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer;margin-left:auto}.burger span{display:block;width:26px;height:3px;background:#562e77;margin:5px 0;transition:.3s}
.ban{position:relative;overflow:hidden;background:#fff3c6}.bs{position:absolute;inset:0;transform:translateX(100%);transition:transform .8s ease}.bs.on{position:relative;transform:none;z-index:2}.bs.out{transform:translateX(-100%);z-index:1}
.bs img{width:100%;height:auto}.dots{position:absolute;bottom:10px;left:0;right:0;text-align:center;z-index:5}.dots b{display:inline-block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);margin:0 4px;cursor:pointer}.dots b.on{background:#fff}
.about{padding:80px 0 50px}.lb{font-size:13px;font-weight:700;letter-spacing:.75px;color:#000;margin-bottom:22px}.lb.pu{color:#562e77}
.about h2,.clients h2,.contact h2{font-size:34px}.about p{max-width:1000px;margin:0 auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:70px}
.cd{border-radius:10px;padding:74px 45px 63px;text-align:center;color:#eee;background:#562e77;transition:transform .35s,box-shadow .35s;font-size:14px}.cd:hover{transform:translateY(-8px);box-shadow:0 18px 35px rgba(86,46,119,.35)}
.cd svg{width:60px;height:60px;stroke:#fff;fill:none;stroke-width:1.6;margin:0 auto;display:block}.cd h3{color:#fff;font-size:18px;margin:28px 0 15px}.cd p{margin:0}
.cd.c2{background:linear-gradient(135deg,#4a2a7a,#5b2d86)}.cd.c3{background:linear-gradient(135deg,#8e2de2,#d4399e)}
.proj{background:#1b1416 url(/img/bg.jpg) center;background-blend-mode:multiply;padding:80px 0;color:#fff;position:relative}.proj:before{content:"";position:absolute;inset:0;background:rgba(20,15,18,.78)}
.pj{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.pl{color:#e8415a;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:12px}.proj h2{color:#fff;font-size:26px}.proj p{color:#eee;font-size:14px}
.proj img{border-radius:4px;margin:0 auto;max-width:430px;width:100%}.cnt{text-align:center;color:#fff;font-size:13px;margin-top:22px;padding-bottom:10px;border-bottom:2px solid #e8415a;width:60px;margin-left:auto;margin-right:auto}
.clients{padding:70px 0 50px;overflow:hidden}.clients p{font-size:15px}.col{position:relative;max-width:900px;margin:55px auto 0;height:520px}
.col img{position:absolute;border-radius:10px;box-shadow:0 30px 70px rgba(158,178,183,.7);height:auto;transition:transform .2s linear}.col .a{left:0;top:0;width:32%}.col .d{left:23%;top:40px;width:36%}.col .b{left:51%;top:70px;width:32%}.col .e{right:0;top:-20px;width:30%}
.gs{border-radius:20px;color:#fff;text-align:center;padding:80px 20px 150px;background:#2a0f4d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Ccircle cx='20' cy='30' r='1.2' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='90' cy='15' r='1' fill='%23fff' opacity='.5'/%3E%3Ccircle cx='140' cy='70' r='1.4' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='60' cy='110' r='1' fill='%23fff' opacity='.5'/%3E%3Ccircle cx='120' cy='140' r='1.2' fill='%23fff' opacity='.6'/%3E%3C/svg%3E");position:relative;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Ccircle cx='20' cy='30' r='1.2' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='90' cy='15' r='1' fill='%23fff' opacity='.5'/%3E%3Ccircle cx='140' cy='70' r='1.4' fill='%23fff' opacity='.7'/%3E%3Ccircle cx='60' cy='110' r='1' fill='%23fff' opacity='.5'/%3E%3C/svg%3E"),linear-gradient(160deg,#1f0b3d,#4a1a73)}
.gs:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:repeating-linear-gradient(115deg,#e8415a 0 2px,transparent 2px 8px);-webkit-mask:linear-gradient(transparent,#000);mask:linear-gradient(transparent,#000);opacity:.9}
.gs h2{color:#fff;font-size:50px;line-height:1.5;margin:0}.gs p{font-size:19px;margin:0 0 24px}.cb{display:inline-block;background:linear-gradient(to right,#ff4b2b,#ff416c);color:#fff;font-weight:700;padding:14px 40px;border-radius:4px;position:relative;z-index:2;transition:.3s}.cb:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,65,108,.5)}
.contact{padding:80px 0 80px}.contact p{font-size:14px;margin-bottom:12px;color:#000}.contact a{color:#000}.contact a:hover{color:#562e77}.sc{margin-top:18px}.sc a{display:inline-block;margin:0 9px}.sc svg{width:18px;height:18px;fill:#000;display:block}
.ft{background:#1f2b38;color:#aaa;padding:34px 0;font-size:12px;text-align:left}.up{position:fixed;right:22px;bottom:22px;width:42px;height:42px;background:#1a8fd8;border:0;border-radius:3px;cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:60;display:flex;align-items:center;justify-content:center}.up.on{opacity:1;visibility:visible}.up svg{width:18px;height:18px;fill:#fff}
.ps{min-height:100vh;display:flex;align-items:center;padding:60px 0;color:#fff}.ps .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;width:100%}
.ps h2{color:#fff;font-size:24px;margin-bottom:22px}.ps .tx{font-size:14px;color:#fff}.ps .tx p{text-align:justify;color:#fff}.ps ul{margin:0 0 12px 18px;padding:0;text-align:left}.ps li{margin:2px 0}
.stage{position:relative;max-width:620px;margin:0 auto;aspect-ratio:727/575}.stage .base{position:absolute;left:-7.2%;top:82%;width:100%;max-width:none}
.stage .pi{position:absolute;opacity:0;transform:translateX(40px);transition:opacity .9s,transform .9s;z-index:3;height:auto}.stage .pi.on{opacity:1;transform:none}
.g1{background-image:linear-gradient(to right,#ee0979,#ff6a00)}.g2{background-image:linear-gradient(to right,#56ab2f,#a8e063)}.g3{background-image:linear-gradient(132.6deg,#478bd6 23.3%,#25d8d3 84.7%)}.g4{background-image:radial-gradient(circle farthest-corner at 10% 20%,#fc9678 0,#f76c7f 100%)}.g5{background-image:radial-gradient(circle farthest-corner at 10% 20%,#005d85 0,#00b595 90%)}.g6{background:linear-gradient(310.6deg,rgba(100,0,233,.94) 6.8%,rgba(166,0,188,.66) 57.8%),#8a1fd0}.g7{background-image:radial-gradient(circle farthest-corner at 26.1% 48.9%,#ff8d64 0,#ffb064 90%)}
.pp .hd{position:sticky;top:0}.rv{opacity:0;transition:opacity .9s,transform .9s}.rv.l{transform:translateX(-50px)}.rv.r{transform:translateX(50px)}.rv.u{transform:translateY(40px)}.rv.in{opacity:1;transform:none}
@media(max-width:991px){.hd .in{justify-content:space-between;padding:8px 16px}.logo{position:static}.logo img{width:100px}.burger{display:block}
.mn{position:absolute;left:0;right:0;top:100%;background:#fff3c6;flex-direction:column;gap:0;padding:6px 20px 14px;box-shadow:0 10px 20px rgba(0,0,0,.12);display:none}.mn.on{display:flex}.mn a{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.about{padding:50px 0 30px}.about h2,.clients h2,.contact h2{font-size:26px}.cards{grid-template-columns:1fr;gap:20px;padding-bottom:45px}.cd{padding:50px 30px}
.pj{grid-template-columns:1fr;gap:30px;text-align:center}.proj{padding:50px 0}.col{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.col img{position:static;width:100%!important;transform:none!important}
.gs{padding:55px 16px 110px}.gs h2{font-size:32px}.gs p{font-size:16px}.contact{padding:50px 0}
.ps{min-height:0;padding:50px 0}.ps .wrap{grid-template-columns:1fr;gap:30px}.stage{max-width:420px}.ps .tx p{text-align:left}}
@media(max-width:520px){body{font-size:14px}.col{grid-template-columns:1fr}.gs h2{font-size:27px}.up{right:12px;bottom:12px}.ps h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.rv{opacity:1;transform:none}}