:root{--bg:#03070d;--bg-2:#050b13;--bg-card:#07111d;--white:#ffffff;--text:#f5f7fa;--text-soft:#aab4c3;--text-muted:#697586;--blue:#0878ff;--blue-light:#1687ff;--blue-dark:#005bd4;--border:rgba(255,255,255,0.08);--border-blue:rgba(22,135,255,0.45);--container:1180px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.5}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient( circle at 75% 20%,rgba(0,100,255,0.13),transparent 30% ),radial-gradient( circle at 10% 55%,rgba(0,70,180,0.06),transparent 30% )}.container{width:min(var(--container),calc(100% - 80px));margin:0 auto}.site-header{position:fixed;top:0;left:0;width:100%;height:76px;z-index:1000;background:rgba(2,7,13,0.712);border-bottom:1px solid rgba(255,255,255,0.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center}.logo{width:74px;height:auto;object-fit:contain}.main-nav{display:flex;align-items:center;gap:38px;margin-left:auto}.main-nav a{position:relative;color:#dce2ea;font-size:16px;font-weight:500;padding:29px 0;transition:color 0.25s ease}.main-nav a:hover,.main-nav a.active{color:var(--blue-light)}.main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--blue-light)}.language-switcher{display:flex;align-items:center;gap:4px;margin-left:28px}.lang-btn{border:0;background:transparent;color:#9ca7b6;font-size:15px;font-weight:600;padding:7px 5px;cursor:pointer;transition:color 0.2s ease}.lang-btn:hover{color:#ffffff}.hamburger{display:none;width:40px;height:40px;border:0;background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.hamburger span{display:block;width:22px;height:1px;background:#ffffff}.hero{position:relative;min-height:680px;padding-top:76px;display:flex;align-items:center;overflow:hidden;background:radial-gradient( circle at 78% 48%,rgba(0,112,255,0.16),transparent 30% ),linear-gradient( 180deg,#03070d 0%,#040a12 100% )}.hero-grid{min-height:604px;display:grid;grid-template-columns:48% 52%;align-items:center}.hero-content{position:relative;z-index:5;padding-top:20px}.section-label{color:var(--blue-light);font-size:20px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.hero-mini-title{margin-top:8px;color:#b5c0ce;font-size:11px;letter-spacing:3px;font-weight:500;display:none}.hero h1{margin-top:18px;font-size:clamp(55px,5.8vw,82px);line-height:0.98;font-weight:800;letter-spacing:-4px;max-width:670px}.hero h1 span{color:#ffffff}.hero h1 strong{color:var(--blue);font-weight:800}.hero-description{max-width:520px;margin-top:26px;color:#c1cad5;font-size:17px;line-height:1.65}.hero-buttons{display:flex;align-items:center;gap:18px;margin-top:34px}.btn{min-height:48px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-size:13px;font-weight:600;transition:transform 0.25s ease,background 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease}.btn:hover{transform:translateY(-2px)}.btn span{font-size:18px;line-height:0}.btn-primary{color:#ffffff;background:var(--blue);box-shadow:0 12px 30px rgba(0,105,255,0.25)}.btn-primary:hover{background:var(--blue-light);box-shadow:0 16px 35px rgba(0,105,255,0.35)}.btn-outline{color:#ffffff;border:1px solid rgba(255,255,255,0.55);background:transparent}.btn-outline:hover{border-color:#ffffff;background:rgba(255,255,255,0.05)}.hero-visual{position:relative;height:520px;display:flex;align-items:center;justify-content:center}.hero-glow{position:absolute;width:460px;height:460px;border-radius:50%;background:rgba(0,102,255,0.12);filter:blur(90px)}.browser-mockup{position:relative;z-index:3;width:570px;height:355px;margin-left:25px;border:1px solid rgba(130,180,255,0.30);border-radius:16px;background:#07101a;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);box-shadow:0 35px 80px rgba(0,0,0,0.50),0 0 70px rgba(0,90,255,0.10)}.browser-top{height:42px;display:flex;align-items:center;padding:0 15px;background:rgba(15,23,34,0.96);border-bottom:1px solid rgba(255,255,255,0.07)}.browser-dots{display:flex;gap:6px}.browser-dots span{width:7px;height:7px;border-radius:50%;background:#596575}.browser-dots span:first-child{background:#e35b55}.browser-dots span:nth-child(2){background:#d9a82e}.browser-dots span:nth-child(3){background:#38ad59}.browser-address{margin:0 auto;color:#8e9aaa;font-size:9px}.browser-content{height:calc(100% - 42px);padding:19px 22px;background:linear-gradient( 135deg,#07111c,#0b1625 )}.mockup-nav{display:flex;align-items:center;justify-content:space-between;color:#ffffff;font-size:8px}.mockup-logo{font-size:12px;font-weight:800}.mockup-nav div{display:flex;gap:22px;color:#aeb9c7}.mockup-main{display:grid;grid-template-columns:42% 58%;gap:20px;margin-top:35px}.mockup-lines{padding-top:8px}.mockup-line{width:92%;height:10px;margin-bottom:10px;border-radius:10px;background:#3b4655}.mockup-line.big{width:100%;height:18px;background:var(--blue)}.mockup-line.small{width:65%}.mockup-button{width:75px;margin-top:20px;padding:7px 9px;text-align:center;border-radius:20px;background:var(--blue);color:#ffffff;font-size:7px}.mockup-image{height:190px;border-radius:10px;overflow:hidden;background:#102443}.mockup-image img{width:100%;height:100%;object-fit:cover;opacity:0.88}.phone-mockup{position:absolute;z-index:5;right:-5px;bottom:47px;width:132px;height:250px;padding:8px;border:2px solid #263343;border-radius:22px;background:#080d13;box-shadow:0 25px 50px rgba(0,0,0,0.55)}.phone-top{position:absolute;top:7px;left:50%;width:42px;height:6px;transform:translateX(-50%);border-radius:10px;background:#18212c;z-index:2}.phone-screen{width:100%;height:100%;border-radius:15px;overflow:hidden;background:#101823}.phone-screen img{width:100%;height:100%;object-fit:cover}.stats-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#03080f}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stat{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--border)}.stat:last-child{border-right:0}.stat strong{font-size:23px;font-weight:700}.stat span{margin-top:2px;color:var(--text-muted);font-size:11px}.portfolio-intro{padding:150px 0 115px;text-align:center;background:radial-gradient( circle at 50% 40%,rgba(0,90,255,0.06),transparent 35% ),#03070d}.portfolio-intro-content{display:flex;flex-direction:column;align-items:center}.portfolio-intro h2{margin-top:12px;font-size:clamp(42px,5vw,62px);line-height:1;letter-spacing:-3px}.portfolio-intro p{max-width:650px;margin-top:22px;color:#8995a5;font-size:14px;line-height:1.7}.portfolio-intro .btn{margin-top:27px}.projects-preview{padding:90px 0 120px;background:#040a12}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px}.section-heading h2{margin-top:8px;font-size:38px;letter-spacing:-1.8px}.view-all{color:var(--blue-light);font-size:13px;font-weight:500;transition:opacity 0.2s ease}.view-all:hover{opacity:0.7}.view-all span{margin-left:5px;font-size:17px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project{min-width:0}.project-image{position:relative;display:block;aspect-ratio:1.52 / 1;overflow:hidden;border:1px solid var(--border-blue);border-radius:8px;background:#081321}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.project:hover .project-image img{transform:scale(1.045)}.project-info{padding:16px 3px 0}.project-category{color:var(--blue-light);font-size:9px;font-weight:600;letter-spacing:2px}.project h3{margin-top:8px;font-size:17px;font-weight:600;letter-spacing:-0.4px}.project p{max-width:300px;margin-top:6px;color:#8793a3;font-size:12px;line-height:1.6}.why-iws{padding:105px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:radial-gradient( circle at 15% 50%,rgba(0,80,200,0.08),transparent 35% ),#040a11}.why-grid{display:grid;grid-template-columns:42% 58%;align-items:center}.why-intro h2{margin-top:13px;font-size:38px;line-height:1.04;letter-spacing:-2px}.why-intro h2 strong{color:var(--blue-light)}.why-intro>p{max-width:420px;margin-top:22px;color:#8c98a8;font-size:13px;line-height:1.7}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--blue-light);border-radius:50%;color:var(--blue-light);font-size:17px;margin-bottom:18px}.feature h3{font-size:15px;font-weight:600}.feature p{margin-top:8px;color:#8490a0;font-size:11px;line-height:1.65}.cta{position:relative;min-height:300px;display:flex;align-items:center;overflow:hidden;background:radial-gradient( ellipse at 70% 50%,rgba(0,100,255,0.18),transparent 45% ),linear-gradient( 90deg,#06111d,#071523 )}.cta::before{content:"";position:absolute;inset:0;background:linear-gradient( 90deg,rgba(2,8,14,0.95),rgba(3,14,28,0.72),rgba(2,8,14,0.94) );z-index:0}.cta-overlay{position:absolute;inset:0;background:radial-gradient( circle at 75% 50%,rgba(0,113,255,0.15),transparent 32% )}.cta-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.cta-content h2{margin-top:9px;font-size:45px;line-height:0.98;letter-spacing:-2px}.cta-content p{max-width:360px;margin-top:15px;color:#9ba7b6;font-size:12px;line-height:1.6}.cta-inner .btn{min-width:150px}.site-footer{background:#02060b;border-top:1px solid var(--border)}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:28px}.footer-logo{width:65px}.footer-brand span{color:#8b96a5;font-size:10px}.footer-nav{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:35px}.footer-nav a{color:#a7b1bf;font-size:11px;transition:color 0.2s ease}.footer-nav a:hover{color:var(--blue-light)}.instagram-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;color:#9da8b6;font-size:13px;transition:color 0.2s ease,border-color 0.2s ease}.instagram-link:hover{color:var(--blue-light);border-color:var(--blue-light)}@media (max-width:1000px){.container{width:min(100% - 48px,var(--container))}.main-nav{gap:22px}.language-switcher{margin-left:15px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:55px}.browser-mockup{width:480px;height:300px}.phone-mockup{width:105px;height:205px;right:-5px}.why-grid{grid-template-columns:1fr;gap:55px}.why-intro>p{max-width:600px}}@media (max-width:760px){.container{width:calc(100% - 40px)}.site-header{height:70px}.logo{width:62px}.main-nav{position:fixed;top:70px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;gap:0;padding:15px 20px 25px;background:rgba(3,8,14,0.98);border-bottom:1px solid var(--border);backdrop-filter:blur(20px)}.main-nav.open{display:flex}.main-nav a{width:100%;padding:15px 0;font-size:14px}.main-nav a.active::after{display:none}.language-switcher{margin-left:auto;margin-right:10px}.hamburger{display:flex}.hero{min-height:auto;padding-top:70px}.hero-grid{min-height:auto;grid-template-columns:1fr;padding-top:75px;padding-bottom:65px}.hero-content{text-align:left}.hero h1{margin-top:13px;font-size:clamp(45px,13vw,65px);letter-spacing:-2.8px}.hero-description{margin-top:22px;font-size:15px}.hero-buttons{margin-top:27px}.hero-visual{height:330px;margin-top:35px}.browser-mockup{width:92%;height:225px;margin-left:-15px;transform:none}.browser-content{padding:12px}.mockup-main{margin-top:20px}.mockup-image{height:130px}.phone-mockup{right:-2px;bottom:20px;width:82px;height:160px}.stats-grid{grid-template-columns:1fr}.stat{min-height:90px;border-right:0;border-bottom:1px solid var(--border)}.stat:last-child{border-bottom:0}.portfolio-intro{padding:100px 0 85px}.portfolio-intro h2{font-size:43px;letter-spacing:-2px}.portfolio-intro p{font-size:13px}.projects-preview{padding:75px 0 85px}.section-heading{display:block}.section-heading h2{font-size:32px}.view-all{display:inline-block;margin-top:15px}.projects-grid{grid-template-columns:1fr;gap:40px}.why-iws{padding:80px 0}.why-intro h2{font-size:34px}.features{grid-template-columns:1fr;gap:38px}.feature{max-width:400px}.cta{padding:80px 0}.cta-inner{display:block}.cta-content h2{font-size:42px}.cta-inner .btn{margin-top:30px}.footer-inner{padding:35px 0;flex-direction:column;align-items:flex-start;gap:28px}.footer-brand{gap:18px}.footer-nav{margin:0;flex-wrap:wrap;gap:20px}.instagram-link{align-self:flex-start}}@media (max-width:420px){.container{width:calc(100% - 30px)}.hero h1{font-size:43px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}.hero-visual{height:280px}.browser-mockup{width:94%;height:190px}.phone-mockup{width:70px;height:138px}.portfolio-intro h2{font-size:37px}.section-heading h2{font-size:29px}.why-intro h2{font-size:30px}.cta-content h2{font-size:37px}}.about-section{padding-top:45px;padding-bottom:120px}.about-content{display:flex;flex-direction:column}.about-block{display:grid;grid-template-columns:90px 1fr;gap:35px;padding:45px 0}.about-block:first-child{padding-top:20px}.about-block + .about-block{margin-top:170px;padding-top:75px;border-top:1px solid rgba(255,255,255,0.07)}.about-number{color:#1687ff;font-size:13px;font-weight:600;letter-spacing:2px;padding-top:8px}.about-text{max-width:760px}.about-text h2{margin-top:12px;font-size:38px;line-height:1.08;letter-spacing:-1.8px}.about-text p{max-width:700px;margin-top:25px;color:#8995a5;font-size:14px;line-height:1.8}.lang-btn.active{color:#ffffff}@media (max-width:760px){.about-section{padding-top:30px;padding-bottom:80px}.about-block{grid-template-columns:1fr;gap:8px;padding:30px 0}.about-block:first-child{padding-top:10px}.about-block + .about-block{margin-top:55px;padding-top:50px}.about-number{padding-top:0}.about-text h2{font-size:31px}.about-text p{font-size:14px;line-height:1.75}}@media (max-width:420px){.container{width:calc(100% - 30px)}.hero h1{font-size:43px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}.hero-visual{height:280px}.browser-mockup{width:94%;height:190px}.phone-mockup{width:70px;height:138px}.portfolio-intro h2{font-size:37px}.section-heading h2{font-size:29px}.why-intro h2{font-size:30px}.cta-content h2{font-size:37px}}.hero-image{position:relative;z-index:3;width:100%;max-width:680px;height:auto;display:block;margin-left:20px;border-radius:18px;object-fit:cover;box-shadow:0 35px 80px rgba(0,0,0,0.50),0 0 70px rgba(0,90,255,0.12)}@media (max-width:760px){.hero-image{width:100%;max-width:620px;margin-left:0;border-radius:14px}}.project-video video{width:100%;height:100%;object-fit:cover;display:block;background:#081321;transition:transform 0.5s ease}.project:hover .project-video video{transform:scale(1.045)}.expand-video-btn{position:absolute;top:10px;right:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(8,19,33,0.75);border:1px solid var(--border-blue,rgba(255,255,255,0.15));border-radius:6px;color:#ffffff;cursor:pointer;z-index:2}.video-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.92);align-items:center;justify-content:center}.video-overlay.is-open{display:flex}.video-overlay video{max-width:80vw;max-height:75vh;object-fit:contain}.video-overlay-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:#ffffff;font-size:18px;cursor:pointer}@media (max-width:768px){.video-overlay video{width:100%;max-width:50vw;max-height:50vh}}