:root{--colorYellow:#fff650;--colorOrange:#ffab17;--colorRed:#ff7575;--colorGreen:#91ff05;--colorMint:#c4ffbb;--colorBlue:#3b9ed4;--colorLightblue:#bcdee5;--colorViolet:#fc62ff;--colorPink:#ffc3eb;--colorGrey:#c4c4c4;--colorOk:#06dd28;--colorError:#ff0000;--colorBoardHover:#dfedff;--color1:#6c91bf;--color2:#424c58;--color3:#ffffff;--color4:#32393d;--color5:#f3f6fa;--color6:#c7d8ed;--color7:#374785;--color8:#5079ac;--color9:#f58c34;--color10:#fe654f;--color11:#e9f0ff;--color12:#f3f6fa;--color13:#f5f9fb;--text-color:#323949;--text-color-15:#e0e2e4;--text-color-50:rgba(50, 57, 73, 0.5);--text-color-70:rgba(50, 57, 73, 0.7);--accent-color:#f58c34;--accent-color-light:#f8a967;--green-color:#5ca35c;--red-color:#d52e28;--purple-color:#7876af;--blue-color:#536dec;--light-blue-color:#eef4fa;--black-blue-color1:#17223a;--primary-bg:#f8f8f8;--accent-color:#f58c34;--accent-color-light:#fe654f;--dark-blue:#323949;--white:#ffffff;--text-gray:#666666;--border-radius:10px;--border-radius-lg:20px;--trans-elem:0.2s cubic-bezier(0.27, 0.44, 0.56, 0.96);--box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.25),0 0 0 0px rgba(0, 0, 0, 0.05);--border:1px solid var(--text-color-15)}.theme-dark,[data-theme=dark]{--color1:#6c91bf;--color2:#ffffff;--color3:#32393d;--color4:#f3f6fa;--color5:#f3f6fa;--color6:#c7d8ed;--color7:#374785;--color8:#5079ac;--color9:#f58c34;--color10:#fe654f;--color11:#32393d;--color12:#2e2d30;--color13:#2e2d30;--back:#292c2d;--freelance_color:#eeeded29;--text-color:#fff;--text-color-15:#939394;--text-color-50:#939394;--text-color-70:rgba(255, 255, 255, 0.7);--accent-color:#f58c34;--accent-color-light:#f8a967;--green-color:#5ca35c;--red-color:#d52e28;--purple-color:#7876af;--blue-color:#536dec;--light-color:#323335;--light-blue-color:#525355;--black-blue-color1:#17223a;--primary-bg:#27282a;--bg-color:#27282a;--bg-grey-color:rgba(53, 54, 56, 0.98);--grey-color:#3c3d3f;--black-color-20:#939394;--black-color-30:#676869;--white5:#323335;--white10:#3c3d3f;--white15:#47484a;--white50:#939394;--accent-color:#f58c34;--accent-color-light:#fe654f;--dark-blue:#fff;--white:#323335;--text-gray:#939394;--border-radius:10px;--border-radius-lg:20px;--trans-elem:0.2s cubic-bezier(0.27, 0.44, 0.56, 0.96);--box-shadow:0 2px 5px 0 rgba(118, 118, 118, 0.25),0 0 0 0px rgba(118, 118, 118, 0.05);--box-shadow-second:0 0 0 0px rgba(118, 118, 118, 0.05),0 0 2px 0 rgba(118, 118, 118, 0.25);--border:0.0625rem solid var(--light-blue-color)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--primary-bg);color:var(--dark-blue);line-height:1.6;overflow-x:hidden}.theme-dark body,body.theme-dark{background-color:var(--bg-color);color:var(--text-color)}.theme-dark .hero{background:var(--bg-color)}.theme-dark .hero-image{background:var(--white5);box-shadow:var(--box-shadow)}.theme-dark .services{background:var(--bg-grey-color)}.theme-dark .service-card{background:var(--white5);box-shadow:var(--box-shadow)}.theme-dark .service-card:hover{box-shadow:var(--box-shadow-second)}.theme-dark .steps{background:var(--bg-color)}.theme-dark .sync-step-card{background:var(--white5);box-shadow:var(--box-shadow)}.theme-dark .sync-step-card:hover{box-shadow:var(--box-shadow-second)}.theme-dark .sync-step-text{color:var(--text-color-50)}.theme-dark .section-header p{color:var(--text-color-50)}.theme-dark .placeholder-gif{background:var(--white5);box-shadow:var(--box-shadow)}.theme-dark .placeholder-gif span{color:var(--text-color-50)}.theme-dark .steps-visual img{box-shadow:var(--box-shadow)}.theme-dark .service-card h3,[data-theme=dark] .service-card h3{color:var(--text-color)}.theme-dark .sync-step-title,[data-theme=dark] .sync-step-title{color:var(--text-color)}.theme-dark .section-header h2,[data-theme=dark] .section-header h2{color:var(--text-color)}.theme-dark .hero-text h1,[data-theme=dark] .hero-text h1{color:var(--text-color)}.theme-dark .hero-text p,[data-theme=dark] .hero-text p{color:var(--text-color-50)}.hero{display:flex;align-items:center;justify-content:center;padding:200px 5% 114px;background:var(--primary-bg);position:relative;flex-direction:column}.hero-content{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-text{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out .2s forwards;display:flex;flex-direction:column;gap:10px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-text h1{font-size:64px;font-weight:600;line-height:1.1;margin-bottom:10px;letter-spacing:-.03em;color:var(--accent-color)}.hero-text h1 span{color:var(--text-color)}.hero-text p{font-size:20px;color:var(--text-gray);line-height:1.3}.search-btn{background:var(--accent-color);color:#fff;padding:10px 25px;border:none;font-weight:600;cursor:pointer;display:flex;justify-content:center;font-size:16px;font-family:Montserrat,sans-serif;transition:background-color var(--trans-elem);border-radius:var(--border-radius);max-width:257px}.search-btn:hover{background:var(--accent-color-light)}.hero-visual{position:relative;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out .4s forwards}.hero-image{width:100%;border-radius:20px;background:var(--white);padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.1)}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:48px;font-weight:600;margin-bottom:16px;letter-spacing:-.02em}.section-header p{font-size:19px;color:var(--text-gray)}.services{padding:80px 5%;background:var(--white)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:0 auto}.service-card{background:var(--white10);padding:32px;border-radius:var(--border-radius);text-align:center;transition:transform var(--trans-elem),box-shadow var(--trans-elem);border:var(--border)}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.service-icon{margin-bottom:16px;color:var(--accent-color)}.service-icon svg{width:48px;height:48px}.service-card h3{font-size:19px;font-weight:600;margin-bottom:8px}.steps{padding:80px 5%;background:var(--primary-bg);max-width:1265px;border-radius:var(--border-radius);margin:0 auto;margin-bottom:25px}.steps-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.steps-list{display:flex;flex-direction:column;gap:32px}.sync-step-card{background:var(--primary-bg);padding:20px 24px;border-radius:15px;transition:transform var(--trans-elem),box-shadow var(--trans-elem);transform:translateX(-30px)}.sync-step-card.in-view{opacity:1;transform:translateX(0)}.sync-step-card:hover{transform:translateX(5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.sync-step-number{font-size:40px;font-weight:600;color:var(--accent-color);margin-bottom:16px;letter-spacing:-.02em}.sync-step-title{font-size:24px;font-weight:600;margin-bottom:12px}.sync-step-title--underline{display:inline;padding-bottom:3px;width:fit-content}.sync-step-text{color:var(--text-color-50);line-height:1.2;font-size:16px}.placeholder-gif{background:var(--white);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:400px;box-shadow:0 10px 40px rgba(0,0,0,.08)}.placeholder-gif i{font-size:48px;color:var(--accent-color);opacity:.6}.placeholder-gif span{font-size:14px;color:var(--text-gray);font-weight:500}.steps-visual{display:flex;align-items:center;justify-content:center}.steps-visual img{width:100%;max-width:600px;border-radius:15px;box-shadow:0 20px 60px rgba(0,0,0,.1)}.reveal{transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.reveal-on-scroll{transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;display:flex;flex-direction:column}.reveal-on-scroll.in-view{opacity:1;transform:translateY(0)}@media (max-width:968px){.hero{padding-top:100px}.hero-content,.steps-content{grid-template-columns:1fr;gap:48px}.hero-text{align-items:center}.hero-text h1{font-size:40px}.hero-text p{text-align:center}.section-header h2{font-size:32px}.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.services-grid{grid-template-columns:1fr}.section-header h2{font-size:29px}.section-header p{font-size:16px}.hero-text p{font-size:16px}.hero-text h1{text-align:center}.hero-image{padding:10px}}