@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0b0d;font-family:DM Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f5f5f5;background:#0b0b0d;min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,textarea{font:inherit}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:2px solid #8b6cff}.site{max-width:1440px;margin:0 auto;padding:0 5%}.navbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:92px;display:flex}.logo{flex-shrink:0;align-items:center;display:flex}.logoImage{object-fit:contain;width:190px;height:auto;display:block}nav{align-items:center;gap:34px;display:flex}nav a{color:#aaa;font-size:14px;transition:color .2s;position:relative}nav a:after{content:"";background:#7c5cff;width:0;height:1px;transition:width .2s;position:absolute;bottom:-7px;left:0}nav a:hover{color:#fff}nav a:hover:after{width:100%}.navButton,.primaryButton{color:#111;background:#f5f5f5;border-radius:999px;justify-content:center;align-items:center;padding:13px 22px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.navButton:hover,.primaryButton:hover{background:#fff;transform:translateY(-2px)}.hero{flex-direction:column;justify-content:center;max-width:1120px;min-height:calc(100vh - 92px);padding:90px 0;display:flex}.heroBadge{color:#aaa;border:1px solid #ffffff1f;border-radius:999px;width:fit-content;margin-bottom:30px;padding:9px 14px;font-size:13px}.hero h1{letter-spacing:-5px;max-width:1120px;font-family:Manrope,sans-serif;font-size:clamp(52px,6.4vw,94px);font-weight:600;line-height:.99}.hero h1 span{color:#69696d}.hero>p{color:#999;max-width:670px;margin-top:32px;font-size:18px;line-height:1.75}.heroActions{align-items:center;gap:28px;margin-top:42px;display:flex}.secondaryButton{color:#aaa;align-items:center;gap:8px;font-size:14px;transition:color .2s;display:inline-flex}.secondaryButton:hover{color:#fff}.section{border-top:1px solid #ffffff14;padding:130px 0}.sectionEyebrow{color:#8b6cff;letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:600}.sectionIntro{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:70px;margin-top:20px;display:grid}.sectionIntro h2{letter-spacing:-2.5px;max-width:800px;font-family:Manrope,sans-serif;font-size:clamp(38px,4vw,58px);font-weight:600;line-height:1.08}.sectionIntro>p{color:#85858a;font-size:16px;line-height:1.75}.serviceGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px;display:grid}.serviceCard{background:#0d0d0f;border:1px solid #ffffff17;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:520px;padding:34px;transition:transform .25s,border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.serviceCard:hover{background:#101012;border-color:#7c5cff73;transform:translateY(-6px)}.serviceCard.featured{background:radial-gradient(circle at 100% 0,#7c5cff2b,#0000 38%),#121214;border-color:#7c5cff59}.popularBadge{color:#b9aaff;background:#7c5cff1a;border:1px solid #7c5cff59;border-radius:999px;padding:7px 11px;font-size:11px;position:absolute;top:24px;right:24px}.cardNumber{color:#5d5d62;font-size:13px;display:block}.serviceCard h3{letter-spacing:-1px;margin-top:55px;font-family:Manrope,sans-serif;font-size:28px;font-weight:600}.serviceCard>div>p{color:#85858a;margin-top:18px;line-height:1.65}.serviceCard ul{margin-top:30px;list-style:none}.serviceCard li{color:#aaa;border-bottom:1px solid #ffffff0f;padding:10px 0 10px 20px;font-size:14px;position:relative}.serviceCard li:before{content:"";background:#7c5cff;border-radius:50%;width:5px;height:5px;position:absolute;top:17px;left:0}.serviceBottom{justify-content:space-between;align-items:center;gap:15px;margin-top:35px;display:flex}.serviceBottom strong{font-size:17px;font-weight:500}.serviceBottom a{color:#888;font-size:14px;transition:color .2s}.serviceBottom a:hover{color:#fff}.projectCard{background:#0e0e10;border:1px solid #ffffff17;border-radius:24px;grid-template-columns:.8fr 1.2fr;gap:50px;margin-top:70px;padding:36px;transition:transform .25s,border-color .25s;display:grid}.projectCard:hover{border-color:#7c5cff66;transform:translateY(-5px)}.projectInfo{flex-direction:column;min-height:400px;display:flex}.projectInfo>span{color:#777;font-size:13px}.projectInfo>div{margin:auto 0}.projectInfo h3{letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:clamp(38px,4vw,58px)}.projectInfo p{color:#85858a;max-width:400px;margin-top:18px;line-height:1.7}.projectInfo strong{font-size:14px;font-weight:500}.projectVisual{background:#161619;border:1px solid #ffffff14;border-radius:16px;min-height:440px;overflow:hidden}.browserTop{background:#202024;align-items:center;gap:7px;height:45px;padding:0 17px;display:flex}.browserTop span{background:#555;border-radius:50%;width:8px;height:8px}.projectPreview{background:radial-gradient(circle,#7c5cff2b,#0000 45%),#101012;justify-content:center;align-items:center;height:calc(100% - 45px);display:flex}.projectPreview span{letter-spacing:-2px;color:#ffffffe6;font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,60px);font-weight:600}.processGrid{border-top:1px solid #ffffff1a;grid-template-columns:repeat(4,1fr);margin-top:70px;display:grid}.processItem{border-right:1px solid #ffffff14;min-height:290px;padding:30px}.processItem:first-child{padding-left:0}.processItem:last-child{border-right:0}.processItem span{color:#7c5cff;font-size:13px}.processItem h3{margin-top:60px;font-family:Manrope,sans-serif;font-size:24px;font-weight:600}.processItem p{color:#85858a;margin-top:15px;font-size:14px;line-height:1.65}.about{grid-template-columns:.35fr 1fr;gap:80px;display:grid}.aboutContent h2{letter-spacing:-2.5px;max-width:920px;font-family:Manrope,sans-serif;font-size:clamp(38px,4vw,58px);font-weight:600;line-height:1.1}.aboutContent h2 span{color:#66666b}.aboutText{max-width:680px;margin-top:50px;margin-left:auto}.aboutText p{color:#999;font-size:17px;line-height:1.8}.aboutText p+p{margin-top:25px}.contact{padding-top:140px;padding-bottom:140px}.contactGrid{grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr);align-items:start;gap:90px;display:grid}.contactIntro{min-width:0}.contactIntro h2{letter-spacing:-4px;max-width:780px;margin-top:24px;font-family:Manrope,sans-serif;font-size:clamp(46px,5vw,76px);font-weight:600;line-height:1.02}.contactIntro h2 span{color:#66666b}.contactIntro>p{color:#929297;max-width:570px;margin-top:28px;font-size:17px;line-height:1.75}.contactDetails{flex-direction:column;gap:7px;margin-top:48px;display:flex}.contactDetails span{color:#68686d;font-size:13px}.contactDetails strong{color:#f5f5f5;font-size:16px;font-weight:500}.contactForm{background:radial-gradient(circle at 100% 0,#7c5cff14,#0000 36%),#0f0f11;border:1px solid #ffffff17;border-radius:24px;width:100%;padding:38px;position:relative}.formGroup{width:100%;margin-bottom:24px}.formGroup label{color:#c3c3c7;margin-bottom:9px;font-size:13px;font-weight:500;display:block}.formGroup label span{color:#66666c;margin-left:5px;font-weight:400}.formGroup input,.formGroup textarea{color:#f5f5f5;background:#141416;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.5;transition:border-color .2s,background .2s,box-shadow .2s,opacity .2s;display:block}.formGroup input{height:52px;padding:0 16px}.formGroup textarea{resize:vertical;min-height:155px;padding:15px 16px}.formGroup input::placeholder,.formGroup textarea::placeholder{color:#5d5d62}.formGroup input:hover:not(:disabled),.formGroup textarea:hover:not(:disabled){border-color:#ffffff2b}.formGroup input:focus,.formGroup textarea:focus{background:#161619;border-color:#7c5cffbf;box-shadow:0 0 0 3px #7c5cff14}.submitButton{color:#111;cursor:pointer;background:#f5f5f5;border:none;border-radius:999px;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:52px;padding:0 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:transform .2s,background .2s,opacity .2s;display:flex}.submitButton:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.submitButton:active:not(:disabled){transform:translateY(0)}.submitButton span:last-child{font-size:19px;line-height:1}.formStatus{border-radius:10px;margin-top:18px;padding:13px 15px;font-size:13px;font-weight:500;line-height:1.5}.formStatusSuccess{color:#86efac;background:#22c55e14;border:1px solid #22c55e52}.formStatusError{color:#fca5a5;background:#ef444414;border:1px solid #ef444452}.formPrivacy{color:#606065;margin-top:18px;font-size:12px;line-height:1.5}.submitButton:disabled{cursor:not-allowed;opacity:.65;transform:none}.submitButton:disabled:hover{background:#f5f5f5;transform:none}.formGroup input:disabled,.formGroup textarea:disabled{cursor:not-allowed;opacity:.7}.footer{color:#666;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:30px;min-height:120px;font-size:13px;display:flex}.footerLogo{width:150px;height:auto}.footer a{transition:color .2s}.footer a:hover{color:#fff}@media (width<=1050px){.sectionIntro{grid-template-columns:1fr;gap:25px}.serviceGrid{grid-template-columns:1fr}.serviceCard{min-height:430px}.projectCard{grid-template-columns:1fr}.projectInfo{min-height:280px}.processGrid{grid-template-columns:repeat(2,1fr)}.processItem:nth-child(2){border-right:0}.processItem:nth-child(3),.processItem:nth-child(4){border-top:1px solid #ffffff14}.contactGrid{grid-template-columns:1fr;gap:60px}.contactForm{max-width:650px}}@media (width<=800px){.site{padding:0 22px}.navbar{height:80px}nav,.navButton{display:none}.logoImage{width:155px}.hero{min-height:calc(100vh - 80px);padding:75px 0}.heroBadge{margin-bottom:24px}.hero h1{letter-spacing:-3px;font-size:clamp(46px,13vw,68px)}.hero>p{font-size:16px}.heroActions{flex-direction:column;align-items:flex-start;gap:20px}.section{padding:90px 0}.sectionIntro h2{letter-spacing:-2px}.serviceGrid{margin-top:50px}.serviceCard{min-height:470px;padding:28px}.popularBadge{width:fit-content;margin-bottom:25px;position:static}.projectCard{gap:30px;padding:20px}.projectVisual{min-height:300px}.processGrid{grid-template-columns:1fr}.processItem{border-bottom:1px solid #ffffff14;border-right:0;min-height:auto;padding:35px 0}.processItem:first-child{padding-left:0}.processItem:nth-child(3),.processItem:nth-child(4){border-top:0}.processItem h3{margin-top:35px}.about{grid-template-columns:1fr;gap:30px}.aboutText{margin-left:0}.contact{padding-top:90px;padding-bottom:90px}.contactGrid{grid-template-columns:1fr;gap:55px}.contactIntro h2{letter-spacing:-3px;font-size:clamp(44px,12vw,62px)}.contactIntro>p{font-size:16px}.contactDetails{margin-top:35px}.contactForm{border-radius:20px;width:100%;max-width:none;padding:24px}.footer{flex-direction:column;align-items:flex-start;padding:35px 0}.footerLogo{width:140px}}@media (width<=480px){.site{padding:0 18px}.logoImage{width:145px}.hero h1{letter-spacing:-2.5px;font-size:clamp(42px,13vw,58px)}.heroBadge{font-size:12px}.serviceCard{min-height:auto}.contactIntro h2{font-size:clamp(40px,12vw,54px)}.contactForm{padding:20px}}