:root{
  --container:90%;

  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:24px;
  --radius-full:999px;

  --section-space:120px;
  --section-space-tablet:90px;
  --section-space-mobile:72px;

  --content-space-xs:12px;
  --content-space-sm:20px;
  --content-space-md:32px;
  --content-space-lg:48px;

  --title-xl:clamp(2.8rem,5vw,5rem);
  --title-lg:clamp(2rem,3.6vw,3.2rem);
  --title-md:1.4rem;

  --text-lg:1.125rem;
  --text-md:1rem;
  --text-sm:.92rem;
  --text-xs:.8rem;

  --blue-950:#08152f;
  --blue-900:#0f1f4a;
  --blue-700:#2950e6;
  --blue-500:#3b6bff;
  --blue-300:#a9beff;
  --blue-100:#edf2ff;
  --blue-50:#f7f9ff;

  --ink:#0b1020;
  --ink-light:#ffffff;
  --muted:#667085;
  --line:#e5e7eb;
  --bg:#ffffff;
  --bg-soft:#f7f8fc;

  --gradient-primary:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-500) 100%);

  --shadow-sm:0 4px 12px rgba(15,23,42,.04);
  --shadow-md:0 10px 30px rgba(15,23,42,.06);
  --shadow-lg:0 20px 60px rgba(15,23,42,.08);

  --ease:cubic-bezier(.2,.8,.2,1);
}

/* =========================
   RESET
========================= */

html{
  font-size:16px;
  scroll-behavior:smooth;
}

body{
  background:var(--bg-soft);
  -webkit-font-smoothing:antialiased;
}

img{
  display:block;
  width:100%;
  max-width:100%;
}

button{
  border:none;
  background:none;
  font:inherit;
  cursor:pointer;
}



