@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080b10;--panel:#10151d;--panel2:#141b25;--text:#f4f7fb;--muted:#a5afbd;--blue:#3687ff;--blue2:#6eb0ff;--line:#242d39;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:10;background:rgba(8,11,16,.92);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font-size:13px;letter-spacing:.11em;font-weight:700;white-space:nowrap}.brand b{color:var(--blue2);font-weight:700}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--blue);color:white;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:0}.nav{display:flex;gap:32px;color:#c1cad6;font-size:13px}.nav a:hover,.text-link:hover{color:var(--blue2)}.header-actions{display:flex;align-items:center;gap:12px}.language-switch,.menu-toggle{border:1px solid #354050;background:transparent;color:var(--text);border-radius:7px;padding:7px 10px;cursor:pointer;font-size:12px}.menu-toggle{display:none;font-size:19px}.hero{max-width:var(--max);margin:auto;padding:104px 28px 100px;min-height:560px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px}.eyebrow{color:var(--blue2);font-size:11px;letter-spacing:.18em;font-weight:700;margin:0 0 17px}.hero h1,.section h2,.about-inner h2,.contact-intro h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.1;font-weight:700}.hero h1{font-size:clamp(40px,5vw,65px);max-width:630px;margin:0}.hero-copy{color:var(--muted);font-size:17px;max-width:490px;margin:24px 0 28px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:12px 19px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;border:1px solid transparent;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:white;box-shadow:0 8px 24px #1674ff2b}.button-primary:hover{background:#2379f3}.text-link{font-size:13px;color:#d9e3f0}.hero-visual{position:relative;min-height:350px;display:grid;place-items:center}.browser-card{position:relative;z-index:1;width:min(100%,460px);border:1px solid #344253;border-radius:13px;overflow:hidden;background:#101721;box-shadow:0 35px 90px #0008;transform:rotate(1.5deg)}.browser-top{height:40px;display:flex;align-items:center;gap:5px;padding:0 13px;background:#171f2b;border-bottom:1px solid #2b3543}.browser-top i{width:7px;height:7px;border-radius:50%;background:#566274}.browser-top span{font-size:9px;color:#718096;margin:auto}.browser-body{padding:25px 27px 28px}.mock-nav{display:flex;gap:12px;justify-content:flex-end;margin-bottom:36px}.mock-nav span{height:4px;width:35px;background:#3a485b;border-radius:4px}.mock-heading{height:17px;width:74%;background:#eaf2ff;border-radius:4px;margin-bottom:8px}.mock-heading.short{width:49%;background:var(--blue);margin-bottom:20px}.mock-copy{height:5px;width:80%;background:#3b4656;border-radius:5px;margin:8px 0}.mock-copy.narrow{width:56%}.mock-button{width:90px;height:25px;background:var(--blue);border-radius:5px;margin-top:22px}.mock-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:30px}.mock-panels div{height:62px;border-radius:5px;background:linear-gradient(145deg,#192c45,#101721);border:1px solid #263a53}.blue-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#1978ff45 0%,#1265e51b 44%,transparent 72%);filter:blur(5px);right:0;top:10px}.section{max-width:var(--max);margin:auto;padding:76px 28px}.services-section{border-top:1px solid var(--line)}.section-heading{max-width:650px;margin-bottom:34px}.section h2,.contact-intro h2,.about-inner h2{font-size:clamp(30px,3.6vw,43px);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:25px 24px;min-height:205px}.card-number{font-size:11px;color:var(--blue2);letter-spacing:.1em}.service-card h3{font-family:Manrope,sans-serif;font-size:17px;margin:20px 0 8px}.service-card p,.heading-note{color:var(--muted);font-size:13px;margin:0}.work-section{padding-top:80px}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;max-width:none}.split-heading>div{max-width:620px}.heading-note{max-width:310px;margin-bottom:5px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{min-width:0}.project-preview{height:245px;border-radius:10px;position:relative;overflow:hidden;padding:20px;display:flex;flex-direction:column;justify-content:center}.preview-one{background:#dce6f1;color:#0a1726}.preview-two{background:#0c2038;color:#f7faff;border:1px solid #224a79}.preview-three{background:#14202f;color:#f7faff;border:1px solid #29394e}.preview-label{position:absolute;top:18px;left:19px;font-size:8px;letter-spacing:.16em;opacity:.72}.preview-big{font-family:Manrope,sans-serif;font-size:clamp(23px,2.5vw,34px);line-height:1.04;font-weight:800;letter-spacing:-.06em;position:relative;z-index:1}.preview-line{width:60px;height:4px;background:var(--blue);margin-top:17px}.preview-circle{position:absolute;width:150px;height:150px;border-radius:50%;right:-27px;top:20px;background:linear-gradient(135deg,#2486ff,#16467f);opacity:.75}.preview-pill{font-size:8px;letter-spacing:.12em;margin-top:25px;border:1px solid #729acb;padding:8px 10px;width:max-content;border-radius:20px}.preview-bars{display:flex;gap:7px;margin-top:20px}.preview-bars i{display:block;height:4px;width:44px;background:var(--blue);border-radius:4px}.preview-bars i:nth-child(2){opacity:.5}.preview-bars i:nth-child(3){opacity:.25}.project-info{display:flex;justify-content:space-between;align-items:center;padding:13px 2px}.project-info h3{font-size:14px;margin:0 0 2px}.project-info p{font-size:11px;color:var(--muted);margin:0}.project-info>span{color:var(--blue2);font-size:19px}.about-section{background:linear-gradient(110deg,#0e1622,#0b1018);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-inner{max-width:770px;margin:auto;padding:84px 28px;text-align:center}.about-inner h2{max-width:680px;margin:0 auto 19px}.about-inner>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:650px;margin:0 auto 25px}.button-outline{border-color:#43546b;color:#edf4ff;background:transparent}.button-outline:hover{border-color:var(--blue)}.contact-section{display:grid;grid-template-columns:1fr .8fr;gap:90px;padding-top:90px;padding-bottom:95px}.contact-intro>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:360px;margin:20px 0 25px}.contact-email{display:inline-flex;align-items:center;gap:12px;font-size:15px;color:var(--blue2);font-weight:600}.contact-email span{font-size:19px}.contact-form{display:flex;flex-direction:column}.contact-form label{font-size:12px;color:#d5dce7;margin:0 0 7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #2c3746;background:#0e131b;color:var(--text);border-radius:7px;padding:12px 13px;margin-bottom:17px;outline:none;font-size:13px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#697586}.submit-button{align-self:flex-start}.form-note{color:#7f8b9b;font-size:10px;margin:10px 0 0}.site-footer{border-top:1px solid var(--line);min-height:90px;padding:23px max(5vw,24px);display:flex;align-items:center;gap:28px}.footer-brand{font-size:11px}.footer-brand .brand-mark{width:28px;height:28px;font-size:16px}.site-footer>p{color:var(--muted);font-size:11px;margin:0}.copyright{margin-left:auto;color:#788495;font-size:10px}
@media(max-width:850px){.nav{gap:17px}.hero{gap:25px;padding-top:75px}.hero-visual{min-height:280px}.browser-body{padding:20px}.contact-section{gap:45px}.project-preview{height:210px}.split-heading{align-items:flex-start;flex-direction:column;gap:16px}.heading-note{max-width:500px}}
@media(max-width:680px){.site-header{height:68px}.brand{font-size:11px}.brand-mark{width:30px;height:30px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:67px;left:0;right:0;padding:16px 24px 22px;background:#0a0e14;border-bottom:1px solid var(--line);flex-direction:column;gap:17px}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding:70px 24px 58px;gap:30px}.hero h1{font-size:clamp(40px,12vw,57px)}.hero-copy{font-size:15px}.hero-visual{min-height:245px}.browser-card{width:95%}.blue-orb{width:220px;height:220px;right:0}.section{padding:60px 24px}.service-grid,.portfolio-grid{grid-template-columns:1fr}.service-card{min-height:auto}.project-preview{height:245px}.about-inner{padding:65px 24px}.contact-section{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.site-footer{flex-wrap:wrap;gap:13px}.site-footer>p{order:3;width:100%}.copyright{font-size:9px}.hero-actions{gap:17px}.button{padding:11px 15px}}