:root{--navy:#07111f;--navy-2:#0b192b;--ink:#101a2d;--muted:#aebbd0;--purple:#8b45ff;--blue:#16b8ff;--line:rgba(143,177,220,.17);--light:#f7faff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);margin:0}a{text-decoration:none}.site-navbar{background:#07111ff5;border-bottom:1px solid rgba(255,255,255,.07);padding:16px 0;position:sticky;top:0;z-index:1000;backdrop-filter:blur(16px)}.brand-lockup{display:flex;align-items:center;gap:12px;color:#fff!important;line-height:1.1}.brand-lockup strong{display:block;font-size:21px;letter-spacing:-.6px}.brand-lockup small{display:block;font-size:10px;color:#aab8cd;font-weight:400;margin-top:4px}.brand-mark{width:29px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;font-style:italic;color:#fff;border-radius:7px 3px 7px 3px;background:linear-gradient(145deg,#a62cff,#087dff 72%);box-shadow:0 0 24px #5c45ff55;transform:skewY(-5deg)}.brand-mark-sm{width:17px;height:20px;font-size:15px;vertical-align:middle}.navbar-nav{gap:16px}.navbar-dark .navbar-nav .nav-link{font-size:12px;color:#d9e1ef;padding:10px 3px;position:relative}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-nav .nav-link.active:after{content:"";position:absolute;height:2px;bottom:1px;left:3px;right:3px;background:linear-gradient(90deg,#a342ff,#12baff)}.btn{border-radius:999px;font-weight:600;font-size:12px;padding:12px 21px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-gradient{border:0;color:#fff;background:linear-gradient(105deg,#9a42f8,#087fff 70%,#13baff);box-shadow:0 9px 24px #3b4dff20}.btn-gradient:hover{color:#fff;box-shadow:0 12px 30px #386cff55}.btn-nav{padding:10px 20px}.hero-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 28%,#171b66 0,transparent 32%),radial-gradient(ellipse at 59% 57%,#07356a 0,transparent 34%),var(--navy);color:#fff;padding:70px 0 44px;min-height:650px}.hero-glow{position:absolute;pointer-events:none;filter:blur(1px);opacity:.8}.hero-glow-one{width:430px;height:4px;right:-70px;top:170px;transform:rotate(-45deg);background:linear-gradient(90deg,transparent,#2c7cff,#c04bff,transparent);box-shadow:0 0 22px #4c6bff}.hero-glow-two{width:330px;height:3px;right:20%;bottom:105px;transform:rotate(-45deg);background:linear-gradient(90deg,transparent,#145dff,#9c45ff,transparent);box-shadow:0 0 20px #265cff}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#8b5dff;display:inline-flex;align-items:center;gap:8px}.eyebrow{color:#28caff;margin-bottom:20px}.eyebrow-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:#21d6ff;box-shadow:0 0 12px #21d6ff}.hero-copy h1{font-size:clamp(2.5rem,4.1vw,4.1rem);font-weight:800;line-height:1.06;letter-spacing:-2.5px;margin:0 0 18px}.gradient-text{background:linear-gradient(90deg,#1dc8ff,#8b52ff 75%,#d73df6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:490px;color:#c5d0e1;font-size:14px;line-height:1.8;margin-bottom:24px}.hero-actions{margin-bottom:30px}.btn-lg{font-size:12px;padding:14px 24px}.btn-outline-light{border:1px solid #d8e2f0;color:#fff;background:transparent}.btn-outline-light:hover{background:#fff;color:#101a2d;border-color:#fff}.hero-features{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:14px}.mini-feature{display:flex;flex-direction:column;gap:7px}.mini-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:11px;color:#28c4ff;background:linear-gradient(145deg,#102b51,#15143f);border:1px solid #284b88;font-size:17px;margin-bottom:2px}.mini-feature strong{font-size:10px;color:#f2f6fc;white-space:nowrap}.mini-feature small{font-size:9px;line-height:1.55;color:#aebbd0}.hero-visual{height:470px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;border:1px solid #4a6bff24;border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:440px;height:310px}.orbit-b{width:500px;height:365px}.laptop{position:relative;z-index:2;width:min(100%,520px);transform:perspective(1100px) rotateY(-7deg) rotateX(2deg);margin-top:8px}.laptop-screen{background:#101c2c;border:4px solid #b9c8d8;border-bottom-width:7px;border-radius:13px 13px 5px 5px;padding:8px;box-shadow:0 18px 70px #0008,0 0 50px #126bff30}.mock-browser{height:20px;display:flex;align-items:center;gap:4px;padding:0 5px;color:#91a4c0}.mock-browser span{width:5px;height:5px;border-radius:50%;background:#5d6d83}.mock-browser small{margin-left:10px;font-size:7px}.mock-site{background:#07192c;min-height:280px;padding:17px 17px 12px;color:#fff;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#c8d8ef}.mock-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:26px 0 20px}.mock-content small{font-size:6px;letter-spacing:1px;color:#36c8ff}.mock-content h3{font-size:24px;line-height:1.04;letter-spacing:-1px;font-weight:800;margin:10px 0}.mock-content p{font-size:8px;color:#9eb2ce;line-height:1.5}.mock-content img{width:100%;height:145px;object-fit:cover;border-radius:5px;filter:saturate(.85)}.mock-cta{display:inline-block;background:linear-gradient(90deg,#9147ff,#007dff);padding:7px 10px;border-radius:30px;font-size:7px}.mock-stats{display:flex;gap:8px;border-top:1px solid #243d5a;padding-top:12px}.mock-stats span{flex:1;font-size:7px;color:#b9cbe0;background:#0c2745;padding:9px 7px;border-radius:5px}.mock-stats b{color:#1dc8ff;margin-right:4px}.laptop-base{height:14px;margin:0 -25px;background:linear-gradient(#e1e8ef,#66798e 40%,#263648 80%,#8e9eaf);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);border-radius:0 0 9px 9px;box-shadow:0 16px 25px #0008}.phone-mock{position:absolute;z-index:3;right:0;bottom:45px;width:112px;height:230px;border:3px solid #9aaec2;background:#0a1423;border-radius:22px;padding:6px;box-shadow:0 15px 45px #0009}.phone-notch{position:absolute;top:4px;left:35%;width:30%;height:9px;background:#020711;border-radius:0 0 8px 8px;z-index:2}.phone-inner{height:100%;border-radius:15px;background:#07192c;padding:21px 7px 8px;color:#fff;overflow:hidden}.phone-brand{font-size:7px;display:flex;align-items:center;gap:4px;margin-bottom:20px}.phone-brand .bi-list{margin-left:auto;font-size:12px}.phone-inner>small{font-size:5px;color:#28caff}.phone-inner h4{font-size:15px;line-height:1.08;margin:7px 0 10px;font-weight:800}.phone-image{height:78px;background:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=400&q=80') center/cover;border-radius:5px}.phone-button{display:block;font-size:6px;background:linear-gradient(90deg,#8e42ff,#067cff);padding:7px;border-radius:15px;margin-top:9px;text-align:center}.floating-chip{position:absolute;z-index:4;background:#0b1b30ed;border:1px solid #315080;border-radius:30px;padding:10px 13px;color:#dce8fa;font-size:9px;box-shadow:0 8px 30px #0003;backdrop-filter:blur(10px)}.chip-top{top:30px;right:8%;}.chip-top i{color:#c36bff;margin-right:5px}.chip-bottom{bottom:25px;left:4%}.chip-bottom .status-dot{display:inline-block;margin-right:6px;width:6px;height:6px}.section-light{background:var(--light);padding:76px 0}.section-dark{background:var(--navy);color:#fff;padding:76px 0}.section-intro h2,.portfolio-section h2,.testimonial-intro h2{font-size:clamp(1.8rem,2.7vw,2.5rem);font-weight:800;letter-spacing:-1.1px;line-height:1.15;margin:12px 0 15px}.section-intro p,.section-copy{font-size:13px;line-height:1.8;color:#5d6d86;margin-bottom:22px}.section-intro .btn{margin-top:2px}.service-card{position:relative;background:#fff;border:1px solid #e0e9f6;border-radius:12px;padding:20px 18px 18px;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #173b6d12}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;font-size:20px;margin-bottom:15px}.service-icon.blue{color:#087bff;background:#e4f2ff}.service-icon.purple{color:#853eff;background:#f0e7ff}.service-icon.mint{color:#00a88b;background:#dcfff4}.service-card h3{font-size:13px;font-weight:700;margin-bottom:8px}.service-card p{font-size:11px;color:#66748b;line-height:1.65;margin:0}.card-arrow{position:absolute;right:14px;top:17px;color:#7b8ca4;opacity:0;transition:opacity .2s}.service-card:hover .card-arrow{opacity:1}.portfolio-section{padding:75px 0 65px}.portfolio-section .section-kicker,.testimonial-intro .section-kicker{color:#b178ff}.portfolio-section h2{margin-bottom:10px}.section-copy{color:#aebbd0;max-width:390px;margin-bottom:0}.project-card{height:100%}.project-image{display:block;position:relative;overflow:hidden;border:1px solid #34465d;border-radius:10px;background:#12253b}.project-image img{display:block;width:100%;height:220px;object-fit:cover;transition:transform .5s,opacity .3s}.project-image:hover img{transform:scale(1.06);opacity:.8}.project-open{position:absolute;right:12px;bottom:12px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#a145ff,#008dff);color:white}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:14px}.project-meta h3{font-size:14px;font-weight:700;margin:0 0 4px}.project-meta p{font-size:10px;color:#9eacc0;margin:0}.project-number{font-size:11px;color:#48c7ff}.portfolio-note{font-size:10px;color:#8fa0b8;margin:18px 0 0}.portfolio-note i{margin-right:5px}.process-section{padding:74px 0}.process-item{height:100%;position:relative;padding-top:5px}.process-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#e8f4ff,#f0e8ff);color:#5b47ff;font-size:23px;margin-bottom:12px}.step-number{font-size:11px;color:#168dff;font-weight:700;display:block;margin-bottom:7px}.process-item h3{font-size:13px;font-weight:700;margin-bottom:8px}.process-item p{font-size:11px;line-height:1.65;color:#66748b}.testimonials-section{padding:74px 0}.testimonial-intro h2{font-size:clamp(1.8rem,2.5vw,2.2rem)}.testimonial-intro p{font-size:12px;color:#aebbd0;line-height:1.7}.round-control{width:36px;height:36px;border-radius:50%;border:1px solid #52647c;background:transparent;color:#fff}.round-control:hover{background:#fff;color:#07111f}.testimonial-card{height:100%;background:linear-gradient(145deg,#102137,#0a1728);border:1px solid #20344e;border-radius:12px;padding:19px}.testimonial-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font-size:16px;font-weight:700;color:#fff;margin-bottom:14px;border:2px solid #b6c9e0}.avatar-one{background:linear-gradient(135deg,#b56d54,#623c70)}.avatar-two{background:linear-gradient(135deg,#367c86,#1c345d)}.avatar-three{background:linear-gradient(135deg,#bc8b57,#7947a0)}.stars{color:#ffc629;letter-spacing:2px;font-size:12px;margin-bottom:10px}.testimonial-card blockquote{font-size:11px;line-height:1.7;color:#d0dbea;min-height:92px;margin-bottom:18px}.testimonial-person{border-top:1px solid #2b3d53;padding-top:12px;display:flex;flex-direction:column;gap:4px}.testimonial-person strong{font-size:11px}.testimonial-person small{font-size:9px;color:#96a7be}.cta-section{background:var(--navy);padding:0 0 0}.cta-panel{display:flex;align-items:center;gap:20px;padding:32px 5%;background:linear-gradient(105deg,#7952f7,#4b65ff 60%,#11a8ed);color:#fff;border-radius:0;margin:0 -12px}.cta-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;background:#ffffff28;font-size:23px}.cta-copy{flex:1}.cta-copy h2{font-size:20px;font-weight:800;margin:0 0 7px}.cta-copy p{font-size:11px;line-height:1.6;margin:0;max-width:500px;color:#f0f2ff}.cta-button{color:#4134a5;min-width:175px}.cta-button:hover{background:#fff;color:#4134a5}.site-footer{background:#07111f;color:#fff;padding:28px 0 18px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px}.footer-links,.social-links{display:flex;align-items:center;gap:20px}.footer-links a,.social-links a{font-size:11px;color:#b4c1d3}.footer-links a:hover,.social-links a:hover{color:#fff}.social-links{gap:14px}.footer-bottom{border-top:1px solid #1b2b3f;padding-top:16px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8191a8}.contact-page{min-height:75vh;padding:85px 0}.contact-intro h1{font-size:clamp(2.3rem,4vw,3.5rem);font-weight:800;letter-spacing:-1.8px;line-height:1.1;margin:16px 0}.contact-intro>p{color:#b4c2d6;font-size:14px;line-height:1.8;max-width:430px;margin-bottom:30px}.contact-point{display:flex;gap:13px;align-items:center;margin:20px 0}.contact-point .mini-icon{flex:0 0 38px;width:38px;height:38px}.contact-point strong,.contact-point small{display:block}.contact-point strong{font-size:13px}.contact-point small{font-size:11px;color:#9daec4;margin-top:4px}.contact-form-card{background:#0d1b2d;border:1px solid #263b55;border-radius:18px;padding:30px}.form-label{font-size:12px;color:#e4ecf7;margin-bottom:8px}.form-control,.form-select{border:1px solid #31465f;background:#081525;color:#fff;border-radius:9px;font-size:12px;padding:12px 13px}.form-control::placeholder{color:#70839d}.form-control:focus,.form-select:focus{background:#081525;color:#fff;border-color:#8d52ff;box-shadow:0 0 0 .2rem #8d52ff22}.form-select option{background:#081525}.form-note{display:block;font-size:10px;color:#93a4ba;line-height:1.6;margin-top:12px}.alert{font-size:12px;border-radius:10px}@media(min-width:1200px){.hero-section{padding-top:78px}.hero-visual{transform:translateX(10px)}}@media(max-width:991.98px){.hero-section{padding:60px 0 48px}.hero-copy h1{letter-spacing:-1.5px}.hero-visual{height:410px;margin-top:10px}.phone-mock{right:5%;bottom:20px}.hero-features{row-gap:18px}.section-light,.section-dark,.portfolio-section,.process-section,.testimonials-section{padding:58px 0}.footer-main{flex-wrap:wrap}.cta-panel{margin:0;flex-wrap:wrap;border-radius:15px}.cta-button{margin-left:68px}}@media(max-width:575.98px){.hero-section{padding:48px 0 35px}.hero-copy h1{font-size:2.55rem}.hero-lead{font-size:13px}.hero-visual{height:320px;margin:5px -7px 0}.laptop{width:92%}.laptop-screen{padding:5px;border-width:3px}.mock-site{min-height:210px;padding:10px}.mock-content{padding:17px 0 12px}.mock-content h3{font-size:17px}.mock-content img{height:95px}.mock-content p{font-size:7px}.mock-stats span{padding:6px 4px;font-size:6px}.phone-mock{width:78px;height:170px;right:0;bottom:16px;border-radius:16px;padding:4px}.phone-inner{border-radius:11px;padding:16px 5px 5px}.phone-brand{font-size:5px;margin-bottom:12px}.phone-inner h4{font-size:11px}.phone-image{height:55px}.phone-button{font-size:5px;padding:5px}.chip-top{top:2px;right:4%}.chip-bottom{bottom:0;left:0}.floating-chip{font-size:8px;padding:8px 10px}.orbit-a{width:300px;height:230px}.orbit-b{width:340px;height:270px}.mini-feature strong{white-space:normal}.section-light,.section-dark,.portfolio-section,.process-section,.testimonials-section{padding:48px 0}.section-intro h2,.portfolio-section h2,.testimonial-intro h2{font-size:1.9rem}.project-image img{height:210px}.testimonial-card blockquote{min-height:0}.cta-panel{padding:25px 22px;gap:13px}.cta-icon{width:42px;height:42px;flex-basis:42px}.cta-copy h2{font-size:18px}.cta-copy{flex-basis:calc(100% - 60px)}.cta-button{margin-left:0;width:100%}.footer-main{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:14px}.footer-bottom{flex-direction:column;gap:7px}.contact-page{padding:55px 0}.contact-form-card{padding:20px}}