/* =========================
   COMMON
========================= */
/* ========================= COMMON ========================= */
.container{ width:100%; max-width:var(--container); margin:0 auto; padding:0 24px; }
.section{ padding:var(--section-space) 24px; }
.section__head{ max-width:760px; margin-bottom:; }
.section__head--center{ max-width:760px; margin:0 auto 56px; text-align:center; }
.kicker{ display:inline-flex; align-items:center; gap:10px; font-size:var(--text-xs); font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--blue-700); }
.kicker::before{ content:""; width:28px; height:1px; background:var(--blue-700); }
.section__head--center .kicker{ justify-content:center; }
.section__title{ margin-top:18px; font-size:var(--title-lg); line-height:1.18; letter-spacing:-.04em; font-weight:800; }
.section__lead{ margin-top:20px; font-size:var(--text-lg); color:var(--muted); line-height:1.7; }
.newbtn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:var(--radius-full); transition:.35s var(--ease); font-weight:700; }
.btn--xl{ min-height:64px; padding:0 42px; font-size:1rem; }
.btn--2xl{ min-height:100px; padding:0 42px; font-size:1.6rem; }
.btn--primary{ background:var(--gradient-primary); color:#fff; box-shadow:0 18px 40px rgba(41,80,230,.25); }
.btn--primary:hover{ transform:translateY(-4px); box-shadow:0 26px 50px rgba(41,80,230,.35); }
.btn--highlight{ background:#fff; color:var(--blue-700); }
.btn--highlight:hover{ transform:translateY(-4px); }

/* ========================= HERO ========================= */
.hero{ position:relative; min-height:100vh; overflow:hidden; }
.hero__bg{ position:absolute; inset:0; }
.hero__bg-image{ width:100%; height:100%; object-fit:cover; }
.hero__bg-overlay{ position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,21,47,.92) 0%,rgba(8,21,47,.78) 48%,rgba(8,21,47,.45) 100%); }
.hero__content{ position:relative; z-index:2; display:flex; align-items:center; min-height:100vh; padding:140px 0 100px; }
.hero__label{ margin-bottom:22px; font-size:.9rem; letter-spacing:.14em; color:var(--blue-300); }
.hero__title{ font-size:var(--title-xl); line-height:1.08; font-weight:800; letter-spacing:-.05em; color:#fff; }
.hero__title-accent{ background:linear-gradient(135deg,#fff,var(--blue-300)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero__subtitle{ margin-top:28px; max-width:680px; font-size:1.2rem; color:rgba(255,255,255,.72); }
.hero__tabs{ display:flex; flex-wrap:wrap; gap:12px; margin-top:42px; }
.hero__tab{ display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:0 18px; border-radius:var(--radius-full); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.8); backdrop-filter:blur(10px); transition:.3s var(--ease); }
.hero__tab:hover{ background:rgba(255,255,255,.16); }
.hero__tab--active{ background:#fff; color:var(--ink); }
.hero__tab-icon{ width:18px; height:18px; }
.hero_stats{ display:flex; gap:56px; margin-top:52px; }
.hero_stats_item strong{ display:block; font-size:2.2rem; font-weight:800; color:#fff; }
.hero_stats_item span{ display:block; margin-top:8px; font-size:.95rem; color:rgba(255,255,255,.64); }
.hero__action{ margin-top:56px; }
.hero__scroll{ position:absolute; left:50%; bottom:40px; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; z-index:2; color:rgba(255,255,255,.6); font-size:.75rem; letter-spacing:.2em; }
.hero__scroll-line{ width:1px; height:42px; background:linear-gradient(to bottom,rgba(255,255,255,.8),transparent); }

/* ========================= WHY & INTRO & TRUST ========================= */
.why{ background:var(--bg-soft); }
.why__inner{ max-width:var(--container); margin:0 auto; }
.why__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
.why__card{ padding:42px 36px; border-radius:var(--radius-lg); background:#fff; border:1px solid var(--line); transition:.35s var(--ease); }
.why__card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-md); }
.why__num{ display:inline-flex; align-items:center; justify-content:center; min-width:72px; height:36px; padding:0 16px; border-radius:var(--radius-full); background:var(--blue-100); color:var(--blue-700); font-size:.8rem; font-weight:700; letter-spacing:.12em; }
.why__card h3{ margin-top:24px; font-size:1.4rem; line-height:1.3; letter-spacing:-.03em; }
.why__card p{ margin-top:16px; color:var(--muted); }
.what{ background:#fff; }
.what__inner{ max-width:var(--container); margin:0 auto; }
.intro__grid{ display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.intro__image-wrapper{ overflow:hidden; border-radius:var(--radius-lg); position: relative;}
.intro__image{ aspect-ratio:4/3; object-fit:cover;     filter: brightness(0.6);}
.intro__image-wrapper a{position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); 
    display: inline-flex;
    align-items: center;
	flex-direction: row;
	gap:10px;
	font-size:16px;
    min-height: 52px;
    padding: 0 18px;
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .14);
    color: rgba(255, 255, 255, .8);
    transition: .3s var(--ease);
}
.intro__image-wrapper a:hover {
    background: rgba(255, 255, 255, .3);
}









.intro__list{ display:grid; gap:18px; margin-top:36px; }
.intro__list-item{ display:flex; align-items:center; gap:14px; }
.intro__list-check{ display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:var(--blue-700); color:#fff; flex-shrink:0; }
.intro__list-check svg{ width:14px; height:14px; }
.trust{ background:var(--blue-950); color:#fff; }
.trust .section__title{ color:#fff; }
.trust .kicker{ color:var(--blue-300); }
.trust .kicker::before{ background:var(--blue-300); }
.trust__inner{ max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:1fr 1.1fr; gap:72px; align-items:center; }
.trust__visual{ overflow:hidden; border-radius:var(--radius-lg); max-height:800px; }
.trust__visual img{ aspect-ratio:4/5; object-fit:cover; }
.trust__list{ display:grid; gap:10px; margin-top:40px; }
.trust__list li{ padding:28px; border-radius:var(--radius-md); background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); transition:.3s var(--ease); }
.trust__list li:hover{ background:rgba(255,255,255,.08); }
.trust__list h4{ font-size:1.15rem; font-weight:700; }
.trust__list p{ margin-top:10px; color:rgba(255,255,255,.68); }

/* ========================= ADVANTAGES & SCOPE & PROCESS ========================= */
.advantages{ padding:var(--section-space) 24px; background:var(--bg-soft); }
.advantages__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:36px; }
.advantages__card{ overflow:hidden; border-radius:var(--radius-lg); background:#fff; border:1px solid var(--line); transition:.35s var(--ease); }
.advantages__card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-lg); }
.advantages__card-image{ overflow:hidden; aspect-ratio:16/10; }
.advantages__card-image img{ width:100%; height:100%; object-fit:cover; transition:.5s var(--ease); }
.advantages__card:hover img{ transform:scale(1.05); }
.advantages__card-content{ padding:32px; }
.advantages__card-title{ font-size:1.35rem; font-weight:700; letter-spacing:-.03em; }
.advantages__card-desc{ margin-top:14px; color:var(--muted); }
.scope{ background:#fff; }
.scope__inner{ max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:center; }
.scope__figure{ overflow:hidden; border-radius:var(--radius-lg); border:1px solid var(--line); background:var(--blue-50); padding:10px; }
.scope__figure img{ object-fit:cover; }
.scope__list{display:grid;gap:16px;grid-template-columns: repeat(2,1fr);}
.scope__list li{ display:flex; gap:18px; padding:22px; border-radius:var(--radius-md); background:#fff; border:1px solid var(--line); }
.scope__list span{display:flex;align-items:center;justify-content:center;min-width: 25px;height: 25px;border-radius: 4px;background:var(--blue-100);color:var(--blue-700);font-size:.85rem;font-weight:800;}
.scope__list h4{ font-size:1.08rem; font-weight:700; }
.scope__list p{ margin-top:6px; color:var(--muted); font-size:.95rem; }
.process{ background:var(--bg-soft); }
.process__inner{ max-width:var(--container); margin:0 auto; }
.process__list{ display:grid; grid-template-columns:repeat(5,1fr); gap:20px; position: relative; }
.process__list::before { content: ""; position: absolute; left: 2%; right: 2%; top: 50%; height: 2px; background: repeating-linear-gradient(90deg, var(--blue-300) 0 6px, transparent 6px 12px); z-index: 0; }
.process__list li{ padding:36px 28px; border-radius:var(--radius-lg); background:#fff; border:1px solid var(--line); transition:.35s var(--ease); z-index: 1; }
.process__list li:hover{ transform:translateY(-8px); box-shadow:var(--shadow-md); }
.process__step{ display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:0 16px; border-radius:var(--radius-full); background:var(--blue-100); color:var(--blue-700); font-size:.74rem; font-weight:800; letter-spacing:.14em; }
.process__list h4{ margin-top:24px; font-size:1.18rem; font-weight:700; }
.process__list p{ margin-top:14px; color:var(--muted); font-size:.95rem; }

/* ========================= CTA ========================= */
.cta{ position:relative; overflow:hidden; padding:140px 24px; text-align:center; color:#fff; }
.cta__bg{ position:absolute; inset:0; z-index:-1; }
.cta__bg img{ width:100%; height:100%; object-fit:cover; filter:brightness(.32); }
.cta__inner{ max-width:920px; margin:0 auto; }
.cta__title{ font-size:clamp(2.3rem,5vw,4rem); line-height:1.2; font-weight:800; letter-spacing:-.04em; }
.cta__action{ margin-top:52px; }
.cta__info{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:80px; }
.cta__info-item{ border-radius:var(--radius-lg); background:rgba(255,255,255,.08); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.12); }
.cta__info-item a{display:block; padding:32px; }
.cta__info-item span{ display:block; margin-bottom:10px; font-size:.8rem; letter-spacing:.14em; opacity:.6; text-transform:uppercase; }
.cta__info-item strong{ font-size:1.4rem; font-weight:700; }

/* ========================= RESPONSIVE ========================= */
@media (max-width:1200px){ 
	.process__list{ grid-template-columns:repeat(3,1fr); } 
	.scope__inner{ grid-template-columns:1fr; }
	.process__list::before{display:none;}

	:root{
	  --container:1280px;
	}

	}
@media (max-width:1024px){ 
	.section{ padding:var(--section-space-tablet) 24px; } 
	.hero__content{ padding:120px 0 80px; } .hero_stats{ gap:32px; } 
	.why__grid{ grid-template-columns:1fr; } 
	.intro__grid{ grid-template-columns:1fr; gap:48px; } 
	.trust__inner{ grid-template-columns:1fr; gap:48px; } 
	.advantages__grid{ grid-template-columns:repeat(2,1fr); gap:24px;} 
	.process__list{ grid-template-columns:1fr 1fr; } 
	.cta__info{ grid-template-columns:1fr; } 
	.trust__visual{display:none;}
}
@media (max-width:768px){ 
.container{ padding:0 ; } 
.section{ padding:var(--section-space-mobile) 20px; } 
.hero{ min-height:auto; } 
.hero__content{ min-height:auto; padding:120px 0 90px; } 
.hero__subtitle{ font-size:1rem; } 
.hero__tabs{ gap:10px; } 
.hero__tab{ justify-content:center; } 
.hero_stats_item strong{ font-size:1.9rem; } 
.section__head{ margin-bottom:42px; } 
.why__card{ padding:32px 26px; } 
.advantages__card-content{ padding:26px; } 
.scope__list li{ padding:18px; } 
.process__list{ grid-template-columns:1fr; } 

.cta{ padding:100px 20px; } 
.cta__info{ margin-top:52px; } 
}
@media (max-width:480px){ 
	.hero__title{ font-size:2.5rem; } 
	.section__title{ font-size:2rem; } 
	.btn--xl{ width:100%; padding:0 24px; } 
	.cta__title{ font-size:2rem; } 
.advantages__grid{ grid-template-columns:1fr; } 
}