/* =========================================================
   Kindlebit Hero Section
   ========================================================= */

/* ---------- Fonts & tokens ---------- */
:root {
  --font: "Suisse Intl Trial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --navy-900: #0b0a1f;
  --navy-800: #131235;
  --purple-700: #2a2358;
  --purple-600: #3a2f74;
  --orange: #f7941d;
  --orange-600: #f2820c;
  --orange-glow: rgba(247, 148, 29, .45);
  --white: #ffffff;
  --muted: #c8c6df;
}
* { box-sizing: border-box; }
body {font-family: var(--font);margin: 0;background: var(--navy-900);color: var(--white);-webkit-font-smoothing: antialiased;}

/* =========================================================
   HERO WRAPPER
   ========================================================= */
.hero {position: relative;min-height: 100vh;overflow: hidden;padding-bottom: 0;background: radial-gradient(120% 90% at 78% 8%, rgba(74, 58, 140, .55) 0%, rgba(20, 17, 48, 0) 55%), radial-gradient(90% 80% at 12% 30%, rgba(52, 42, 110, .45) 0%, rgba(20, 17, 48, 0) 60%), linear-gradient(200deg, #342C9A 0%, #02021E 45%, #02021E 100%);
}

/* =========================================================
   DECORATIVE BACKGROUND SQUARES (border only)
   ========================================================= */
.hero__decor{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero:before{content:'';position:absolute;background:url(../images/hero-back.png) no-repeat;left:0;width:100%;height:100%;z-index:0}
.hero:after{content:'';position:absolute;background:url(../images/hero-back-r.png) no-repeat;right:0;width:230px;height:100%;z-index:0;top:100px}
/* =========================================================
   NAVBAR
   ========================================================= */
.hero__nav{position:relative;z-index:25;padding-top:22px;padding-bottom:22px}
.logo-mark{height:45px;width:auto;display:block}
.nav-actions .btn{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.btn-ai{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:#fff;padding:9px 20px;border-radius:40px;border:0;background:linear-gradient(90deg,#f7941d,#f6b93b);box-shadow:0 6px 18px rgba(247,148,29,.35)}
.btn-ai:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(247,148,29,.5);color:#fff}
.btn-contact{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:14px;letter-spacing:.3px;color:#fff;padding:7px 8px 7px 22px;border-radius:40px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.btn-contact:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.4);color:#fff}
.btn-contact__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(90deg,#f7941d,#f6b93b)}

/* Hamburger */
.btn-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:0;background:transparent}
.btn-burger span{display:block;width:26px;height:2.5px;margin:0 auto;border-radius:4px;background:#fff;transition:transform .25s ease}
.btn-burger:hover span:nth-child(1){transform:translateX(-3px)}
.btn-burger:hover span:nth-child(3){transform:translateX(3px)}
.nav-offcanvas{width:400px;max-width:85vw;color:#fff;border-left:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 60% at 100% 0%,rgba(74,58,140,.55) 0%,rgba(20,17,48,0) 55%),linear-gradient(180deg,#171436 0%,#0d0b22 100%);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.nav-offcanvas .offcanvas-header{padding:26px 30px;border-bottom:1px solid rgba(255,255,255,.07)}
.nav-offcanvas .offcanvas-body{display:flex;flex-direction:column;padding:34px 30px}
.btn-close-custom{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);transition:background .25s ease,transform .25s ease}
.btn-close-custom:hover{background:var(--orange);transform:rotate(90deg)}
.nav-menu-list{list-style:none;margin:0 0 auto;padding:0}
.nav-menu-list li{border-bottom:1px solid rgba(255,255,255,.06)}
.nav-menu-list a{display:block;padding:18px 4px;font-size:22px;font-weight:600;color:#e8e7f5;text-decoration:none;transition:color .25s ease,padding-left .25s ease}
.nav-menu-list a:hover{color:var(--orange);padding-left:14px}
.nav-offcanvas__cta{width:100%;justify-content:center;margin-top:34px}

@media (max-width: 576px) {
  .nav-menu-list a { font-size: 19px; padding: 15px 4px; }
  .nav-offcanvas .offcanvas-body { padding: 26px 24px; }
}

/* =========================================================
   HERO CONTENT
   ========================================================= */
.hero__content{position:relative;z-index:4;padding-top: 50px;animation:fadeUp .9s ease both}
.hero__badge{display:inline-flex;align-items:center;gap:12px;margin-bottom:26px;font-size:17px;color:var(--muted)}
.hero__avatars{display:inline-flex}
.hero__avatars img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:3px solid #201b45;margin-left:-8px}
.hero__avatars img:first-child{margin-left:0}
.hero__badge-text strong{color:#fff;font-weight:600}
.hero__title{font-weight:600;font-size:58px;line-height:1.12;letter-spacing:-.5px;margin:0 0 24px;color:#fff;text-wrap:balance}
.text-orange{color:var(--orange)}
.hero__lead{font-weight:400;font-size:17px;line-height:1.6;color:var(--muted);max-width:700px;margin:0 auto 40px;text-wrap:pretty}
.btn-cta{display:inline-flex;align-items:center;gap:16px;font-weight:600;font-size:16px;letter-spacing:.3px;color:#fff;padding:12px 12px 12px 34px;border:0;border-radius:50px;background:linear-gradient(90deg,#f7941d 0%,#f6b93b 100%);box-shadow:0 14px 34px rgba(247,148,29,.4);transition:transform .3s ease,box-shadow .3s ease}
.btn-cta:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(247,148,29,.6);color:#fff}
.btn-cta__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;transition:transform .3s ease}
.btn-cta:hover .btn-cta__icon{transform:translateX(4px)}
.hero__slider{position:relative;z-index:4;margin-top: 80px;padding-bottom: 0px;animation:fadeUp 1.1s ease both}
.portfolioSwiper{padding:6px 0;overflow:hidden}
.portfolioSwiper .swiper-wrapper{display:flex;width:max-content;will-change:transform;animation:marquee-scroll var(--marquee-duration,45s) linear infinite}
.portfolioSwiper:hover .swiper-wrapper{animation-play-state:paused}
.portfolioSwiper.is-dragging .swiper-wrapper{animation:none}
.portfolioSwiper .swiper-slide{flex:0 0 auto;width:400px;height:auto;margin-right:24px}
.p-card{border-radius:3px;overflow:hidden;background:#f4f5f7;box-shadow:0 18px 40px rgba(0,0,0,.35);transition:transform .35s ease,box-shadow .35s ease}
.p-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}
.p-card:hover { transform: translateY(-6px); box-shadow: 0 26px 52px rgba(0, 0, 0, .5); }

.back-shadow-sec {position: relative;}
.back-shadow {position: absolute;top: 0;z-index: 0;left: 0;opacity: .9;}

/* =========================================================
   AT A GLANCE
   ========================================================= */

.glance {
  position: relative;
  overflow: hidden;
  padding: 120px 0 120px;
  /*background:
    radial-gradient(80% 90% at 15% 20%, rgba(52, 42, 110, .5) 0%, rgba(11, 10, 31, 0) 60%),
    radial-gradient(70% 80% at 90% 90%, rgba(74, 58, 140, .4) 0%, rgba(11, 10, 31, 0) 60%),
    linear-gradient(180deg, #0d0b22 0%, #14112f 55%, #0d0b22 100%);*/
}

.glance__panel {position: relative;z-index: 1;margin: 0 auto;padding: 48px 40px 56px;text-align: center;border: 1px solid rgba(255, 255, 255, .12);border-radius: 28px;background:radial-gradient(90% 120% at 50% 0%, rgba(74, 58, 140, .28) 0%, rgba(20, 17, 48, 0) 60%),rgba(255, 255, 255, .02);}

/* Eyebrow */
.glance__eyebrow {display: flex;align-items: center;justify-content: center;gap: 16px;margin-bottom: 22px;font-size: 13px;font-weight: 600;letter-spacing: 2px;color: #fff;}
.glance__rule {width: 70px; height: 1px;background: rgba(255, 255, 255, .25);}

/* Heading */
.glance__title {font-weight: 600;font-size: 42px;line-height: 1.15;letter-spacing: -.5px;margin: 0 0 18px;color: #fff;}

/* Paragraph */
.glance__lead {font-weight: 400;font-size: 15.5px;line-height: 1.65;color: var(--muted);margin: 0 auto 44px;}

/* Stat cards */
.glance__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;border-radius:18px;background:#fff;box-shadow:0 20px 44px rgba(0,0,0,.35);transition:transform .3s ease,box-shadow .3s ease}
.stat-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px rgba(0,0,0,.45)}
.stat-card__num{font-weight:600;font-size:48px;line-height:1;letter-spacing:-1px;color:#14112f;margin-bottom:12px}
.stat-card__label{font-weight:400;font-size:15px;line-height:1.4;color:#5a5a66;margin:0}
/* =========================================================
   OUR CAPABILITIES
   ========================================================= */
   
.caps{position:relative;overflow:hidden;padding: 0px 0 120px;}
.caps__title{text-align:center;font-weight:600;font-size:48px;margin:0 0 10px;color:#fff}
.caps__subtitle{text-align:center;font-weight:400;font-size:18px;color:#c8c6df;margin:0 0 30px}
.caps__panel{margin:0 auto;padding:44px 40px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:rgba(255,255,255,.03)}
.caps__grid{display:grid;grid-template-columns:repeat(3,1fr)}

/* Card */
.cap {padding: 26px 40px 34px;border-right: 1px solid rgba(255, 255, 255, .08);border-bottom: 1px solid rgba(255, 255, 255, .08);}

/* remove outer edges of the grid lines */
.cap:nth-child(3n) { border-right: 0; }
.cap:nth-child(n+4) { border-bottom: 0; }

.cap__top{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.cap__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#fbb040 0%,#f2820c 100%);flex:0 0 auto}
.cap__arrow{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;transition:background .25s ease,transform .25s ease,border-color .25s ease}
.cap__arrow:hover{background:var(--orange);border-color:var(--orange);transform:translate(2px,-2px)}
.cap__name{font-weight:600;font-size:21px;color:#fff;margin:0 0 12px}
.cap__desc{font-weight:400;font-size:15px;line-height:1.55;color:#a6a4bd;margin:0;max-width:320px}
/* CTA banner */
.caps__banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:30px auto 0;padding:20px 20px 20px 34px;border-radius:20px;background:#fff}
.caps__banner-text{font-weight:600;font-size:20px;line-height:1.35;color:#14112f;margin:0;max-width:640px}
.caps__banner-btn{flex:0 0 auto}
.back-shadow img{width:100%}

/* =========================================================
   INDUSTRIES (split, auto-scrolling right)
   ========================================================= */
.inds{position:relative;overflow:hidden;padding: 0px 0 120px;background: transparent;}
.inds__panel{margin:0 auto;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:rgba(255,255,255,.02)}
.inds__left{padding-top:8px}
.inds__title{font-weight:600;font-size:38px;line-height:1.2;letter-spacing:-.5px;color:#fff;margin:0 0 20px}
.inds__lead{font-weight:400;font-size:14.5px;line-height:1.7;color:#a6a4bd;margin:0 0 32px;max-width:420px}
.inds__btn { padding: 12px 12px 12px 28px; }

/* Right: auto-scrolling vertical marquee (bottom -> up) */

.inds__right{position:relative;max-height:360px;overflow:hidden;mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 90%,transparent 100%)}
.inds__track{display:flex;flex-direction:column;animation:inds-scroll 22s linear infinite}
.inds__right:hover .inds__track{animation-play-state:paused}
.ind-row{display:flex;align-items:center;gap:20px;flex:0 0 auto;margin-bottom:22px;padding:24px 28px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#282840;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.ind-row__icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#02021E;flex:0 0 auto}
.ind-row__name{font-weight:600;font-size:19px;color:#fff;margin:0}
.ind-row__icon img{width:32px;height:32px}

/* =========================================================
   4 STEP APPROACH
   ========================================================= */
.back-shadow.new.right {right: 0;z-index: -1;opacity: 1;left: auto;text-align: right;}
.back-shadow.new.right img {width: 100%;}
.steps{position:relative;overflow:hidden;padding: 0px 0 120px;background: transparent;}
.steps__title{text-align:center;font-weight:600;font-size:40px;line-height:1.25;letter-spacing:-.3px;color:#fff;margin:0 0 40px}
.steps__panel{position:relative;margin:0 auto;padding:54px 48px 46px;border-radius:28px;background:#fff}
.steps__connector{position:absolute;top:70px;left:130px;width:71%;height:auto;pointer-events:none}
.steps__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.step{position:relative;padding-top:8px}
.step__num{position:absolute;top:90px;left:0;font-weight:900;font-size:90px;line-height:1;color:rgb(20 17 47 / 5%);z-index:0;pointer-events:none}
.step__icon{position:relative;z-index:1;width:80px;height:80px;display:block;margin-bottom:56px;background:#fff;padding:0;border-radius:0}
.step__name{position:relative;z-index:1;font-weight:700;font-size:18px;line-height:1.3;color:#14112f;margin:0 0 12px}
.step__desc{font-weight:400;font-size:13px;line-height:1.6;color:#7c7a8c;margin:0}
.step__more{color:var(--orange);font-weight:500;text-decoration:underline;white-space:nowrap}
.step__more:hover { color: var(--orange-600); }

/* Risk-free banner (glass effect) */
.steps__banner{position:relative;margin:22px auto 0;padding:44px 24px 48px;border-radius:28px;text-align:center;border:1px solid rgba(255,255,255,.12);background:rgba(30,30,54,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.4)}
.steps__eyebrow{display:inline-block;font-weight:700;font-size:13px;letter-spacing:1.5px;color:#fff;margin-bottom:20px}
.steps__banner-text{font-weight:600;font-size:42px;line-height:1.25;color:#fff;margin:0 0 30px}
.steps__banner-btn{padding:10px 10px 10px 26px;font-size:14px}
.models{position:relative;overflow:hidden;padding: 0px 0 120px;background:#0a0918;}
.models__title{text-align:center;font-weight:600;font-size:40px;line-height:1.25;letter-spacing:-.3px;color:#fff;margin:0 0 44px}
.models__grid{margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position: relative;z-index: 99;}
.model{padding:26px 28px 32px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%)}
.model__head{display:flex;align-items:center;gap:12px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.model__num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-weight:700;font-size:16px;color:#14112f;background:linear-gradient(145deg,#fbb040 0%,#f2820c 100%);flex:0 0 auto}
.model__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);flex:0 0 auto;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.model__icon:hover{background:linear-gradient(145deg,#fbb040 0%,#f2820c 100%);border-color:transparent;transform:translateY(-2px) scale(1.05)}
.model__pill{margin-left:auto;padding:8px 18px;border-radius:40px;border:1px solid rgba(255,255,255,.25);font-weight:600;font-size:14px;color:#161523;white-space:nowrap;background:#fff}
.model__name{font-weight:600;font-size:22px;color:#fff;margin:0 0 12px}
.model__desc{font-weight:400;font-size:13.5px;line-height:1.6;color:#a6a4bd;margin:0 0 22px}
.model__list{list-style:none;margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:14px}
.model__list li{position:relative;padding-left:30px;font-weight:400;font-size:13.5px;color:#d6d5e2}
.model__list li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat,linear-gradient(145deg,#fbb040 0%,#f2820c 100%)}
.model__best{font-weight:400;font-size:13.5px;line-height:1.55;color:#a6a4bd;margin:0}
.model__best strong { color: #fff; font-weight: 700; }

/* =========================================================
   FAQ / CHALLENGES
   ========================================================= */
.faq{position:relative;overflow:hidden;padding: 0px 0 120px;background:#0a0918}
.yellow-gra{position:absolute;bottom:0;width:100%;border-radius:70px;z-index: 0;}
.back-shadow.new{opacity:.6;z-index: 1;}
.faq__panel{margin:0 auto;padding:44px 44px 48px;border-radius:28px;background:#fff;z-index:99999;position:relative}
.faq__head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.faq__title{font-weight:700;font-size:48px;line-height:1.15;letter-spacing:-.5px;color:#14112f;margin:0}
.faq__avatars{display:inline-flex;flex:0 0 auto}
.faq__avatars img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #fff;margin-left:-14px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.faq__avatars img:first-child{margin-left:0}
.faq__list{display:flex;flex-direction:column;gap:18px}
.faq__list .accordion-item{border:0;border-radius:16px;overflow:hidden;background:#f4f4f7;color:inherit}
.faq__list .accordion-header{margin:0}
.faq-btn.accordion-button{display:flex;align-items:center;column-gap:24px;padding:25px;background:#f4f4f7;box-shadow:none;border-radius:16px;transition:background .25s ease;justify-content:space-between}
.faq-btn.accordion-button:hover{background:#eeeef3}
.faq-btn.accordion-button:not(.collapsed){background:#f4f4f7;color:inherit;box-shadow:none}
.faq-btn.accordion-button::after{display:none}
.accprdion-header{display:flex;align-items:center;justify-content:start;gap:16px;width:100%}
.faq-item__num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;font-weight:700;font-size:16px;color:#fff;background:radial-gradient(120% 120% at 30% 20%,#3b30a8 0%,#1a1550 100%);flex:0 0 auto}
.faq-item__q{font-weight:700;font-size:16px;line-height:1.3;color:#14112f;text-align:left}

/* Preview beside question — only when collapsed */

.faq-item__preview {font-weight: 400;font-size: 12.5px;line-height: 1.55;color: #7c7a8c;text-align: left;max-width: 400px;}
.faq-btn.accordion-button:not(.collapsed) .faq-item__preview { display: none; }

/* Expanded answer body */
.faq-item__a.accordion-body {font-weight: 400;font-size: 12.5px;line-height: 1.55;color: #7c7a8c;padding: 0 26px 22px 94px;}

/* +/- toggle circle */
.faq-item__toggle {width: 44px;height: 44px;min-width: 44px;min-height: 44px;flex: 0 0 44px;      /* Prevent shrinking */flex-shrink: 0;      /* Most important */display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #fff;box-shadow: 0 4px 14px rgba(0, 0, 0, .08);transition: all .3s ease;}
.faq-item__toggle svg { transition: transform .3s cubic-bezier(.4, 0, .2, 1); }
.faq-btn.accordion-button:hover .faq-item__toggle { background: var(--orange); }
.faq-btn.accordion-button:hover .faq-item__toggle svg path { stroke: #fff; }
.faq-btn.accordion-button:not(.collapsed) .faq-item__toggle { background: var(--orange); }
.faq-btn.accordion-button:not(.collapsed) .faq-item__toggle svg { transform: rotate(45deg); }
.faq-btn.accordion-button:not(.collapsed) .faq-item__toggle svg path { stroke: #fff; }

/* CTA banner (glass) */
.faq__banner {margin: 24px auto 0;padding: 48px 24px 52px;border-radius: 28px;text-align: center;border: 1px solid rgba(255, 255, 255, .1);background: rgba(30, 30, 54, .5);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);}
.faq__banner-text {font-weight: 700;font-size: 34px;line-height: 1.3;color: #fff;margin: 0 0 30px;}
.faq__banner-btn { padding: 10px 10px 10px 26px; font-size: 14px; }


/* =========================================================
   CASE STUDIES SLIDER
   ========================================================= */
   
.cases{position:relative;overflow:hidden;padding: 120px 0 120px;background:#0a0918}
.cases__title{text-align:center;font-weight:700;font-size:40px;line-height:1.25;letter-spacing:-.3px;color:#fff;margin:0 0 40px}
.cases__slider{margin:0 auto}
.caseSwiper{overflow:hidden}
.case-card{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding:34px;border-radius:24px;background:#fff}
.case-card__tag{display:inline-block;font-weight:600;font-size:13px;letter-spacing:1px;color:#6b6a7a;margin-bottom:16px}
.case-card__title{font-weight:700;font-size:28px;line-height:1.25;color:#14112f;margin:0 0 18px}
.case-card__desc{font-weight:400;font-size:14.5px;line-height:1.65;color:#6b6a7a;margin:0 0 26px;max-width:380px}
.case-card__chips{display:flex;gap:12px}
.chip{padding:9px 20px;border-radius:40px;border:1px solid rgba(20,17,47,.15);font-weight:600;font-size:13px;color:#14112f}
.case-card__media img{display:block;width:100%;height:auto;border-radius:106px 16px 16px 16px}
/* Footer: progress pagination + arrows */
.cases__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px}
.cases__pagination{display:flex;gap:20px;flex:1}
.cases__pagination .swiper-pagination-bullet{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.18);opacity:1;margin:0!important;transition:background .3s ease}
.cases__pagination .swiper-pagination-bullet-active{background:#fff}
.cases__nav{display:flex;gap:12px;flex:0 0 auto}
.case-arrow{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);cursor:pointer;transition:background .25s ease,transform .25s ease,border-color .25s ease}
.case-arrow:hover{background:var(--orange);border-color:var(--orange);transform:scale(1.06)}
.case-arrow.swiper-button-disabled{opacity:.35;cursor:default}

/* =========================================================
   TESTIMONIALS SLIDER
   ========================================================= */
   
.quotes{position:relative;overflow:hidden;padding: 0px 0 120px;background:#0a0918}
.quotes__title{text-align:center;font-weight:700;font-size:40px;line-height:1.25;letter-spacing:-.3px;color:#fff;margin:0 0 44px}
.quotes__slider{margin:0 auto}
.quoteSwiper{overflow:hidden}
.quote-card{display:flex;flex-direction:column;justify-content:space-between;gap:34px;height:100%;min-height:200px;padding:30px 28px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%)}
.quote-card__text{font-weight:600;font-size:18px;line-height:1.4;color:#fff;margin:0;min-height:80px}
.quote-card__foot{display:flex;align-items:center;justify-content:space-between;gap:16px}
.quote-card__person{display:flex;align-items:center;gap:12px}
.quote-card__person img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.quote-card__meta{display:flex;flex-direction:column;gap:2px}
.quote-card__meta strong{font-weight:600;font-size:14px;color:#fff}
.quote-card__meta span{font-weight:400;font-size:12.5px;color:#a6a4bd}
.quote-card__play{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(145deg,#fbb040 0%,#f2820c 100%);box-shadow:0 8px 20px rgba(247,148,29,.35);cursor:pointer;flex:0 0 auto;transition:transform .25s ease,box-shadow .25s ease}
.quote-card__play:hover{transform:scale(1.08);box-shadow:0 12px 26px rgba(247,148,29,.55)}
/* Footer: dot pagination + arrows */
.quotes__foot{display:flex;align-items:center;justify-content:center;position:relative;margin-top:34px}
.quotes__pagination{display:flex;gap:10px;justify-content:center}
.quotes__pagination .swiper-pagination-bullet{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25);opacity:1;margin:0!important;transition:background .3s ease,width .3s ease}
.quotes__pagination .swiper-pagination-bullet-active{background:#fff}
.quotes__nav{display:flex;gap:12px;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.quote-arrow{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);cursor:pointer;transition:background .25s ease,transform .25s ease,border-color .25s ease}
.quote-arrow:hover{background:var(--orange);border-color:var(--orange);transform:scale(1.06)}


/* =========================================================
   HIRE / COMPARE
   ========================================================= */
.hire{position:relative;overflow:hidden;padding: 0px 0 120px;background:#0a0918}
.hire__title{text-align:center;font-weight:700;font-size:40px;line-height:1.25;letter-spacing:-.3px;color:#fff;margin:0 0 40px;z-index: 9;position: relative;}
.hire__grid{margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;position: relative;}
.hire-card{display:flex;flex-direction:column;padding:34px 32px 30px;border-radius:24px;background:#fff}
.hire-card__name{font-weight:700;font-size:26px;color:#14112f;margin:0 0 14px}
.hire-card__desc{font-weight:400;font-size:14px;line-height:1.6;color:#6b6a7a;margin:0 0 28px;max-width:400px}
.hire-card__media{flex:1;display:flex;align-items:center;padding:12px 0 26px;border-bottom:1px solid rgba(20,17,47,.1);margin-bottom:26px}
.hire-card__media img{display:block;width:100%;height:auto}
.hire-card__foot{display:flex;align-items:center;justify-content:space-between;gap:20px}
.hire-card__stat{font-weight:400;font-size:11px;line-height:1.25;letter-spacing:.3px;color:#6b6a7a;max-width:150px}
.hire-card__stat strong{display:inline;font-weight:700;font-size:30px;color:#14112f;margin-right:4px}
.hire-card__btn{display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 22px;border:0;border-radius:40px;font-weight:600;font-size:13px;letter-spacing:.3px;color:#fff;background:linear-gradient(90deg,#f7941d 0%,#f6b93b 100%);box-shadow:0 10px 24px rgba(247,148,29,.35);transition:transform .25s ease,box-shadow .25s ease}
.hire-card__btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(247,148,29,.5);color:#fff}
.hire-card__btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.18)}
.back-shadow.new.right.bottom {opacity: .6;}
/* =========================================================
   POWERS / BENTO GRID
   ========================================================= */
.powers{position:relative;overflow:hidden;padding: 120px 0 120px;background:#0a0918}
.powers__title{text-align:center;font-weight:700;font-size:40px;line-height:1.25;letter-spacing:-.3px;color:#fff;margin:0 0 40px}
.powers__grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:200px;gap:24px}
.power-card--wide{grid-column:span 3}
.power-card--narrow{grid-column:span 2}
.power-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border-radius:20px;overflow:hidden}
.power-card--dark{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%)}
.power-card--img{background-size:cover;background-position:center}
.power-card--img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,24,.85) 0%,rgba(6,8,24,.45) 45%,rgba(6,8,24,.1) 100%)}
.power-card--img > *{position:relative;z-index:1}
.power-card__icon{position:absolute;top:24px;left:28px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#fbb040 0%,#f2820c 100%)}
.power-card__icon img{width:24px;height:24px;display:block}
.power-card__arrow{position:absolute;top:24px;right:28px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.15);transition:background .25s ease,transform .25s ease,border-color .25s ease}
.power-card__arrow:hover{background:var(--orange);border-color:var(--orange);transform:translate(2px,-2px)}
.power-card__name{font-weight:700;font-size:22px;line-height:1.2;color:#fff;margin:0}

/* =========================================================
   BLOG / PERSPECTIVES
   ========================================================= */
.blog{position:relative;overflow:hidden;padding:40px 0 90px;background: transparent;}
.blog__title{text-align:center;font-weight:700;font-size:40px;line-height:1.25;letter-spacing:-.3px;color:#fff;margin:0 0 44px}
.blog__grid{margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-card{display:flex;flex-direction:column}
.blog-card__media{position:relative;margin-bottom:20px;aspect-ratio:400 / 362}
.blog-card__media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.blog-card:hover .blog-card__media img{transform:scale(1.03)}
.blog-card__arrow{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff40;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #fff3;transition:background .3s ease,transform .3s ease,border-color .3s ease}
.blog-card__arrow svg path{stroke:#fff}
.blog-card__arrow:hover{background:linear-gradient(145deg,#fbb040 0%,#f2820c 100%);border-color:transparent;transform:translate(2px,-2px)}
.blog-card__name{font-weight:600;font-size:18px;line-height:1.4;color:#fff;margin:0}
.blog__foot{display:flex;justify-content:center;margin-top:48px}
.blog__btn{padding:12px 12px 12px 30px}
.faq2{position:relative;overflow:hidden;padding:60px 0 90px;background: transparent;}
.faq2__layout{margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:start}
.faq2__aside{padding:30px 28px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff0f}
.faq2__quote{font-weight:700;font-size:17px;line-height:1.5;color:#fff;margin:0 0 26px}
.faq2__contact{display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 22px;border-radius:40px;background:#fff;font-weight:600;font-size:14px;color:#14112f;transition:transform .25s ease}
.faq2__contact:hover{transform:translateY(-2px);color:#14112f}
.faq2__contact-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#fbb040 0%,#f2820c 100%)}
.faq2__title{font-weight:700;font-size:48px;color:#fff;margin:0 0 20px}
.faq2 .accordion{--bs-accordion-border-color:transparent}
.faq2 .accordion-item{background:transparent;border:0;border-bottom:1px solid #ffffff1f}
.faq2 .accordion-header{margin:0}
.faq2 .accordion-button{padding:22px 44px 22px 0;font-weight:600;font-size:19px;color:#fff;background:transparent;box-shadow:none}
.faq2 .accordion-button:not(.collapsed){color:#fff;background:transparent;box-shadow:none}
.faq2 .accordion-button:focus{box-shadow:none}
.faq2 .accordion-button::after{position:absolute;right:0;width:34px;height:34px;background-image:none;border:1px solid #ffffff40;border-radius:50%;content:"";transition:background .25s ease,border-color .25s ease}
.faq2 .accordion-button::before{position:absolute;right:8px;z-index:1;width:18px;height:18px;content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 16px no-repeat;transition:transform .3s ease}
.faq2 .accordion-button:not(.collapsed)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.faq2 .accordion-button:not(.collapsed)::after{background:var(--orange);border-color:var(--orange)}
.faq2 .accordion-body{padding:0 60px 24px 0;font-weight:400;font-size:14px;line-height:1.7;color:#a6a4bd}

/* =========================================================
   CONTACT
   ========================================================= */
   
.contact{position:relative;overflow:hidden;padding:120px 0 0;background:#0a0918}
.contact__panel{margin:0 auto;display:grid;grid-template-columns:1fr 1.25fr;gap:60px;padding:54px 56px;border-radius:32px 32px 0 0;background:#fff;position:relative}
.contact__lead-title{font-weight:700;font-size:28px;line-height:1.25;color:#14112f;margin:0 0 26px}
.contact__points{list-style:none;margin:0 0 auto;padding:0;display:flex;flex-direction:column;gap:16px}
.contact__points li{position:relative;padding-left:30px;font-weight:400;font-size:14px;color:#4a4958}
.contact__points li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2322a06b' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 10px no-repeat,#22a06b1f}
.contact__stats{display:flex;gap:48px;margin-top:90px;padding-bottom:18px;border-bottom:1px solid #14112f1a}
.contact__stat{display:flex;flex-direction:column}
.contact__stat-num{font-weight:700;font-size:40px;line-height:1;color:#14112f;margin-bottom:8px}
.contact__stat-label{font-size:14px;color:#6b6a7a}
.contact__trust{margin:18px 0 0;font-weight:700;font-size:14px;color:#14112f}
.contact__title{font-weight:700;font-size:40px;color:#14112f;margin:0 0 8px}
.contact__subtitle{font-size:15px;color:#6b6a7a;margin:0 0 24px}
.contact__required{font-size:12px;color:#9a99a8;margin:0 0 14px}
.contact__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact__field{display:flex;flex-direction:column;margin-bottom:18px}
.contact__field label{font-weight:600;font-size:13px;color:#14112f;margin-bottom:8px}
.contact__field input,.contact__field select,.contact__field textarea{font-family:inherit;font-size:14px;color:#14112f;padding:13px 16px;border:1px solid #d9d9e3;border-radius:10px;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.contact__field textarea{resize:vertical;height: 103px;
    width: 100%;}
.contact__field input:focus,.contact__field select:focus,.contact__field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f7941d26}
.contact__field select{appearance:none;-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6a7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px no-repeat #fff}
.contact__submit-row p{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:6px}
.contact__check{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.4;color:#6b6a7a;cursor:pointer}
.contact__check input{margin-top:0;accent-color:var(--orange);width:16px;height:16px;flex:0 0 auto}
.contact__submit{display:inline-flex;align-items:center;gap:12px;padding:11px 11px 11px 26px;border:0;border-radius:40px;font-weight:600;font-size:15px;color:#fff;background:linear-gradient(90deg,#f7941d 0%,#f6b93b 100%);box-shadow:0 10px 24px #f7941d59;transition:transform .25s ease,box-shadow .25s ease;flex:0 0 auto}
.contact__submit:hover{transform:translateY(-2px);box-shadow:0 14px 30px #f7941d80;color:#fff}
.contact__submit-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#0000002e}
.contact__disclaimer{margin:20px 0 0;font-size:11.5px;line-height:1.5;color:#9a99a8;max-width:620px}
.contact-back{width:100%;position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:0}


.contact__form span input,.contact__form span select{width:100%}
input[type="checkbox"]{width:auto!important}
.contact__submit p{gap:0;margin:0}
.contact__submit p input{font-weight:600;font-size:15px;color:#fff;background:transparent;border:0}
span.wpcf7-spinner{margin:0}
.contact__submit-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:6px}
.wpcf7-list-item label{display:flex;gap:5px;align-items:center}



/* =========================================================
   FOOTER
   ========================================================= */
.footer{position:relative;overflow:hidden;padding:70px 0 30px;background:#0a0918}
.footer__top{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding-bottom:40px}
.footer__news-title{font-weight:700;font-size:26px;line-height:1.3;color:#fff;margin:0 0 26px;max-width:420px}
.footer__subscribe{position:relative;max-width:380px;margin-bottom:34px}
.footer__subscribe input{width:100%;font-family:inherit;font-size:14px;color:#fff;padding:16px 58px 16px 22px;border:1px solid #ffffff26;border-radius:40px;background:#ffffff0f;outline:none}
.footer__subscribe input::placeholder{color:#9a99ad}
.footer__subscribe input:focus{border-color:#fff6}
.footer__subscribe button{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer;transition:transform .25s ease}
.footer__subscribe button:hover{transform:translateY(-50%) scale(1.06)}
.footer__follow{font-weight:600;font-size:12px;letter-spacing:1px;color:#9a99ad;margin:0 0 16px}
.footer__socials{display:flex;gap:14px}
.footer__socials a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid #fff3;transition:background .25s ease,transform .25s ease,border-color .25s ease}
.footer__socials a:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-3px)}
.footer__cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.footer__col-title{font-weight:700;font-size:20px;color:#fff;margin:0 0 18px}
.footer__col-title--sp{margin-top:26px}
.footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.footer__list li,.footer__contact{font-size:14.5px;color:#b9b8c8;margin:0}
.footer__list li{cursor:pointer;transition:color .2s ease}
.footer__list li:hover{color:var(--orange)}
.footer__contact{margin-bottom:8px}
.footer__acc{--bs-accordion-border-color:transparent;border-top:1px solid #ffffff1f}
.footer__acc .accordion-item{background:transparent;border:0;border-bottom:1px solid #ffffff1f}
.footer__acc .accordion-header{margin:0}
.footer__acc .accordion-button{padding:22px 0;font-weight:600;font-size:16px;color:#fff;background:transparent;box-shadow:none}
.footer__acc .accordion-button:focus{box-shadow:none}
.footer__acc .accordion-button::after{width:26px;height:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");background-position:center;background-size:14px;background-repeat:no-repeat;background-color:#ffffff1f;border-radius:50%;transition:transform .3s ease,background-color .25s ease}
.footer__acc .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");background-color:var(--orange);transform:rotate(180deg)}
.footer__acc .accordion-body{padding:0 0 24px;font-size:14px;line-height:1.7;color:#b9b8c8}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px}
.footer__copy { font-size: 13px; color: #9a99ad; margin: 0; }
.footer__legal { display: flex; gap: 30px; }
.footer__legal a { font-size: 13px; color: #9a99ad; text-decoration: none; transition: color .2s ease; }
.footer__legal a:hover { color: #fff; }




.footer_form{position:relative}
.footer_submit input{height:43px;width:43px;padding:0;font-family:inherit;font-size:0;color:#fff;padding:inherit;border:0;border-radius:40px;background:inherit;outline:none}
.footer_submit{height:43px;width:43px;background:#fff;border-radius:50px;position:absolute;top:6px;right:8px}
.footer_submit p img{height:18px;position:absolute;top:12px;right:12px;width:18px}







/* =========================================================
   ANIMATIONS
   ========================================================= */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(26px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* Continuous right-to-left marquee (track holds 2 copies -> -50% loops seamlessly) */
@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Vertical bottom-to-up marquee for the industries list (2 copies -> -50% seamless) */
@keyframes inds-scroll {
  from { transform: translateY(0); }
  to   { transform: translateY(-50%); }
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1200px) {
  .hero__title { font-size: 50px; }
}
@media (max-width: 992px) {
  .hero__title { font-size: 42px; }
  .hero__content { padding-top: 48px; }
  .sq--4, .sq--9, .sq--10 { display: none; }
  .glance__stats { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
  .glance__title { font-size: 34px; }
  .caps__title { font-size: 40px; }
  .caps__grid { grid-template-columns: repeat(2, 1fr); }
  .cap { padding: 24px 26px 30px; }
  .cap:nth-child(3n) { border-right: 1px solid rgba(255, 255, 255, .08); }
  .cap:nth-child(2n) { border-right: 0; }
  .cap:nth-child(n+4) { border-bottom: 1px solid rgba(255, 255, 255, .08); }
  .cap:nth-child(n+5) { border-bottom: 0; }
  .caps__banner { flex-direction: column; align-items: flex-start; }
  .inds__panel { grid-template-columns: 1fr; gap: 36px; padding: 32px; }
  .inds__title { font-size: 32px; }
  .inds__lead { max-width: none; }
  .steps__title { font-size: 32px; }
  .steps__grid { grid-template-columns: repeat(2, 1fr); gap: 40px 34px; }
  .steps__connector { display: none; }
  .steps__banner-text { font-size: 32px; }
  .models__title { font-size: 32px; }
  .models__grid { grid-template-columns: 1fr; max-width: 480px; }
  .faq__title { font-size: 30px; }
  .faq-btn.accordion-button { grid-template-columns: auto 1fr auto; }
  .faq-item__preview { display: none; }
  .faq-item__a.accordion-body { padding-left: 26px; }
  .faq__banner-text { font-size: 28px; }
   .cases__title { font-size: 32px; }
  .case-card { grid-template-columns: 1fr; gap: 26px; padding: 26px; }
  .case-card__desc { max-width: none; }
  .quotes__title { font-size: 32px; }
   .hire__title { font-size: 32px; }
  .hire__grid { grid-template-columns: 1fr; max-width: 560px; }
  .powers__title { font-size: 32px; }
  .powers__grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 190px; }
  .power-card--wide, .power-card--narrow { grid-column: span 1; }
  .blog__title { font-size: 32px; }
  .blog__grid { grid-template-columns: 1fr 1fr; }
  .faq2__layout { grid-template-columns: 1fr; gap: 36px; }
  .faq2__title { font-size: 38px; }
  .contact__panel { grid-template-columns: 1fr; gap: 44px; padding: 44px 40px; }
  .contact__stats { margin-top: 40px; }
  .footer__top { grid-template-columns: 1fr; gap: 44px; }

}
@media (max-width: 768px) {
  .hero__title { font-size: 32px; }
  .hero__lead { font-size: 15px; }
  .hero__badge { font-size: 14px; }
  .btn-contact span:not(.btn-contact__icon) { display: none; }
  .btn-contact { padding: 7px; }
  .hero__slider { margin-top: 48px; }
  .portfolioSwiper .swiper-slide { width: 300px; margin-right: 20px; }
  .hero {min-height: auto;}
  .faq__avatars img {width: 50px;height: 50px;}
}
@media (max-width: 576px) {
  .portfolioSwiper .swiper-slide { width: 250px; margin-right: 16px; }
  .hero__title { font-size: 26px; }
  .btn-cta { font-size: 14px; padding: 10px 10px 10px 22px; }
  .btn-cta__icon { width: 34px; height: 34px; }
  .glance { padding: 50px 0 50px; }
  .glance__panel { padding: 36px 22px 42px; }
  .glance__rule { width: 40px; }
  .nav-actions {gap: 6px !important;}
  .btn-ai {gap: 1px;font-size: 14px;padding: 9px 12px;}
  .logo-mark {height: 35px;}
  .hero:before,.hero:after {opacity: .3;}
  .hero__badge { font-size: 13px;gap: 5px; }
  .caps__title {font-size: 24px;}
  .caps__subtitle {font-size: 14px;margin-bottom: 20px;}
  .caps__panel { padding: 20px; }
  .caps__grid { grid-template-columns: 1fr; }
  .cap { padding: 24px 6px; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; }
  .cap:last-child { border-bottom: 0 !important; }
  .caps__banner-text { font-size: 17px; }
  .back-shadow {top: -130px;}
  .inds { padding: 20px 0 60px; }
  .inds__panel { padding: 22px; }
  .ind-row { padding: 18px 20px; gap: 14px; }
  .ind-row__name { font-size: 16px; }
  .steps__panel { padding: 32px 24px; }
  .steps__title,.models__title,.faq__title, .steps__banner-text, .inds__title, .glance__title, .cases__title, .hire__title, .quotes__title, .powers__title, .blog__title { font-size: 24px;margin: 0 0 20px; }
  .steps__grid { grid-template-columns: 1fr; gap: 34px; }
  .steps__banner-text br {display: none;}
  .faq-btn.accordion-button { grid-template-columns: auto 1fr auto; column-gap: 14px; padding: 18px; }
  .faq-item__preview { display: none; }
  .faq-item__a.accordion-body { padding: 0 18px 18px; }
  .faq__banner-text { font-size: 18px; }
  .faq__banner-text br {display: none;}
  .faq__avatars {display: none;}
  .faq__head {margin-bottom: 16px;}
  .faq-item__num {display: none;}
  .faq__panel {max-width: 100%;padding: 24px 24px 24px;border-radius: 15px;}
  .faq__banner {padding: 32px 24px 32px;border-radius: 15px;}
  .case-card__title { font-size: 22px; }
  .cases__pagination { gap: 10px; }
  .quotes__nav { position: static; transform: none; margin-left: 16px; }
  .quotes__foot { justify-content: space-between; }
  .hire-card__foot { flex-direction: column; align-items: flex-start; gap: 18px; }
  .powers__grid { grid-template-columns: 1fr; grid-auto-rows: 180px; }
  .power-card__name { font-size: 19px; }
  .blog__grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
  .faq2__title { font-size: 30px; }
  .faq2 .accordion-button { font-size: 16px; }
  .contact__panel { padding: 30px 22px; }
  .contact__title { font-size: 30px; }
  .contact__row { grid-template-columns: 1fr; gap: 0; }
  .contact__submit-row p{ flex-direction: column; align-items: flex-start; gap: 18px; }
  .footer__news-title { font-size: 22px; }
  .footer__cols { grid-template-columns: 1fr; gap: 32px; }
  .footer__bottom { flex-direction: column; align-items: flex-start; gap: 14px; }
  .models, .caps, .steps, .faq, .quotes, .hire, .faq2 {padding: 0px 0 60px;}
  .yellow-gra {border-radius: 20px;}
  .cases, .powers, .blog {padding: 60px 0 60px;background: transparent}
  .hire__title br {display: none;}
  .contact {padding: 60px 0 0;}
  .footer {padding: 50px 0 30px;}
  
}