:root{--primary:#5b5cf0;--dark:#11131a;--muted:#69707d;--light:#f6f7fb;--border:#e8e9ef}
*{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dark);background:#fff;line-height:1.7}.glass-nav{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05)}.navbar-brand{font-size:1.45rem;color:var(--dark)}.brand-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--primary);margin-right:7px}.nav-link{font-weight:500;color:#555;padding:1rem!important}.nav-link:hover,.nav-link.active{color:var(--primary)}.btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:0 10px 25px rgba(91,92,240,.2)}.btn-primary:hover{background:#4647dc;border-color:#4647dc}.hero-section{min-height:760px;padding:170px 0 100px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f7f7ff 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(91,92,240,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(91,92,240,.06) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:15px}.hero-section h1{font-size:clamp(3rem,6vw,5.7rem);font-weight:800;line-height:1.02;letter-spacing:-3px;max-width:800px}.gradient-text{background:linear-gradient(90deg,#5b5cf0,#9b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:1.15rem;color:var(--muted);max-width:650px;margin:25px 0 30px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:1.55rem}.hero-stats span{font-size:.78rem;color:var(--muted)}.hero-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:9px;box-shadow:0 30px 80px rgba(28,32,60,.14);transform:rotate(2deg)}.window-bar{height:35px;display:flex;align-items:center;gap:6px;padding:0 9px}.window-bar span{width:8px;height:8px;border-radius:50%;background:#ddd}.window-bar small{margin-left:auto;color:#999}.dashboard-preview{display:flex;min-height:350px;border-radius:16px;overflow:hidden;background:#f6f7fb}.mini-sidebar{width:48px;background:#181a24;color:#aaa;display:flex;flex-direction:column;align-items:center;gap:25px;padding-top:25px}.mini-content{flex:1;padding:25px}.mini-content small{color:#8b909b}.chart{height:140px;display:flex;align-items:end;gap:12px;margin-top:25px}.chart span{flex:1;background:linear-gradient(#7778f5,#b7b8ff);border-radius:7px 7px 0 0}.mini-stat{background:#fff;padding:12px;border-radius:12px}.mini-stat b{display:block}.floating-badge{position:absolute;background:#fff;padding:12px 16px;border-radius:13px;box-shadow:0 15px 35px rgba(0,0,0,.12);font-size:.8rem;font-weight:700}.badge-one{right:-25px;top:18%}.badge-two{left:-35px;bottom:15%}.logo-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.logos{display:flex;justify-content:space-between;gap:25px;color:#9a9da7;font-weight:800;letter-spacing:1px}.section-padding{padding:110px 0}.section-heading{max-width:680px}.section-heading h2,.about-section h2,.contact-card h2{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.1;letter-spacing:-1.5px;font-weight:800}.section-heading p{color:var(--muted)}.service-card{height:100%;padding:32px;border:1px solid var(--border);border-radius:20px;transition:.3s;background:#fff}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(30,35,70,.1)}.service-card.featured{background:#171923;color:#fff;border-color:#171923}.service-card p{color:var(--muted)}.featured p{color:#b7bac4}.icon-box{width:52px;height:52px;border-radius:15px;background:#eef0ff;color:var(--primary);display:grid;place-items:center;font-size:1.4rem;margin-bottom:25px}.service-card a{color:var(--primary);text-decoration:none;font-weight:700}.work-section{background:var(--light)}.project-card{height:100%;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden}.project-visual{height:330px;display:grid;place-items:center;padding:30px;overflow:hidden}.ecommerce{background:#e7e8ff}.analytics{background:#e8f6f2}.mobile{background:#fff0e4}.portal{background:#eee9ff}.browser{width:90%;height:210px;background:#fff;border-radius:14px;box-shadow:0 20px 50px #0002;overflow:hidden}.browser-top{height:25px;background:#f2f2f5}.store-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:18px;padding:18px}.store-layout>div:first-child{background:#dddffa;border-radius:10px}.store-layout>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.store-layout>div:last-child div{background:#f1f1f5;border-radius:8px}.analytics-card{background:#fff;border-radius:18px;padding:25px;width:80%;box-shadow:0 20px 50px #0001}.line-chart{height:90px;background:linear-gradient(150deg,transparent 45%,#696af5 46%,transparent 48%);border-bottom:2px solid #ddd}.analytics-bars{height:90px;display:flex;align-items:end;gap:10px}.analytics-bars i{flex:1;background:#b6dcd3;border-radius:5px 5px 0 0}.analytics-bars i:nth-child(1){height:30%}.analytics-bars i:nth-child(2){height:55%}.analytics-bars i:nth-child(3){height:40%}.analytics-bars i:nth-child(4){height:75%}.analytics-bars i:nth-child(5){height:65%}.phone-mock{width:145px;height:260px;background:#111;border-radius:28px;padding:8px;box-shadow:0 25px 50px #0003}.phone-screen{height:100%;background:#f7f7ff;border-radius:22px;padding:28px 15px}.phone-screen b{font-size:2rem}.phone-screen span{height:13px;display:block;background:#ddd;border-radius:10px;margin-top:20px}.portal-card{width:85%;background:#fff;border-radius:15px;padding:18px;box-shadow:0 20px 50px #0001}.portal-header{height:35px;background:#dddffc;border-radius:8px;margin-bottom:15px}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.portal-grid span{height:70px;background:#f0f0f5;border-radius:8px}.project-info{padding:25px}.project-info span{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-weight:800}.project-info h4{margin:8px 0 5px}.project-info p{margin:0;color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-step{padding:25px;border-top:2px solid var(--border);position:relative}.process-step>span{color:var(--primary);font-weight:800}.process-step i{display:block;font-size:1.8rem;margin:30px 0 15px}.process-step p{color:var(--muted);font-size:.95rem}.about-section{background:#f7f7ff}.about-art{height:430px;background:#e7e8ff;border-radius:30px;position:relative;display:grid;place-items:center}.code-card{width:65%;background:#151722;padding:28px;border-radius:18px;box-shadow:0 25px 50px #0003;transform:rotate(-5deg)}.code-line{height:9px;background:#6c6df2;border-radius:8px;margin:18px 0;opacity:.8}.code-line.w-50{width:50%}.code-line.w-60{width:60%}.code-line.w-75{width:75%}.code-line.w-80{width:80%}.code-line.w-90{width:90%}.circle-stat{position:absolute;right:8%;bottom:10%;width:125px;height:125px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 20px 40px #0002}.circle-stat b{font-size:2rem}.circle-stat small{font-size:.7rem;line-height:1.2}.lead{color:var(--muted)}.check-list{margin:25px 0}.check-list p{font-weight:600}.check-list i{color:#28a56a;margin-right:8px}.testimonial-section{background:var(--light)}.quote-card{max-width:850px;margin:auto;background:#fff;border:1px solid var(--border);border-radius:25px;padding:50px}.quote-mark{font-size:4rem;color:var(--primary);line-height:.5}.quote-card blockquote{font-size:1.65rem;line-height:1.45;font-weight:600}.avatar{width:48px;height:48px;border-radius:50%;background:#e9eaff;color:var(--primary);display:grid;place-items:center;font-weight:800}.rating{color:#f5ad32;letter-spacing:2px}.contact-section{background:#151722}.contact-card{background:#fff;border-radius:28px;padding:60px}.contact-card p{color:var(--muted)}.contact-detail{display:flex;gap:15px;align-items:center;margin-top:25px}.contact-detail>i{width:45px;height:45px;background:#eef0ff;color:var(--primary);display:grid;place-items:center;border-radius:12px}.contact-detail small,.contact-detail strong{display:block}.form-control,.form-select{padding:13px 15px;border-color:#dddfe8;border-radius:10px}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(91,92,240,.1)}label{font-size:.85rem;font-weight:700;margin-bottom:6px}.footer{background:#0c0d12;color:#fff;padding:60px 0 25px}.footer-links a{color:#b5b7c1;text-decoration:none}.footer-links a:hover{color:#fff}.back-top{position:fixed;right:25px;bottom:25px;width:45px;height:45px;border:0;border-radius:50%;background:var(--primary);color:#fff;display:none;box-shadow:0 10px 25px #0003}.back-top.show{display:block}@media(max-width:991px){.navbar-collapse{background:#fff;padding:15px;border-radius:15px;margin-top:10px}.hero-section{padding-top:140px}.hero-section h1{letter-spacing:-2px}.hero-card{margin-top:20px}.process-grid{grid-template-columns:repeat(2,1fr)}.contact-card{padding:35px}}@media(max-width:575px){.section-padding{padding:75px 0}.hero-section{padding:125px 0 70px}.hero-section h1{font-size:2.8rem}.hero-copy{font-size:1rem}.logos{flex-wrap:wrap;justify-content:center}.logos span{font-size:.8rem}.floating-badge{display:none}.process-grid{grid-template-columns:1fr}.project-visual{height:250px}.quote-card{padding:30px}.quote-card blockquote{font-size:1.2rem}.contact-card{padding:25px}.about-art{height:330px}}


/* Enhanced testimonials */
.testimonial-slider-wrap{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:22px;max-width:1050px;margin:auto}
.testimonial-main-card{position:relative;background:linear-gradient(145deg,#171923,#22243a);color:#fff;border-radius:28px;padding:48px 52px;overflow:hidden;box-shadow:0 25px 60px rgba(20,22,40,.16)}
.testimonial-main-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-130px;background:rgba(104,105,242,.16)}
.quote-icon{width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:2rem;color:#a8a9ff;margin-bottom:18px}
.testimonial-stars{color:#f6b941;letter-spacing:3px;font-size:.95rem;margin-bottom:18px}
.testimonial-main-card blockquote{position:relative;font-size:1.55rem;line-height:1.5;font-weight:600;max-width:850px;margin:0}
.testimonial-person{position:relative;display:flex;align-items:center;gap:14px;margin-top:35px}
.avatar-lg{width:54px;height:54px;background:#eef0ff;color:var(--primary);font-size:.9rem}
.testimonial-person strong,.testimonial-person small{display:block}
.testimonial-person small{color:#aeb1bd}
.testimonial-result{margin-left:auto;text-align:right;border-left:1px solid rgba(255,255,255,.14);padding-left:25px}
.testimonial-result strong{font-size:1.45rem;color:#fff}
.testimonial-result small{font-size:.7rem;color:#aeb1bd}
.testimonial-side{display:flex;flex-direction:column;gap:12px}
.mini-review{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--border);padding:17px;border-radius:17px;cursor:pointer;transition:.25s}
.mini-review:hover,.active-review{border-color:rgba(91,92,240,.35);box-shadow:0 12px 30px rgba(35,38,75,.08);transform:translateX(4px)}
.mini-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#eef0ff;color:var(--primary);display:grid;place-items:center;font-size:.78rem;font-weight:800}
.mini-review strong,.mini-review small{display:block}
.mini-review small{color:var(--muted);font-size:.76rem}
.mini-review i{margin-left:auto;color:var(--primary)}
.testimonial-trust{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:18px;background:#fff}
.testimonial-trust>div{padding:19px 20px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--border)}
.testimonial-trust>div:last-child{border-right:0}
.testimonial-trust i{font-size:1.25rem;color:var(--primary)}
.testimonial-trust span{font-size:.78rem;color:var(--muted)}
.testimonial-trust strong{display:block;color:var(--dark);font-size:1rem}

/* Enhanced footer */
.footer{background:#0b0c12;color:#fff;padding:0 0 25px;position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(91,92,240,.08);right:-250px;top:-300px}
.footer-top{padding:75px 0 55px;position:relative}
.footer-description{max-width:430px;color:#9296a5;margin:18px 0 25px;line-height:1.8}
.footer h6{font-size:.82rem;text-transform:uppercase;letter-spacing:1.2px;color:#fff;margin-bottom:20px}
.footer-top .col-6 a,.footer-top .col-md-4 a{display:block;color:#8f93a1;text-decoration:none;margin:11px 0;font-size:.88rem;transition:.2s}
.footer-top .col-6 a:hover,.footer-top .col-md-4 a:hover{color:#fff;transform:translateX(2px)}
.footer-socials{display:flex;gap:9px}
.footer-socials a{width:40px;height:40px!important;border:1px solid #292b35;border-radius:11px;display:grid!important;place-items:center;color:#aeb1bd!important;margin:0!important}
.footer-socials a:hover{background:var(--primary);border-color:var(--primary);color:#fff!important}
.footer-small{color:#8f93a1;font-size:.85rem;line-height:1.6}
.footer-cta{display:inline-flex!important;align-items:center;gap:8px;background:#fff;color:#11131a!important;border-radius:999px;padding:10px 17px;margin:15px 0!important;font-weight:700}
.footer-cta:hover{background:#e9eaff;color:var(--primary)!important}
.footer-contact{display:flex;flex-direction:column;gap:7px;color:#8f93a1;font-size:.8rem;margin-top:8px}
.footer-contact i{width:18px;color:#7779f5}
.footer-newsletter{position:relative;border-top:1px solid #242631;border-bottom:1px solid #242631;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-eyebrow{margin:0 0 5px;color:#8587f8;font-size:.65rem}
.footer-newsletter h5{margin:0;font-size:1.05rem}
.newsletter-form{display:flex;background:#171923;border:1px solid #2b2d38;border-radius:999px;padding:5px;min-width:380px}
.newsletter-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:9px 14px}
.newsletter-form input::placeholder{color:#747886}
.newsletter-form button{border:0;background:var(--primary);color:#fff;border-radius:999px;padding:10px 17px;font-weight:700;white-space:nowrap}
.footer-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:25px;color:#707481;font-size:.75rem}
.footer-bottom div{display:flex;gap:18px}
.footer-bottom a{color:#707481;text-decoration:none}
.footer-bottom a:hover{color:#fff}
.footer-heart{color:#7779f5}

@media(max-width:991px){
  .testimonial-slider-wrap{grid-template-columns:1fr}
  .testimonial-side{display:grid;grid-template-columns:repeat(3,1fr)}
  .testimonial-trust{grid-template-columns:repeat(2,1fr)}
  .testimonial-trust>div:nth-child(2){border-right:0}
  .testimonial-trust>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .newsletter-form{min-width:320px}
}
@media(max-width:575px){
  .testimonial-main-card{padding:32px 25px}
  .testimonial-main-card blockquote{font-size:1.15rem}
  .testimonial-person{align-items:flex-start;flex-wrap:wrap}
  .testimonial-result{width:100%;border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:15px 0 0;text-align:left;margin:5px 0 0}
  .testimonial-side{grid-template-columns:1fr}
  .testimonial-trust{grid-template-columns:1fr}
  .testimonial-trust>div{border-right:0!important;border-bottom:1px solid var(--border)!important}
  .testimonial-trust>div:last-child{border-bottom:0!important}
  .footer-top{padding:55px 0 35px}
  .footer-newsletter{display:block}
  .newsletter-form{min-width:0;margin-top:15px}
  .footer-bottom{display:block}
  .footer-bottom div{margin:12px 0}
}

/* Testimonial carousel */
.testimonial-carousel{max-width:1050px;margin:0 auto;padding:0 65px 55px}
.testimonial-carousel .carousel-inner{overflow:visible}
.testimonial-carousel .carousel-item{padding:8px}
.testimonial-main-card{min-height:390px;display:flex;flex-direction:column;justify-content:center}
.testimonial-control{width:50px;height:50px;top:50%;transform:translateY(-50%);opacity:1}
.testimonial-control span{width:46px;height:46px;border-radius:50%;background:#fff;color:var(--primary);display:grid;place-items:center;border:1px solid var(--border);box-shadow:0 10px 25px rgba(30,35,70,.12);transition:.2s}
.testimonial-control:hover span{background:var(--primary);color:#fff}
.testimonial-control.carousel-control-prev{left:0}
.testimonial-control.carousel-control-next{right:0}
.testimonial-indicators{bottom:5px;margin:0}
.testimonial-indicators [data-bs-target]{width:8px;height:8px;border:0;border-radius:50%;margin:0 5px;background:#c9cad5;opacity:1}
.testimonial-indicators .active{width:24px;border-radius:10px;background:var(--primary)}
@media(max-width:575px){
  .testimonial-carousel{padding:0 5px 55px}
  .testimonial-carousel .carousel-item{padding:0}
  .testimonial-main-card{min-height:450px;padding:32px 25px}
  .testimonial-control{top:auto;bottom:0;transform:none;width:44px}
  .testimonial-control.carousel-control-prev{left:25%;transform:translateX(-50%)}
  .testimonial-control.carousel-control-next{right:25%;transform:translateX(50%)}
  .testimonial-indicators{bottom:13px}
}


/* Mobile navbar: compact, clean and closes after navigation */
@media (max-width:991px){
  .glass-nav .navbar-collapse{
    background:#fff;
    padding:12px 16px 18px;
    margin-top:10px;
    border:1px solid rgba(0,0,0,.06);
    border-radius:16px;
    box-shadow:0 18px 45px rgba(20,24,45,.12);
  }
  .glass-nav .navbar-nav{gap:0}
  .glass-nav .navbar-nav .nav-link{padding:10px 8px!important}
  .glass-nav .navbar-collapse>.btn{display:block;width:100%;margin-top:8px;text-align:center}
  .glass-nav .navbar-toggler{padding:4px 2px}
}