@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071426;--deep:#05101f;--blue:#238aff;--cyan:#42cfff;--text:#0d1b30;--muted:#64748b;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:#f6f9fd}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,16,31,.96);backdrop-filter:blur(18px);border-bottom:1px solid #18304d}.nav{height:76px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:206px;height:48px}.links{display:flex;gap:27px;align-items:center;margin-left:auto}.links a{font-size:12px;font-weight:700;color:#d4e0f0;transition:color .2s}.links a:hover{color:#55c7ff}.btn{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:24px;border-radius:10px;padding:16px 24px;background:linear-gradient(110deg,#1875f8,#319cfe);box-shadow:0 8px 30px #126afc40;color:#fff;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #126afc65}.btn span{font-size:19px}.btn-small{padding:12px 18px;font-size:11px;white-space:nowrap}.btn-outline{border-color:#5187bb;background:transparent;box-shadow:none}.btn-outline:hover{box-shadow:none;background:#153557}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 76% 35%,#113968 0,#071b34 36%,#061426 72%);color:white;position:relative;overflow:hidden}.hero::before,.section-dark::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#82a9ff08 1px,transparent 1px),linear-gradient(90deg,#82a9ff08 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.hero-glow{position:absolute;right:-160px;top:-230px;width:700px;height:700px;border-radius:50%;background:#006bff18;filter:blur(80px)}.hero-grid{min-height:600px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:35px;position:relative;padding:74px 0 55px}.eyebrow,.kicker{color:#2eabff;font-size:11px;letter-spacing:2.5px;font-weight:800}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#26ceff;margin-right:9px;box-shadow:0 0 12px #2ccfff}.hero h1{font-size:clamp(42px,5vw,72px);letter-spacing:-3.4px;line-height:1.11;margin:22px 0 25px;font-weight:800}.hero h1 em{font-style:normal;color:#39b9ff}.lead{max-width:520px;color:#c1d1e6;font-size:16px;line-height:1.85}.hero-actions{display:flex;gap:14px;margin:32px 0 48px}.hero-points{display:flex;gap:20px;flex-wrap:wrap}.hero-points span{font-size:10px;line-height:1.5;color:#9bb3d0;border-left:1px solid #315679;padding-left:14px;max-width:130px}.hero-points b{display:block;color:#4ec6ff;font-size:19px}.hero-visual{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #329eff22;border-radius:50%;width:430px;height:430px;transform:rotate(-30deg)}.orbit-two{width:340px;height:340px;border-style:dashed}.glow-circle{position:absolute;width:280px;height:280px;border-radius:50%;background:#007bff44;filter:blur(65px);z-index:0}.editor{position:relative;z-index:2;width:100%;max-width:500px;background:#071321;border:1px solid #3a6488;border-radius:15px;box-shadow:0 35px 100px #000b,0 0 60px #0066ff33;transform:perspective(1000px) rotateY(-8deg) rotateX(3deg);overflow:hidden}.editor-bar{display:flex;align-items:center;gap:7px;padding:15px 17px;background:#10243b;border-bottom:1px solid #244562}.editor-bar i{height:9px;width:9px;border-radius:50%;background:#fb6565}.editor-bar i:nth-child(2){background:#e7b54c}.editor-bar i:nth-child(3){background:#46c48b}.editor-bar span{margin-left:15px;font-size:10px;color:#8faac7}.editor-code{padding:25px 14px;font-family:Consolas,Monaco,monospace;color:#c3d8f1;font-size:12px;line-height:2.35;white-space:nowrap}.editor-code small{color:#47627f;margin-right:16px}.purple{color:#bc94ff}.cyan{color:#52d4f5}.green{color:#a6e79b}.orange{color:#ffb477}.cursor{color:#52d4f5}.editor-footer{background:#0d59b7;color:#e5f3ff;display:flex;justify-content:space-between;padding:9px 17px;font-size:10px}.float-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:#0a2444dd;backdrop-filter:blur(10px);border:1px solid #2e6cb4;color:#4bd3ff;box-shadow:0 12px 30px #0006;padding:13px 17px;border-radius:12px;font-size:23px;font-weight:800}.float-tag span{color:white;font-size:12px}.tag-one{top:25px;right:-10px}.tag-two{bottom:26px;right:12px;color:#58dfaa}.tag-three{bottom:50px;left:-24px;color:#fb6b5b}.scroll-note{font-size:10px;letter-spacing:2px;color:#789abb;padding-bottom:24px}.scroll-note span{margin-left:12px}.section{padding:95px 0}.section-light{background:#f7f9fc}.section-dark{position:relative;background:#07192e;color:white;overflow:hidden}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-head h2{font-size:clamp(30px,3.4vw,47px);letter-spacing:-1.7px;line-height:1.18;margin:12px 0 0}.section-head h2 span{color:#1685f8}.section-head>p{color:#73859d;font-size:13px;line-height:1.9;max-width:310px;margin:0}.section-dark .section-head>p{color:#9aafc7}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{background:white;border:1px solid #e6edf5;border-radius:15px;padding:28px;min-height:260px;box-shadow:0 10px 35px #132f5008;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-5px);border-color:#9bd5ff}.service-icon{width:54px;height:54px;background:#e7f3ff;border-radius:13px;display:grid;place-items:center;margin-bottom:23px}.service-icon img{width:30px;height:30px;filter:invert(41%) sepia(87%) saturate(2792%) hue-rotate(196deg) brightness(102%) contrast(102%)}.service-num{float:right;color:#b8c7d8;font-size:12px;font-weight:800}.service h3{font-size:17px;letter-spacing:-.5px;margin:0 0 11px}.service p{font-size:12px;line-height:1.9;color:#74849a;min-height:66px}.service a{display:flex;justify-content:space-between;color:#1685f8;font-weight:800;font-size:12px;margin-top:18px}.service a span{font-size:19px}.stack-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.tech{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:126px;background:#102843;border:1px solid #20425f;border-radius:12px;transition:transform .2s,background .2s}.tech:hover{transform:translateY(-4px);background:#173656}.tech b{font-size:37px;font-weight:800;line-height:1}.tech span{font-size:12px;color:#d6e4f5;font-weight:700}.php{color:#a7b4f8;font-style:italic}.laravel{color:#ff6057}.react{color:#61dafb}.next{color:#fff}.vue{color:#46c78e}.nuxt{color:#46dca5}.tailwind{color:#36c5ef}.postgres{color:#8db6e7}.mysql{color:#f7a642}.docker{color:#45a5fc}.git{color:#f76a53}.linux{color:#f9d576}.tech-note{font-size:11px;color:#7896b5;margin:22px 0 0}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{overflow:hidden;border-radius:16px;background:white;border:1px solid #e3ebf3;box-shadow:0 10px 30px #132f500a}.project-art{height:235px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.dashboard{background:linear-gradient(140deg,#b6d5f2,#e4f1fd)}.mock-window{height:180px;width:88%;border:6px solid #fff;border-radius:10px;box-shadow:0 20px 30px #255c9140;background:#f6fbff;display:flex;overflow:hidden;transform:rotate(-3deg)}.mock-sidebar{background:#0c2e56;width:25%;padding:20px 12px}.mock-sidebar i{display:block;height:8px;background:#28679e;margin:12px 0;border-radius:4px}.mock-body{flex:1;padding:20px}.mock-title{width:55%;height:12px;border-radius:4px;background:#aec9e3}.mock-stats{display:flex;gap:7px;margin:15px 0}.mock-stats i{height:36px;flex:1;border-radius:6px;background:#d7e8f7}.mock-chart{height:55px;display:flex;align-items:end;gap:7px}.mock-chart span{flex:1;height:35%;background:#339dff;border-radius:4px 4px 0 0}.mock-chart span:nth-child(2){height:65%}.mock-chart span:nth-child(3){height:48%}.mock-chart span:nth-child(4){height:85%}.mock-chart span:nth-child(5){height:60%}.mock-chart span:nth-child(6){height:100%}.mock-chart span:nth-child(7){height:75%}.shop{background:radial-gradient(circle at 50% 40%,#eed6ae,#b99568 80%)}.shop-ring{width:140px;height:140px;border:24px solid #e7ba69;border-radius:50%;transform:rotate(-30deg);box-shadow:inset 0 0 16px #85571d,0 18px 30px #5d3e3155}.shop-ring:after{content:"";position:absolute;width:50px;height:50px;top:-40px;left:20px;background:linear-gradient(140deg,#fff,#dceeff,#fff);transform:rotate(45deg);box-shadow:0 0 0 6px #e9c77b}.shop-card{position:absolute;bottom:15px;left:20px;color:#fff;text-shadow:0 2px 6px #6b431d}.shop-card small,.shop-card span{display:block;font-size:9px;letter-spacing:2px}.shop-card strong{display:block;font-size:26px;font-family:Georgia,serif;font-weight:400;margin:4px 0}.analytics{background:radial-gradient(circle,#194b83,#071d3a)}.analytic-circle{height:155px;width:155px;border-radius:50%;border:24px solid #0f78ed;border-right-color:#5de0e5;transform:rotate(-25deg);box-shadow:0 0 50px #008cff55}.analytic-cards{position:absolute;top:30px;left:25px;display:flex;gap:8px}.analytic-cards i{width:38px;height:22px;border-radius:4px;background:#b9e5ff66}.analytic-label{position:absolute;bottom:28px;right:25px;color:#8ebbe8;font-size:10px;letter-spacing:2px}.analytic-label strong{display:block;font-size:26px;color:white}.project-body{padding:24px}.project-type{font-size:10px;color:#1482ec;font-weight:800;letter-spacing:1.2px}.project h3{font-size:17px;line-height:1.45;margin:10px 0}.project p{font-size:12px;color:#7c8da1;line-height:1.8;min-height:65px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.chips span{background:#edf5ff;color:#247bd0;border-radius:6px;padding:6px 10px;font-size:10px;font-weight:700}.process-section{background:#edf4fc}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{position:relative;border-top:2px solid #b7d2ee;padding-top:24px}.step:before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;background:#208afa;border-radius:50%;box-shadow:0 0 0 6px #d8eafa}.step b{font-size:44px;color:#b4d5f5;letter-spacing:-3px}.step h3{margin:7px 0;font-size:17px}.step p{font-size:12px;color:#72869e;line-height:1.8}.contact-section{padding:90px 0;background:radial-gradient(ellipse at 90% 0,#134c83,#06182e 65%);color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact-grid h2{font-size:clamp(36px,4vw,58px);line-height:1.15;letter-spacing:-2px;margin:18px 0}.contact-grid h2 span{color:#39b6ff}.contact-grid p{color:#9fb5ce;line-height:1.9;font-size:14px}.contact-email{display:block;font-size:22px;font-weight:800;color:#5acaff;margin:28px 0 8px}.contact-grid small{font-size:10px;color:#7e9bb9;display:block;line-height:1.7}.contact-form{padding:32px;background:#0d2743;border:1px solid #285278;border-radius:17px}.contact-form label{display:block;color:#d8e7f7;font-size:12px;font-weight:700;margin-bottom:17px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:9px;background:#071b32;color:#fff;border:1px solid #315473;border-radius:8px;padding:13px;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#42b8ff}.contact-form .btn{width:100%}.form-hint{font-size:10px!important;margin:12px 0 0}footer{background:#05101f;color:#a5b7cd}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:35px;padding:60px 0}.footer-brand img{width:200px}.footer-brand p{font-size:12px;line-height:1.9}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:12px}.footer-top strong{color:#fff;margin-bottom:7px}.footer-top a:hover{color:#4dbfff}.footer-bottom{border-top:1px solid #1c3148;display:flex;justify-content:space-between;padding:20px 0 30px;font-size:11px;color:#6984a1}
@media(max-width:1050px){.links{gap:13px}.links a{font-size:11px}.brand img{width:170px}.nav{gap:18px}.hero-grid{gap:8px}.hero h1{font-size:51px}.editor-code{font-size:10px}.tag-three{left:0}}@media(max-width:800px){.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;background:none;border:0;padding:8px}.menu-toggle span{width:25px;height:2px;background:#fff}.links{display:none;position:absolute;top:76px;left:0;right:0;background:#081b32;padding:22px 24px;flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid #2b4c70}.links.open{display:flex}.desktop-cta{display:none}.hero-grid{grid-template-columns:1fr;padding-top:75px;gap:0}.hero-visual{height:390px}.hero h1{font-size:clamp(40px,7vw,60px)}.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:repeat(4,1fr)}.contact-grid{gap:35px}.footer-top{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.container{width:min(100% - 32px,1180px)}.section{padding:65px 0}.hero-grid{padding:60px 0 0}.hero h1{font-size:40px;letter-spacing:-2px}.lead{font-size:14px}.hero-actions{flex-wrap:wrap;margin:25px 0 35px}.hero-actions .btn{flex:1;padding:14px 12px;font-size:11px;gap:9px}.hero-points{gap:12px}.hero-points span{max-width:100px;font-size:9px;padding-left:9px}.hero-visual{height:310px}.editor{max-width:100%;transform:none}.editor-code{font-size:8px;padding:14px 6px}.editor-code small{margin-right:7px}.float-tag{padding:8px;font-size:15px}.float-tag span{font-size:10px}.tag-one{top:5px;right:0}.tag-two{bottom:8px;right:0}.tag-three{bottom:10px;left:0}.orbit{width:290px;height:290px}.orbit-two{width:210px;height:210px}.section-head{display:block}.section-head h2{font-size:31px}.section-head>p{margin-top:14px}.services-grid,.projects-grid{grid-template-columns:1fr}.service{min-height:0}.service p{min-height:0}.stack-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tech{height:102px}.tech b{font-size:29px}.tech span{font-size:10px}.steps{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.contact-section{padding:65px 0}.contact-form{padding:22px}.footer-top{gap:30px}.footer-bottom{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Technology SVG assets */
.tech-logo{display:block;width:47px;height:47px;object-fit:contain;margin:0 auto 10px}.float-tag img{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:7px}.tech{min-width:0}