/* ===== Tokens ===== */
:root{
  --blue:#2656F6; --bluea:#0036D9; --purple:#A876FB; --ink:#111; --muted:#8a8a93; --bg:#F6F7FB;
  --line:#d9dce3; --tint:#e3eeff; --panel:#F4F7FD; --blue-t:#0D0F12;--a-teg-color:#E3EEFF;--pink:#d62ab4;--sgmt-navy:#0D0F12;--sgmt-ease:cubic-bezier(.22,.8,.3,1);
    --pink-bg:#f3e3f6;--sgtr-blue:#0036D9;--sgtr-bg:#0D0F12;--sgtr-ease:cubic-bezier(.22,.8,.3,1)
    --pink-line:#e6bfe9;
  --font:'Outfit','Manrope','Inter',system-ui,sans-serif;
  --header-h:84px; --ease:cubic-bezier(.22,.8,.3,1); --ease:cubic-bezier(.22,.8,.3,1);--auto:10s;--sgaw-blue:#0036D9;--sgaw-ease:cubic-bezier(.22,.8,.3,1);--sgtm-ease:cubic-bezier(.22,.8,.3,1);--sgft-ease:cubic-bezier(.22,.8,.3,1);--sgft-blue:#0036D9;--sgbl-blue:#0036D9;--sgbl-ease:cubic-bezier(.22,.8,.3,1)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;overflow-x:clip; }
ul{list-style:none;margin:0;padding:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.wrap{width:100%;max-width:1312px;margin:0 auto;padding:0 16px}

/* ===== Header ===== */
.sendgun-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s;background: #f5f6fc;}
.sendgun-header.is-open,.sendgun-header.drawer-open{background:#fff;border-color:var(--line)}
.header-bar{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:24px}
.sendgun-logo{display:flex;align-items:center;gap:2px;font-size:28px;font-weight:700;}
.sendgun-nav ul{display:flex;gap:6px}
.nav-link{display:flex;align-items:center;gap:7px;padding:10px 14px;font-size:17px;font-weight:500;transition:color .2s}
.nav-link:hover,.nav-link.is-active{color:var(--blue)}
.chev{width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .3s}
.nav-link[aria-expanded="true"] .chev{transform:rotate(225deg) translate(-1px,-1px)}
.header-actions{display:flex;align-items:center;gap:50px}
.login-link{color:var(--blue);font-weight:500;font-size:17px}
.btn-demo{position:relative;display:grid;place-items:center;width:157px;height:48px;border:1px solid var(--blue);color:var(--blue);font-size:20px;font-weight:600;background:#fff;transition:background .3s,color .3s}
.btn-demo::before,.btn-demo::after{content:"";position:absolute;width:8px;height:8px;background:var(--blue)}
.btn-demo::before{top:-1px;left:-1px;clip-path:polygon(0 0,100% 0,0 100%)}
.btn-demo::after{right:-1px;bottom:-1px;border-radius:50%;width:7px;height:7px;right:-4px;bottom:-4px}
.btn-demo:hover{background:var(--blue);color:#fff}
.burger{display:none;width:44px;height:44px;position:relative}
.burger span,.burger::before,.burger::after{content:"";position:absolute;left:10px;right:10px;height:2px;background:var(--ink);transition:transform .3s,opacity .2s}
.burger::before{top:15px}.burger span{top:21px}.burger::after{top:27px}
.burger[aria-expanded="true"]::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"]::after{transform:translateY(-6px) rotate(-45deg)}
.burger[aria-expanded="true"] span{opacity:0}

/* ===== Mega menu ===== */
.sendgun-mega-menu{position:absolute;left:0;right:0;top:101%;background:#fff;padding:0 16px 40px;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top center;
  transition:opacity .3s ease,transform .3s ease,visibility .3s ease}
.sendgun-mega-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.mega-inner{display:grid;max-width:1312px;margin:0 auto;border:1px solid #CBD5E0;border-top:0;padding:30px;box-shadow:0 24px 40px -24px rgba(20,40,120,.18)}
.mega-panel{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.mega-panel.is-active{opacity:1;visibility:visible;transform:none}
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 40px;padding:30px;background:var(--panel);
  clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px)}
.mega-item {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 80px;
    border-top: 1px solid var(--a-teg-color);
    transform: translateX(0);
    transition: transform .3s var(--ease), border-color .3s;
}


/* ICON */
.mega-item .ico {
    flex: none;
    width: 80px;
    height: 80px;
    display: grid;
    place-items: center;
    background: var(--a-teg-color);
    color: #111;

    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 12px),
        calc(100% - 12px) 100%,
        0 100%
    );

    transition: background .3s, color .3s;
}


/* TITLE */
.mega-item b {
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    color: #111;
    transition: color .3s;
}


/* DESCRIPTION */
.mega-item small {
    display: block;
    margin-top: 4px;
    font-size: 16px;
    color: #48546E;
}


/* =================================
   HOVER ACTIVE
================================= */

.mega-item:hover {
    transform: translateX(4px);
    border-color: var(--blue);
}

.mega-item:hover .ico {
    background: var(--blue);
    color: #fff;
}

.mega-item:hover .ico img {
    filter: brightness(0) invert(1);
}

.mega-item:hover b {
    color: var(--blue);
}

/* ===== Solutions menu ===== */
.solutions-panel{padding:0}
.solutions-layout{display:grid;grid-template-columns:1.9fr .8fr;gap:24px;align-items:stretch;    padding: 20px 30px 30px 20px;background:var(--panel); clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px)}
.solutions-main{padding:0px 18px}
.solution-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px;    }
.solution-tab {
    display: inline-block;
    text-align: left;
    gap: 12px;
    background: #E3EEFF;
    border-radius: 15px;
    color: #111;
    box-shadow: inset 0 0 0 1px rgba(38, 86, 246, .04);
    cursor: pointer;
    transition: all .2s ease;
    padding: 14px 25px;
    clip-path: polygon(40px 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0 0px);
}

.solution-tab span{
    display: block;
    margin-top: 10px;font-size: 24px; font-weight: 600; transition: color .3s;
}
.solution-tab.is-active span{
    filter: brightness(0) invert(1);
}

/* .solution-tab:before{  content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background-image: url("../../assets/img/menu-icon/polygon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;} */
.solution-tab.is-active{background:var(--blue);color:#fff;border-color:var(--blue)}
/* .solution-tab-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:14px;background:rgba(255,255,255,.18);color:currentColor} */
/* .solution-tab:not(.is-active) .solution-tab-icon{background:rgba(255,255,255,.7);color:#111} */
.solution-tab svg{display:block}
.solution-panels{position:relative}
.solution-content{display:none}
.solution-content.is-active{display:block}
.solutions-main h2{    font-size: 22px;
    color: #0036D9;
    border-bottom: 3px solid #0036d9;
    padding-bottom: 10px;
    display: inline-block;}
.solution-entry:hover .solution-entry-icon img{filter:brightness(0) invert(1)}
.solution-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 30px;padding:26px 0px;background:var(--panel);clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px)}
.solution-entry{display:flex;align-items:center;gap:18px;height:80px;min-height:80px;border-top:1px solid var(--a-teg-color);transform:translateX(0);transition:transform .3s var(--ease), border-color .3s}
.solution-entry:hover{transform:translateX(4px);border-color:var(--blue)}
.solution-entry-icon{flex:none;width:80px;height:80px;display:grid;place-items:center;background:var(--a-teg-color);color:#111;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .3s,color .3s}
.solution-entry:hover .solution-entry-icon{background:var(--blue);color:#fff}
.solution-copy{display:flex;flex-direction:column;justify-content:center}
.solution-copy h4{margin:0;font-size:20px;font-weight:600;color:#0D0F12;transition:color .3s}
.solution-entry:hover .solution-copy h4{color:var(--blue)}
.solution-entry[aria-current="page"]{transform:translateX(4px);border-color:var(--blue)}
.solution-entry[aria-current="page"] .solution-entry-icon{background:var(--blue);color:#fff}
.solution-entry[aria-current="page"] .solution-copy h4{color:var(--blue)}
.solution-copy p{margin:4px 0 0;font-size:16px;line-height:1.35;color:#48546E}
.solution-highlight{display:flex;background:#fff;border:1px solid rgba(38,86,246,.1);border-radius:18px;padding:18px 18px 0;    overflow: hidden;height: 475px;}
.solution-highlight-inner{display:flex;flex-direction:column;width:100%}
.solution-kicker{margin:10px 0 16px;font-size:16px;font-weight:700;color:#111}
.solution-highlight h3{    margin: 0 0 25px;
    font-size: 34px;
    line-height: normal;
    
    font-weight: 600;
    color: #0D0F12;}
.solution-cta{align-self: flex-start;
    border: 2px solid var(--blue);
    background: transparent;
    border-radius: 5px;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
    color: var(--blue);
    box-shadow: 0 8px 18px rgba(38, 86, 246, .12);
    transition: all .25s ease;}
.solution-cta:hover{background:var(--blue);color:#fff}
.solution-figure img{    position: absolute;
    bottom: -19px;
    right: -20px;}
.solution-figure{    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: right;
    min-height: 180px;
    margin-top: 0;}

.sendgun_highlight_ai{background:#0036D9 ;}
.sendgun_highlight_ai h3{color:#fff}
.sendgun_highlight_ai .solution-cta{border-color:#fff;color:#fff}
.sendgun_highlight_ai .solution-cta:hover{background:#fff;color:#0036D9}
.sendgun_highlight_ai h4 {
      color: #466FF7;
    font-size: 48px;
    /* text-align: center; */
    transform: rotate(-90deg);
    position: absolute;
        right: 45px;
    bottom: 180px;
}
.sendgun_highlight_ai .solution-figure img {
    position: absolute;
    bottom: -33px;
    right: 80px;
}

.sendgun_highlight_ai .solution-kicker {color: #fff;}


.figure-head{position:relative;width:120px;height:120px;border-radius:50%;background:linear-gradient(180deg,#f6d3c5,#eeb7a0);box-shadow:inset 0 -6px 0 rgba(0,0,0,.05);margin-bottom:118px}
.figure-head::before,.figure-head::after{content:"";position:absolute;top:18px;width:18px;height:18px;border-radius:50%;background:#2b2d2f}
.figure-head::before{left:26px}.figure-head::after{right:26px}
.figure-head::marker{display:none}
.figure-body{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:180px;height:190px;border-radius:100px 100px 0 0;background:linear-gradient(180deg,#fff,#f0f3f7);box-shadow:inset 0 0 0 1px rgba(38,86,246,.12)}
.figure-phone{position:absolute;bottom:54px;left:50%;transform:translateX(-50%) rotate(12deg);width:120px;height:150px;border-radius:22px;background:linear-gradient(180deg,#111,#20252c);box-shadow:0 18px 24px rgba(17,17,17,.18)}
.figure-phone::before{content:"";position:absolute;inset:12px 10px 10px;border-radius:16px;background:linear-gradient(180deg,#f3f4f5,#dfe6ef)}

/* ===== Mobile drawer ===== */
.mobile-drawer{display:none}
.acc>button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px 4px;font-size:18px;font-weight:500;border-bottom:1px solid #eceff5}
.acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.acc-body>ul{overflow:hidden}
.acc.open .acc-body{grid-template-rows:1fr}
.acc.open .chev{transform:rotate(225deg)}
.acc .mega-item{height:60px;gap:14px}
.acc .mega-item .ico{width:60px;height:60px}.acc .mega-item .ico svg{width:24px;height:24px}
.acc .mega-item b{font-size:16px}.acc .mega-item small{font-size:14px}
.drawer-section-label{padding:18px 4px 7px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.drawer-page-link{display:block;padding:11px 4px 11px 16px;border-bottom:1px solid #f0f2f7;color:var(--ink);font-size:16px;font-weight:500;line-height:1.35;transition:color .2s,background .2s}
.drawer-page-link:hover,.drawer-page-link:focus-visible,.drawer-page-link[aria-current="page"]{color:var(--blue);background:#f7f9ff}
.drawer-actions{display:flex;gap:16px;align-items:center;padding:20px 4px}

/* ===== Hero ===== */
.hero-section{position:relative;min-height:762px;overflow:hidden;
  background:radial-gradient(60% 50% at 100% 0,rgba(125,211,252,.35),transparent 70%),
  radial-gradient(55% 60% at 78% 55%,rgba(168,118,251,.28),transparent 70%),
  radial-gradient(40% 40% at 10% 85%,rgba(244,200,255,.28),transparent 70%), url(../../assets/slider/sendgun-ai-backgraund-image.png) no-repeat 100% 0/cover}
.hero-background,.hero-grid{position:absolute;inset:0;pointer-events:none}
.hero-grid{background-image:linear-gradient(rgba(38,86,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(38,86,246,.06) 1px,transparent 1px);
  background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 55% 60% at 50% 45%,#000,transparent 75%);mask-image:radial-gradient(ellipse 55% 60% at 50% 45%,#000,transparent 75%)}
.blob{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform}
.blob-blue{width:420px;height:420px;right:6%;top:18%;background:rgba(38,86,246,.12)}
.blob-purple{width:380px;height:380px;left:30%;bottom:-6%;background:rgba(168,118,251,.14)}
.mouse-glow{position:absolute;left:0;top:0;width:520px;height:520px;border-radius:50%;margin:-260px 0 0 -260px;
  background:radial-gradient(circle,rgba(38,86,246,.16),rgba(168,118,251,.10) 45%,transparent 70%);filter:blur(30px);will-change:transform}
.parallax-shape{position:absolute;will-change:transform}
.parallax-shape svg{display:block;animation:float 7s ease-in-out infinite}
.shape-cube{left:11.5%;top:86px;}
.shape-robot{left:calc(50% - 34px);top:84px;}
.shape-star{right:8.5%;bottom:70px;}
.shape-star svg{animation-delay:-3s;transform:rotate(18deg)}
@keyframes float{50%{transform:translateY(-10px) rotate(2deg)}}

.hero-content{position:relative;z-index:2;padding-top:178px;padding-bottom:60px;text-align:center}
.slides{display:grid;justify-items:center}
.slide{grid-area:1/1;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .6s ease,transform .6s var(--ease),visibility .6s}
.slide.is-active{opacity:1;visibility:visible;transform:none}
.badge{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px;background:var(--blue);color:#fff;font-size:15px;font-weight:500;     border-radius: 5px;}
.slide h1,.slide h2{max-width:860px;margin:44px 0 0;font-size:clamp(30px,4.2vw,50px);line-height:1.2;font-weight:900;text-wrap:balance}
.slide em{font-style:normal;color:var(--blue)}
.slide p{max-width:740px;margin:16px 0 0;font-size:clamp(16px,1.4vw,20px);line-height:1.3;color:var(--muted)}
.btn-primary{margin-top:40px;display:inline-grid;place-items:center;height:48px;padding:0 20px;background:var(--blue);color:#fff;font-size:19px;font-weight:500; border-radius: 5px;
  transition:transform .3s var(--ease),box-shadow .3s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(38,86,246,.55)}
.service-icons{display:flex;justify-content:center;gap:20px;margin-top:40px}
.service-icons li{width:50px;height:50px;display:grid;place-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(30,40,90,.10);transition:transform .3s var(--ease)}
.service-icons li:hover{transform:translateY(-4px)}
.slider-dots{display:flex;justify-content:center;gap:8px;margin-top:36px}
.slider-dots button{width:8px;height:8px;border-radius:8px;background:#c4cbe0;transition:width .3s,background .3s}
.slider-dots button.is-active{width:26px;background:var(--blue-t)}

/* ===== Responsive ===== */
@media (max-width:1180px){.header-actions{gap:24px}.nav-link{padding:10px 8px;font-size:16px}.shape-cube{left:4%}}
@media (max-width:991px){
  :root{--header-h:72px}
  .sendgun-nav,.header-actions,.sendgun-mega-menu{display:none}
  .burger{display:block}
  .mobile-drawer{display:block;position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - var(--header-h));overflow-y:auto;background:#fff;padding:0 20px;
    visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s,visibility .3s;border-bottom:1px solid var(--line)}
  .drawer-open .mobile-drawer{visibility:visible;opacity:1;transform:none}
  .hero-section{min-height:680px}
  .hero-content{padding-top:160px}
  .shape-cube{width:76px;left:3%;top:110px}.shape-robot{width:56px;top:80px;left:calc(50% - 28px)}.shape-star{width:84px;right:4%;bottom:40px}
}
@media (max-width:576px){
  .sendgun-logo{font-size:24px}
  .hero-content{padding-top:150px}
  .badge{font-size:13px;height:40px}
  .slide h1,.slide h2{margin-top:32px}
  .service-icons{gap:10px;flex-wrap:wrap}
  .shape-cube{width:56px;top:100px}.shape-star{width:60px}
  .btn-primary{height:52px}
}
@media (hover:none),(pointer:coarse){.mouse-glow{display:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .mouse-glow{display:none}
}

/* 10k+ Trusted Users */

.trusted-users {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    padding: 8px 20px 8px 8px;
    border-radius: 50px;    position: absolute;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);

    width: fit-content;
}

/* User Images */
.user-avatars {
    display: flex;
    align-items: center;
}

.avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff;
    margin-left: -8px;
    background: #eee; transition: transform .3s var(--ease);
}

.avatar:first-child {
    margin-left: 0;
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;   
}
.avatar:hover {
    transform: translateY(-4px);
}
.trusted-users-section{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
/* Text */
.trusted-text {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 700;
    color: #071a4b;
    white-space: nowrap;
}
.trusted-text span {
    font-family:var(--font);
    font-size: 21px;
    font-weight: 700;
    color: #071a4b;
    white-space: nowrap;
}
.trusted-users {
    min-height: 60px;
}

.avatar {
    width: 48px;
    height: 48px;
}

.trusted-text {
    font-size: 20px;
}

.customer-section {
    padding: 55px 0 18px;
    background: #fff;
}

.customer-marquee {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #fff;
}

.customer-marquee::before,
.customer-marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    z-index: 2;
    pointer-events: none;
}

.customer-marquee::before {
    left: 0;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.customer-marquee::after {
    right: 0;
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.customer-track {
    display: flex;
    align-items: center;
    gap: 18px;
    width: max-content;
    animation: customer-marquee 28s linear infinite;
    will-change: transform;
}

.customer-logo-set {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 8px 0;
    flex-shrink: 0;
}

.customer-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 0 22px;
    border-radius: 16px;
    background: #fff;
    white-space: nowrap;
}

.customer-logo img {
    display: block;
    max-height: 44px;
    width: auto;
}

@keyframes customer-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.agent-showcase {
    padding: 48px 0 18px;
    background: #fff;
    text-align: center;
}

.agent-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.agent-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(180deg, #1f5df5 0%, #0c3ec2 100%);
    box-shadow: 0 0 0 2px rgba(31,93,245,.15);
}


.agent-title {
    margin: 0 auto 40px;
    font-size: clamp(22px, 4.2vw, 35px);
    line-height: 1.12;
    font-weight: 800;
   color: #051441;
}

.agent-title span {
    display: inline-block;
    margin-top: 10px;
    font-weight: 800;
}

.agent-title em {
    color: var(--bluea);
    font-style: normal;
}

.agent-marquee {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 10px auto;
    padding: 0 10px;
}

.agent-marquee::before,
.agent-marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    z-index: 2;
    pointer-events: none;
}

.agent-marquee::before {
    left: 0;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.agent-marquee::after {
    right: 0;
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.agent-marquee-track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 18px;
    padding: 10px 0;
    will-change: transform;
    animation-duration: 28s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

.agent-marquee:hover .agent-marquee-track {
    animation-play-state: paused;
}

.agent-marquee-left .agent-marquee-track {
    animation-name: agent-marquee-left;
}

.agent-marquee-right .agent-marquee-track {
    animation-name: agent-marquee-right;
}

.agent-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 58px;
    padding: 10px 26px 10px 18px;
    border-radius: 999px;
    background: #fff;
    color: #051441;
    font-size: clamp(14px, 1.4vw, 16px);
    font-weight: 500;
    white-space: nowrap;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
    user-select: none;
}

.agent-pill:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
    border-color: rgba(44, 106, 247, 0.7);
}

.pill-blue { background: rgba(173, 214, 255, 0.15); }
.pill-pink { background: rgba(255, 210, 240, 0.18); }
.pill-lightgreen { background: rgba(191, 255, 220, 0.18); }
.pill-gray { background: rgba(238, 238, 238, 0.9); }
.pill-lightblue { background: rgba(210, 230, 255, 0.2); }

.pill-icon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f172a;
    flex-shrink: 0;
}

.pill-icon svg {
    width: 16px;
    height: 16px;
}

@keyframes agent-marquee-left {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@keyframes agent-marquee-right {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}

@media (max-width: 767px) {
    .agent-showcase {
        padding-top: 26px;
    }

    .agent-title {
        margin-bottom: 18px;
        line-height: 1.08;
    }

    .agent-pill {
        min-height: 58px;
        padding: 8px 18px 8px 12px;
        font-size: 1rem;
    }

    .pill-icon {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 576px) {
    .agent-dots {
        gap: 10px;
        margin-bottom: 14px;
    }

    .agent-dots span {
        width: 10px;
        height: 10px;
    }



    .trusted-users {
        gap: 8px;
        padding: 6px 14px 6px 6px;
    }

    .avatar {
        width: 38px;
        height: 38px;
        border-width: 2px;
        margin-left: -6px;
    }

    .trusted-text {
        font-size: 16px;
    }
}



.channels{padding:100px 0 100px ;background:#F8F9FA;margin: 100px 0px 0px;}
.container{max-width:1344px}
.ch-dots{display:flex;gap:11px;margin-bottom:26px}.ch-dots i{width:7px;height:7px;border-radius:50%;background:var(--blue);animation:dot 1.6s infinite}
.ch-dots i:nth-child(2){animation-delay:.2s}.ch-dots i:nth-child(3){animation-delay:.4s}
@keyframes dot{50%{transform:translateY(-5px);opacity:.5}}
.ch-title{font-size:clamp(30px,3.4vw,38px);font-weight:600;line-height:1.2;margin:0}.ch-title span{color:var(--blue)}
.ch-sub{font-size:16px;line-height:1.3;max-width:440px;margin:0 0 0 auto;color:#222}
.ch-grid{--bs-gutter-x:62px;--bs-gutter-y:30px;margin-top:50px}
.ch-col{display:flex;flex-direction:column;gap:30px}

/* ---- card base ---- */
.ch-card{position:relative;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto;
  transition:transform .6s cubic-bezier(.22,.8,.3,1),box-shadow .45s,opacity .8s;--spot:rgba(255,255,255,.35)}
.ch-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),var(--spot),transparent 60%)}
.ch-card:hover::after{opacity:1}
.ch-card.in:hover{transform:translateY(-8px);box-shadow:0 30px 50px -24px rgba(30,40,110,.35)}
.ch-text{padding:0 30px;position:relative;z-index:2}
.ch-text h3{font-size:24px;font-weight:700;margin:0 0 10px;}
.ch-text p{font-size:16px;line-height:1.5;margin:0;max-width:440px}
.rv{opacity:0;transform:translateY(46px)}.rv.in{opacity:1;transform:none}

/* art stage: fixed design size, scaled to fit card width (see JS) */
.art{position:relative;width:100%;overflow:hidden}
.stage{position:absolute;left:0;top:0;transform-origin:0 0;transform:scale(var(--s,1))}
.stage>*{position:absolute}
[data-speed]{will-change:translate}

/* ---- WhatsApp ---- */
.c-wa{min-height:520px;color:#111;padding-bottom:30px;
  background-image: url(../../assets/img/service-section/whatsapp.svg);background-repeat: no-repeat;background-position: cover;background-size: cover;}
.c-wa .art{aspect-ratio:610/350;margin-bottom:6px}
.wa-ic{left:215px;top:42px;width:62px;height:62px;border-radius:50%;background:#25a244;color:#fff;display:grid;place-items:center;font-size:34px;box-shadow:0 8px 20px rgba(37,162,68,.4)}
.wa-photo{left:31px;top:141px;width:318px;height:195px;border-radius:8px;border:2px solid #8f8ff2;overflow:hidden}
.wa-photo img,.chat img.g{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.c-wa:hover .wa-photo img{transform:scale(1.08)}
.chat{left:367px;top:31px;width:198px;height:320px;border:2px solid #8f8ff2;border-radius:12px;background:#cfd0fb;font-size:10px}
.chat .hd{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px;font-size:14px;font-weight:500}
.chat .hd img{width:30px;height:30px;border-radius:50%}
.chat .bd{position:absolute;left:5px;right:5px;top:50px;height:236px;background:#fff;border-radius:8px;padding:8px 9px}
.chat .bd .g{height:66px;border-radius:5px;overflow:hidden;margin-bottom:8px}
.chat h6{font-size:14px;font-weight:600;margin:0 0 4px}.chat .bd p{font-size:9.5px;line-height:1.35;margin:0;color:#222}
.chat .ft{position:absolute;left:9px;right:9px;bottom:30px;font-size:7px;color:#aaa;display:flex;justify-content:space-between}
.chat .up{position:absolute;left:0;right:0;bottom:0;height:26px;border-top:1px solid #ddd;display:grid;place-items:center;font-weight:600;font-size:10px;transition:background .3s,color .3s}
.chat:hover .up{background:var(--blue);color:#fff}
.chat .in-row{position:absolute;left:10px;right:10px;bottom:6px;display:flex;justify-content:space-between;align-items:center;font-size:10px}

/* ---- Voice ---- */
.c-voice{min-height:567px;background:#0b0b0b;color:#fff;padding-top:36px;--spot:rgba(80,120,255,.16)}
.c-voice::before{content:"";position:absolute;inset:0;opacity:.5;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:linear-gradient(transparent,#000 40%);mask-image:linear-gradient(transparent,#000 40%)}
.c-voice p{color:#bdbdbd}
.c-voice .art{aspect-ratio:640/417;margin-top:auto}
.ring{left:185px;top:3px;width:270px;height:270px;border-radius:50%;background:#1a1a1a}
.ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);animation:pulse 2.4s infinite}
.ring2{left:223px;top:41px;width:194px;height:194px;border-radius:50%;background:#3a3a3a}
.mic{left:238px;top:56px;width:164px;height:164px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--blue);font-size:78px;transition:transform .5s cubic-bezier(.22,.8,.3,1)}
.c-voice:hover .mic{transform:scale(1.08)}
@keyframes pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.wave{left:176px;top:300px;width:290px;height:90px;display:flex;align-items:center;gap:2px}
.wave b{flex:1;border-radius:2px;transform-origin:center;animation:wv var(--d) ease-in-out infinite alternate}
.c-voice:hover .wave b{animation-duration:calc(var(--d)*.45)}
@keyframes wv{from{transform:scaleY(.35)}to{transform:scaleY(1)}}

/* ---- Bulk SMS ---- */
.c-sms{min-height:615px;background:#fff;border:1px solid #e6e8f0;--spot:rgba(38,86,246,.07);
  background-image:radial-gradient(#d3d7e6 1.6px,transparent 1.7px);background-size:40px 40px;background-position:20px 20px}
.c-sms .art{aspect-ratio:610/470}
.c-sms .ch-text{padding-bottom:28px}
.arc{top:120px;width:330px;height:330px;border-radius:50%;border:2.5px solid #b9b3e6;background:radial-gradient(circle at 75% 50%,#e8e8fb,rgba(255,255,255,0) 70%);transition:transform .8s}
.arc.l{left:-233px}.arc.r{left:513px}
.c-sms:hover .arc.l{transform:translateX(18px)}.c-sms:hover .arc.r{transform:translateX(-18px)}
.ph{left:187px;top:35px;width:237px;height:421px;border:1.5px solid #5b5bd6;border-radius:14px;background:#fff}
.ph .pill{position:absolute;left:80px;top:15px;width:75px;height:22px;border-radius:12px;background:#2b2b2b}
.ph .tm{position:absolute;top:63px;width:100%;text-align:center;font-size:11px;color:#888}
.msg{left:132px;top:139px;width:253px;height:178px;background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(30,40,110,.12);padding:14px 14px;font-size:11px;line-height:1.8;color:#444;transition:transform .5s}
.msg .who{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:#111;margin-bottom:6px}
.msg .who i{width:34px;height:34px;border-radius:50%;background:#5b5bd6;color:#fff;display:grid;place-items:center;font-size:18px}
.msg p{margin:0 0 6px;line-height:1.6}.msg strong{color:#111;font-weight:600}
.stop{left:290px;top:352px;width:207px;height:54px;border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(30,40,110,.12);display:grid;place-items:center;font-size:17px;font-weight:600;transition:transform .5s}
.c-sms:hover .msg{transform:translateY(-6px)}.c-sms:hover .stop{transform:translateY(6px) scale(1.04)}
.t1,.t2{font-size:11px;color:#888}.t1{left:325px;top:324px}.t2{left:365px;top:413px}

/* ---- IVR ---- */
.c-ivr{min-height:567px;padding-top:36px;  background-image: url(../../assets/img/service-section/ivr.svg);background-repeat: no-repeat;background-position: cover;background-size: cover;background-color: #e5f7f0;--spot:rgba(37,162,68,.12)}
.c-ivr .art{aspect-ratio:640/419;margin-top:auto}
.dial{left:30px;top:0;width:237px;height:397px;background:#fff;border:1.5px solid #222;border-radius:18px}
.dial .pill{position:absolute;left:80px;top:9px;width:76px;height:22px;border-radius:12px;background:#2b2b2b}
.dial .nm{position:absolute;top:47px;width:100%;text-align:center;font-size:13px;line-height:1.25}
.key{width:45px;height:45px;border-radius:50%;background:#e9e9e9;display:grid;place-items:center;font-size:20px;color:#444;transition:transform .3s,background .3s,color .3s;cursor:default}
.key.g{background:#22c55e;color:#fff}.key:hover{transform:scale(1.18);background:var(--blue);color:#fff}
.key.end{background:#e5173f;color:#fff;font-size:22px}
.num{width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid #22c55e;display:grid;place-items:center;font:600 22px Georgia,serif}
.chip{height:38px;padding:0 14px;border-radius:20px;background:#fff;display:flex;align-items:center;gap:8px;font:600 17px Georgia,serif;box-shadow:0 4px 12px rgba(30,60,140,.12);transition:transform .35s}
.chip:hover{transform:translateX(6px) scale(1.04)}
.chip img{height:22px;border-radius:12px}
.chip .pl{width:30px;height:30px;border-radius:50%;background:#0ea5e9;color:#fff;display:grid;place-items:center;font-size:18px}
.lines{left:0;top:0;width:640px;height:419px;pointer-events:none}
.lines path{fill:none;stroke:#22c55e;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s ease .5s}
.c-ivr.in .lines path{stroke-dashoffset:0}

/* ---- RCS ---- */
.c-rcs{margin-top:30px;min-height:380px; background-image: url(../../assets/img/service-section/bg.svg);background-repeat: no-repeat;background-position: cover;background-size: cover;flex-direction:row;align-items:stretch;padding:30px;--spot:rgba(255,255,255,.7);border:1px solid #e6e6e6;}
.c-rcs .ch-text{padding:0;flex:1;display:flex;flex-direction:column;padding-top:32px}
.c-rcs .ch-text p{max-width:none}
.btn-all{margin-top:auto;align-self:flex-start;background:var(--blue);color:#fff;font-weight:500;padding:14px 20px;border-radius:10px;font-size:17px;border:0;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.btn-all:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 24px -8px rgba(38,86,246,.6)}
.rcs-img{flex:1;display:flex;justify-content:center;align-items:center}
.rcs-img img{max-width:100%;max-height:340px;mix-blend-mode:multiply;transition:transform .8s cubic-bezier(.22,.8,.3,1)}
.c-rcs:hover .rcs-img img{transform:scale(1.05) rotate(-1deg)}

@media(max-width:991px){.ch-sub{margin:20px 0 0}.ch-col{gap:24px}.c-rcs{flex-direction:column}.ch-text p{max-width:none}.ch-card{min-height:0!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}


/* ===== section shell ===== */
.sg-ai{position:relative;padding:100px 0 120px;overflow:hidden;
  background:radial-gradient(50% 38% at 50% 38%,rgba(120,50,220,.16),transparent 70%),#000}
.sg-ai-top{text-align:center}
.sg-pill{display:inline-block;padding:9px 41px;border:1px solid #2a2a2e;color: #fff;border-radius:30px;background:#0d0d0f;font-size:18px;font-weight:500}
.sg-ai h2{margin:30px 0 0;font-size:clamp(22px,3.2vw,35px);font-weight:700; color:#fff;}
.sg-top-in{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}
.sg-top-in.on{opacity:1;transform:none}

/* ===== 3-column stage: chips | chat | chips ===== */
.sg-stage{display:grid;grid-template-columns:1fr minmax(0,800px) 1fr;align-items:start;margin-top:44px;max-width:1512px;margin-inline:auto}
.sg-side{display:flex;flex-direction:column;gap:80px;padding-top:97px}
.sg-side.l{padding-left:72px}.sg-side.r{padding-right:44px}
.sg-chip{display:inline-flex;align-items:center;gap:12px;height:80px;padding:0 16px;border-radius:22px;background:#0f0f12;border:1px solid #1d1d22;
  color:#9c9ca6;font-size:16px;font-weight:500;white-space:nowrap;width:fit-content;
  opacity:0;transform:translateY(30px) scale(.95);transition:opacity .7s,transform .7s cubic-bezier(.22,.8,.3,1),border-color .3s,color .3s,background .3s,box-shadow .3s}
.sg-chip i{font-size:18px;transform:rotate(-45deg);color:#8a8a94;transition:color .3s}
.sg-side.l .sg-chip:nth-child(odd){margin-left:70px}.sg-side.r .sg-chip:nth-child(odd){margin-left:70px}
.sg-chip.on{opacity:1;transform:none}
.sg-chip.on:hover{transform:translateY(-4px) scale(1.04);border-color:#6d34c9;color:#fff;background:#17121f;box-shadow:0 14px 30px -12px rgba(162,59,255,.55)}
.sg-chip:hover i{color:var(--sg-violet)}
.sg-float{animation:sgFloat 6s ease-in-out infinite}
@keyframes sgFloat{50%{margin-top:-8px}}
.sg-side [data-speed]{will-change:translate}

/* ===== chat card ===== */
.sg-card{position:relative;min-height:792px;border-radius:28px;background:#0f0e13;border:1px solid rgba(150,80,255,.22);
  display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(60px) scale(.97);transition:opacity .9s,transform .9s cubic-bezier(.22,.8,.3,1)}
.sg-card.on{opacity:1;transform:none}
.sg-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--sg-a),transparent 0 72%,var(--sg-violet) 86%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sgSpin 7s linear infinite}
@keyframes sgSpin{to{--sg-a:360deg}}
.sg-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(380px circle at var(--mx,50%) var(--my,30%),rgba(162,59,255,.10),transparent 60%)}
.sg-card:hover::after{opacity:1}
.sg-head{display:flex;justify-content:space-between;align-items:center;padding:26px 30px 18px;border-bottom:1px solid #1c1b22}
.sg-head>*{opacity:0;transform:translateY(10px);transition:opacity .6s .35s,transform .6s .35s}
.sg-card.on .sg-head>*{opacity:1;transform:none}
.sg-head h3{margin:0;font-size:20px;font-weight:500; color:#fff}.sg-head small{display:block;margin-top:4px;color:#8c8c96;font-size:14px}
.sg-live{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;border:1px solid #0b6b32;background:#06210f;color:#2eea6b;font-size:13px}
.sg-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#18f060;box-shadow:0 0 8px #18f060;animation:sgBlink 1.1s steps(2,jump-none) infinite}
.sg-live{animation:sgGlow 1.1s ease-in-out infinite}
@keyframes sgBlink{50%{opacity:.15}}
@keyframes sgGlow{50%{box-shadow:0 0 14px rgba(24,240,96,.35)}}

.sg-body{flex:1;display:flex;flex-direction:column;gap:30px;padding:50px 30px 0;min-height:636px}
.sg-row{display:flex;align-items:flex-start;gap:10px;opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.22,.8,.3,1)}
.sg-row.me{justify-content:flex-end;transform:translateX(50px)}
.sg-row.ai{transform:translateX(-50px)}
.sg-row.in{opacity:1;transform:none}
.sg-av{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;border:1.5px solid #3a3a42}
.sg-bub{position:relative;font-size:16px;line-height:1.28;font-weight:400}
.sg-bub .g{visibility:hidden;display:block}
.sg-bub .t{position:absolute;left:var(--px);right:var(--px);top:var(--py)}
.sg-bub.typing .t::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;background:#fff;vertical-align:-2px;animation:sgCaret .7s steps(2,jump-none) infinite}
@keyframes sgCaret{50%{opacity:0}}
.sg-bub.me{--px:30px;--py:20px;padding:20px 30px;max-width:620px;     color: #fff; border-radius:4px;background:linear-gradient(90deg,#2b1273,#6d1d80)}
.sg-bub.me.s{max-width:687px;--px:20px;padding:18px 20px}
.sg-bub.ai{--px:30px;--py:20px;padding:20px 30px;max-width:620px;border-radius:14px;background:#15141a;border:1px solid #24232b;color:#eee}
.sg-bub.dots{display:flex;gap:8px;padding:18px 20px;border-radius:14px;background:#15141a;border:1px solid #24232b}
.sg-bub.dots i{width:7px;height:7px;border-radius:50%;background:#8c8c96;animation:sgDot 1.2s infinite}
.sg-bub.dots i:nth-child(2){animation-delay:.18s}.sg-bub.dots i:nth-child(3){animation-delay:.36s}
@keyframes sgDot{30%{transform:translateY(-5px);background:#fff}}
.sg-foot{padding:26px;text-align:center;border-top:1px solid #1c1b22;color:#9a9aa4;font-size:16px}

/* ===== stats ===== */
.sg-stats{display:flex;justify-content:center;align-items:center;gap:clamp(30px,9vw,170px);margin-top:80px;text-align:center}
.sg-stat{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s cubic-bezier(.22,.8,.3,1)}
.sg-stat.on{opacity:1;transform:none}
.sg-stat b{display:block;font-size:clamp(44px,4vw,56px);font-weight:600;line-height:1.1;     color: #fff;}
.sg-stat span{display:block;margin-top:6px;color:#a5a5ae;font-size:18px}
.sg-stat.big b{font-size:clamp(64px,8vw,92px);background:linear-gradient(90deg,#9b2bff,#d93aa8);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.sg-stat.big span{margin-top:14px;font-size:19px}
.sg-faces{display:flex;justify-content:center;margin-bottom:6px}
.sg-faces img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-8px;transition:transform .3s}
.sg-faces img:first-child{margin-left:0}.sg-faces img:hover{transform:translateY(-6px) scale(1.1)}

/* ===== responsive ===== */
@media(max-width:1199px){
  .sg-stage{grid-template-columns:minmax(0,800px);justify-content:center;padding:0 16px}
  .sg-card{order:1}.sg-side{order:2;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 0 0!important}
  .sg-chip,.sg-side .sg-chip:nth-child(odd){height:52px;margin-left:0!important;border-radius:16px}
  .sg-float{animation:none}
}
@media(max-width:767px){
  .sg-body{padding:30px 16px 0;min-height:560px;gap:20px}.sg-head{padding:20px 16px 14px}.sg-card{min-height:0}
  .sg-bub.me,.sg-bub.ai,.sg-bub.me.s{--px:16px;--py:14px;padding:14px 16px;font-size:14.5px}
  .sg-stats{flex-direction:column;gap:36px;margin-top:60px}.sg-stat.big{order:-1}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}


/* ===== white rounded shell with soft gradient glows ===== */
.role-shell{position:relative;max-width:1454px;margin:0 auto;background:#fff;border-radius:0 0 36px 36px;overflow:hidden;padding:100px 0 0}
.role-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;will-change:transform}
.role-glow.a{width:620px;height:360px;left:12%;top:-140px;background:rgba(168,118,251,.16)}
.role-glow.b{width:640px;height:420px;right:6%;top:30px;background:rgba(150,220,120,.16)}
.role-inner{position:relative;z-index:1;max-width:1344px;margin:0 auto;padding:0 20px}
 
/* ===== heading ===== */
.role-head{text-align:center}
.role-pill{position:relative;display:inline-block;padding:8px 24px;border-radius:30px;border:1px solid #f1b6dc;background:#fbe3f3;color:#d22fa4;font-size:18px;font-weight:500;overflow:hidden}
.role-pill::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);animation:shine 3.4s ease-in-out infinite}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.role-title{max-width:760px;margin:30px auto 0;font-size:clamp(28px,3.2vw,36px);font-weight:700;line-height:1.22;}
.role-title .w{display:inline-block;opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .6s,transform .7s var(--ease),filter .6s}
.role-title.on .w{opacity:1;transform:none;filter:none}
.role-title .hl{color:var(--blue)}
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s var(--ease)}.fade-in.on{opacity:1;transform:none}
 
/* ===== cards ===== */
.role-grid{margin-top:26px;--bs-gutter-x:30px;--bs-gutter-y:30px}
.role-card{position:relative;height:100%;min-height:306px;padding:40px 25px 30px;border-radius:14px;background:#f8f9fb;border:1px solid transparent;overflow:hidden;
  opacity:0;transform:translateY(60px) scale(.96);
  transition:opacity .8s,transform .8s var(--ease),box-shadow .45s,background .45s,border-color .45s;--c:#e5484d;--t:#fdecec}
.role-card.on{opacity:1;transform:none}
.role-card.on:hover{transform:translateY(-10px);background:#fff;border-color:color-mix(in srgb,var(--c) 30%,transparent);box-shadow:0 28px 44px -24px color-mix(in srgb,var(--c) 55%,transparent)}
.role-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.role-card:hover::before{transform:scaleX(1)}
.role-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--c) 12%,transparent),transparent 65%)}
.role-card:hover::after{opacity:1}
.r1{--c:#e5484d;--t:#fdecec}.r2{--c:#2fa57a;--t:#e6f6ef}.r3{--c:#b536e8;--t:#f5e5fd}.r4{--c:#6c63ff;--t:#ecebff}
.role-ico{width:60px;height:60px;border-radius:10px;display:grid;place-items:center;background:var(--t);border:1px solid color-mix(in srgb,var(--c) 28%,transparent);color:var(--c);
  transition:transform .5s var(--ease),background .4s,color .4s,box-shadow .4s}
.role-ico svg{width:32px;height:32px}
.role-ico .bolt{transition:transform .4s,opacity .4s}
.role-card:hover .role-ico{background:var(--c);color:#fff;transform:rotate(-8deg) scale(1.1);box-shadow:0 12px 24px -8px var(--c)}
.role-card:hover .role-ico .bolt{animation:zap .8s infinite}
@keyframes zap{50%{opacity:.25;transform:scale(1.3)}}
.role-card h3{margin:38px 0 10px;font-size:20px;font-weight:600;transition:color .3s,transform .4s var(--ease)}
.role-card:hover h3{color:var(--c);transform:translateX(4px)}
.role-card p{margin:0;font-size:16px;line-height:1.55;color:#222}
 
/* ===== bottom tab ===== */
.role-tab{display:flex;justify-content:center;margin-top:88px}
.role-tab span{display:block;padding:20px 50px 22px;border-radius:20px 20px 0 0;background:#f2f1f6;color:var(--blue);font-size:19px;font-weight:500;
  transform:translateY(100%);transition:transform .8s var(--ease) .2s,background .3s,padding .3s;cursor:pointer}
.role-tab.on span{transform:none}.role-tab span:hover{background:#e7e5f2;padding-bottom:30px}
 
@media(max-width:575px){.role-shell{padding-top:70px;border-radius:0 0 24px 24px}.role-card{min-height:0}.role-card h3{margin-top:26px}.role-tab{margin-top:56px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.role-card,.fade-in,.role-title .w{opacity:1;transform:none;filter:none}.role-tab span{transform:none}}


.demo-space{height:60vh;display:grid;place-items:center;color:#aaa;font-size:15px}  /* sample content above/below - delete in your site */
 
/* ===== pin mechanics: tall wrapper + sticky 100vh stage ===== */
.hw-wrap{    position: relative;
    height: 360vh;
    background: #efefef;}
.hw-pin{    position: sticky;
    top: 0;
    height: 75vh;
    min-height: 542px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;}
 
/* ===== heading ===== */
.hw-head{text-align:center;padding:0 20px;opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s var(--ease)}
.hw-head.on{opacity:1;transform:none}
.hw-head h2{margin:0;font-size:clamp(30px,3.2vw,38px);font-weight:600;letter-spacing:-.4px}.hw-head h2 span{color:var(--blue)}
.hw-head p{max-width:600px;margin:14px auto 0;font-size:16px;line-height:1.25}
 
/* ===== track ===== */
.hw-track{position:relative;margin-top:70px;border-top:1px solid #ddd}
.hw-progress{position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--blue);transform-origin:left;transform:scaleX(0);will-change:transform}
.hw-steps{--bs-gutter-x:0;margin:0}
.hw-step{position:relative;min-height:330px;padding:72px 0 30px;text-align:center;cursor:default}
.hw-step:not(:last-child){border-right:1px solid #ddd}
 
/* big number: outlined by default, gradient "fills" upward when active */
.hw-num{display:block;height:122px;font-size:170px;font-weight:700;line-height:.72;letter-spacing:-4px;color:transparent;-webkit-text-stroke:2px #e3e3e3;
  background:linear-gradient(180deg,#2656F6 0%,#4d78ff 45%,rgba(255,255,255,0) 100%) no-repeat bottom/100% 0%;-webkit-background-clip:text;background-clip:text;
  transition:background-size 1.1s var(--ease),-webkit-text-stroke-color .6s,transform .6s var(--ease)}
.hw-step:hover .hw-num{background-size:100% 30%;-webkit-text-stroke-color:#cfd6f5}
.hw-step.active .hw-num{background-size:100% 100%;-webkit-text-stroke-color:#d9e1ff}
.hw-step.active:hover .hw-num{transform:scale(1.06)}
.hw-step h3{position:relative;margin:0;font-size:24px;font-weight:700;letter-spacing:-.3px;opacity:0;transform:translateY(24px);transition:opacity .7s .25s,transform .8s var(--ease) .25s,color .3s}
.hw-step p{max-width:290px;margin:10px auto 0;font-size:15px;line-height:1.65;color:#444;opacity:0;transform:translateY(24px);transition:opacity .7s .4s,transform .8s var(--ease) .4s}
.hw-step.active h3,.hw-step.active p{opacity:1;transform:none}
.hw-step.active:hover h3{color:var(--blue)}
 
/* arrow boxes sitting on the dividers */
.hw-arrow{position:absolute;right:0;top:92px;transform:translateX(50%);z-index:2;width:48px;height:48px;border-radius:9px;background:#fff;display:grid;place-items:center;
  box-shadow:0 2px 8px rgba(0,0,0,.05);transition:background .5s,color .5s,transform .5s var(--ease),box-shadow .5s}
.hw-arrow svg{width:18px;height:18px}
.hw-arrow.active{background:var(--blue);color:#fff;box-shadow:0 10px 22px -8px rgba(38,86,246,.7)}
.hw-arrow.active svg{animation:nudge 1.6s ease-in-out infinite}
.hw-step:hover .hw-arrow{transform:translateX(50%) scale(1.1)}
@keyframes nudge{50%{transform:translateX(3px)}}
 
/* scroll hint */
.hw-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#999;transition:opacity .5s;display:flex;flex-direction:column;align-items:center;gap:8px}
.hw-hint i{width:1px;height:26px;background:linear-gradient(#999,transparent);animation:drip 1.6s infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hw-hint.off{opacity:0}
 
/* ===== <992px: no pinning, steps reveal as you scroll past them ===== */
@media(max-width:991px){
  .hw-wrap{height:auto;padding:70px 0 60px}.hw-pin{position:static;height:auto;min-height:0;overflow:visible}
  .hw-track{margin-top:44px}.hw-hint,.hw-arrow,.hw-progress{display:none}
  .hw-step{min-height:0;padding:50px 20px 30px;border-bottom:1px solid #ddd}.hw-step:not(:last-child){border-right:0}
  .hw-num{font-size:130px;height:94px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .hw-wrap{height:auto;padding:70px 0}.hw-pin{position:static;height:auto}.hw-hint{display:none}}



  .demo-space{height:70vh;display:grid;place-items:center;color:#aaa}  /* remove on your site */
.ig{padding:100px 0}
.ig .container{max-width:1344px}
 
/* reveal helper */
.rv{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s var(--ease)}.rv.in{opacity:1;transform:none}
 
/* ===== left copy ===== */
.ig-left{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:100%}
.ig-pill{position:relative;display:inline-block;width:fit-content;padding:8px 24px;border-radius:30px;border:1px solid #f1b6dc;background:#fbe3f3;color:#d22fa4;font-size:18px;font-weight:500;overflow:hidden}
.ig-pill::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);animation:shine 3.4s ease-in-out infinite}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.ig h2{margin:30px 0 0;max-width:470px;font-size:clamp(23px,3.4vw,35px);font-weight:700;    color: #051441;}.ig h2 em{font-style:normal;color:var(--blue)}
.ig-copy{margin:26px 0 0;max-width:480px;font-size:16px;line-height:1.55;color:#777}
.ig-btn{display:inline-flex;align-items:center;gap:10px;width:fit-content;margin-top:40px;padding:0 20px;height:60px;border-radius:6px;background:var(--blue);color:#fff;font-size:18px;font-weight:500;text-decoration:none;
  transition:transform .35s var(--ease),box-shadow .35s,gap .35s}
.ig-btn:hover{color:#fff;transform:translateY(-4px);gap:16px;box-shadow:0 16px 28px -10px rgba(38,86,246,.7)}
 
/* ===== tabs (the active one fills with colour over --auto seconds) ===== */
.ig-tabs{display:flex;gap:10px;margin-bottom:15px;overflow-x:auto;scrollbar-width:none}.ig-tabs::-webkit-scrollbar{display:none}
.ig-tab{position:relative;flex:none;height:62px;padding:0 22px;border:1px solid #eee;background:#f6f6f6;color:#bdbdbd;font:500 22px 'Outfit';overflow:hidden;cursor:pointer;
  transition:color .3s,transform .35s var(--ease),border-color .3s,background .3s}
.ig-tab:hover{color:#777;transform:translateY(-3px)}
.ig-tab.on{background:#eeeefc;border-color:#c9cbf6;color:var(--blue)}
.ig-fill{position:absolute;inset:0;background:linear-gradient(90deg,#c9d2ff,#b9b8f7);transform:scaleX(0);transform-origin:left;pointer-events:none}
.ig-fill::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue)}
.ig-lbl{position:relative;z-index:1}
.ig.run .ig-tab.on .ig-fill{animation:igFill var(--auto) linear forwards}
.ig-right:hover .ig-tab.on .ig-fill{animation-play-state:paused}   /* hover on tabs/board pauses the timer */
@keyframes igFill{to{transform:scaleX(1)}}
 
/* ===== logo board ===== */
.ig-board{position:relative;display:grid}
.ig-board::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;transition:opacity .4s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(80,90,240,.10),transparent 65%)}
.ig-board:hover::after{opacity:1}
.ig-grid{grid-area:1/1;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:135px;gap:1px;background:var(--line);border:1px solid var(--line);
  opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.ig-grid.on{opacity:1;visibility:visible}
.ig-cell{display:grid;place-items:center;background:#fafafa;padding:14px;opacity:0;transform:scale(.9) translateY(14px);transition:opacity .4s,transform .4s,background .35s,box-shadow .35s}
.ig-grid.on .ig-cell{opacity:1;transform:none;transition:opacity .6s calc(var(--i)*70ms),transform .7s var(--ease) calc(var(--i)*70ms),background .35s,box-shadow .35s}
.ig-cell:hover{background:#fff;box-shadow:inset 0 0 0 1px #8f95f2,0 14px 30px -14px rgba(60,70,230,.45);z-index:2}
.ig-cell img{max-width:72%;max-height:68px;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ease)}
.ig-cell:hover img,.ig-cell:hover .wm{transform:scale(1.1)}
.ig-cell img.rz{filter:contrast(2.2) brightness(.8)}
.wm{font-size:26px;font-weight:700;letter-spacing:-.5px;transition:transform .5s var(--ease);white-space:nowrap}
.ig-center{grid-area:2/2/4/3;position:relative;background:#fafafa}
.ig-center::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid rgba(80,90,240,.35);animation:ring 2.6s ease-out infinite}
.ig-center img{position:relative;max-width:110px}
@keyframes ring{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}
.ig-star{position:absolute;z-index:4;width:16px;height:16px;transform:translate(-50%,-50%);background:#5b63e8;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:twinkle 2.4s ease-in-out infinite}
@keyframes twinkle{50%{transform:translate(-50%,-50%) scale(1.5) rotate(45deg);opacity:.6}}
 
@media(max-width:991px){.ig{padding:60px 0}.ig-left{gap:0}.ig-btn{margin:28px 0 40px;height:54px}.ig-left>div+.ig-btn{order:3}}
@media(max-width:575px){.ig-tab{font-size:17px;height:50px;padding:0 16px}.ig-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:100px}.ig-center{grid-area:auto/1/auto/3;order:-1}.ig-star{display:none}.wm{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}.ig-tab.on .ig-fill{transform:scaleX(1)}}



.sgaw-root{margin:0;background:#fff;font-family:'Outfit',sans-serif;color:#111;overflow-x:clip}
.sgaw-root .container{max-width:1344px}
.sgaw-rv{opacity:0;transform:translateY(40px);transition:opacity .8s var(--sgaw-d,0ms),transform .8s var(--sgaw-ease) var(--sgaw-d,0ms),box-shadow .4s,border-color .4s,background .4s}
.sgaw-rv.sgaw-in{opacity:1;transform:none}
.sgaw-sec-title{margin:0;text-align:center;font-size:clamp(28px,3.2vw,35px);font-weight:700;    color: #051441;}.sgaw-sec-title em{font-style:normal;color:var(--sgaw-blue)}
.sgaw-sec-title .sgaw-w{display:inline-block;opacity:0;transform:translateY(24px);filter:blur(6px);transition:opacity .6s,transform .7s var(--sgaw-ease),filter .6s}
.sgaw-sec-title.sgaw-in .sgaw-w{opacity:1;transform:none;filter:none}
.sgaw-sec-sub{    margin: 12px 0 0;
    text-align: center;
    font-size: 14px;
    color: #717171;
    font-weight: 500;}
 
/* ===================== CTA BANNER ===================== */
.sgaw-cta{position:relative;margin:0 12px;border-radius:28px;background:#2759f8;color:#fff;text-align:center;padding:78px 20px 74px;overflow:hidden;isolation:isolate}
.sgaw-cta-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 70% 90% at 50% 45%,#000,transparent 85%);mask-image:radial-gradient(ellipse 70% 90% at 50% 45%,#000,transparent 85%);animation:sgaw-gridMove 14s linear infinite}
@keyframes sgaw-gridMove{to{background-position:44px 44px}}
.sgaw-cta-glow{position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--sgaw-mx,50%) var(--sgaw-my,50%),rgba(255,255,255,.14),transparent 65%)}
.sgaw-cta:hover .sgaw-cta-glow{opacity:1}
.sgaw-ring{position:absolute;z-index:-1;border-radius:50%;background:rgba(255,255,255,.045);will-change:transform}
.sgaw-ring.sgaw-r1{width:360px;height:360px;left:-130px;bottom:-190px}.sgaw-ring.sgaw-r2{width:250px;height:250px;left:-80px;bottom:-140px}
.sgaw-ring.sgaw-r3{width:480px;height:480px;right:-130px;top:-260px}.sgaw-ring.sgaw-r4{width:330px;height:330px;right:-60px;top:-200px}
.sgaw-cta h2{margin:0;font-size:clamp(28px,3.4vw,38px);font-weight:600;letter-spacing:-.4px}
.sgaw-cta p{max-width:860px;margin:22px auto 0;font-size:clamp(17px,1.7vw,22px);line-height:1.3}
.sgaw-cta s{position:relative;text-decoration:none;display:inline-block}
.sgaw-cta s::after{content:"";position:absolute;left:0;right:0;top:56%;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--sgaw-ease) 1.1s}
.sgaw-cta.sgaw-in s::after{transform:scaleX(1)}
.sgaw-cta-actions{display:flex;justify-content:center;align-items:center;gap:42px;margin-top:50px;flex-wrap:wrap}
.sgaw-btn-demo{display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 22px;border-radius:4px;background:#fff;color:var(--sgaw-blue);font-size:19px;font-weight:600;text-decoration:none;
  transition:transform .35s var(--sgaw-ease),box-shadow .35s}
.sgaw-btn-demo svg{width:22px;height:22px;transition:transform .4s var(--sgaw-ease)}
.sgaw-btn-demo:hover{color:var(--sgaw-blue);transform:translateY(-5px);box-shadow:0 18px 30px -10px rgba(0,10,80,.5)}.sgaw-btn-demo:hover svg{transform:rotate(-12deg) scale(1.2)}
.sgaw-btn-more{position:relative;display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:19px;font-weight:600;text-decoration:none;padding:6px 0}
.sgaw-btn-more::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--sgaw-ease)}
.sgaw-btn-more:hover{color:#fff}.sgaw-btn-more:hover::after{transform:scaleX(1);transform-origin:left}
.sgaw-btn-more svg{width:18px;height:18px;transition:transform .35s var(--sgaw-ease)}.sgaw-btn-more:hover svg{transform:translate(4px,-4px)}
 
/* ===================== G2 BADGES ===================== */
.sgaw-experts{padding:96px 0 0px}
.sgaw-badges{--bs-gutter-x:28px;--bs-gutter-y:28px;margin-top:12px}
.sgaw-bdg{position:relative;max-width:140px;margin:0 auto;cursor:default;--sgaw-c1:#fdbe0f;--sgaw-c2:#f5841f;--sgaw-c3:#e8412c}
.sgaw-bdg-b{--sgaw-c1:#2d8cff;--sgaw-c2:#2d8cff;--sgaw-c3:#2d8cff}.sgaw-bdg-p{--sgaw-c1:#e83e8c;--sgaw-c2:#e83e8c;--sgaw-c3:#e83e8c}.sgaw-bdg-s{--sgaw-c1:#fdbe0f;--sgaw-c2:#fdbe0f;--sgaw-c3:#fdbe0f}
.sgaw-bdg-top{display:flex;justify-content:space-between;align-items:stretch;height:32px;border:1px solid #222;background:#fff}
.sgaw-bdg-top span{flex:1;display:grid;place-items:center;text-align:center;font-size:10.5px;font-weight:600;letter-spacing:.08em;line-height:1.1;padding:0 4px}
.sgaw-bdg-top img{width:31px;height:31px;display:block;object-fit:cover}
.sgaw-bdg-body{height:91px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #222;border-top:0;border-bottom:0;background:#fff}
.sgaw-bdg-body b{font-size:21px;line-height:1.1;font-weight:600;letter-spacing:-.3px}.sgaw-bdg-body small{margin-top:8px;font-size:8px;letter-spacing:.1em;font-weight:600;color:#333}
.sgaw-bdg-rib{display:block;width:100%;height:auto;margin-top:-1px;overflow:visible}
.sgaw-bdg-rib .sgaw-c1{fill:var(--sgaw-c1)}.sgaw-bdg-rib .sgaw-c2{fill:var(--sgaw-c2)}.sgaw-bdg-rib .sgaw-c3{fill:var(--sgaw-c3)}.sgaw-bdg-rib .sgaw-ol{fill:none;stroke:#222;stroke-width:1.2}
.sgaw-bdg-rib path{transition:transform .5s var(--sgaw-ease)}
.sgaw-bdg:hover .sgaw-bdg-rib .sgaw-c1{transform:translateY(-3px)}.sgaw-bdg:hover .sgaw-bdg-rib .sgaw-c3{transform:translateY(3px)}
.sgaw-bdg .sgaw-shine{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sgaw-bdg .sgaw-shine::after{content:"";position:absolute;top:-10%;left:-70%;width:40%;height:120%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-15deg)}
.sgaw-bdg:hover .sgaw-shine::after{left:130%;transition:left .9s ease}
.sgaw-bdg.sgaw-in{animation:sgaw-bFloat 5s ease-in-out infinite;animation-delay:calc(var(--sgaw-d) + 1s)}
.sgaw-bdg.sgaw-in:hover{animation-play-state:paused;transform:translateY(-12px) rotate(-2deg) scale(1.05);filter:drop-shadow(0 18px 18px rgba(20,30,100,.22));transition:transform .4s var(--sgaw-ease),filter .4s}
@keyframes sgaw-bFloat{50%{transform:translateY(-6px)}}
 
/* ===================== REVIEWS ===================== */
.sgaw-reviews{padding:100px 0 100px}
.sgaw-reviews .sgaw-sec-sub{text-transform:uppercase;}
.sgaw-rev-grid{--bs-gutter-x:32px;--bs-gutter-y:24px;margin-top:12px}
.sgaw-rev{display:flex;align-items:center;justify-content:space-between;height:96px;padding:0 18px 0 20px;border:1px solid #dfe0e6;border-radius:4px;background:#fafafb;overflow:hidden;position:relative}
.sgaw-rev.sgaw-in:hover{transform:translateY(-8px);background:#fff;border-color:#9db4ff;box-shadow:0 22px 36px -18px rgba(38,86,246,.4)}
.sgaw-rev::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--sgaw-blue);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--sgaw-ease)}.sgaw-rev:hover::before{transform:scaleX(1)}
.sgaw-rev-n{display:flex;align-items:baseline;line-height:1;margin-bottom:8px}.sgaw-rev-n b{font-size:26px;font-weight:500;color: #051441;}.sgaw-rev-n span{font-size:22px;color:#555;margin-left:2px}
.sgaw-stars{display:flex;gap:3px}
.sgaw-stars i{width:22px;height:22px;background:var(--sgaw-blue);clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%);transform:scale(0) rotate(-90deg);transition:transform .5s var(--sgaw-ease) calc(var(--sgaw-d,0ms) + var(--sgaw-k)*110ms + 400ms)}
.sgaw-rev.sgaw-in .sgaw-stars i{transform:none}
.sgaw-rev:hover .sgaw-stars i{animation:sgaw-starPop .6s var(--sgaw-ease) both;animation-delay:calc(var(--sgaw-k)*70ms)}
@keyframes sgaw-starPop{40%{transform:scale(1.4) rotate(18deg)}}
.sgaw-stars i:nth-child(1){--sgaw-k:0}.sgaw-stars i:nth-child(2){--sgaw-k:1}.sgaw-stars i:nth-child(3){--sgaw-k:2}.sgaw-stars i:nth-child(4){--sgaw-k:3}.sgaw-stars i:nth-child(5){--sgaw-k:4}
.sgaw-rev-logo{align-self:stretch;display:grid;place-items:center;width:34%;border-left:1px solid #e1e2e8;margin:14px 0}
.sgaw-rev-logo img{width: 45px;
    height: 45px;
    margin-left: 16px;
    object-fit: contain;
    mix-blend-mode: multiply;
    transition: transform .6s var(--sgaw-ease);}
.sgaw-rev:hover .sgaw-rev-logo img{transform:rotate(360deg) scale(1.15)}
 
@media(max-width:575px){.sgaw-cta{padding:56px 16px}.sgaw-cta-actions{gap:22px}.sgaw-badges{margin-top:40px}.sgaw-rev-logo{width:30%}}
@media(prefers-reduced-motion:reduce){.sgaw-root *,.sgaw-root *::before,.sgaw-root *::after{animation:none!important;transition-duration:.01ms!important}.sgaw-rv,.sgaw-sec-title .sgaw-w{opacity:1;transform:none;filter:none}.sgaw-stars i{transform:none}.sgaw-cta s::after{transform:scaleX(1)}}

.sgaw-bdg img {
    width: 100%;
}

    .sgaw-experts .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 12.4%;
    }


    .sgtm-root{margin:0;font-family:'Outfit',sans-serif;color:#1c1c28;overflow-x:clip}
.sgtm-root .container{max-width:1344px}
 
.sgtm-section{position:relative;padding:100px 0 90px;background:#eef0ff;overflow:hidden}
.sgtm-bg{position:absolute;left:0;right:0;top:-80px;bottom:-80px;pointer-events:none;will-change:transform;
  background-image:linear-gradient(rgba(38,86,246,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(38,86,246,.055) 1px,transparent 1px);background-size:40px 40px}
.sgtm-wrap{position:relative;z-index:1}
 
/* ---- reveal ---- */
.sgtm-rv{opacity:0;transform:translateY(34px);transition:opacity .8s var(--sgtm-d,0ms),transform .8s var(--sgtm-ease) var(--sgtm-d,0ms)}
.sgtm-rv.sgtm-in{opacity:1;transform:none}
 
/* ---- heading ---- */
.sgtm-pill{display:inline-block;padding:8px 24px;border:1px solid #4a3fd8;border-radius:30px;font-size:18px;font-weight:500;color:#1c1c28;transition:background .3s,color .3s,transform .3s}
.sgtm-pill:hover{background:#4a3fd8;color:#fff;transform:translateY(-2px);color:var(--blue-t)}
.sgtm-title{margin:28px 0 0;font-size:clamp(25px,3.4vw,35px);font-weight:700;}
.sgtm-title em{font-style:normal;color:var(--sgtm-blue)}
.sgtm-title .sgtm-w{display:inline-block;opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .6s,transform .7s var(--sgtm-ease),filter .6s}
.sgtm-title.sgtm-in .sgtm-w{opacity:1;transform:none;filter:none}
.sgtm-intro{max-width:480px;margin:0 0 6px auto;font-size:16px;line-height:1.5;color:#4b4b5a}
 
/* ---- slider: full width, endless, no gap at the loop point ---- */
.sgtm-viewport{position:relative;margin-top:50px;overflow:hidden;padding:14px 0 20px;touch-action:pan-y}
.sgtm-track{display:flex;width:max-content;will-change:transform}
.sgtm-card{position:relative;flex:none;width:700px;height:330px;margin-right:20px;background:#fff;border:1px solid var(--sgtm-blue);border-radius:14px;overflow:hidden;
  transition:transform .5s var(--sgtm-ease),box-shadow .5s}
.sgtm-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(300px circle at var(--sgtm-mx,30%) var(--sgtm-my,50%),rgba(38,86,246,.09),transparent 65%)}
.sgtm-card:hover{transform:translateY(-8px);box-shadow:0 28px 40px -24px rgba(38,86,246,.6)}
.sgtm-card:hover::after{opacity:1}
.sgtm-body{position:absolute;left:0;top:0;bottom:0;width:370px;padding:30px 20px 19px;display:flex;flex-direction:column}
.sgtm-quote{margin:0;font-size:17px;line-height:1.47;color:#6d6d7a;transition:color .35s}
.sgtm-card:hover .sgtm-quote{color:#33333f}
.sgtm-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end}
.sgtm-stars{display:flex;gap:4px;margin-bottom:8px}
.sgtm-stars i{width:20px;height:20px;background:var(--bluea);clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%)}
.sgtm-card:hover .sgtm-stars i{animation:sgtm-pop .6s var(--sgtm-ease) both}
.sgtm-stars i:nth-child(2){animation-delay:.07s!important}.sgtm-stars i:nth-child(3){animation-delay:.14s!important}.sgtm-stars i:nth-child(4){animation-delay:.21s!important}.sgtm-stars i:nth-child(5){animation-delay:.28s!important}
@keyframes sgtm-pop{40%{transform:scale(1.45) rotate(20deg)}}
.sgtm-name{font-size:16px;font-weight:600;color:#33333f}
.sgtm-avatar{position:relative;flex:none;width:56px;height:56px;border-radius:50%;border:2px solid var(--sgtm-blue);padding:3px;background:#fff;transition:transform .5s var(--sgtm-ease)}
.sgtm-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 20%}
.sgtm-avatar::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px dashed var(--bluea);opacity:0;transition:opacity .4s}
.sgtm-card:hover .sgtm-avatar{transform:scale(1.1)}.sgtm-card:hover .sgtm-avatar::after{opacity:1;animation:sgtm-spin 6s linear infinite}
@keyframes sgtm-spin{to{transform:rotate(360deg)}}
.sgtm-photo{position:absolute;top:0;right:0;width:330px;height:309px;margin:0;border-radius:0 13px 13px 0;overflow:hidden;background:#dfe3f6}
.sgtm-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--sgtm-ease)}
.sgtm-card:hover .sgtm-photo img{transform:scale(1.08)}
 
/* ---- dots ---- */
.sgtm-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.sgtm-dot{width:14px;height:14px;padding:0;border:0;border-radius:14px;background:#d9defa;cursor:pointer;transition:width .4s var(--sgtm-ease),background .3s}
.sgtm-dot:hover{background:#9aa9f5}.sgtm-dot.sgtm-on{width:30px;background:#0b3fd8}
 
@media(max-width:991px){.sgtm-intro{margin:20px 0 0}.sgtm-card{width:580px;height:310px}.sgtm-body{width:310px;padding:26px 18px 18px}.sgtm-photo{width:270px;height:289px}.sgtm-quote{font-size:16px}}
@media(max-width:575px){.sgtm-section{padding:64px 0 60px}.sgtm-card{width:min(86vw,360px);height:auto;margin-right:14px;display:flex;flex-direction:column}
  .sgtm-photo{position:static;order:-1;width:100%;height:210px;border-radius:0}.sgtm-body{position:static;width:100%;min-height:210px}.sgtm-quote{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.sgtm-root *,.sgtm-root *::before,.sgtm-root *::after{animation:none!important;transition-duration:.01ms!important}
  .sgtm-rv,.sgtm-title .sgtm-w{opacity:1;transform:none;filter:none}.sgtm-viewport{overflow-x:auto}}


  
.sgbl-section{position:relative;padding:96px 0 110px;background:#fff;overflow:hidden}
.sgbl-dots{position:absolute;left:0;right:0;top:-70px;bottom:-70px;pointer-events:none;will-change:transform;
  background-image:radial-gradient(#d7d9e6 1px,transparent 1.3px);background-size:14px 14px;opacity:.7}
.sgbl-wrap{position:relative;z-index:1}
 
/* ---- reveal ---- */
.sgbl-rv{opacity:0;transform:translateY(50px);transition:opacity .8s var(--sgbl-d,0ms),transform .9s var(--sgbl-ease) var(--sgbl-d,0ms)}
.sgbl-rv.sgbl-in{opacity:1;transform:none}
 
/* ---- heading ---- */
.sgbl-pill{display:inline-block;padding:8px 24px;border:1px solid #4a3fd8;border-radius:30px;font-size:18px;font-weight:500;transition:background .3s,color .3s,transform .3s}
.sgbl-pill:hover{background:#4a3fd8;color:#fff;transform:translateY(-2px)}
.sgbl-title{margin:26px 0 0;font-size:clamp(25px,3.4vw,35px);font-weight:700; color:var(--blue-t)}
.sgbl-title em{font-style:normal;color:var(--sgbl-blue)}
.sgbl-title .sgbl-w{display:inline-block;opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .6s,transform .7s var(--sgbl-ease),filter .6s}
.sgbl-title.sgbl-in .sgbl-w{opacity:1;transform:none;filter:none}
.sgbl-intro{max-width:480px;margin:0 0 4px auto;font-size:15px;line-height:1.6;color:#555}
 
/* ---- cards ---- */
.sgbl-grid{--bs-gutter-x:60px;--bs-gutter-y:40px;margin-top:44px}
.sgbl-tilt{perspective:1000px;height:100%}
.sgbl-card{position:relative;display:block;width:100%;aspect-ratio:399/483;border-radius:30px;overflow:hidden;color:inherit;text-decoration:none;isolation:isolate;transform-style:preserve-3d;
  transform:rotateX(var(--sgbl-rx,0deg)) rotateY(var(--sgbl-ry,0deg));transition:transform .5s var(--sgbl-ease),box-shadow .5s}
.sgbl-card:hover{color:inherit;box-shadow:0 34px 46px -26px rgba(30,30,90,.45)}
.sgbl-card.sgbl-live{transition:box-shadow .5s,transform .12s linear}   /* while the mouse moves, tilt follows instantly */
.sgbl-card::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(340px circle at var(--sgbl-mx,50%) var(--sgbl-my,40%),rgba(255,255,255,.35),transparent 60%)}
.sgbl-card:hover::after{opacity:1}
.sgbl-photo{position:absolute;left:0;right:0;top:0;height:62%;overflow:hidden;background:#e5e5ee}
.sgbl-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:translate3d(0,var(--sgbl-py,0px),0) scale(1.14);transition:filter .6s;will-change:transform}
.sgbl-card:hover .sgbl-photo img{transform:translate3d(0,var(--sgbl-py,0px),0) scale(1.22) rotate(1.2deg);transition:transform 1.1s var(--sgbl-ease),filter .6s;filter:saturate(1.12)}
.sgbl-photo img{transition:transform 1.1s var(--sgbl-ease),filter .6s}
 
.sgbl-panel{position:absolute;left:0;right:0;bottom:0;height:43%;padding:28px 29px 0;border-radius:30px 30px 0 0;z-index:2;
  transition:height .6s var(--sgbl-ease),filter .4s}
.sgbl-card:hover .sgbl-panel{height:47%;filter:brightness(.975)}
.sgbl-c1 .sgbl-panel{background:#dcdafd}.sgbl-c2 .sgbl-panel{background:#e8e3df}.sgbl-c3 .sgbl-panel{background:#faf79c}
.sgbl-meta{display:flex;align-items:center;gap:10px;font-size:17px;color:#55555f}
.sgbl-meta svg{width:24px;height:12px;transition:transform .5s var(--sgbl-ease)}
.sgbl-card:hover .sgbl-meta svg{transform:scaleX(1.35)}
.sgbl-name{margin:16px 0 0;font-size:clamp(22px,1.9vw,26px);line-height:1.17;font-weight:600;letter-spacing:-.4px;transition:transform .5s var(--sgbl-ease)}
.sgbl-card:hover .sgbl-name{transform:translateX(5px)}
.sgbl-more{position:absolute;left:29px;bottom:20px;display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:600}
.sgbl-more::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:calc(100% - 28px);background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--sgbl-ease)}
.sgbl-card:hover .sgbl-more::after{transform:scaleX(1);transform-origin:left}
.sgbl-more svg{width:18px;height:18px;transition:transform .45s var(--sgbl-ease)}
.sgbl-card:hover .sgbl-more svg{transform:translate(4px,-4px) scale(1.15)}
 
@media(max-width:991px){.sgbl-intro{margin:18px 0 0}.sgbl-grid{--bs-gutter-x:28px}}
@media(max-width:575px){.sgbl-section{padding:64px 0 70px}.sgbl-card{aspect-ratio:auto;height:470px}}
@media(prefers-reduced-motion:reduce){.sgbl-root *,.sgbl-root *::before,.sgbl-root *::after{animation:none!important;transition-duration:.01ms!important}
  .sgbl-rv,.sgbl-title .sgbl-w{opacity:1;transform:none;filter:none}}




  
/* ===================== CTA HERO ===================== */
.sgft-cta{position:relative;min-height:538px;background:#fff;overflow:hidden}
.sgft-dots{position:absolute;left:0;top:-60px;bottom:-60px;width:62%;pointer-events:none;will-change:transform;
  background-image:radial-gradient(#d8dae6 1px,transparent 1.3px);background-size:14px 14px;
  -webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)}
.sgft-cta .container{position:relative;z-index:2}
.sgft-cta-row{min-height:538px;align-items:center}
.sgft-cta h2{margin:0;font-size:clamp(34px,4.2vw,52px);line-height:1.2;font-weight:600;letter-spacing:-.8px;max-width:640px}
.sgft-cta h2 .sgft-w{display:inline-block;opacity:0;transform:translateY(30px);filter:blur(7px);transition:opacity .6s,transform .7s var(--sgft-ease),filter .6s}
.sgft-cta h2.sgft-in .sgft-w{opacity:1;transform:none;filter:none}
.sgft-sub{margin:30px 0 0;font-size:clamp(17px,1.5vw,20px);font-weight:500;color:#6b6b72}
.sgft-btn{position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:50px;height:61px;padding:0 20px;background:var(--sgft-blue);color:#fff!important;font-size:18px;font-weight:600;border-radius:3px;overflow:hidden;
  transition:transform .35s var(--sgft-ease),box-shadow .35s}
.sgft-btn::before{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg)}
.sgft-btn svg{width:18px;height:18px;transition:transform .35s var(--sgft-ease)}
.sgft-btn:hover{transform:translateY(-5px);box-shadow:0 18px 30px -10px rgba(38,86,246,.7)}
.sgft-btn:hover::before{left:130%;transition:left .8s ease}.sgft-btn:hover svg{transform:translateX(5px)}
.sgft-hero-img{position:absolute;right:calc(50% - 760px);bottom:0;width:540px;max-width:46vw;z-index:1;will-change:transform}
.sgft-hero-img img{display:block;width:100%;height:auto;mix-blend-mode:multiply;animation:sgft-float 7s ease-in-out infinite}
.sgft-hero-img.sgft-rv{transform:translateX(80px)}.sgft-hero-img.sgft-rv.sgft-in{transform:none}
@keyframes sgft-float{50%{transform:translateY(-10px)}}
 
/* ===================== FOOTER ===================== */
.sgft-footer{background:#f3f6fd;padding:80px 0 0;position:relative}
.sgft-footer img{mix-blend-mode:multiply}
.sgft-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:38px;border-bottom:1px solid #e0e4ef;flex-wrap:wrap}
.sgft-logo img{height:35px;width:auto;transition:transform .5s var(--sgft-ease)}.sgft-logo:hover img{transform:scale(1.06) rotate(-2deg)}
.sgft-office{display:flex;align-items:center;gap:14px;font-size:16px;line-height:1.5;color:#5d6270;max-width:330px}
.sgft-office img{flex:none;width:63px;height:63px;border-radius:50%;transition:transform .8s var(--sgft-ease)}
.sgft-office:hover img{transform:rotate(360deg) scale(1.1)}
.sgft-office p{margin:0}.sgft-office b{display:block;color:#111;font-weight:500;font-size:16.5px;margin-top:2px}
.sgft-h{margin:0 0 30px;font-size:22px;font-weight:500;letter-spacing:-.2px}
.sgft-cols{padding-top:36px;--bs-gutter-x:24px}
.sgft-list li+li{margin-top:15px}
.sgft-link{position:relative;display:inline-block;font-size:16px;color:#5d6270;transition:color .3s,transform .35s var(--sgft-ease)}
.sgft-link::after{content:"";position:absolute;left:0;bottom:-3px;height:1.5px;width:100%;background:var(--sgft-blue);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--sgft-ease)}
.sgft-link:hover{color:var(--sgft-blue);transform:translateX(6px)}.sgft-link:hover::after{transform:scaleX(1);transform-origin:left}
.sgft-label{display:block;font-size:15px;font-weight:500;color:#111}
.sgft-mail{display:inline-block;margin:10px 0 26px;font-size:18px;font-weight:500;transition:color .3s,transform .3s}.sgft-mail:hover{color:var(--sgft-blue);transform:translateX(5px)}
.sgft-phone{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:19px;font-weight:500}
.sgft-phone img{width:46px;height:auto;transition:transform .4s var(--sgft-ease)}.sgft-phone:hover img{transform:rotate(-8deg) scale(1.12)}
 
.sgft-mid{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:34px;padding:34px 0 40px;border-top:1px solid #e0e4ef;border-bottom:1px solid #e0e4ef}
.sgft-tag{margin:0 0 14px;font-size:17px;font-weight:500}
.sgft-partners{display:flex;align-items:center;gap:20px}
.sgft-partners img{height:32px;width:auto;transition:transform .4s var(--sgft-ease)}.sgft-partners img:hover{transform:scale(1.1)}
.sgft-partners i{width:1.5px;height:40px;background:#222}
.sgft-badges{display:flex;gap:25px;flex-wrap:wrap;justify-content:center}
.sgft-badge{position:relative;display:block;width:54px;overflow:hidden;transition:transform .4s var(--sgft-ease),filter .4s}
.sgft-badge img{display:block;width:100%;height:auto}
.sgft-shine{position:absolute;top:-10%;left:-80%;width:50%;height:120%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-15deg)}
.sgft-badge:hover{transform:translateY(-8px) scale(1.12);filter:drop-shadow(0 12px 10px rgba(20,30,100,.25))}.sgft-badge:hover .sgft-shine{left:140%;transition:left .8s ease}
.sgft-social{display:flex;gap:10px;margin-top:14px}
.sgft-social a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.3px solid var(--sgft-blue);color:var(--sgft-blue);transition:background .3s,color .3s,transform .4s var(--sgft-ease),box-shadow .3s}
.sgft-social svg{width:16px;height:16px}
.sgft-social a:hover{background:var(--sgft-blue);color:#fff;transform:translateY(-6px) rotate(360deg);box-shadow:0 10px 18px -6px rgba(38,86,246,.7)}
.sgft-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:38px 0 30px;font-size:16px}
.sgft-policies{display:flex;gap:17px;flex-wrap:wrap}
.sgft-policies a{position:relative}.sgft-policies a::after{content:"";position:absolute;left:0;bottom:-3px;height:1.5px;width:100%;background:var(--sgft-blue);transform:scaleX(0);transition:transform .35s var(--sgft-ease)}
.sgft-policies a:hover{color:var(--sgft-blue)}.sgft-policies a:hover::after{transform:scaleX(1)}
 
@media(max-width:991px){
  .sgft-cta{padding:60px 0 0}.sgft-cta-row{min-height:0}.sgft-hero-img{position:relative;right:auto;display:block;margin:30px auto 0;width:400px;max-width:90%}
  .sgft-btn{margin-top:34px}.sgft-top{justify-content:center}.sgft-mid{justify-content:center;text-align:center}.sgft-partners{justify-content:center}.sgft-bottom{justify-content:center;text-align:center}
}
@media(max-width:575px){.sgft-footer{padding-top:56px}.sgft-office{max-width:100%}.sgft-badges{gap:16px}}
@media(prefers-reduced-motion:reduce){.sgft-root *,.sgft-root *::before,.sgft-root *::after{animation:none!important;transition-duration:.01ms!important}
  .sgft-rv,.sgft-cta h2 .sgft-w{opacity:1;transform:none;filter:none}}

  .sgft-root{margin:0;font-family:'Outfit',sans-serif;color:#111;overflow-x:clip}
.sgft-root *,.sgft-root *::before,.sgft-root *::after{box-sizing:border-box}
.sgft-root .container{max-width:1344px}
.sgft-rv{opacity:0;transform:translateY(34px);transition:opacity .8s var(--sgft-d,0ms),transform .8s var(--sgft-ease) var(--sgft-d,0ms)}
.sgft-rv.sgft-in{opacity:1;transform:none}





/* =================================
   Careers page
================================= */

 /* ---------- scroll progress bar ---------- */
  #progress{
    position:fixed;top:0;left:0;height:4px;width:0;
    background:linear-gradient(90deg,var(--blue),var(--pink));
    z-index:2000;
  }

/* ================= EDUCATION SOLUTIONS HERO ================= */
.education-page{background:#fff;color:#080b12;overflow:hidden}
.education-hero{min-height:690px;padding:88px 0 64px;display:flex;align-items:center;background:linear-gradient(112deg,#f4f6ff 0%,#f7f8ff 58%,#eef2ff 100%)}
.education-hero-inner{width:min(1295px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px, .95fr);gap:54px;align-items:center}
.education-copy{max-width:590px}
.education-kicker{display:inline-flex;align-items:center;padding:9px 24px;border:1px solid #efb8ee;border-radius:999px;background:#faeafa;color:#e63bc1;font-size:16px;font-weight:600;margin-bottom:23px}
.education-copy h1{font-size:clamp(42px,4vw,60px);line-height:1.1;letter-spacing:-1.8px;margin:0 0 22px;font-weight:800}
.education-copy p{max-width:570px;color:#727786;font-size:17px;line-height:1.55;margin:0 0 34px}
.education-actions{display:flex;gap:11px;margin-bottom:39px}
.education-btn{display:inline-flex;align-items:center;justify-content:center;min-width:182px;padding:15px 28px;border-radius:5px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.education-btn:hover{transform:translateY(-2px)}
.education-btn-primary{background:#2e5cf5;color:#fff;box-shadow:0 10px 20px rgba(46,92,245,.18)}
.education-btn-outline{border:1px solid #4169ff;color:#2e5cf5;background:transparent}
.education-ratings{display:flex;align-items:center;gap:10px;color:#141923;font-size:16px}
.education-rating-mark{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1e5f2;border-radius:6px;background:#fff;font-weight:800;box-shadow:0 3px 8px rgba(35,54,105,.04)}
.education-rating-mark svg{display:block;width:30px;height:30px}.education-google-icon{width:28px!important;height:28px!important}.education-trust-icon{width:29px!important;height:29px!important}.education-g2-icon{width:31px!important;height:31px!important}
.education-stars{color:#2e5cf5;font-size:22px;letter-spacing:1px;margin-left:2px;white-space:nowrap}.education-ratings strong{white-space:nowrap}
.education-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}
.education-photo{position:relative;width:min(505px,82%);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1.5px solid #416cff;box-shadow:0 25px 50px rgba(47,76,170,.15);z-index:1}
.education-photo img{display:block;width:100%;height:100%;object-fit:cover}
.education-callout{position:absolute;left:1%;top:25%;z-index:2;display:flex;align-items:center;gap:12px;padding:13px 21px;border:1px solid #3c69ff;border-radius:10px;background:#fff;box-shadow:0 9px 20px rgba(56,83,170,.12);font-size:15px;line-height:1.15}
.education-callout span{font-size:29px;color:#9eb7ff}.education-callout small{font-size:14px;font-weight:500}
@media (max-width:991.98px){.education-hero{padding:58px 0}.education-hero-inner{grid-template-columns:1fr;gap:36px}.education-copy{max-width:680px}.education-visual{min-height:500px}.education-callout{left:7%}}
@media (max-width:575.98px){.education-hero-inner{width:min(100% - 30px,520px)}.education-copy h1{font-size:40px}.education-copy p{font-size:15px}.education-actions{flex-wrap:wrap}.education-btn{min-width:150px}.education-ratings{gap:5px;flex-wrap:wrap}.education-rating-mark{width:36px;height:36px}.education-stars{font-size:17px}.education-visual{min-height:360px}.education-callout{left:0;top:20%;padding:9px 12px;font-size:12px}.education-callout span{font-size:21px}.education-callout small{font-size:11px}.education-photo{width:78%}}

/* ================= EDUCATION SOLUTIONS ================= */
.education-solutions .education-phone-card{display:none}
.education-solutions .education-solution-icon{font-size:21px;letter-spacing:0;background:#f3f6ff}
.education-solutions .education-solution-icon svg{width:42px;height:42px;fill:none;stroke:#2b5cf4;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.education-solutions .education-solution-icon svg circle[fill]{fill:#2b5cf4;stroke:none}
.education-solutions .education-message-icon svg{fill:#2b5cf4;stroke:#2b5cf4}.education-solutions .education-message-icon svg circle{fill:#f3f6ff;stroke:none}
.education-page .education-copy h1{font-weight:700}
.education-page .education-solutions-heading h2{font-weight:700}
.education-page .education-solutions-copy h3{font-weight:700}
.education-page .education-solutions-copy h4{font-weight:600}
.education-page .education-people b{font-weight:600}
.education-page .sgaw-rv{opacity:1;transform:none}
.education-page .education-virtual{width:100%;margin:0;padding:100px max(36px,calc((100% - 1190px)/2)) 150px;grid-template-columns:minmax(0,1fr) 510px;max-width:none;background:#fff}
.education-solutions{padding-top:61px}
.education-solutions-grid{width:min(1110px,100%);grid-template-columns:430px 1fr;gap:89px}
.education-solutions-visual{width:410px;height:550px}

/* ================= EDUCATION VIRTUAL LEARNING ================= */
.education-virtual{width:min(1190px,calc(100% - 48px));margin:0 auto;padding:100px 0 120px;display:grid;grid-template-columns:1fr 510px;gap:85px;align-items:center;background:#fff}.education-virtual-copy h2{margin:0 0 46px;font-size:30px;font-weight:700;letter-spacing:-.5px}.education-virtual-copy article{display:flex;gap:20px;margin-bottom:34px}.education-virtual-icon{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f1f5ff;color:#2d5df5;font-size:25px}.education-virtual-copy h3{margin:0 0 9px;font-size:20px;font-weight:600}.education-virtual-copy p{margin:0;max-width:570px;color:#747780;font-size:15px;line-height:1.55}.education-virtual-visual{position:relative;width:500px;height:690px;padding:40px 9px 9px;border:2px solid #cfe1ff;border-radius:15px;background:#eaf2ff;box-shadow:0 10px 25px rgba(36,90,210,.1)}.education-virtual-browser{position:absolute;top:0;left:0;right:0;height:40px;border-radius:14px 14px 0 0;background:#d9e8ff;display:flex;align-items:center;gap:8px;padding-left:20px}.education-virtual-browser i{width:14px;height:14px;border-radius:50%;background:#2864ef}.education-virtual-photo{height:100%;overflow:hidden;border-radius:5px}.education-virtual-photo img{width:100%;height:100%;display:block;object-fit:cover}.education-joined{position:absolute;left:-10px;top:60px;width:230px;padding:13px 18px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:13px;box-shadow:0 8px 18px rgba(40,72,145,.16);font-size:17px;color:#355080;line-height:1.2}.education-joined span{font-size:28px}.education-joined i{width:13px;height:13px;border-radius:50%;background:#32c967;margin-left:auto}.education-student-card{position:absolute;right:-12px;bottom:10px;width:205px;height:220px;padding:6px;border-radius:13px;background:#fff;box-shadow:0 8px 18px rgba(40,72,145,.18)}.education-student-card img{width:100%;height:100%;display:block;object-fit:cover;border-radius:8px}
@media (max-width:991.98px){.education-virtual{grid-template-columns:1fr;max-width:650px;gap:55px}.education-virtual-visual{width:100%;max-width:500px;margin:auto}}
@media (max-width:575.98px){.education-virtual{width:calc(100% - 30px);padding:70px 0 80px}.education-virtual-copy h2{font-size:27px;margin-bottom:35px}.education-virtual-copy article{gap:12px}.education-virtual-icon{flex-basis:42px;width:42px;height:42px;font-size:20px}.education-virtual-copy h3{font-size:17px}.education-virtual-copy p{font-size:13px}.education-virtual-visual{height:480px;padding-top:31px}.education-virtual-browser{height:31px}.education-joined{width:180px;top:45px;padding:9px;font-size:12px}.education-joined span{font-size:21px}.education-student-card{width:145px;height:155px}}

/* ================= HAPPIER STUDENTS ================= */
.education-happier{width:min(1190px,calc(100% - 72px));margin:0 auto;padding:110px 0 125px;display:grid;grid-template-columns:500px 1fr;gap:90px;align-items:center}.education-happier-visual{position:relative;height:660px;padding:20px;border:2px solid #1489f5}.education-happier-frame{width:100%;height:100%;overflow:hidden}.education-happier-frame img{width:100%;height:100%;display:block;object-fit:cover}.education-satisfaction{position:absolute;top:39px;left:30px;display:flex;align-items:center;gap:10px;padding:16px 23px;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(43,65,110,.18);font-size:17px;color:#182b56}.education-satisfaction:first-letter{font-size:27px}.education-congrats{position:absolute;left:30px;bottom:48px;width:120px;padding:14px 12px;text-align:center;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(43,65,110,.18);color:#23365c}.education-congrats strong{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 8px;border-radius:50%;background:#35d879;color:#fff;font-size:25px}.education-congrats b,.education-congrats small{display:block}.education-congrats small{margin-top:7px;font-size:10px;line-height:1.3}.education-happier-copy h2{margin:0 0 48px;font-size:29px;font-weight:700}.education-happier-copy article{display:flex;gap:20px;margin-bottom:34px}.education-happier-icon{flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#f1f5ff;color:#2b5cf4;font-size:27px}.education-happier-copy h3{margin:0 0 9px;font-size:20px;font-weight:600}.education-happier-copy p{margin:0;max-width:560px;color:#747780;font-size:15px;line-height:1.55}
.education-happier-visual{height:660px;padding:0;border:0}.education-happier-frame{border-radius:4px}.education-happier-frame img{object-fit:cover;border-radius:4px}.education-happier-visual::before,.education-happier-visual::after{content:"";position:absolute;width:28px;height:62px;border-left:6px solid #3d6cff;border-radius:50%;z-index:2}.education-happier-visual::before{left:3px;top:-21px;transform:rotate(-28deg)}.education-happier-visual::after{right:-5px;bottom:72px;transform:rotate(32deg)}.education-satisfaction{top:40px;left:-2px;padding:17px 24px;font-size:20px}.education-congrats{left:-2px;bottom:30px;width:135px;padding:16px 13px}.education-congrats small{font-size:11px}
@media (max-width:991.98px){.education-happier{grid-template-columns:1fr;max-width:650px;gap:55px}.education-happier-visual{width:100%;max-width:500px;margin:auto}}
@media (max-width:575.98px){.education-happier{width:calc(100% - 30px);padding:70px 0 80px}.education-happier-visual{height:470px;padding:12px}.education-satisfaction{top:28px;left:20px;padding:10px 14px;font-size:13px}.education-congrats{left:20px;bottom:28px;width:100px}.education-happier-copy h2{font-size:27px;margin-bottom:35px}.education-happier-copy article{gap:12px}.education-happier-icon{flex-basis:44px;width:44px;height:44px;font-size:21px}.education-happier-copy h3{font-size:17px}.education-happier-copy p{font-size:13px}}

/* ================= EDUCATION CTA ================= */
.education-cta{position:relative;width:min(1875px,calc(100% - 176px));min-height:530px;margin:0 auto 90px;padding:105px 30px 80px;overflow:hidden;border-radius:40px;text-align:center;color:#fff;background:#2d58f4}.education-cta-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:64px 64px}.education-cta-ring{position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025)}.education-cta-ring-left{left:-170px;bottom:-220px}.education-cta-ring-right{right:-165px;top:-230px}.education-cta h2,.education-cta p,.education-cta-actions{position:relative;z-index:1}.education-cta h2{margin:0 0 24px;font-size:clamp(32px,3.2vw,51px);font-weight:700;letter-spacing:-1.2px}.education-cta p{max-width:1120px;margin:0 auto 65px;font-size:25px;line-height:1.45;font-weight:500}.education-cta p s{text-decoration-thickness:1px}.education-cta-actions{display:flex;justify-content:center;align-items:center;gap:35px}.education-cta-demo{display:inline-flex;align-items:center;gap:16px;padding:19px 31px;border-radius:8px;background:#fff;color:#2d58f4;font-size:22px;font-weight:700;text-decoration:none}.education-cta-demo i{font-size:25px}.education-cta-more{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:22px;font-weight:700;text-decoration:none}.education-cta-more i{font-size:25px}.education-cta-demo:hover,.education-cta-more:hover{color:#fff}.education-cta-demo:hover{background:#edf1ff;color:#2d58f4}
@media (max-width:991.98px){.education-cta{width:calc(100% - 48px);min-height:420px;padding:80px 22px}.education-cta p{font-size:20px;margin-bottom:45px}}
@media (max-width:575.98px){.education-cta{width:calc(100% - 30px);min-height:390px;margin-bottom:55px;padding:65px 18px;border-radius:25px}.education-cta h2{font-size:31px}.education-cta p{font-size:16px;margin-bottom:38px}.education-cta-actions{flex-direction:column;gap:22px}.education-cta-demo,.education-cta-more{font-size:17px}.education-cta-demo{padding:15px 22px}}
.education-solutions{padding:45px 24px 95px;background:#fff}.education-solutions-heading{text-align:center;margin-bottom:54px}.education-solutions-heading .education-kicker{margin-bottom:19px;padding:7px 22px}.education-solutions-heading h2{margin:0;font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.8px}
.education-solutions-grid{width:min(1190px,100%);margin:auto;display:grid;grid-template-columns:500px 1fr;gap:88px;align-items:center}.education-solutions-visual{position:relative;width:440px;height:590px;border-radius:14px;background:#eaf1ff;padding:37px 9px 9px;box-shadow:0 8px 24px rgba(49,100,220,.12);overflow:visible}.education-browser-bar{position:absolute;top:0;left:0;right:0;height:37px;border-radius:14px 14px 0 0;background:#d9e7ff;display:flex;align-items:center;gap:7px;padding-left:20px}.education-browser-bar i{width:12px;height:12px;border-radius:50%;background:#2864ef}.education-solutions-photo{height:100%;overflow:hidden;border-radius:4px}.education-solutions-photo img{width:100%;height:100%;display:block;object-fit:cover}.education-people{position:absolute;top:48px;right:-10px;display:flex;align-items:center;padding:10px 13px;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(30,65,150,.12);font-size:19px}.education-people span{margin-left:-5px}.education-people b{margin-left:7px;color:#2d60f3}.education-people small{margin-left:8px;font-size:11px;line-height:1.2;color:#36528a}.education-phone-card{position:absolute;right:-9px;bottom:9px;width:145px;height:184px;padding:5px;background:#fff;border-radius:11px;box-shadow:0 8px 19px rgba(30,65,150,.16)}.education-phone-card img{width:100%;height:100%;object-fit:cover;border-radius:7px}.education-end-call{position:absolute;left:43%;bottom:51px;width:53px;height:53px;display:grid;place-items:center;border-radius:50%;background:#ff171f;color:#fff;font-size:25px;transform:rotate(135deg);box-shadow:0 5px 12px rgba(255,23,31,.25)}.education-solutions-copy{padding-top:10px}.education-solutions-copy h3{font-size:25px;margin:0 0 42px;font-weight:800}.education-solutions-copy article{display:flex;gap:18px;margin-bottom:29px}.education-solution-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#eef3ff;color:#2861f4;font-size:23px;font-weight:800;letter-spacing:-2px}.education-solutions-copy h4{margin:0 0 8px;font-size:19px;font-weight:800}.education-solutions-copy p{margin:0;color:#737783;font-size:14px;line-height:1.48;max-width:560px}
@media (max-width:991.98px){.education-solutions-grid{grid-template-columns:1fr;max-width:650px;gap:54px}.education-solutions-visual{width:100%;max-width:440px;min-height:520px}.education-solutions-copy{padding:0 10px}}
@media (max-width:575.98px){.education-solutions{padding:65px 15px 75px}.education-solutions-heading{margin-bottom:35px}.education-solutions-heading h2{font-size:32px}.education-solutions-visual{width:100%;min-height:390px;height:390px;padding-top:29px}.education-people{right:-4px;top:38px;padding:8px;font-size:15px}.education-people small{font-size:8px}.education-phone-card{width:106px;height:130px}.education-end-call{width:42px;height:42px;bottom:35px;font-size:20px}.education-solutions-copy h3{font-size:24px}.education-solutions-copy article{gap:12px}.education-solution-icon{flex-basis:40px;width:40px;height:40px;font-size:19px}.education-solutions-copy h4{font-size:17px}.education-solutions-copy p{font-size:13px}}
 
  /* ---------- hero ---------- */
  .hero{display: flex;
    align-items: center;
    padding: 10rem 0 4rem;
    position: relative;
    background: #F4F6FE;
    margin-top: -90px;}
 
  .join-badge{
    position:relative;overflow:hidden;
    display:inline-block;
    padding:.55rem 1.5rem;
    border-radius:50px;
    background:var(--pink-bg);
    border:1px solid var(--pink-line);
    color:var(--pink);
    font-weight:500;font-size:1.05rem;
    transition:transform .3s ease, box-shadow .3s ease;
    cursor:default;
  }
  .join-badge::after{ /* shine */
    content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
    background:linear-gradient(110deg,transparent,rgba(255,255,255,.75),transparent);
    transform:skewX(-20deg);
    animation:shine 3.5s ease-in-out 1.5s infinite;
  }
  .join-badge:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 24px rgba(214,42,180,.25)}
  @keyframes shine{0%{left:-80%}40%,100%{left:140%}}
 
  .hero-title{
    font-weight:700;
    font-size:clamp(2rem,3.4vw,2.6rem);
    line-height:1.3;
    margin:1.4rem 0 1.2rem;
    max-width:560px;
  }
  .hero-title .word{
    display:inline-block;opacity:0;transform:translateY(40px) rotate(4deg);
    animation:wordIn .8s cubic-bezier(.2,.8,.2,1) forwards;
    transition:color .3s ease, transform .3s ease;
  }
  .hero-title .word:hover{color:var(--blue);transform:translateY(-5px)}
  @keyframes wordIn{to{opacity:1;transform:none}}
 
  .hero-text{
    color:var(--muted);font-size:1.02rem;line-height:1.75;max-width:520px;
    opacity:0;animation:fadeUp .9s ease 1.1s forwards;
  }
  .badge-wrap{opacity:0;animation:fadeUp .8s ease .1s forwards}
  @keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
 
  /* ---------- illustration ---------- */
  .art-wrap{opacity:0;animation:fadeIn 1s ease .3s forwards}
  @keyframes fadeIn{to{opacity:1}}
  .art-a{width:100%;max-width:560px;height:auto;overflow:visible}
  .art-a *{transform-box:fill-box}
 
  .parallax{will-change:transform;transition:transform .15s linear}
 
  /* steps grow from the ground */
  .step{transform-origin:bottom;transform:scaleY(0);animation:grow .8s cubic-bezier(.2,.9,.3,1.2) forwards;transition:transform .35s ease, filter .35s ease}
  .s1{animation-delay:.5s}.s2{animation-delay:.7s}.s3{animation-delay:.9s}.s4{animation-delay:1.1s}.s5{animation-delay:1.3s}
  @keyframes grow{to{transform:scaleY(1)}}
  .step-g:hover .step{filter:drop-shadow(0 0 6px rgba(36,87,255,.5))}
  .step-g{cursor:pointer}
  .step-g .step-top{transition:transform .35s ease}
  .step-g:hover{transform:translateY(-8px)}
  .step-g{transition:transform .35s ease}
 
  /* gears */
  .gear{transform-origin:center;animation:spin 14s linear infinite}
  .gear.small{animation:spinBack 8s linear infinite}
  .gears:hover .gear{animation-duration:3s}
  .gears:hover .gear.small{animation-duration:2s}
  @keyframes spin{to{transform:rotate(360deg)}}
  @keyframes spinBack{to{transform:rotate(-360deg)}}
 
  /* target rings */
  .ring{transform-origin:center;animation:ring 3s ease-out infinite}
  .ring.r2{animation-delay:.5s}.ring.r3{animation-delay:1s}
  @keyframes ring{0%{transform:scale(.6);opacity:0}30%{opacity:1}100%{transform:scale(1.15);opacity:0}}
  .dot{transform-origin:center;animation:beat 1.6s ease-in-out infinite}
  @keyframes beat{50%{transform:scale(1.25)}}
 
  /* flag */
  .flag{transform-origin:left center;animation:wave 2.2s ease-in-out infinite}
  @keyframes wave{0%,100%{transform:skewY(0) scaleX(1)}50%{transform:skewY(-5deg) scaleX(.92)}}
 
  /* person */
  .person{transform-origin:50% 100%;animation:bob 3.2s ease-in-out infinite}
  @keyframes bob{50%{transform:translateY(-6px)}}
  .arm{transform-origin:left bottom;animation:point 2.4s ease-in-out infinite}
  @keyframes point{50%{transform:rotate(-4deg)}}
 
  /* briefcase */
  .case{transform-origin:center;animation:floatCase 3.6s ease-in-out infinite;cursor:pointer;transition:filter .3s}
  .case:hover{filter:drop-shadow(0 12px 14px rgba(36,87,255,.45));animation:wiggle .6s ease-in-out infinite}
  @keyframes floatCase{50%{transform:translateY(-10px) rotate(-2deg)}}
  @keyframes wiggle{25%{transform:rotate(-5deg) scale(1.06)}75%{transform:rotate(5deg) scale(1.06)}}
 
  /* decorative */
  .twinkle{animation:twinkle 2.4s ease-in-out infinite;transform-origin:center}
  .twinkle.t2{animation-delay:1.1s}
  @keyframes twinkle{50%{opacity:.15;transform:scale(1.6)}}
  .speed{stroke-dasharray:80;stroke-dashoffset:80;animation:dash 2.4s ease-in-out infinite}
  .speed.d2{animation-delay:.4s}.speed.d3{animation-delay:.8s}
  @keyframes dash{0%{stroke-dashoffset:80}50%{stroke-dashoffset:0}100%{stroke-dashoffset:-80}}
  .arc{stroke-dasharray:200;stroke-dashoffset:200;animation:arcIn 1.6s ease 1s forwards}
  @keyframes arcIn{to{stroke-dashoffset:0}}
 
  /* ---------- scroll cue ---------- */
  .scroll-cue{
    position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);
    width:26px;height:42px;border:2px solid #111;border-radius:20px;opacity:.5;
  }
  .scroll-cue::after{
    content:"";position:absolute;top:8px;left:50%;width:4px;height:8px;margin-left:-2px;
    background:#111;border-radius:4px;animation:wheel 1.6s infinite;
  }
  @keyframes wheel{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(14px)}}
 
  
  /* ---------- accessibility ---------- */
  a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition:none!important}
    .hero-title .word,.hero-text,.badge-wrap,.art-wrap,.reveal{opacity:1!important;transform:none!important}
    .step{transform:none!important}
    .arc,.speed{stroke-dashoffset:0!important}
  }
 
  @media (max-width:991.98px){
    .hero{padding-top:3rem;text-align:left}
    .art{max-width:440px;margin:2rem auto 0;display:block}
  }



  .sfc-wrap{
    --sfc-ink:#1a1a1a;
    --sfc-yellow:#f4dd9b;
    --sfc-grey:#dedad7;
    --sfc-blue:#d4defa;
    font-family:'Outfit',sans-serif;
    color:var(--sfc-ink);
    padding:100px 0 100px;
    overflow-x:hidden;
  }
 
  .sfc-wrap .sfc-heading{
    font-weight:800;
    font-size:clamp(25px,4vw,35px);
    text-align:center;
    margin:0 0 40px;
    color:var(--blue-t);
  }
  
  /* Card */
  .sfc-wrap .sfc-box{
    position:relative;
    height:100%;
    padding:32px 32px 36px;
    border-radius:20px;
    overflow:hidden;
    cursor:default;
    transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;
  }
  .sfc-wrap .sfc-box:hover{
    transform:translateY(-12px);
    box-shadow:0 24px 45px rgba(0,0,0,.15);
  }
 
  .sfc-wrap .sfc-box--yellow{background:var(--sfc-yellow);--sfc-accent:#e8c455}
  .sfc-wrap .sfc-box--grey{background:var(--sfc-grey);--sfc-accent:#c3bdb8}
  .sfc-wrap .sfc-box--blue{background:var(--sfc-blue);--sfc-accent:#a9bdf5}
 
  /* Hover par neeche se colour fill */
  .sfc-wrap .sfc-box::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:-120%;
    width:160%;
    aspect-ratio:1;
    border-radius:50%;
    background:var(--sfc-accent);
    opacity:.45;
    transform:translateX(-50%);
    transition:bottom .6s cubic-bezier(.2,.8,.2,1);
    z-index:0;
  }
  .sfc-wrap .sfc-box:hover::before{bottom:-70%}
  .sfc-wrap .sfc-box > *{position:relative;z-index:1}
 
  /* Icon */
  .sfc-wrap .sfc-icon{
    width:56px;
    height:56px;
    margin-bottom:44px;
    transition:transform .5s cubic-bezier(.3,1.6,.5,1);
  }
  .sfc-wrap .sfc-icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:var(--sfc-ink);
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .sfc-wrap .sfc-box:hover .sfc-icon{transform:scale(1.18) rotate(-6deg)}
  .sfc-wrap .sfc-box--grey:hover .sfc-icon{transform:scale(1.18) rotate(45deg)}
  .sfc-wrap .sfc-box--blue:hover .sfc-icon{transform:scale(1.18) translateY(-6px)}
 
  .sfc-wrap .sfc-tick{transform-origin:center;transform-box:fill-box}
  .sfc-wrap .sfc-box--yellow:hover .sfc-tick{animation:sfc-pop .6s ease}
  @keyframes sfc-pop{50%{transform:scale(1.35)}}
 
  /* Title + text */
  .sfc-wrap .sfc-title{
    font-size:1.25rem;
    font-weight:600;
    margin:0 0 14px;
    color:var(--sfc-ink);
    position:relative;
    display:inline-block;
  }
  .sfc-wrap .sfc-title::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    height:2px;
    width:0;
    background:var(--sfc-ink);
    transition:width .4s ease;
  }
  .sfc-wrap .sfc-box:hover .sfc-title::after{width:100%}
  .sfc-wrap .sfc-text{
    font-size:1rem;
    line-height:1.7;
    margin:0;
    max-width:34ch;
    color:var(--sfc-ink);
  }
 
  @media (prefers-reduced-motion:reduce){
    .sfc-wrap .sfc-box,
    .sfc-wrap .sfc-box::before,
    .sfc-wrap .sfc-icon,
    .sfc-wrap .sfc-title::after{transition:none}
    .sfc-wrap .sfc-box--yellow:hover .sfc-tick{animation:none}
  }



   .sst-hero{
    --sst-photo:url("../../assets/img/careers/bg-results.svg");  
    position:relative;
    min-height:min(720px,100vh);
    display:flex;
    align-items:flex-end;
    padding:60px 0 50px;
    font-family:'Outfit',sans-serif;
    color:#fff;
    overflow:hidden;
    isolation:isolate;
    background:#3a2a1e;
  }
 
  /* Background photo (hover par halka zoom) */
  .sst-hero .sst-bg{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
      var(--sst-photo) center/cover no-repeat,
      linear-gradient(135deg,#6b4a30 0%,#2b1d14 100%);
    transition:transform 1.4s cubic-bezier(.2,.8,.2,1);
  }
  .sst-hero:hover .sst-bg{transform:scale(1.05)}
 
  /* Neeche se dark gradient taaki cards padhe jaa sakein */
  .sst-hero .sst-shade{
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(to top,rgba(20,12,6,.85) 0%,rgba(20,12,6,.35) 35%,rgba(20,12,6,0) 65%);
    pointer-events:none;
  }
 
  /* Glass card */
  .sst-hero .sst-card{
    position:relative;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:22px 26px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:10px;
    background:rgba(255,255,255,.08);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    overflow:hidden;
    cursor:default;
    transition:transform .35s cubic-bezier(.2,.8,.2,1),
               background .35s ease,
               border-color .35s ease,
               box-shadow .35s ease;
  }
  .sst-hero .sst-card:hover{
    transform:translateY(-10px);
    background:rgba(255,255,255,.16);
    border-color:rgba(255,255,255,.7);
    box-shadow:0 20px 40px rgba(0,0,0,.35);
  }
 
  /* Hover par chamak (shine) guzarti hai */
  .sst-hero .sst-card::after{
    content:"";
    position:absolute;
    top:0;
    left:-80%;
    width:50%;
    height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);
    transform:skewX(-20deg);
    transition:left .8s ease;
    pointer-events:none;
  }
  .sst-hero .sst-card:hover::after{left:140%}
 
  .sst-hero .sst-desc{
    font-size:.95rem;
    font-weight:500;
    line-height:1.45;
    margin:0;
    max-width:21ch;
    color:#fff;
  }
 
  .sst-hero .sst-num{
    font-size:clamp(2.4rem,4.2vw,3.5rem);
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    color:#fff;
    transform-origin:right center;
    transition:transform .45s cubic-bezier(.3,1.6,.5,1),letter-spacing .35s ease;
  }
  .sst-hero .sst-card:hover .sst-num{
    transform:scale(1.12);
    letter-spacing:1px;
  }
 
  @media (max-width:767.98px){
    .sst-hero{min-height:620px;padding:40px 0 30px}
    .sst-hero .sst-desc{max-width:none}
  }
 
  @media (prefers-reduced-motion:reduce){
    .sst-hero .sst-bg,
    .sst-hero .sst-card,
    .sst-hero .sst-card::after,
    .sst-hero .sst-num{transition:none}
  }



    .ojb-sec{
    --ojb-ink:#1a1a1a;
    --ojb-fill:#f0f0f0;
    --ojb-blue:#d4defa;
    --ojb-yellow:#f4dd9b;
    --ojb-per:3;
    color:var(--ojb-ink);
    padding:100px 0 100px;
    overflow:hidden;
  }
   @media (max-width:991.98px){.ojb-sec{--ojb-per:2}}
  @media (max-width:575.98px){.ojb-sec{--ojb-per:1}}
 
  /* Heading */
  .ojb-sec .ojb-head{text-align:center;margin-bottom:50px}
  .ojb-sec .ojb-title{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;margin:0 0 12px;color:var(--ojb-ink)}
  .ojb-sec .ojb-sub{font-size:.95rem;line-height:1.6;color:#7a7a7a;margin:0 auto;max-width:300px}
 
  /* Scroll reveal (sirf tab jab JS chal rahi ho) */
  .ojb-js .ojb-rise{opacity:0;transform:translateY(50px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--ojb-d,0ms)}
  .ojb-js .ojb-rise.ojb-in{opacity:1;transform:none}
 
  /* Slider */
  .ojb-sec .ojb-view{overflow:hidden;margin:0 -12px;padding:24px 0 30px}
  .ojb-sec .ojb-track{display:flex;will-change:transform}
  .ojb-sec .ojb-slide{flex:0 0 calc(100% / var(--ojb-per));padding:0 12px}
 
  /* Card: default = fill (grey) */
  .ojb-sec .ojb-card{
    height:100%;
    padding:52px 38px 40px;
    border-radius:26px;
    border:1px solid transparent;
    background:var(--ojb-fill);
    transition:background .45s ease,border-color .45s ease,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;
  }
  /* Active (beech wala) ya hover wala card = border wala, white */
  .ojb-sec .ojb-on .ojb-card,
  .ojb-sec .ojb-card:hover{
    background:#fff;
    border-color:var(--ojb-ink);
    transform:translateY(-10px);
    box-shadow:0 22px 40px rgba(0,0,0,.12);
  }
  /* Mouse slider par ho to sirf hover wala border me rahe */
  .ojb-sec .ojb-track:hover .ojb-on .ojb-card:not(:hover){
    background:var(--ojb-fill);
    border-color:transparent;
    transform:none;
    box-shadow:none;
  }
 
  .ojb-sec .ojb-role{font-size:1.4rem;font-weight:600;margin:0 0 14px;color:var(--ojb-ink)}
 
  .ojb-sec .ojb-tags{display:flex;gap:10px;margin-bottom:38px}
  .ojb-sec .ojb-tag{font-size:.82rem;font-weight:500;padding:5px 16px;border-radius:50px;transition:transform .3s ease}
  .ojb-sec .ojb-tag--time{background:var(--ojb-blue)}
  .ojb-sec .ojb-tag--place{background:var(--ojb-yellow)}
  .ojb-sec .ojb-card:hover .ojb-tag{transform:translateY(-3px)}
 
  .ojb-sec .ojb-info{list-style:none;margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #d3d3d3}
  .ojb-sec .ojb-info li{display:flex;align-items:center;font-size:.95rem;font-weight:500;margin-bottom:12px}
  .ojb-sec .ojb-info li:last-child{margin-bottom:0}
  .ojb-sec .ojb-lbl{display:flex;align-items:center;gap:9px;width:150px;flex:0 0 150px;font-weight:600}
  .ojb-sec .ojb-lbl svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:var(--ojb-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
    transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
  .ojb-sec .ojb-card:hover .ojb-lbl svg{transform:scale(1.25) rotate(-10deg)}
  .ojb-sec .ojb-val{white-space:nowrap}
 
  /* Buttons */
  .ojb-sec .ojb-act{display:flex;align-items:center;gap:2px}
  .ojb-sec .ojb-btn{
    display:inline-flex;align-items:center;justify-content:center;
    height:48px;padding:0 25px;border:1px solid var(--ojb-ink);border-radius:50px;
    background:transparent;color:var(--ojb-ink);font:600 1.05rem 'Outfit',sans-serif;text-decoration:none;
    transition:background .3s ease,color .3s ease;
  }
  .ojb-sec .ojb-arr{
    display:inline-flex;align-items:center;justify-content:center;
    width:48px;height:48px;border:1px solid var(--ojb-ink);border-radius:50%;
    background:transparent;color:var(--ojb-ink);text-decoration:none;
    transition:background .3s ease,color .3s ease,transform .4s cubic-bezier(.3,1.6,.5,1);
  }
  .ojb-sec .ojb-arr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s ease}
  .ojb-sec .ojb-act:hover .ojb-btn,
  .ojb-sec .ojb-act:hover .ojb-arr{background:var(--ojb-ink);color:#fff}
  .ojb-sec .ojb-act:hover .ojb-arr{transform:rotate(45deg)}
 
  /* Controls */
  .ojb-sec .ojb-ctrl{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:6px}
  .ojb-sec .ojb-nav{
    width:44px;height:44px;border-radius:50%;border:1px solid var(--ojb-ink);background:#fff;color:var(--ojb-ink);
    display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
    transition:background .3s ease,color .3s ease,transform .3s ease;
  }
  .ojb-sec .ojb-nav:hover{background:var(--ojb-ink);color:#fff;transform:scale(1.1)}
  .ojb-sec .ojb-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .ojb-sec .ojb-bar{width:120px;height:3px;border-radius:3px;background:#e2e2e2;overflow:hidden}
  .ojb-sec .ojb-bar i{display:block;height:100%;width:0;background:var(--ojb-ink)}
 
  @media (max-width:575.98px){
    .ojb-sec .ojb-card{padding:40px 26px 32px}
    .ojb-sec .ojb-lbl{width:120px;flex-basis:120px}
    .ojb-sec .ojb-val{white-space:normal}
  }
  @media (prefers-reduced-motion:reduce){
    .ojb-sec *{transition:none!important}
    .ojb-js .ojb-rise{opacity:1;transform:none}
  }



 
/* =================================
  WhatsApp Business API  

================================= */

.image_dfg{    margin-top: 68px;}
.image_dfgg{    margin-top: 30px;}
  .wabiz-api-hero{position:relative;overflow:hidden;padding:12rem 0 0rem;color:#000; background:url("../../assets/img/whatsapp/bg.svg") center/cover no-repeat; margin-top:-90px}
  .wabiz-api-hero-two{background:url("../../assets/img/toll-free-number/toll-free-bg.svg") center/cover no-repeat;}
  /* badge */
  .wabiz-api-hero .tag{position:relative;overflow:hidden;display:inline-block;padding:.5rem 1.5rem;border-radius:50px;
    background:rgba(214,42,180,.08);border:1px solid #cdbfd0;color:#d62ab4;font-weight:500;transition:transform .3s, box-shadow .3s}
  .wabiz-api-hero .tag::after{content:"";position:absolute;top:0;left:-80%;width:45%;height:100%;
    background:linear-gradient(110deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-20deg);animation:wabiz-shine 3.6s ease-in-out 1.5s infinite}
  .wabiz-api-hero .tag:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 24px rgba(214,42,180,.22)}
  @keyframes wabiz-shine{0%{left:-80%}40%,100%{left:140%}}
 
  /* heading + text */
  .wabiz-api-hero .title{font-weight:700;font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1.2;margin:1.4rem auto 1.1rem;max-width:800px}
  .wabiz-api-hero .word{display:inline-block;opacity:0;transform:translateY(36px) rotate(3deg);
    animation:wabiz-word .8s cubic-bezier(.2,.8,.2,1) forwards;transition:color .3s, transform .3s}
  .wabiz-api-hero .word:hover{color:#0a8f3c;transform:translateY(-5px)}
  @keyframes wabiz-word{to{opacity:1;transform:none}}
  .wabiz-api-hero .sub{color:#6c6c75;max-width:660px;margin:0 auto 2rem;line-height:1.7}
  .wabiz-api-hero .fade-up{opacity:0;animation:wabiz-up .9s ease forwards}
  @keyframes wabiz-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
 
  /* buttons */
  .wabiz-api-hero .cta{position:relative;overflow:hidden;border-radius:4px;padding:.9rem 2rem;font-weight:600;font-size:1.05rem;
    transition:transform .3s, box-shadow .3s, background .3s, color .3s}
  .wabiz-api-hero .cta-fill{background:#2457ff;color:#fff;border:1px solid #2457ff;animation:wabiz-pulse 2.6s ease-in-out 2s infinite}
  .wabiz-api-hero .cta-line{background:transparent;color:#2457ff;border:1px solid #2457ff}
  .wabiz-api-hero .cta:hover{transform:translateY(-4px)}
  .wabiz-api-hero .cta-fill:hover{background:#1744d6;color:#fff;box-shadow:0 14px 28px rgba(36,87,255,.35)}
  .wabiz-api-hero .cta-line:hover{background:#2457ff;color:#fff;box-shadow:0 14px 28px rgba(36,87,255,.25)}
  .wabiz-api-hero .cta:active{transform:scale(.97)}
  .wabiz-api-hero .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:wabiz-ripple .6s linear;pointer-events:none}
  @keyframes wabiz-ripple{to{transform:scale(4);opacity:0}}
  @keyframes wabiz-pulse{0%,100%{box-shadow:0 0 0 0 rgba(36,87,255,.45)}60%{box-shadow:0 0 0 14px rgba(36,87,255,0)}}
 
  /* floating icons */
  .wabiz-api-hero .brand{position:absolute;z-index:2;will-change:transform;transition:transform .12s linear}
  .wabiz-api-hero .brand.left{left:11%;top:17.5rem}
  .wabiz-api-hero .brand.right{right:7%;top:28rem}
  .wabiz-api-hero .bob{animation:wabiz-bob 4s ease-in-out infinite}
  .wabiz-api-hero .bob.b2{animation-delay:1.3s;animation-duration:5s}
  @keyframes wabiz-bob{50%{transform:translateY(-16px) rotate(6deg)}}
  .wabiz-api-hero .brand img{display:block;height:auto;cursor:pointer;transition:transform .4s;filter:drop-shadow(0 10px 14px rgba(10,143,60,.35))}
  .wabiz-api-hero .brand img:hover{transform:scale(1.2) rotate(-12deg)}
 
  .wabiz-api-hero a:focus-visible{outline:3px solid #2457ff;outline-offset:3px}
  @media (max-width:991.98px){.wabiz-api-hero{padding:7rem 0 6rem}.wabiz-api-hero .brand{display:none}}
  @media (prefers-reduced-motion:reduce){
    .wabiz-api-hero *,.wabiz-api-hero *::before{animation:none!important;transition:none!important}
    .wabiz-api-hero .word,.wabiz-api-hero .fade-up{opacity:1!important;transform:none!important}
  }

  .box_border{margin-top: 50px;
  }
  .box_border .customer-marquee{
    border: 1px solid #EEEEEE;
    border-radius: 20px;
   padding: 30px 20px 20px;
    margin-bottom: 20px;
  }
   
    .box_border .wrap{position: relative;}

  .box_border h3{
  font-size: 16px;
    font-weight: 600;
    color: var(--blue-t);
    border: 1px solid #eeeeee;
    background: #fff;
    display: inline-table;
    padding: 8px 15px;
    border-radius: 50px;
    position: absolute;
    top: -21px;
    z-index: 1;
    margin: auto;
    left: 0px;
    text-align: center;
    right: 0px;
}

  .zoho-clients h3{z-index:1;}



 .cmp-sec{
    --cmp-ink:#0f0f0f;
    --cmp-green:#e6f4e6;
    --cmp-green-d:#d6ecd6;
    --cmp-edge:#6fd05a;
    --cmp-line:#c9c9c9;
    font-family:'Outfit',sans-serif;
    color:var(--blue-t);
    padding:70px 0 90px;
    overflow:hidden;
  }
 
  .cmp-sec .cmp-head{text-align:center;margin-bottom:38px}
  .cmp-sec .cmp-title{font-size:clamp(1.7rem,3.6vw,2.2rem);font-weight:700;margin:0 0 10px;color:var(--cmp-ink)}
  .cmp-sec .cmp-sub{font-size:.95rem;color:#707070;margin:0}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .cmp-js .cmp-rise{opacity:0;transform:translateY(36px);
    transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--cmp-d,0ms)}
  .cmp-js .cmp-rise.cmp-in{opacity:1;transform:none}
 
  /* Frame */
  .cmp-sec .cmp-scroll{overflow-x:auto;border-radius:26px}
  .cmp-sec .cmp-frame{
    min-width:760px;
    border:1px solid var(--cmp-edge);
    border-radius:26px;
    overflow:hidden;
    background:#fff;
    transition:box-shadow .5s ease;
  }
  .cmp-sec .cmp-frame:hover{box-shadow:0 20px 50px rgba(80,180,80,.18)}
 
  /* Rows */
  .cmp-sec .cmp-row{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    border-bottom:1px solid var(--cmp-line);
  }
  .cmp-sec .cmp-row:last-child{border-bottom:0}
  .cmp-sec .cmp-cell{
    display:flex;align-items:center;gap:12px;
    padding:0 35px;height:60px;
    font-size:1.04rem;font-weight:600;
    transition:background .3s ease,padding .3s ease;
  }
  .cmp-sec .cmp-cell--mid{background:var(--cmp-green)}
 
  /* Header row */
  .cmp-sec .cmp-row--top .cmp-cell{height:auto;display:block;padding:26px 35px 20px}
  .cmp-sec .cmp-row--top .cmp-cell--mid{padding-left:41px}
  .cmp-sec .cmp-name{font-size:1.45rem;font-weight:600;margin:0 0 6px;color:var(--cmp-ink)}
  .cmp-sec .cmp-note{font-size:.93rem;font-weight:400;color:#6f6f6f;margin:0}
  .cmp-sec .cmp-row--top .cmp-cell--mid .cmp-name{transition:transform .35s ease,color .35s ease}
  .cmp-sec .cmp-row--top:hover .cmp-cell--mid .cmp-name{transform:translateX(6px);color:#0a8a0a}
 
  /* Hover on data rows */
  .cmp-sec .cmp-row--data:hover .cmp-cell{background:rgba(0,0,0,.035)}
  .cmp-sec .cmp-row--data:hover .cmp-cell--mid{background:var(--cmp-green-d)}
  .cmp-sec .cmp-row--data:hover .cmp-cell--lbl{padding-left:44px}
  .cmp-sec .cmp-row--data:hover .cmp-ic{transform:scale(1.22) rotate(15deg)}
 
  /* Icons */
  .cmp-sec .cmp-ic{
    flex:0 0 22px;width:22px;height:22px;
    transition:transform .4s cubic-bezier(.3,1.6,.5,1);
  }
  .cmp-js .cmp-row--data .cmp-ic{transform:scale(0) rotate(-90deg)}
  .cmp-js .cmp-row--data.cmp-in .cmp-ic{transform:none;transition:transform .6s cubic-bezier(.3,1.6,.5,1) .35s}
  .cmp-js .cmp-row--data.cmp-in:hover .cmp-ic{transform:scale(1.22) rotate(15deg);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
 
  /* Mobile tabs (desktop par hidden) */
  .cmp-sec .cmp-tabs{
    display:none;position:relative;max-width:420px;margin:0 auto 14px;padding:5px;
    border-radius:50px;background:#eef7ee;border:1px solid var(--cmp-edge);
  }
  .cmp-sec .cmp-tabs i{
    position:absolute;top:5px;left:5px;width:calc(50% - 5px);height:calc(100% - 10px);
    border-radius:50px;background:#0ea50e;box-shadow:0 6px 14px rgba(14,165,14,.35);
    transition:transform .45s cubic-bezier(.3,1.3,.5,1);
  }
  .cmp-sec .cmp-tabs[data-active="b"] i{transform:translateX(100%)}
  .cmp-sec .cmp-tab{
    position:relative;z-index:1;flex:1;border:0;background:transparent;cursor:pointer;
    padding:11px 6px;border-radius:50px;color:var(--cmp-ink);
    font:600 .9rem/1.2 'Outfit',sans-serif;transition:color .3s ease,transform .2s ease;
  }
  .cmp-sec .cmp-tab:active{transform:scale(.96)}
  .cmp-sec .cmp-tab[aria-selected="true"]{color:#fff}
  .cmp-sec .cmp-tabnote{display:none;text-align:center;font-size:.9rem;color:#6f6f6f;margin:0 0 16px}
 
  /* Tablet: thoda compact */
  @media (max-width:991.98px){
    .cmp-sec .cmp-cell{padding:0 22px;font-size:.98rem}
    .cmp-sec .cmp-row--top .cmp-cell{padding:22px 22px 16px}
    .cmp-sec .cmp-row--top .cmp-cell--mid{padding-left:26px}
    .cmp-sec .cmp-name{font-size:1.2rem}
  }
 
  /* Mobile: tabs + ek plan ki values (side scroll ki zarurat nahi) */
  @media (max-width:767.98px){
    .cmp-sec{padding:50px 0 60px}
    .cmp-sec .cmp-head{margin-bottom:24px}
    .cmp-sec .cmp-scroll{overflow:visible}
    .cmp-sec .cmp-frame{min-width:0;border-radius:20px}
 
    .cmp-sec .cmp-tabs{display:flex}
    .cmp-sec .cmp-tabnote{display:block}
 
    .cmp-sec .cmp-row{grid-template-columns:1fr}
    .cmp-sec .cmp-row--top{display:none}
    .cmp-sec .cmp-cell{height:auto;padding:12px 20px;flex-wrap:wrap;gap:4px 10px}
    .cmp-sec .cmp-cell--lbl{padding:16px 20px 6px;font-size:1.06rem}
    .cmp-sec .cmp-row--data .cmp-cell:not(.cmp-cell--lbl){padding-top:10px;padding-bottom:16px}
 
    /* Active tab ke hisaab se doosra plan chhupao */
    .cmp-sec .cmp-frame[data-cmp-tab="a"] .cmp-cell--b{display:none}
    .cmp-sec .cmp-frame[data-cmp-tab="b"] .cmp-cell--a{display:none}
 
    /* Tab badalne par values slide-fade hoti hain */
    .cmp-sec .cmp-frame.cmp-swap .cmp-row--data .cmp-cell:not(.cmp-cell--lbl){animation:cmp-fade .45s ease both}
 
    .cmp-sec .cmp-row--data:hover .cmp-cell--lbl{padding-left:20px}
  }
  @keyframes cmp-fade{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
 
  @media (max-width:380px){
    .cmp-sec .cmp-cell{font-size:.94rem}
    .cmp-sec .cmp-name{font-size:1.1rem}
  }
  @media (prefers-reduced-motion:reduce){
    .cmp-sec *{transition:none!important}
    .cmp-js .cmp-rise{opacity:1;transform:none}
    .cmp-js .cmp-row--data .cmp-ic{transform:none}
  }


  .hlp-sec{
    --hlp-ink:#111;
    --hlp-pink:#f6b4fb;
    --hlp-yellow:#ffe873;
    --hlp-blue:#4fc3ff;
    font-family:'Outfit',sans-serif;
    color:var(--hlp-ink);
    padding:30px 0 90px;
    overflow:hidden;
  }
 
  .hlp-sec .hlp-title{
    text-align:center;font-weight:700;
    font-size:clamp(1.8rem,4vw,2.3rem);
    margin:0 0 40px;color:var(--hlp-ink);
  }
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .hlp-js .hlp-rise{opacity:0;transform:translateY(60px) scale(.96);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--hlp-d,0ms)}
  .hlp-js .hlp-rise.hlp-in{opacity:1;transform:none}
 
  /* Card */
  .hlp-sec .hlp-card{
    position:relative;height:100%;
    display:flex;flex-direction:column;
    padding:44px 40px 40px;
    border:1.5px solid var(--hlp-ink);
    border-radius:24px;
    box-shadow:5px 5px 0 var(--hlp-ink);
    transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;
  }
  .hlp-sec .hlp-card--pink{background:#fcf1ff;--hlp-c:var(--hlp-pink)}
  .hlp-sec .hlp-card--yellow{background:#fff4d6;--hlp-c:var(--hlp-yellow)}
  .hlp-sec .hlp-card--blue{background:#fbe8fe;--hlp-c:var(--hlp-blue)}
 
  /* Hover: card upar-left uthta hai, shadow lamba hota hai */
  .hlp-sec .hlp-card:hover{transform:translate(-5px,-5px);box-shadow:11px 11px 0 var(--hlp-ink)}
 
  /* Head: icon + naam */
  .hlp-sec .hlp-head{display:flex;align-items:center;gap:14px;margin-bottom:30px}
  .hlp-sec .hlp-name{font-size:1.45rem;font-weight:600;margin:0;color:var(--hlp-ink)}
 
  .hlp-sec .hlp-ico{position:relative;width:62px;height:62px;flex:0 0 62px}
  .hlp-sec .hlp-ico::before{ /* rang ka gola */
    content:"";position:absolute;right:-2px;bottom:-2px;width:36px;height:36px;border-radius:50%;
    background:var(--hlp-c);transition:transform .45s cubic-bezier(.3,1.6,.5,1);
  }
  .hlp-sec .hlp-ico svg{
    position:relative;width:100%;height:100%;
    fill:none;stroke:var(--hlp-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
    transition:transform .45s cubic-bezier(.3,1.6,.5,1);
  }
  .hlp-sec .hlp-card:hover .hlp-ico::before{transform:scale(1.35)}
  .hlp-sec .hlp-card:hover .hlp-ico svg{transform:rotate(-8deg) scale(1.1)}
  .hlp-js .hlp-rise .hlp-ico svg{transform:scale(0) rotate(-60deg)}
  .hlp-js .hlp-rise.hlp-in .hlp-ico svg{transform:none;transition:transform .7s cubic-bezier(.3,1.6,.5,1) .3s}
  .hlp-js .hlp-rise.hlp-in:hover .hlp-ico svg{transform:rotate(-8deg) scale(1.1);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
 
  .hlp-sec .hlp-text{font-size:1rem;line-height:1.75;color:#444;margin:0 0 34px;flex:1}
 
  /* Button */
  .hlp-sec .hlp-btn{
    position:relative;overflow:hidden;display:block;text-align:center;
    padding:12px 20px;border:1px solid var(--hlp-ink);border-radius:8px;
    background:var(--hlp-c);color:var(--hlp-ink);
    font:600 1.05rem 'Outfit',sans-serif;text-decoration:none;
    transition:transform .25s ease,box-shadow .25s ease;
  }
  .hlp-sec .hlp-btn::after{ /* shine */
    content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);
    transform:skewX(-20deg);transition:left .7s ease;
  }
  .hlp-sec .hlp-btn:hover{transform:translateY(-3px);box-shadow:0 5px 0 var(--hlp-ink)}
  .hlp-sec .hlp-btn:hover::after{left:140%}
  .hlp-sec .hlp-btn:active{transform:translateY(0);box-shadow:none}
 
  @media (max-width:991.98px){
    .hlp-sec .hlp-card{padding:36px 28px 32px}
  }
  @media (max-width:575.98px){
    .hlp-sec{padding:50px 0 60px}
    .hlp-sec .hlp-title{margin-bottom:34px}
    .hlp-sec .hlp-card{padding:30px 22px 26px;border-radius:20px;box-shadow:4px 4px 0 var(--hlp-ink)}
    .hlp-sec .hlp-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--hlp-ink)}
    .hlp-sec .hlp-ico{width:54px;height:54px;flex-basis:54px}
    .hlp-sec .hlp-ico::before{width:30px;height:30px}
    .hlp-sec .hlp-name{font-size:1.3rem}
  }
  @media (prefers-reduced-motion:reduce){
    .hlp-sec *{transition:none!important}
    .hlp-js .hlp-rise{opacity:1;transform:none}
    .hlp-js .hlp-rise .hlp-ico svg{transform:none}
  }


   .wyw-sec{
    --wyw-navy:#0b2058;
    --wyw-blue:#2a5cff;
    --wyw-grey:#7b7b8f;
    color:var(--wyw-navy);
    padding:60px 0 80px;
    overflow:hidden;
  }
 
  .wyw-sec .wyw-head{text-align:center;margin-bottom:38px}
  .wyw-sec .wyw-title{font-size:clamp(1.7rem,3.6vw,2.3rem);font-weight:700;margin:0 0 12px;color:var(--wyw-navy)}
  .wyw-sec .wyw-year{
    color:var(--wyw-blue);display:inline-block;
    background:linear-gradient(90deg,#2a5cff,#6f9bff,#2a5cff);background-size:200% 100%;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:wyw-shimmer 3.5s linear infinite;
  }
  @keyframes wyw-shimmer{to{background-position:-200% 0}}
  .wyw-sec .wyw-sub{font-size:.98rem;color:var(--wyw-grey);margin:0 auto;max-width:640px;line-height:1.6}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .wyw-js .wyw-rise{opacity:0;transform:translateY(46px);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--wyw-d,0ms)}
  .wyw-js .wyw-rise.wyw-in{opacity:1;transform:none}
 
  /* Stats card */
  .wyw-sec .wyw-card{
    display:grid;grid-template-columns:repeat(4,1fr);
    background:#fff;border-radius:28px;
    box-shadow:0 10px 40px rgba(20,40,100,.09);
    overflow:hidden;
    transition:box-shadow .4s ease;
  }
  .wyw-sec .wyw-card:hover{box-shadow:0 18px 55px rgba(42,92,255,.16)}
 
  .wyw-sec .wyw-item{
    position:relative;text-align:center;
    padding:72px 16px 66px;
    cursor:default;
    transition:background .35s ease;
  }
  /* Dotted divider */
  .wyw-sec .wyw-item + .wyw-item{border-left:1.5px dotted var(--wyw-navy)}
  /* Hover par neeche se blue line */
  .wyw-sec .wyw-item::after{
    content:"";position:absolute;left:50%;bottom:0;width:0;height:4px;border-radius:4px 4px 0 0;
    background:var(--wyw-blue);transform:translateX(-50%);transition:width .4s ease;
  }
  .wyw-sec .wyw-item:hover{background:linear-gradient(180deg,rgba(42,92,255,0) 40%,rgba(42,92,255,.06))}
  .wyw-sec .wyw-item:hover::after{width:60%}
 
  .wyw-sec .wyw-num{
    font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:700;line-height:1.1;margin:0 0 8px;
    color:var(--wyw-navy);white-space:nowrap;
    transition:transform .4s cubic-bezier(.3,1.6,.5,1),color .3s ease;
  }
  .wyw-sec .wyw-item:hover .wyw-num{transform:scale(1.12) translateY(-4px);color:var(--wyw-blue)}
  .wyw-sec .wyw-lbl{font-size:1rem;color:var(--wyw-grey);margin:0;transition:color .3s ease,letter-spacing .3s ease}
  .wyw-sec .wyw-item:hover .wyw-lbl{color:var(--wyw-navy);letter-spacing:.4px}
 
  /* Tablet */
  @media (max-width:991.98px){
    .wyw-sec .wyw-item{padding:56px 10px 50px}
  }
  /* Mobile: 2 x 2 grid */
  @media (max-width:767.98px){
    .wyw-sec{padding:44px 0 56px}
    .wyw-sec .wyw-card{grid-template-columns:repeat(2,1fr);border-radius:22px}
    .wyw-sec .wyw-item{padding:40px 8px 36px}
    .wyw-sec .wyw-item + .wyw-item{border-left:0}
    .wyw-sec .wyw-item:nth-child(even){border-left:1.5px dotted var(--wyw-navy)}
    .wyw-sec .wyw-item:nth-child(n+3){border-top:1.5px dotted var(--wyw-navy)}
    .wyw-sec .wyw-lbl{font-size:.92rem}
  }
  @media (prefers-reduced-motion:reduce){
    .wyw-sec *{transition:none!important;animation:none!important}
    .wyw-js .wyw-rise{opacity:1;transform:none}
  }



  .rvx-sec{
    --rvx-bg:#04123f;
    --rvx-tab:#071a55;
    --rvx-blue:#0d33e0;
    --rvx-btn:#2a5cff;
    --rvx-dur:10s;
    display:block;
    position:relative;
    font-family:'Outfit',sans-serif;
    background:var(--rvx-bg);
    color:#fff;
    padding:90px 0 100px;
    overflow:hidden;
    text-align:left;
  }
  .rvx-sec .rvx-wrap{width:100%;max-width:1260px;margin:0 auto;padding:0 20px}
 
  .rvx-sec .rvx-title{
    text-align:center;font-weight:700;line-height:1.3;
    font-size:clamp(1.7rem,3.6vw,2.4rem);
    max-width:640px;margin:0 auto 44px;padding:0;color:#fff;
  }
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .rvx-sec.rvx-js .rvx-rise{opacity:0;transform:translateY(46px);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--rvx-d,0ms)}
  .rvx-sec.rvx-js .rvx-rise.rvx-in{opacity:1;transform:none}
 
  /* Tabs */
  .rvx-sec .rvx-tabs{
    display:flex;gap:16px;
    margin:0 0 70px;padding:6px 4px 12px;
    overflow-x:auto;scrollbar-width:none;
  }
  .rvx-sec .rvx-tabs::-webkit-scrollbar{display:none}
  .rvx-sec .rvx-tab:first-child{margin-left:auto}
  .rvx-sec .rvx-tab:last-child{margin-right:auto}
  .rvx-sec .rvx-tab{
    -webkit-appearance:none;appearance:none;
    position:relative;flex:0 0 auto;overflow:hidden;margin:0;
    padding:15px 34px;border:0;border-radius:6px;
    background:var(--rvx-tab);color:#fff;cursor:pointer;
    font:500 1.12rem/1.2 'Outfit',sans-serif;white-space:nowrap;text-transform:none;letter-spacing:0;
    transition:background .3s ease,transform .3s ease,box-shadow .3s ease;
  }
  .rvx-sec .rvx-tab:hover{background:#0c2470;transform:translateY(-3px)}
  .rvx-sec .rvx-tab.rvx-on{background:var(--rvx-blue);box-shadow:0 10px 24px rgba(13,51,224,.45)}
  .rvx-sec .rvx-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}
 
  /* Active tab ke neeche 10 sec ka progress */
  .rvx-sec .rvx-tab::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:rgba(255,255,255,.85)}
  .rvx-sec .rvx-tab.rvx-on::after{animation:rvx-fill var(--rvx-dur) linear forwards}
  .rvx-sec .rvx-tabs.rvx-stop .rvx-tab.rvx-on::after{animation:none;width:0}
  @keyframes rvx-fill{from{width:0}to{width:100%}}
 
  /* Panels (apni grid, Bootstrap ki zarurat nahi) */
  .rvx-sec .rvx-panel{display:none}
  .rvx-sec .rvx-panel.rvx-on{
    display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:center;
  }
  .rvx-sec .rvx-panel.rvx-on .rvx-copy > *{animation:rvx-up .7s cubic-bezier(.2,.8,.2,1) both}
  .rvx-sec .rvx-panel.rvx-on .rvx-copy > *:nth-child(2){animation-delay:.1s}
  .rvx-sec .rvx-panel.rvx-on .rvx-copy > *:nth-child(3){animation-delay:.2s}
  .rvx-sec .rvx-panel.rvx-on .rvx-pic{animation:rvx-zoom .8s cubic-bezier(.2,.8,.2,1) both}
  @keyframes rvx-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
  @keyframes rvx-zoom{from{opacity:0;transform:translateX(40px) scale(.94)}to{opacity:1;transform:none}}
 
  .rvx-sec .rvx-head{font-size:clamp(18px,3vw,30px);font-weight:600;line-height:1.3;margin:0 0 24px;padding:0;color:#fff}
  .rvx-sec .rvx-text{font-size:1.02rem;line-height:1.85;color:#a9b1cc;margin:0 0 38px;padding:0;max-width:520px}
 
  .rvx-sec .rvx-btn{
    position:relative;overflow:hidden;display:inline-block;
    padding:15px 32px;border-radius:6px;background:var(--rvx-btn);color:#fff;
    font:600 1.08rem/1.2 'Outfit',sans-serif;text-decoration:none;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .rvx-sec .rvx-btn::after{
    content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);
    transform:skewX(-20deg);transition:left .7s ease;
  }
  .rvx-sec .rvx-btn:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(42,92,255,.45);color:#fff}
  .rvx-sec .rvx-btn:hover::after{left:140%}
 
  /* Image */
  .rvx-sec .rvx-pic{
    position:relative;overflow:hidden;border-radius:6px;
    background:linear-gradient(135deg,#fff7d6,#ffe98a);
    min-height:260px;box-shadow:0 24px 50px rgba(0,0,0,.4);
  }
  .rvx-sec .rvx-pic img{display:block;width:100%;height:auto;max-width:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
  .rvx-sec .rvx-pic:hover img{transform:scale(1.05)}
 
  /* Tablet / Mobile */
  @media (max-width:991.98px){
    .rvx-sec{padding:70px 0 80px}
    .rvx-sec .rvx-tabs{margin-bottom:44px}
    .rvx-sec .rvx-panel.rvx-on{grid-template-columns:1fr;gap:34px}
    .rvx-sec .rvx-text{max-width:none}
  }
  @media (max-width:575.98px){
    .rvx-sec{padding:56px 0 64px}
    .rvx-sec .rvx-title{margin-bottom:30px}
    .rvx-sec .rvx-tab{padding:13px 22px;font-size:1rem}
    .rvx-sec .rvx-btn{display:block;text-align:center}
  }
  @media (prefers-reduced-motion:reduce){
    .rvx-sec *{transition:none!important;animation:none!important}
    .rvx-sec.rvx-js .rvx-rise{opacity:1;transform:none}
  }



    .hux-sec{
    --hux-navy:#0b1f5c;
    --hux-green:#0aa30a;
    --hux-line:#dcdde6;
    --hux-grey:#7b7d8f;
    display:block;position:relative;
    font-family:'Outfit',sans-serif;color:var(--hux-navy);
    background:#fff;padding:80px 0 100px;overflow:hidden;text-align:left;
  }
  .hux-sec .hux-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 20px}
 
  /* Heading */
  .hux-sec .hux-head{text-align:center;margin-bottom:56px}
  .hux-sec .hux-title{font-size:clamp(1.8rem,3.8vw,2.7rem);font-weight:700;line-height:1.25;max-width:640px;margin:0 auto 16px;padding:0;color:var(--hux-navy)}
  .hux-sec .hux-sub{font-size:1.05rem;color:var(--hux-grey);margin:0;padding:0}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .hux-sec.hux-js .hux-rise{opacity:0;transform:translateY(60px) scale(.97);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--hux-d,0ms)}
  .hux-sec.hux-js .hux-rise.hux-in{opacity:1;transform:none}
  /* Reveal ke baad hover/spotlight turant chale */
  .hux-sec.hux-js .hux-card.hux-in{transition:opacity .8s ease,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .35s ease;transition-delay:0ms}
 
  /* Grid */
  .hux-sec .hux-row{display:grid;gap:40px}
  .hux-sec .hux-row--top{grid-template-columns:repeat(2,1fr);margin-bottom:40px}
  .hux-sec .hux-row--bot{grid-template-columns:repeat(3,1fr)}
 
  /* Card */
  .hux-sec .hux-card{
    position:relative;display:flex;flex-direction:column;overflow:hidden;
    background:#fff;border:1px solid var(--hux-line);border-radius:24px;
    transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .35s ease;
  }
  .hux-sec .hux-card:hover{
    transform:translateY(-10px);
    border-color:var(--hux-green);
    box-shadow:0 26px 50px rgba(11,31,92,.13);
  }
  /* Mouse ke saath chalne wali halki green spotlight */
  .hux-sec .hux-card::before{
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;
    background:radial-gradient(380px circle at var(--hux-mx,50%) var(--hux-my,30%),rgba(10,163,10,.10),transparent 60%);
    transition:opacity .35s ease;
  }
  .hux-sec .hux-card:hover::before{opacity:1}
  .hux-sec .hux-card > *{position:relative;z-index:1}
 
  .hux-sec .hux-body{padding:40px 40px 0}
  .hux-sec .hux-name{font-size:clamp(1.35rem,2vw,1.65rem);font-weight:600;line-height:1.3;margin:0 0 14px;padding:0;color:var(--hux-navy)}
  .hux-sec .hux-g{color:var(--hux-green);position:relative;white-space:nowrap}
  .hux-sec .hux-g::after{ /* hover par green words ke neeche line */
    content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--hux-green);transition:width .45s ease
  }
  .hux-sec .hux-card:hover .hux-g::after{width:100%}
  .hux-sec .hux-desc{font-size:1.05rem;line-height:1.75;color:var(--hux-grey);margin:0 0 26px;padding:0}
  .hux-sec .hux-desc + .hux-desc{margin-top:-4px}
 
  /* Image area: aap apni images yahan lagao */
  .hux-sec .hux-pic{position:relative;overflow:hidden;margin-top:auto;}
  .hux-sec .hux-card--wide .hux-pic{aspect-ratio:633/392}
  .hux-sec .hux-card--tall .hux-body{padding-bottom:0}
  .hux-sec .hux-card--tall .hux-pic{margin:6px 20px 0;aspect-ratio:370/375;border-radius:14px 14px 0 0}
  .hux-sec .hux-pic img{
    display:block;
    transition:transform .8s cubic-bezier(.2,.8,.2,1);
  }
  .hux-sec .hux-card:hover .hux-pic img{transform:translate3d(0,var(--hux-py,0px),0) scale(1.13)}
 
  /* Tablet */
  @media (max-width:1199.98px){
    .hux-sec .hux-row{gap:28px}
    .hux-sec .hux-row--top{margin-bottom:28px}
    .hux-sec .hux-body{padding:32px 28px 0}
  }
  @media (max-width:991.98px){
    .hux-sec .hux-row--bot{grid-template-columns:repeat(2,1fr)}
    .hux-sec .hux-row--bot .hux-card:last-child{grid-column:1 / -1}
    .hux-sec .hux-row--bot .hux-card:last-child .hux-pic{aspect-ratio:16/9}
  }
  /* Mobile */
  @media (max-width:767.98px){
    .hux-sec{padding:56px 0 64px}
    .hux-sec .hux-head{margin-bottom:34px}
    .hux-sec .hux-row,.hux-sec .hux-row--top{grid-template-columns:1fr;gap:22px}
    .hux-sec .hux-row--top{margin-bottom:22px}
    .hux-sec .hux-row--bot{grid-template-columns:1fr}
    .hux-sec .hux-row--bot .hux-card:last-child .hux-pic{aspect-ratio:370/375}
    .hux-sec .hux-card{border-radius:20px}
    .hux-sec .hux-body{padding:28px 22px 0}
    .hux-sec .hux-card--tall .hux-pic{margin:6px 16px 0}
    .hux-sec .hux-card:hover{transform:translateY(-6px)}
  }
  @media (prefers-reduced-motion:reduce){
    .hux-sec *{transition:none!important;animation:none!important}
    .hux-sec.hux-js .hux-rise{opacity:1;transform:none}
    .hux-sec .hux-pic img{transform:none!important}
  }


  .box_d img{    position: absolute !important;
    right: 0px;}

     .box_dd img{margin:auto}


      .gix-sec{
    --gix-navy:#0b1a4a;
    --gix-blue:#0a39dd;
    --gix-grey:#6f7285;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:var(--gix-navy);
    background:#e4eafc;padding:96px 0 110px;
  }
  .gix-sec .gix-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 20px}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .gix-sec.gix-js .gix-rise{opacity:0;transform:translateY(55px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--gix-d,0ms)}
  .gix-sec.gix-js .gix-rise.gix-in{opacity:1;transform:none}
 
  /* Top: text + code */
  .gix-sec .gix-top{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:center;margin-bottom:46px}
  .gix-sec .gix-title{font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:700;line-height:1.25;margin:0 0 18px;padding:0;color:var(--gix-navy);max-width:460px}
  .gix-sec .gix-text{font-size:1.02rem;line-height:1.7;margin:0 0 40px;padding:0;color:var(--gix-navy);max-width:470px}
 
  .gix-sec .gix-btn{
    position:relative;overflow:hidden;display:inline-block;
    padding:15px 28px;border-radius:6px;background:var(--gix-blue);color:#fff;
    font:600 1.08rem/1.2 'Outfit',sans-serif;text-decoration:none;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .gix-sec .gix-btn::after{
    content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);
    transform:skewX(-20deg);transition:left .7s ease;
  }
  .gix-sec .gix-btn:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(10,57,221,.4);color:#fff}
  .gix-sec .gix-btn:hover::after{left:140%}
 
  /* Code card */
  .gix-sec .gix-card{
    position:relative;overflow:hidden;
    background:#2b2a29;border:2px solid #fff;border-radius:22px;
    box-shadow:0 22px 50px rgba(20,35,100,.22);
    transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;
  }
  .gix-sec .gix-card:hover{transform:translateY(-8px) rotateX(1.5deg);box-shadow:0 34px 70px rgba(20,35,100,.32)}
  .gix-sec .gix-card::before{ /* mouse ke saath chalti glow */
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease;
    background:radial-gradient(420px circle at var(--gix-mx,50%) var(--gix-my,30%),rgba(120,160,255,.14),transparent 60%);
  }
  .gix-sec .gix-card:hover::before{opacity:1}
 
  .gix-sec .gix-code{position:relative;overflow-x:auto;padding:28px 0 26px;min-height:424px;scrollbar-width:thin;scrollbar-color:#555 transparent}
  .gix-sec .gix-panel{display:none;margin:0;padding:0;background:none;border:0;
    font:500 14.5px/24px 'JetBrains Mono','Fira Code',Consolas,Menlo,monospace;color:#f2f2f2;counter-reset:gixln;min-width:max-content}
  .gix-sec .gix-panel.gix-on{display:block}
  .gix-sec .gix-panel code{display:block;font:inherit;color:inherit;background:none;padding:0}
  .gix-sec .gix-l{display:block;white-space:pre;min-height:24px;padding:0 30px 0 100px;position:relative}
  .gix-sec .gix-l::before{counter-increment:gixln;content:counter(gixln);position:absolute;left:30px;width:30px;text-align:right;color:#8d8d8d}
  .gix-sec .k{color:#ef6f6c}.gix-sec .t{color:#6cb4ff}.gix-sec .s{color:#8fc7ff;font-weight:700}.gix-sec .c{color:#c9b0ff}.gix-sec .m{color:#8d8d8d}
 
  /* Code lines ek ek karke aati hain */
  .gix-sec.gix-js .gix-l{opacity:0}
  .gix-sec.gix-js .gix-card.gix-go .gix-panel.gix-on .gix-l{animation:gix-ln .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms + 250ms)}
  @keyframes gix-ln{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
  /* End me blink hone wala cursor */
  .gix-sec .gix-panel.gix-on code::after{content:"";display:block;width:9px;height:18px;margin:3px 0 0 100px;background:#f2f2f2;animation:gix-blink 1s steps(1) infinite}
  @keyframes gix-blink{50%{opacity:0}}
 
  /* Language dropdown */
  .gix-sec .gix-sel{position:relative;display:inline-block;vertical-align:middle;margin:-2px 0}
  .gix-sec .gix-sel::after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-70%) rotate(45deg);pointer-events:none}
  .gix-sec .gix-pick{
    -webkit-appearance:none;appearance:none;margin:0;
    width:128px;padding:5px 30px 5px 12px;border:0;border-radius:8px;
    background:#6b6b6b;color:#fff;font:600 15px/1.3 'Outfit',sans-serif;cursor:pointer;
    transition:background .25s ease,transform .25s ease;
  }
  .gix-sec .gix-pick:hover{background:#7b7b7b;transform:scale(1.04)}
  .gix-sec .gix-pick:focus-visible{outline:2px solid #6cb4ff;outline-offset:2px}
  .gix-sec .gix-pick option{color:#111;background:#fff}
 
  /* Bottom cards */
  .gix-sec .gix-row{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;max-width:1320px;margin:0 auto}
  .gix-sec .gix-box{
    position:relative;overflow:hidden;border-radius:26px;border:1px solid transparent;
    padding:36px 36px 32px;cursor:default;
    transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .3s ease;
  }
  .gix-sec .gix-box--pink{background:#fff7fa}
  .gix-sec .gix-box--mint{background:#f3fbf8}
  .gix-sec .gix-box:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(20,35,100,.14)}
  .gix-sec .gix-box--pink:hover{border-color:#f2a9c6}
  .gix-sec .gix-box--mint:hover{border-color:#7fd6b6}
  .gix-sec .gix-box::after{ /* neeche se rang ki patti */
    content:"";position:absolute;left:0;bottom:0;height:4px;width:0;transition:width .5s ease;
  }
  .gix-sec .gix-box--pink::after{background:#f08cb4}
  .gix-sec .gix-box--mint::after{background:#4cc79c}
  .gix-sec .gix-box:hover::after{width:100%}
  .gix-sec .gix-name{font-size:clamp(1.3rem,2vw,1.6rem);font-weight:600;line-height:1.35;margin:0 0 12px;padding:0;color:#0a0a0a;max-width:560px}
  .gix-sec .gix-desc{font-size:1.02rem;line-height:1.6;margin:0;padding:0;color:#767676}
 
  /* Tablet / Mobile */
  @media (max-width:1199.98px){
    .gix-sec .gix-top{gap:36px}
    .gix-sec .gix-row{gap:28px}
  }
  @media (max-width:991.98px){
    .gix-sec{padding:64px 0 80px}
    .gix-sec .gix-top{grid-template-columns:1fr;gap:40px}
    .gix-sec .gix-title,.gix-sec .gix-text{max-width:none}
    .gix-sec .gix-text{margin-bottom:30px}
  }
  @media (max-width:767.98px){
    .gix-sec .gix-row{grid-template-columns:1fr;gap:20px}
    .gix-sec .gix-box{padding:28px 24px 26px;border-radius:22px}
    .gix-sec .gix-panel{font-size:12.5px;line-height:22px}
    .gix-sec .gix-l{min-height:22px;padding:0 20px 0 60px}
    .gix-sec .gix-l::before{left:12px;width:26px}
    .gix-sec .gix-panel.gix-on code::after{margin-left:60px}
    .gix-sec .gix-code{min-height:0;padding:20px 0}
    .gix-sec .gix-btn{display:block;text-align:center}
    .gix-sec .gix-card:hover{transform:none}
  }
  @media (prefers-reduced-motion:reduce){
    .gix-sec *{transition:none!important;animation:none!important}
    .gix-sec.gix-js .gix-rise,.gix-sec.gix-js .gix-l{opacity:1;transform:none}
  }


    .stp-sec{
    --stp-navy:#0b2559;
    --stp-blue:#2a5cff;
    --stp-ring:#dedede;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:var(--stp-navy);
    background:#fff;padding:80px 0 100px;
  }
  .stp-sec .stp-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 10px}
 
  /* Heading */
  .stp-sec .stp-title{
    text-align:center;font-weight:700;line-height:1.43;
    font-size:2rem;max-width:540px;margin:0 auto 44px;padding:0;color:var(--stp-navy);
  }
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .stp-sec.stp-js .stp-rise{opacity:0;transform:translateY(46px);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
  .stp-sec.stp-js .stp-rise.stp-in{opacity:1;transform:none}
 
  /* 3 circles ek line me, bilkul chhute hue (image jaisa) */
  .stp-sec .stp-row{display:grid;grid-template-columns:repeat(3,1fr)}
 
  .stp-sec .stp-step{
    position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;cursor:default;
  }
 
  /* Mouse glow (ring ke mask se alag, taaki poora circle chamke) */
  .stp-sec .stp-step::before{
    content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
    background:radial-gradient(260px circle at var(--stp-mx,50%) var(--stp-my,50%),rgba(42,92,255,.08),transparent 65%) no-repeat;
    opacity:0;transition:opacity .4s ease;
  }
  .stp-sec .stp-step:hover::before{opacity:1}
 
  /* Dashed circle: image jaisa. Dash = conic mask, gaps = arc mask (--stp-arc) */
  .stp-sec .stp-ring{
    position:absolute;inset:0;border-radius:50%;
    border:3px solid var(--stp-ring);
    -webkit-mask-image:repeating-conic-gradient(#000 0 2.1deg,transparent 2.1deg 3.75deg),var(--stp-arc);
    mask-image:repeating-conic-gradient(#000 0 2.1deg,transparent 2.1deg 3.75deg),var(--stp-arc);
    -webkit-mask-composite:source-in;mask-composite:intersect;
    transition:border-color .35s ease,scale .45s cubic-bezier(.3,1.4,.5,1);
  }
  .stp-sec .stp-step:hover .stp-ring{border-color:var(--stp-blue);scale:1.03}
 
  /* Blue dots (image ki exact jagah par) */
  .stp-sec .stp-dot{
    position:absolute;left:calc(50% + 50% * var(--stp-sin));top:calc(50% - 50% * var(--stp-cos));z-index:2;
    width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;
    background:var(--stp-blue);border:3px solid #7894ff;
    transition:transform .4s cubic-bezier(.3,1.6,.5,1),box-shadow .4s ease;
  }
  .stp-sec .stp-step:hover .stp-dot{transform:scale(1.3);box-shadow:0 0 0 8px rgba(42,92,255,.18)}
 
  /* Number + text */
  .stp-sec .stp-box{position:relative;z-index:1;text-align:center;padding-top:22px}
  .stp-sec .stp-num{
    display:block;font-family:'Montserrat',sans-serif;font-weight:800;line-height:1;
    font-size:min(6.3rem,7.3vw);color:var(--stp-blue);margin:0 0 16px;padding:0;
    transition:transform .45s cubic-bezier(.3,1.6,.5,1),letter-spacing .35s ease;
  }
  .stp-sec .stp-step:hover .stp-num{transform:scale(1.12) translateY(-4px)}
  .stp-sec .stp-text{
    font-size:min(17px,1.2vw);font-weight:700;line-height:1.5;margin:0;padding:0;color:#0a0a0a;
  }
 
  /* Number/text apne apne time par aate hain; circle bhi andar aata hai */
  .stp-sec.stp-js .stp-ring{opacity:0;transform:scale(.6) rotate(-40deg)}
  .stp-sec.stp-js .stp-step.stp-in .stp-ring{opacity:1;transform:none;
    transition:opacity .9s ease var(--stp-d,0ms),transform 1.1s cubic-bezier(.2,.8,.2,1) var(--stp-d,0ms),border-color .35s ease,scale .45s cubic-bezier(.3,1.4,.5,1)}
  .stp-sec.stp-js .stp-dot{opacity:0;transform:scale(0)}
  .stp-sec.stp-js .stp-step.stp-in .stp-dot{opacity:1;transform:none;
    transition:opacity .5s ease calc(var(--stp-d,0ms) + 700ms),transform .6s cubic-bezier(.3,1.8,.5,1) calc(var(--stp-d,0ms) + 700ms),box-shadow .4s ease}
  .stp-sec.stp-js .stp-step.stp-in:hover .stp-dot{transform:scale(1.3);transition:transform .4s cubic-bezier(.3,1.6,.5,1),box-shadow .4s ease}
  .stp-sec.stp-js .stp-num,.stp-sec.stp-js .stp-text{opacity:0;transform:translateY(24px) scale(.9);filter:blur(6px)}
  .stp-sec.stp-js .stp-step.stp-in .stp-num{opacity:1;transform:none;filter:none;
    transition:opacity .7s ease calc(var(--stp-d,0ms) + 350ms),transform .7s cubic-bezier(.3,1.5,.5,1) calc(var(--stp-d,0ms) + 350ms),filter .7s ease calc(var(--stp-d,0ms) + 350ms)}
  .stp-sec.stp-js .stp-step.stp-in .stp-text{opacity:1;transform:none;filter:none;
    transition:opacity .7s ease calc(var(--stp-d,0ms) + 550ms),transform .7s ease calc(var(--stp-d,0ms) + 550ms),filter .7s ease calc(var(--stp-d,0ms) + 550ms)}
  .stp-sec.stp-js .stp-step.stp-in:hover .stp-num{transform:scale(1.12) translateY(-4px);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
 
  /* Tablet / Mobile: circles ek ke neeche ek (fixed size) */
  @media (max-width:991.98px){
    .stp-sec{padding:60px 0 70px}
    .stp-sec .stp-title{font-size:1.7rem;margin-bottom:40px}
    .stp-sec .stp-row{grid-template-columns:1fr;justify-items:center}
    .stp-sec .stp-step{width:min(400px,88vw);margin-bottom:14px}
    /* Stack me poora dashed circle (gap sirf desktop chain me) */
    .stp-sec .stp-ring{-webkit-mask-image:repeating-conic-gradient(#000 0 2.1deg,transparent 2.1deg 3.75deg);mask-image:repeating-conic-gradient(#000 0 2.1deg,transparent 2.1deg 3.75deg)}
    .stp-sec .stp-step:last-child{margin-bottom:0}
    .stp-sec .stp-num{font-size:5rem}
    .stp-sec .stp-text{font-size:17px}
  }
  @media (max-width:479.98px){
    .stp-sec .stp-num{font-size:4rem}
    .stp-sec .stp-text{font-size:15px}
    .stp-sec .stp-dot{width:20px;height:20px;margin:-10px 0 0 -10px}
  }
  @media (prefers-reduced-motion:reduce){
    .stp-sec *{transition:none!important;animation:none!important}
    .stp-sec.stp-js .stp-rise,.stp-sec.stp-js .stp-num,.stp-sec.stp-js .stp-text,.stp-sec.stp-js .stp-dot,.stp-sec.stp-js .stp-ring{opacity:1;transform:none;filter:none}
  }


  .sgmt-section .container{max-width:1344px}
 
.sgmt-section{font-family:'Outfit',sans-serif;color:#2c2f45;position:relative;padding:90px 0 100px;background:#fff;overflow:hidden}
.sgmt-title{margin:0;text-align:center;font-size:clamp(25px,3.1vw,35px);font-weight:600;color:#0d1b5e}
.sgmt-title .sgmt-w{display:inline-block;opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .6s,transform .7s var(--sgmt-ease),filter .6s}
.sgmt-title.sgmt-in .sgmt-w{opacity:1;transform:none;filter:none}
.sgmt-grid{--bs-gutter-x:30px;--bs-gutter-y:30px;margin-top:10px}
 
/* ---- card ---- */
.sgmt-rv{opacity:0;transform:translateY(60px) scale(.95);transition:opacity .8s var(--sgmt-d,0ms),transform .9s var(--sgmt-ease) var(--sgmt-d,0ms)}
.sgmt-rv.sgmt-in{opacity:1;transform:none}
.sgmt-slot{height:100%;will-change:translate}
.sgmt-card{position:relative;height:100%;min-height:290px;padding:38px 33px 30px;border-radius:24px;border:1px solid var(--sgmt-line);background:var(--sgmt-bg);overflow:hidden;
  transition:transform .5s var(--sgmt-ease),box-shadow .5s,border-color .5s,background .5s}
.sgmt-c1{--sgmt-bg:#f8faff;--sgmt-line:#e4eafa;--sgmt-glow:rgba(38,86,246,.14);--sgmt-acc:#2656F6}
.sgmt-c2{--sgmt-bg:#fff8fa;--sgmt-line:#f6e0e8;--sgmt-glow:rgba(235,70,130,.14);--sgmt-acc:#e5487f}
.sgmt-c3{--sgmt-bg:#f6fcf9;--sgmt-line:#d9f0e7;--sgmt-glow:rgba(30,170,120,.15);--sgmt-acc:#1faa78}
.sgmt-c4{--sgmt-bg:#fffcf3;--sgmt-line:#f6ecce;--sgmt-glow:rgba(235,170,20,.17);--sgmt-acc:#e5a413}
.sgmt-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--sgmt-acc);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--sgmt-ease)}
.sgmt-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(320px circle at var(--sgmt-mx,50%) var(--sgmt-my,30%),var(--sgmt-glow),transparent 65%)}
.sgmt-card:hover{transform:translateY(-10px);background:#fff;border-color:var(--sgmt-acc);box-shadow:0 30px 44px -26px var(--sgmt-acc)}
.sgmt-card:hover::before{transform:scaleX(1)}.sgmt-card:hover::after{opacity:1}
.sgmt-ico{position:relative;width:52px;height:52px;margin-bottom:34px;color:var(--sgmt-navy);transition:transform .5s var(--sgmt-ease),color .4s}
.sgmt-ico svg{display:block;width:100%;height:100%;overflow:visible}
.sgmt-card:hover .sgmt-ico{color:var(--sgmt-acc)}
.sgmt-name{margin:0 0 12px;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.2px;color:var(--sgmt-navy);transition:transform .45s var(--sgmt-ease)}
.sgmt-card:hover .sgmt-name{transform:translateX(5px)}
.sgmt-text{margin:0;font-size:16px;line-height:1.55;color:#3d4056}
 
/* ---- icon micro-animations (play when the card is revealed and again on hover) ---- */
.sgmt-ico{opacity:0;transform:scale(.4) rotate(-20deg);transition:opacity .6s .35s,transform .8s var(--sgmt-ease) .35s,color .4s}
.sgmt-in .sgmt-ico,.sgmt-ico.sgmt-in{opacity:1;transform:none}
.sgmt-card:hover .sgmt-ico{transform:scale(1.12)}
/* 1: ringing phone */
.sgmt-ray{stroke:currentColor;stroke-width:2.4;stroke-linecap:round;fill:none}
.sgmt-card:hover .sgmt-ray{animation:sgmt-ray .9s ease-in-out infinite}.sgmt-ray:nth-child(2){animation-delay:.12s!important}.sgmt-ray:nth-child(3){animation-delay:.24s!important}.sgmt-ray:nth-child(4){animation-delay:.36s!important}.sgmt-ray:nth-child(5){animation-delay:.48s!important}
@keyframes sgmt-ray{0%,100%{opacity:1}50%{opacity:.15;transform:translateY(-3px)}}
.sgmt-hand-set{transform-origin:30px 44px}.sgmt-card:hover .sgmt-hand-set{animation:sgmt-ring .5s ease-in-out infinite}
@keyframes sgmt-ring{25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}
/* 2: verified seal */
.sgmt-seal{transform-origin:30px 30px;transition:transform 1s var(--sgmt-ease)}.sgmt-card:hover .sgmt-seal{transform:rotate(60deg)}
.sgmt-check{stroke:#fff;stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:40;stroke-dashoffset:0}
.sgmt-card:hover .sgmt-check{animation:sgmt-draw .8s var(--sgmt-ease)}
@keyframes sgmt-draw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
/* 3: template grid */
.sgmt-sq{transition:transform .5s var(--sgmt-ease);transform-box:fill-box;transform-origin:center}
.sgmt-card:hover .sgmt-sq:nth-child(1){transform:translate(-3px,-3px)}.sgmt-card:hover .sgmt-sq:nth-child(2){transform:translate(3px,-3px) scale(1.1)}
.sgmt-card:hover .sgmt-sq:nth-child(3){transform:translate(-3px,3px) scale(1.1)}.sgmt-card:hover .sgmt-sq:nth-child(4){transform:translate(3px,3px)}
/* 4: rich interactions */
.sgmt-finger{transform-origin:30px 40px}.sgmt-card:hover .sgmt-finger{animation:sgmt-tap .9s ease-in-out infinite}
@keyframes sgmt-tap{50%{transform:translateY(4px) scale(.96)}}
.sgmt-node{transform-box:fill-box;transform-origin:center}.sgmt-card:hover .sgmt-node{animation:sgmt-node 1.2s ease-in-out infinite}.sgmt-node:nth-child(3){animation-delay:.2s!important}.sgmt-node:nth-child(5){animation-delay:.4s!important}
@keyframes sgmt-node{50%{transform:scale(1.5)}}
 
@media(max-width:575px){.sgmt-section{padding:60px 0 70px}.sgmt-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.sgmt-section *,.sgmt-section *::before,.sgmt-section *::after{animation:none!important;transition-duration:.01ms!important}
  .sgmt-rv,.sgmt-title .sgmt-w,.sgmt-ico{opacity:1;transform:none;filter:none}}

  
  .wabot-case{position:relative;overflow:hidden;background:#1b2229;color:#fff;padding:7rem 0}
  .wabot-case .glow{position:absolute;top:-160px;left:-160px;width:520px;height:520px;border-radius:50%;
    background:radial-gradient(circle,rgba(150,130,40,.55),rgba(150,130,40,0) 68%);pointer-events:none}
 
  /* text */
  .wabot-case .label{color:#aab0b6;font-weight:600;font-size:1.05rem;margin-bottom:1rem}
  .wabot-case h2{font-weight:600;font-size:clamp(1.9rem,3vw,2.35rem);line-height:1.3;max-width:440px;margin-bottom:1.1rem}
  .wabot-case h2 .w{display:inline-block;transition:color .3s, transform .3s}
  .wabot-case h2 .w:hover{color:#25d366;transform:translateY(-4px)}
  .wabot-case .desc{color:#a3a9af;line-height:1.75;max-width:510px;margin:0}
 
  /* image */
  .wabot-case .visual-img{display:block;width:100%;max-width:670px;height:auto;margin-left:auto;
    transition:transform .5s cubic-bezier(.2,.8,.2,1), filter .5s}
  .wabot-case .visual-img:hover{transform:translateY(-8px) scale(1.02);filter:drop-shadow(0 22px 36px rgba(37,211,102,.25))}
 
  /* scroll reveal */
  .wabot-case .rv{opacity:0;transform:translateY(40px);transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1)}
  .wabot-case .rv.in{opacity:1;transform:none}
  .wabot-case .rv.d1{transition-delay:.12s}.wabot-case .rv.d2{transition-delay:.24s}
  .wabot-case .rv.from-right{transform:translateX(80px)}
  .wabot-case .rv.from-right.in{transform:none}
 
  @media (max-width:991.98px){.wabot-case{padding:4rem 0}.wabot-case .visual-img{margin:2rem auto 0}}
  @media (prefers-reduced-motion:reduce){
    .wabot-case *{transition:none!important}
    .wabot-case .rv{opacity:1!important;transform:none!important}
  }



  
  .wabi-ind{background:#F8F7F6;color:#0d0b2e;padding:100px 0 100px;overflow:hidden}
 
  /* design is 1318 x 560; scaled to fit on desktop widths */
  .wabi-ind .fit{position:relative;margin:0 auto}
  .wabi-ind .stage{position:absolute;left:0;top:0;width:1318px;height:560px;transform-origin:0 0}
 
  /* ---------- tiles on the arc ---------- */
  .wabi-ind .tp{position:absolute;width:100px;height:100px;will-change:transform}
  .wabi-ind .tile{position:relative;width:100px;height:100px;border:1px solid transparent;border-radius:14px;background:#fff;padding:0;cursor:pointer;
    display:grid;place-items:center;box-shadow:0 2px 8px rgba(20,20,60,.08);
    opacity:0;transform:scale(.3) translateY(40px);
    transition:opacity .6s ease calc(var(--i)*.07s), transform .7s cubic-bezier(.2,.9,.3,1.3) calc(var(--i)*.07s),
               box-shadow .3s, background .3s, border-color .3s}
  .wabi-ind.in .tile{opacity:1;transform:none}
  .wabi-ind.in .tile:hover{transform:translateY(-10px) scale(1.06);box-shadow:0 16px 28px rgba(36,87,255,.2);transition-delay:0s}
  .wabi-ind .tile img{width:56px;height:56px;object-fit:contain;transition:transform .4s cubic-bezier(.2,.9,.3,1.4);animation:wabi-float 4s ease-in-out infinite;animation-delay:calc(var(--i)*.35s)}
  .wabi-ind .tile:hover img{animation:none;transform:rotate(-10deg) scale(1.15)}
  .wabi-ind .tile.active{background:#e6e9fb;border-color:#2457ff;box-shadow:0 10px 24px rgba(36,87,255,.22)}
  .wabi-ind .tile:focus-visible{outline:3px solid #2457ff;outline-offset:3px}
  @keyframes wabi-float{50%{transform:translateY(-5px)}}
 
  .wabi-ind .tile .lbl{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-6px);white-space:nowrap;font-weight:600;font-size:.95rem;
    opacity:0;transition:opacity .3s, transform .3s;pointer-events:none}
  .wabi-ind .tile.active .lbl{opacity:1;transform:translate(-50%,0)}
 
  /* ---------- centre details ---------- */
  .wabi-ind .info{position:absolute;left:356px;top:233px;width:600px;text-align:center}
  .wabi-ind .pill{display:inline-block;padding:.5rem 1.5rem;border-radius:50px;background:#e3e8fb;border:1px solid #c3cdf5;color:#2457ff;font-weight:500;font-size:1.05rem;
    transition:transform .3s, box-shadow .3s}
  .wabi-ind .pill:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 18px rgba(36,87,255,.2)}
  .wabi-ind .info h3{font-weight:700;font-size:1.9rem;margin:1.6rem 0 .5rem}
  .wabi-ind .info p{font-weight:500;font-size:.98rem;line-height:1.5;max-width:560px;margin:0 auto 1.4rem;min-height:3em}
  .wabi-ind .go{display:inline-block;background:#2457ff;color:#fff;font-weight:600;font-size:1.05rem;padding:.7rem 1.4rem;border-radius:4px;text-decoration:none;
    transition:transform .3s, box-shadow .3s, background .3s}
  .wabi-ind .go:hover{background:#1744d6;color:#fff;transform:translateY(-4px);box-shadow:0 12px 24px rgba(36,87,255,.35)}
  .wabi-ind .swap{animation:wabi-swap .5s cubic-bezier(.2,.8,.2,1) both}
  .wabi-ind .swap.s2{animation-delay:.08s}.wabi-ind .swap.s3{animation-delay:.16s}
  @keyframes wabi-swap{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  .wabi-ind .info{opacity:0;transform:translateY(24px);transition:opacity .8s ease .5s, transform .8s ease .5s}
  .wabi-ind.in .info{opacity:1;transform:none}
 
  /* ---------- small screens: simple grid instead of an arc ---------- */
  @media (max-width:991.98px){
    .wabi-ind .fit{height:auto!important;width:auto!important}
    .wabi-ind .stage{position:static;width:auto;height:auto;transform:none!important;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 1rem}
    .wabi-ind .tp{position:static;width:72px;height:72px;translate:none!important}
    .wabi-ind .tile{width:72px;height:72px}
    .wabi-ind .tile img{width:40px;height:40px}
    .wabi-ind .tile .lbl{display:none}
    .wabi-ind .info{position:static;order:99;flex-basis:100%;width:auto;margin-top:2rem}
  }
  @media (prefers-reduced-motion:reduce){
    .wabi-ind *{animation:none!important;transition:none!important}
    .wabi-ind .tile,.wabi-ind .info{opacity:1!important;transform:none!important}
  }


  
.sgtr-section{position:relative;min-height:557px;margin:0 auto;border-radius:40px;background:var(--sgtr-bg);color:#fff;font-family:'Outfit',sans-serif;overflow:hidden;isolation:isolate}
.sgtr-section .container{position:relative;max-width:1344px;height:100%}
.sgtr-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(480px circle at var(--sgtr-mx,30%) var(--sgtr-my,40%),rgba(38,86,246,.17),transparent 65%)}
.sgtr-section:hover .sgtr-glow{opacity:1}
 
/* ---- reveal ---- */
.sgtr-rv{opacity:0;transform:translateY(34px);transition:opacity .8s var(--sgtr-d,0ms),transform .8s var(--sgtr-ease) var(--sgtr-d,0ms)}
.sgtr-rv.sgtr-in{opacity:1;transform:none}
 
/* ---- left copy ---- */
.sgtr-copy{padding:98px 0 60px 50px;max-width:560px}
.sgtr-logo{display:block;height:44px;width:auto;mix-blend-mode:lighten}
.sgtr-title{margin:44px 0 0;max-width:400px;font-size:clamp(28px,3vw,36px);line-height:1.22;font-weight:600;letter-spacing:-.4px}
.sgtr-title .sgtr-w{display:inline-block;opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .6s,transform .7s var(--sgtr-ease),filter .6s}
.sgtr-title.sgtr-in .sgtr-w{opacity:1;transform:none;filter:none}
.sgtr-text{margin:20px 0 0;font-size:clamp(15px,1.3vw,17px);line-height:1.5;font-weight:400;color:#b4b9c3}
.sgtr-btn{position:relative;display:inline-flex;align-items:center;height:51px;margin-top:48px;padding:0 26px;border-radius:4px;background:var(--sgtr-blue);color:#fff;font-size:20px;font-weight:600;text-decoration:none;overflow:hidden;
  transition:transform .35s var(--sgtr-ease),box-shadow .35s}
.sgtr-btn::before{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg)}
.sgtr-btn:hover{color:#fff;transform:translateY(-5px);box-shadow:0 18px 30px -10px rgba(38,86,246,.8)}.sgtr-btn:hover::before{left:130%;transition:left .8s ease}
 
/* ---- right: two vertical sliders (left column runs DOWN, right column runs UP) ---- */
.sgtr-visual{position:absolute;top:0;bottom:0;right:-70px;width:min(640px,52%);display:flex;gap:20px;will-change:translate}
.sgtr-col{position:relative;flex:1;height:100%;overflow:hidden}
.sgtr-track{display:flex;flex-direction:column;will-change:transform}
.sgtr-card{display:block;flex:none;margin-bottom:20px;border:1px solid #3a424d;border-radius:24px;overflow:hidden;background:#222a32;
  transition:transform .5s var(--sgtr-ease),border-color .4s,box-shadow .4s}
.sgtr-card img{display:block;width:100%;height:auto;transition:transform .9s var(--sgtr-ease),filter .5s}
.sgtr-card:hover{transform:scale(1.035);border-color:#5b83ff;box-shadow:0 0 0 1px #5b83ff,0 20px 40px -14px rgba(38,86,246,.55);position:relative;z-index:2}
.sgtr-card:hover img{transform:scale(1.08);filter:brightness(1.08)}
.sgtr-col::before,.sgtr-col::after{content:"";position:absolute;left:0;right:0;height:46px;z-index:3;pointer-events:none}
.sgtr-col::before{top:0;background:linear-gradient(var(--sgtr-bg),transparent)}.sgtr-col::after{bottom:0;background:linear-gradient(transparent,var(--sgtr-bg))}
.sgtr-col[data-sgtr-dir="up"]{margin-top:0}
.sgtr-visual.sgtr-rv{transform:translateX(70px)}.sgtr-visual.sgtr-rv.sgtr-in{transform:none}
 
@media(max-width:991px){
  .sgtr-section{border-radius:28px}.sgtr-copy{padding:60px 0 30px;max-width:none}.sgtr-btn{margin-top:34px}
  .sgtr-visual{position:relative;right:auto;width:100%;height:420px;margin:10px 0 0}
  .sgtr-section .container{height:auto}
}
@media(max-width:575px){.sgtr-visual{height:340px;gap:12px}.sgtr-card{margin-bottom:12px;border-radius:18px}.sgtr-section .container{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.sgtr-section *,.sgtr-section *::before,.sgtr-section *::after{animation:none!important;transition-duration:.01ms!important}
  .sgtr-rv,.sgtr-title .sgtr-w{opacity:1;transform:none;filter:none}}

  .sgtr-section{margin-bottom:100px}


  .acd-sec{
    --acd-ink:#0a0a0a;
    --acd-blue:#0a39dd;
    --acd-line:#e4e4ea;
    --acd-w:clamp(70px,9.1vw,120px);          /* band panel ki chaudai */
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:var(--acd-ink);
    background:#fff;padding:70px 0 90px;
  }
  .acd-sec .acd-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 20px}
 
  .acd-sec .acd-title{
    text-align:center;font-weight:700;line-height:1.4;
    font-size:clamp(1.7rem,3.4vw,2.3rem);max-width:520px;margin:0 auto 46px;padding:0;color:var(--acd-ink);
  }
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .acd-sec.acd-js .acd-rise{opacity:0;transform:translateY(46px)}
  .acd-sec.acd-js .acd-rise.acd-in{opacity:1;transform:none}
  .acd-sec .acd-title.acd-rise{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
 
  /* Bada frame */
  .acd-sec .acd-box{
    display:flex;align-items:stretch;height:625px;
    border:1px solid var(--acd-line);border-radius:30px;overflow:hidden;background:#fff;
  }
 
  /* Ek panel */
  .acd-sec .acd-item{
    position:relative;overflow:hidden;cursor:pointer;
    flex-grow:0;flex-shrink:0;flex-basis:var(--acd-w);min-width:0;
    border-left:1px solid var(--acd-line);
    transition:flex-grow .65s cubic-bezier(.2,.8,.2,1),background .3s ease,
               opacity .7s ease var(--acd-d,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--acd-d,0ms);
  }
  .acd-sec .acd-item:first-child{border-left:0}
  .acd-sec .acd-item.acd-on{flex-grow:1;cursor:default}
  .acd-sec .acd-item:not(.acd-on):hover{background:#f6f8ff}
 
  /* + / - button */
  .acd-sec .acd-tog{
    -webkit-appearance:none;appearance:none;margin:0;padding:0;cursor:pointer;
    position:absolute;top:32px;left:calc(50% - 25px);z-index:3;
    width:50px;height:50px;border-radius:50%;
    border:1px solid #e6e6ea;background:#fafafa;color:#666;
    transition:left .65s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease,border-color .3s ease,transform .4s cubic-bezier(.3,1.6,.5,1),box-shadow .3s ease;
  }
  .acd-sec .acd-tog::before,.acd-sec .acd-tog::after{
    content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:2px;
    width:18px;height:2.5px;transform:translate(-50%,-50%);transition:transform .4s ease;
  }
  .acd-sec .acd-tog::after{transform:translate(-50%,-50%) rotate(90deg)}
  .acd-sec .acd-item:not(.acd-on):hover .acd-tog{background:#eaf0ff;color:var(--acd-blue);border-color:#c8d5ff;transform:scale(1.1) rotate(90deg)}
  .acd-sec .acd-tog:focus-visible{outline:2px solid var(--acd-blue);outline-offset:3px}
  /* Active: blue circle me minus */
  .acd-sec .acd-item.acd-on .acd-tog{left:calc(100% - 90px);background:var(--acd-blue);border-color:var(--acd-blue);color:#fff;box-shadow:0 8px 20px rgba(10,57,221,.35)}
  .acd-sec .acd-item.acd-on .acd-tog::after{transform:translate(-50%,-50%) rotate(0deg)}
 
  /* Band panel ka vertical title (neeche se upar padha jata hai) */
  .acd-sec .acd-vt{
    position:absolute;left:50%;bottom:40px;
    writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);
    font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:600;white-space:nowrap;color:var(--acd-ink);
    transition:opacity .3s ease,color .3s ease,bottom .35s cubic-bezier(.3,1.4,.5,1);
  }
  .acd-sec .acd-item:not(.acd-on):hover .acd-vt{color:var(--acd-blue);bottom:48px}
  .acd-sec .acd-item.acd-on .acd-vt{opacity:0;pointer-events:none}
 
  /* Khula hua panel ka content */
  .acd-sec .acd-main{
    position:absolute;top:0;left:0;bottom:0;width:max(100%,560px);
    padding:32px 40px 32px;display:flex;flex-direction:column;
    opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s .25s;
  }
  .acd-sec .acd-item.acd-on .acd-main{opacity:1;visibility:visible;transition:opacity .45s ease .25s,visibility 0s}
  .acd-sec .acd-ht{font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:700;line-height:50px;margin:0 70px 20px 0;padding:0;color:var(--acd-ink)}
  .acd-sec .acd-desc{font-size:1rem;line-height:1.6;color:#777;margin:0 0 30px;padding:0;max-width:540px}
 
  /* Image area: aap apni image yahan lagao */
  .acd-sec .acd-pic{
    position:relative;flex:1;min-height:200px;overflow:hidden;border-radius:22px;
    background:linear-gradient(135deg,#dde2ff,#d2d9fb);
  }
  .acd-sec .acd-pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
  .acd-sec .acd-pic:hover img{transform:scale(1.05)}
  .acd-sec .acd-pic::after{ /* mouse ke saath chalti glow */
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease;
    background:radial-gradient(300px circle at var(--acd-mx,50%) var(--acd-my,50%),rgba(255,255,255,.35),transparent 60%);
  }
  .acd-sec .acd-pic:hover::after{opacity:1}
 
  /* Panel khulte hi text aur image andar aate hain */
  .acd-sec.acd-js .acd-item.acd-on .acd-ht,
  .acd-sec.acd-js .acd-item.acd-on .acd-desc{animation:acd-up .6s cubic-bezier(.2,.8,.2,1) .3s both}
  .acd-sec.acd-js .acd-item.acd-on .acd-desc{animation-delay:.38s}
  .acd-sec.acd-js .acd-item.acd-on .acd-pic{animation:acd-pop .8s cubic-bezier(.2,.8,.2,1) .42s both}
  @keyframes acd-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  @keyframes acd-pop{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}
 
  /* Tablet / Mobile: upar-neeche accordion */
  @media (max-width:991.98px){
    .acd-sec{padding:56px 0 70px}
    .acd-sec .acd-title{margin-bottom:30px}
    .acd-sec .acd-box{flex-direction:column;height:auto;border-radius:24px}
    .acd-sec .acd-item{flex:none;border-left:0;border-top:1px solid var(--acd-line);transition:background .3s ease,opacity .7s ease var(--acd-d,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--acd-d,0ms)}
    .acd-sec .acd-item:first-child{border-top:0}
    .acd-sec .acd-tog{top:16px;left:auto;right:20px;width:46px;height:46px;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .4s cubic-bezier(.3,1.6,.5,1)}
    .acd-sec .acd-item.acd-on .acd-tog{left:auto}
    .acd-sec .acd-vt{
      position:static;display:block;writing-mode:horizontal-tb;transform:none;
      padding:27px 84px 27px 24px;font-size:1.15rem;white-space:normal;
    }
    .acd-sec .acd-item:not(.acd-on):hover .acd-vt{bottom:auto}
    .acd-sec .acd-item.acd-on .acd-vt{display:none}
    .acd-sec .acd-main{position:static;width:auto;display:none;visibility:visible;opacity:1;padding:20px 24px 24px;transition:none}
    .acd-sec .acd-item.acd-on .acd-main{display:flex;animation:acd-up .5s ease both}
    .acd-sec .acd-ht{line-height:1.3;margin:6px 66px 14px 0}
    .acd-sec .acd-pic{flex:none;aspect-ratio:16/10;min-height:0}
  }
  @media (max-width:575.98px){
    .acd-sec .acd-main{padding:16px 18px 20px}
    .acd-sec .acd-vt{padding-left:18px}
    .acd-sec .acd-tog{right:16px}
    .acd-sec .acd-pic{border-radius:16px}
  }
  @media (prefers-reduced-motion:reduce){
    .acd-sec *{transition:none!important;animation:none!important}
    .acd-sec.acd-js .acd-rise{opacity:1;transform:none}
  }

  
  .mrx-sec{
    --mrx-bg:#04123f;
    --mrx-blue:#0a39dd;
    --mrx-navy:#2f3d78;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:#fff;
    background:var(--mrx-bg);padding:100px 0 110px;
  }
  .mrx-sec .mrx-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 20px}
  .mrx-sec .mrx-grid{display:grid;grid-template-columns:650px 1fr;gap:54px;align-items:center}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .mrx-sec.mrx-js .mrx-rise{opacity:0;transform:translateY(50px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--mrx-d,0ms)}
  .mrx-sec.mrx-js .mrx-rise.mrx-in{opacity:1;transform:none}
  .mrx-sec.mrx-js .mrx-from-l{transform:translateX(-60px)}
  .mrx-sec.mrx-js .mrx-from-b{transform:translateY(70px) scale(.94)}
 
  /* ============ LEFT: photo + overlay card ============ */
  .mrx-sec .mrx-visual{
    position:relative;width:100%;max-width:650px;aspect-ratio:650/694;
    container-type:inline-size;
  }
  .mrx-sec .mrx-photo{
    position:absolute;left:0;top:0;width:80.5%;height:85%;overflow:hidden;border-radius:30px;
    background:linear-gradient(135deg,#27407f,#16275c);
    box-shadow:0 26px 60px rgba(0,0,0,.35);
  }
  .mrx-sec .mrx-photo img{display:block;width:100%;height:100%;object-fit:cover;
  
    transition:transform .6s cubic-bezier(.2,.8,.2,1)}
  .mrx-sec .mrx-photo:hover img{transform:translate3d(var(--mrx-px,0px),var(--mrx-py,0px),0) scale(1.12)}
 
  .mrx-sec .mrx-float{position:absolute;left:55.8%;top:49.3%;width:43.2%;height:50.7%;
    transform:translate3d(var(--mrx-cx,0px),var(--mrx-cy,0px),0);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .mrx-sec .mrx-card{
    position:relative;width:100%;height:100%;overflow:hidden;border-radius:26px;
    background:linear-gradient(180deg,#2c55f7 0%,#2a3b9c 34%,#1f2234 62%,#1c1c1e 100%);
    padding:0 9% 9%;display:flex;flex-direction:column;justify-content:flex-end;
    box-shadow:0 24px 50px rgba(0,0,0,.45);
    animation:mrx-bob 6s ease-in-out infinite;
    transition:box-shadow .4s ease;
  }
  .mrx-sec .mrx-float:hover .mrx-card{box-shadow:0 34px 70px rgba(42,85,247,.45)}
  @keyframes mrx-bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
 
  /* Card ke upar halke bars */
  .mrx-sec .mrx-bars{position:absolute;left:8%;right:8%;top:7%;height:28%;display:flex;align-items:flex-end;gap:6.5%}
  .mrx-sec .mrx-bars i{flex:1;height:var(--h);background:rgba(255,255,255,.14);border-radius:3px 3px 0 0;
    transform-origin:bottom;transition:transform .5s cubic-bezier(.3,1.5,.5,1),background .3s ease}
  .mrx-sec.mrx-js .mrx-bars i{transform:scaleY(0)}
  .mrx-sec.mrx-js .mrx-float.mrx-in .mrx-bars i{transform:scaleY(1);transition:transform .8s cubic-bezier(.3,1.4,.5,1) calc(.5s + var(--i) * 90ms),background .3s ease}
  .mrx-sec .mrx-float:hover .mrx-bars i{background:rgba(255,255,255,.26)}
 
  .mrx-sec .mrx-c-title{font-size:20px;font-size:clamp(15px,3.7cqw,24px);font-weight:600;margin:0 0 .45em;padding:0;color:#fff;position:relative}
  .mrx-sec .mrx-c-text{font-size:15px;font-size:clamp(12px,2.45cqw,16px);line-height:1.55;margin:0 0 1.9em;padding:0;color:#eef1ff;position:relative}
  .mrx-sec .mrx-c-line{height:1px;background:rgba(255,255,255,.85);margin:0 0 1.1em;position:relative;transform-origin:left;transition:transform .8s ease}
  .mrx-sec.mrx-js .mrx-c-line{transform:scaleX(0)}
  .mrx-sec.mrx-js .mrx-float.mrx-in .mrx-c-line{transform:none;transition-delay:.9s}
  .mrx-sec .mrx-c-price{font-size:30px;font-size:clamp(18px,4.9cqw,32px);font-weight:600;line-height:1;margin:0;padding:0;color:#fff;position:relative;white-space:nowrap}
  .mrx-sec .mrx-c-price small{font-size:.5em;font-weight:400;color:#e5e8f8}
 
  /* Photo ke neeche patli lines */
  .mrx-sec .mrx-ln{position:absolute;left:0;top:92.2%;height:1px;width:35.2%;background:#fff;transform-origin:left;transition:transform .9s ease .7s}
  .mrx-sec .mrx-ln--b{left:6.2%;width:23.5%;top:93%;background:rgba(255,255,255,.4)}
  .mrx-sec.mrx-js .mrx-ln{transform:scaleX(0)}
  .mrx-sec.mrx-js .mrx-visual.mrx-in .mrx-ln{transform:none}
 
  /* ============ RIGHT: content ============ */
  .mrx-sec .mrx-title{font-size:clamp(1.8rem,3vw,2.3rem);font-weight:700;line-height:1.25;margin:0 0 18px;padding:0;color:#fff}
  .mrx-sec .mrx-p{font-size:1.02rem;line-height:1.7;color:#e3e8ff;margin:0 0 24px;padding:0;max-width:600px}
  .mrx-sec .mrx-p + .mrx-p{margin-bottom:46px}
 
  .mrx-sec .mrx-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:30px}
  .mrx-sec .mrx-box{
    position:relative;overflow:hidden;background:#fff;color:#111;
    border:3px solid var(--mrx-navy);border-radius:24px;padding:30px 28px 32px;cursor:default;
    transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .3s ease;
  }
  .mrx-sec.mrx-js .mrx-box.mrx-in{transition:opacity .8s ease,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .3s ease;transition-delay:0ms}
  .mrx-sec .mrx-box:hover{transform:translateY(-10px);border-color:var(--mrx-blue);box-shadow:0 24px 46px rgba(0,0,0,.35)}
  .mrx-sec .mrx-box::before{ /* mouse glow */
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
    background:radial-gradient(260px circle at var(--mrx-mx,50%) var(--mrx-my,30%),rgba(10,57,221,.09),transparent 60%);
  }
  .mrx-sec .mrx-box:hover::before{opacity:1}
  .mrx-sec .mrx-ico{display:block;width:62px;height:62px;margin-bottom:26px;position:relative;
    transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
  .mrx-sec .mrx-ico svg{width:100%;height:100%;fill:none;stroke:var(--mrx-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mrx-sec .mrx-box:hover .mrx-ico{transform:scale(1.15) rotate(-8deg)}
  .mrx-sec .mrx-b-title{font-size:1.4rem;font-weight:600;margin:0 0 12px;padding:0;color:#141414;position:relative}
  .mrx-sec .mrx-b-text{font-size:1rem;line-height:1.65;color:#777;margin:0;padding:0;position:relative}
 
  .mrx-sec .mrx-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
    border-top:1px solid rgba(255,255,255,.14);padding-top:30px}
  .mrx-sec .mrx-btn{
    position:relative;overflow:hidden;display:inline-block;
    padding:15px 32px;border-radius:5px;background:var(--mrx-blue);color:#fff;
    font:600 1.08rem/1.2 'Outfit',sans-serif;text-decoration:none;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .mrx-sec .mrx-btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .7s ease}
  .mrx-sec .mrx-btn:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(10,57,221,.55);color:#fff}
  .mrx-sec .mrx-btn:hover::after{left:140%}
  .mrx-sec .mrx-note{font-size:1.02rem;font-weight:500;margin:0;padding:0;color:#fff}
  .mrx-sec .mrx-note a{color:#fff;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1.5px no-repeat;
    padding-bottom:1px;transition:background-size .35s ease,color .3s ease}
  .mrx-sec .mrx-note a:hover{background-size:0 1.5px;color:#8fb0ff}
 
  /* Tablet / Mobile */
  @media (max-width:1199.98px){
    .mrx-sec .mrx-grid{grid-template-columns:1fr 1fr;gap:40px}
    .mrx-sec .mrx-cards{gap:20px}
    .mrx-sec .mrx-box{padding:26px 22px 28px}
  }
  @media (max-width:991.98px){
    .mrx-sec{padding:64px 0 80px}
    .mrx-sec .mrx-grid{grid-template-columns:1fr;gap:56px}
    .mrx-sec .mrx-visual{margin:0 auto}
    .mrx-sec .mrx-p{max-width:none}
  }
  @media (max-width:575.98px){
    .mrx-sec .mrx-cards{grid-template-columns:1fr}
    .mrx-sec .mrx-foot{flex-direction:column;align-items:flex-start}
    .mrx-sec .mrx-btn{display:block;text-align:center;width:100%}
    .mrx-sec .mrx-photo{border-radius:22px}
    .mrx-sec .mrx-card{border-radius:20px}
  }
  @media (prefers-reduced-motion:reduce){
    .mrx-sec *{transition:none!important;animation:none!important}
    .mrx-sec.mrx-js .mrx-rise,.mrx-sec.mrx-js .mrx-bars i,.mrx-sec.mrx-js .mrx-c-line,.mrx-sec.mrx-js .mrx-ln{opacity:1;transform:none}
  }


    .cxo-sec{
    --cxo-ink:#002159;
    --cxo-blue:#0a39dd;
    --cxo-line:#e6e7ee;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:var(--cxo-ink);
    background:#fff;padding:100px 0 100px;border-bottom:1px solid var(--cxo-line);
  }
  .cxo-sec .cxo-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 20px}
  .cxo-sec .cxo-title{
    text-align:center;font-weight:700;line-height:1.4;font-size:clamp(1.7rem,3vw,2.2rem);
    max-width:620px;margin:0 auto 50px;padding:0;color:var(--cxo-ink);
  }
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .cxo-sec.cxo-js .cxo-rise{opacity:0;transform:translateY(46px);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--cxo-d,0ms)}
  .cxo-sec.cxo-js .cxo-rise.cxo-in{opacity:1;transform:none}
 
  /* 3 column box: upar/left/right border, neeche khula (image jaisa) */
  .cxo-sec .cxo-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--cxo-line);border-bottom:0}
  .cxo-sec .cxo-col{
    position:relative;overflow:hidden;padding:40px 40px 28px;min-height:332px;cursor:default;
    border-left:1px solid var(--cxo-line);transition:background .35s ease;
  }
  .cxo-sec .cxo-col:first-child{border-left:0}
  .cxo-sec .cxo-col::before{ /* mouse glow */
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
    background:radial-gradient(320px circle at var(--cxo-mx,50%) var(--cxo-my,30%),rgba(10,57,221,.07),transparent 60%);
  }
  .cxo-sec .cxo-col::after{ /* upar se blue line */
    content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--cxo-blue);transition:width .5s ease;
  }
  .cxo-sec .cxo-col:hover{background:#fafbff}
  .cxo-sec .cxo-col:hover::before{opacity:1}
  .cxo-sec .cxo-col:hover::after{width:100%}
  .cxo-sec .cxo-col > *{position:relative;z-index:1}
 
  .cxo-sec .cxo-ico{display:block;width:78px;height:78px;margin:-9px 0 44px -9px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
  .cxo-sec .cxo-ico svg{display:block;width:100%;height:100%;overflow:visible}
  .cxo-sec .cxo-col:hover .cxo-ico{transform:translateY(-8px) rotate(-8deg) scale(1.12)}
  .cxo-sec .cxo-name{font-size:1.45rem;font-weight:600;line-height:1.3;margin:0 0 14px;padding:0;color:var(--cxo-ink);transition:color .3s ease}
  .cxo-sec .cxo-col:hover .cxo-name{color:var(--cxo-blue)}
  .cxo-sec .cxo-text{font-size:1rem;line-height:1.7;color:#7a7a7a;margin:0;padding:0}
 
  @media (max-width:991.98px){
    .cxo-sec{padding:20px 0 70px}
    .cxo-sec .cxo-title{margin-bottom:34px}
    .cxo-sec .cxo-col{padding:32px 28px 26px;min-height:0}
    .cxo-sec .cxo-ico{margin-bottom:22px}
  }
  @media (max-width:767.98px){
    .cxo-sec .cxo-grid{grid-template-columns:1fr;border-bottom:1px solid var(--cxo-line)}
    .cxo-sec .cxo-col{border-left:0;border-top:1px solid var(--cxo-line)}
    .cxo-sec .cxo-col:first-child{border-top:0}
  }
  @media (prefers-reduced-motion:reduce){
    .cxo-sec *{transition:none!important;animation:none!important}
    .cxo-sec.cxo-js .cxo-rise{opacity:1;transform:none}
  }

 
/* <!-- ===================== SECTION 2 CSS ===================== --> */

  .hwk-sec{
    --hwk-ink:#002159;
    --hwk-blue:#0033dd;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:var(--hwk-ink);
    background:#fff;padding:100px 0 100px;
  }
  .hwk-sec .hwk-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 20px}
  .hwk-sec .hwk-grid{display:grid;grid-template-columns:43fr 57fr;gap:20px;align-items:start}
 
  /* Scroll reveal */
  .hwk-sec.hwk-js .hwk-rise{opacity:0;transform:translateY(46px);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--hwk-d,0ms)}
  .hwk-sec.hwk-js .hwk-rise.hwk-in{opacity:1;transform:none}
 
  /* Left */
  .hwk-sec .hwk-pill{
    display:inline-block;padding:9px 24px;border-radius:50px;margin-bottom:26px;
    font-size:1.05rem;font-weight:500;color:var(--hwk-blue);background:#eaf0ff;border:1px solid #c5d2ff;
    transition:transform .35s cubic-bezier(.3,1.6,.5,1),box-shadow .35s ease;cursor:default;
  }
  .hwk-sec .hwk-pill:hover{transform:scale(1.07);box-shadow:0 8px 20px rgba(0,51,221,.18)}
  .hwk-sec .hwk-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1.3;margin:0 0 18px;padding:0;color:var(--hwk-ink);max-width:440px}
  .hwk-sec .hwk-text{font-size:1rem;line-height:1.7;color:#777;margin:0 0 34px;padding:0;max-width:450px}
  .hwk-sec .hwk-btn{
    position:relative;overflow:hidden;display:inline-block;
    padding:16px 22px;border-radius:5px;background:var(--hwk-blue);color:#fff;
    font:600 1.05rem/1.2 'Outfit',sans-serif;text-decoration:none;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .hwk-sec .hwk-btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .7s ease}
  .hwk-sec .hwk-btn:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,51,221,.4);color:#fff}
  .hwk-sec .hwk-btn:hover::after{left:140%}
 
  /* Right panel */
  .hwk-sec .hwk-panel{
    position:relative;background:#f7f8fd;border-radius:28px;padding:50px;
    display:flex;flex-direction:column;gap:30px;
  }
  .hwk-sec .hwk-panel::before{ /* mouse glow */
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;
    background:radial-gradient(380px circle at var(--hwk-mx,50%) var(--hwk-my,30%),rgba(0,51,221,.06),transparent 60%);
  }
  .hwk-sec .hwk-panel:hover::before{opacity:1}
 
  .hwk-sec .hwk-item{
    position:relative;overflow:hidden;cursor:pointer;
    background:#fff;border:1px solid #eceef5;border-radius:18px;
    box-shadow:0 2px 10px rgba(20,30,80,.05);
    transition:background .45s ease,border-color .45s ease,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;
  }
  .hwk-sec .hwk-item:not(.hwk-on):hover{transform:translateY(-4px);border-color:#c5d2ff;box-shadow:0 14px 28px rgba(0,51,221,.12)}
  .hwk-sec .hwk-item.hwk-on{background:var(--hwk-blue);border-color:var(--hwk-blue);box-shadow:0 18px 36px rgba(0,51,221,.28);cursor:default}
 
  .hwk-sec .hwk-num{
    position:absolute;left:6px;top:-2px;font-size:96px;font-weight:700;line-height:1;color:#fff;
    opacity:0;transform:translateX(-20px);pointer-events:none;
    transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);
  }
  .hwk-sec .hwk-item.hwk-on .hwk-num{opacity:.1;transform:none}
 
  .hwk-sec .hwk-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 16px 15px 32px;min-height:80px}
  .hwk-sec .hwk-ttl{font-size:1.4rem;font-weight:600;margin:0;padding:0;color:var(--hwk-ink);transition:color .4s ease}
  .hwk-sec .hwk-item.hwk-on .hwk-ttl{color:#fff}
 
  /* + / - button */
  .hwk-sec .hwk-tog{
    -webkit-appearance:none;appearance:none;margin:0;padding:0;cursor:pointer;position:relative;flex:0 0 50px;
    width:50px;height:50px;border-radius:50%;border:1px solid #e6e6ea;background:#fff;color:#666;
    transition:background .35s ease,color .35s ease,border-color .35s ease,transform .4s cubic-bezier(.3,1.6,.5,1);
  }
  .hwk-sec .hwk-tog::before,.hwk-sec .hwk-tog::after{
    content:"";position:absolute;left:50%;top:50%;width:18px;height:2.5px;border-radius:2px;background:currentColor;
    transform:translate(-50%,-50%);transition:transform .4s ease;
  }
  .hwk-sec .hwk-tog::after{transform:translate(-50%,-50%) rotate(90deg)}
  .hwk-sec .hwk-item:not(.hwk-on):hover .hwk-tog{transform:rotate(90deg) scale(1.08);border-color:#c5d2ff;color:var(--hwk-blue)}
  .hwk-sec .hwk-tog:focus-visible{outline:2px solid var(--hwk-blue);outline-offset:3px}
  .hwk-sec .hwk-item.hwk-on .hwk-tog{background:#fff;color:var(--hwk-blue);border-color:#fff}
  .hwk-sec .hwk-item.hwk-on .hwk-tog::after{transform:translate(-50%,-50%) rotate(0deg)}
 
  /* Body: height smoothly khulti hai */
  .hwk-sec .hwk-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1)}
  .hwk-sec .hwk-item.hwk-on .hwk-body{grid-template-rows:1fr}
  .hwk-sec .hwk-bi{overflow:hidden;min-height:0}
  .hwk-sec .hwk-desc{
    margin:0;padding:0 90px 34px 32px;font-size:1rem;line-height:1.6;color:#fff;
    opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .5s ease;
  }
  .hwk-sec .hwk-item.hwk-on .hwk-desc{opacity:1;transform:none;transition-delay:.2s}
  .hwk-sec .hwk-item.hwk-on .hwk-head{padding-bottom:6px;padding-top:26px}
  .hwk-sec .hwk-item.hwk-on .hwk-head{align-items:flex-start}
  .hwk-sec .hwk-item.hwk-on .hwk-ttl{margin-top:11px;padding-left:0}
  .hwk-sec .hwk-head{transition:padding .5s ease}
 
  @media (max-width:991.98px){
    .hwk-sec{padding:64px 0 70px}
    .hwk-sec .hwk-grid{grid-template-columns:1fr;gap:44px}
    .hwk-sec .hwk-title,.hwk-sec .hwk-text{max-width:none}
  }
  @media (max-width:575.98px){
    .hwk-sec .hwk-panel{padding:20px 16px;border-radius:22px;gap:16px}
    .hwk-sec .hwk-head{padding:12px 12px 12px 20px;min-height:72px}
    .hwk-sec .hwk-ttl{font-size:1.15rem}
    .hwk-sec .hwk-desc{padding:0 20px 24px 20px}
    .hwk-sec .hwk-num{font-size:70px}
    .hwk-sec .hwk-btn{display:block;text-align:center}
  }
  @media (prefers-reduced-motion:reduce){
    .hwk-sec *{transition:none!important;animation:none!important}
    .hwk-sec.hwk-js .hwk-rise{opacity:1;transform:none}
  }


   .whc-sec{
    --whc-bg:#05143f;
    --whc-edge:#2d3b78;
    --whc-blue:#3a5cff;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:#fff;
    background:var(--whc-bg);padding:90px 0 110px;
  }
  .whc-sec .whc-wrap{width:100%;max-width:1356px;margin:0 auto;padding:0 20px}
 
  /* Heading */
  .whc-sec .whc-head{text-align:center;margin-bottom:46px}
  .whc-sec .whc-title{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:700;line-height:1.3;max-width:700px;margin:0 auto 16px;padding:0;color:#fff}
  .whc-sec .whc-sub{font-size:1.02rem;line-height:1.65;color:#cfd6ee;max-width:860px;margin:0 auto;padding:0}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .whc-sec.whc-js .whc-rise{opacity:0;transform:translateY(60px) scale(.96)}
  .whc-sec.whc-js .whc-rise.whc-in{opacity:1;transform:none}
  .whc-sec .whc-head .whc-rise{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--whc-d,0ms)}
 
  /* Bento grid */
  .whc-sec .whc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:31px}
  .whc-sec .whc-span2{grid-column:span 2}
 
  /* Card */
  .whc-sec .whc-card{
    position:relative;overflow:hidden;background:#fff;color:#141414;
    border:3px solid var(--whc-edge);border-radius:24px;cursor:default;
    transition:opacity .8s ease var(--whc-d,0ms),transform .8s cubic-bezier(.2,.8,.2,1) var(--whc-d,0ms),
               border-color .35s ease,box-shadow .4s ease;
  }
  .whc-sec .whc-card.whc-in{transition:opacity .8s ease var(--whc-d,0ms),transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .4s ease}
  .whc-sec .whc-card:hover{transform:translateY(-10px);border-color:var(--whc-blue);box-shadow:0 0 0 4px rgba(58,92,255,.18),0 28px 50px rgba(0,0,0,.45)}
  .whc-sec .whc-card::before{ /* mouse glow */
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .35s ease;
    background:radial-gradient(340px circle at var(--whc-mx,50%) var(--whc-my,30%),rgba(58,92,255,.10),transparent 60%);
  }
  .whc-sec .whc-card:hover::before{opacity:1}
  .whc-sec .whc-card > *{position:relative;z-index:1}
 
  /* Image box (aap apni images yahan lagao) */
  .whc-sec .whc-pic{position:relative;overflow:hidden;border-radius:14px;}
  .whc-sec .whc-pic img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
  .whc-sec .whc-card:hover .whc-pic img{transform:scale(1.07)}
 
  /* Card 1 & 3: image upar, text neeche */
  .whc-sec .whc-card--v{padding:34px 36px 38px;min-height:498px;display:flex;flex-direction:column}
  .whc-sec .whc-card--v .whc-pic{height:238px;margin-bottom:46px;flex:none}
  .whc-sec .whc-name{font-size:clamp(1.4rem,2vw,1.7rem);font-weight:600;line-height:1.3;margin:0 0 14px;padding:0;color:#141414;max-width:270px;transition:color .3s ease}
  .whc-sec .whc-card:hover .whc-name{color:var(--whc-blue)}
  .whc-sec .whc-text{font-size:1rem;line-height:1.7;color:#7a7a7a;margin:0;padding:0}
 
  /* Card 2: poori photo */
  .whc-sec .whc-card--photo{padding:0;border:0;min-height:498px;background:linear-gradient(135deg,#27407f,#16275c)}
  .whc-sec .whc-card--photo:hover{border-color:transparent;box-shadow:0 28px 50px rgba(0,0,0,.45)}
  .whc-sec .whc-card--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
  .whc-sec .whc-card--photo:hover img{transform:scale(1.08)}
  .whc-sec .whc-card--photo::after{ /* hover par shine */
    content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;z-index:2;pointer-events:none;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);transition:left .9s ease;
  }
  .whc-sec .whc-card--photo:hover::after{left:140%}
 
  /* Card 4: image + divider + text */
  .whc-sec .whc-card--h{display:flex;align-items:center;gap:0;padding:30px 38px;min-height:252px}
  .whc-sec .whc-card--h .whc-pic{flex:0 0 37%;height:182px;margin-right:34px}
  .whc-sec .whc-div{flex:0 0 1px;align-self:stretch;margin:6px 46px 6px 0;background:#d9dbe4;transform-origin:top;transition:transform .5s ease}
  .whc-sec .whc-card--h:hover .whc-div{background:var(--whc-blue)}
  .whc-sec .whc-card--h .whc-name{max-width:none;margin-bottom:14px}
  .whc-sec .whc-box{flex:1;min-width:0}
 
  /* Card 5: icon + title + line + text */
  .whc-sec .whc-card--i{padding:30px 36px 34px;min-height:252px}
  .whc-sec .whc-top{display:flex;align-items:center;gap:20px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #e4e5ec}
  .whc-sec .whc-ico{flex:0 0 60px;width:60px;height:60px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
  .whc-sec .whc-ico svg{display:block;width:100%;height:100%}
  .whc-sec .whc-card--i:hover .whc-ico{transform:rotate(90deg) scale(1.12)}
  .whc-sec .whc-card--i .whc-name{margin:0;max-width:260px}
 
  /* Tablet */
  @media (max-width:1199.98px){
    .whc-sec .whc-grid{gap:22px}
    .whc-sec .whc-card--v{padding:28px 26px 32px}
    .whc-sec .whc-card--h{padding:26px 26px}
    .whc-sec .whc-div{margin-right:28px}
    .whc-sec .whc-card--h .whc-pic{margin-right:24px}
  }
  @media (max-width:991.98px){
    .whc-sec{padding:64px 0 80px}
    .whc-sec .whc-grid{grid-template-columns:repeat(2,1fr)}
    .whc-sec .whc-card--photo{grid-column:span 2;min-height:0;aspect-ratio:16/9}
    .whc-sec .whc-card--v{min-height:0}
    .whc-sec .whc-card--h{grid-column:span 2}
  }
  /* Mobile */
  @media (max-width:767.98px){
    .whc-sec .whc-head{margin-bottom:32px}
    .whc-sec .whc-grid{grid-template-columns:1fr}
    .whc-sec .whc-card--photo,.whc-sec .whc-card--h{grid-column:auto}
    .whc-sec .whc-card--photo{aspect-ratio:4/3}
    .whc-sec .whc-card--v .whc-pic{height:auto;aspect-ratio:386/238;margin-bottom:28px}
    .whc-sec .whc-card--h{flex-direction:column;align-items:flex-start;padding:26px 24px 30px}
    .whc-sec .whc-card--h .whc-pic{flex:none;width:100%;height:auto;aspect-ratio:315/182;margin:0 0 22px}
    .whc-sec .whc-div{display:none}
    .whc-sec .whc-card{border-radius:20px}
  }
  @media (prefers-reduced-motion:reduce){
    .whc-sec *{transition:none!important;animation:none!important}
    .whc-sec.whc-js .whc-rise{opacity:1;transform:none}
  }





   .wlb-sec{
    --wlb-ink:#111a2e;
    --wlb-text:#4a5370;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:var(--wlb-ink);
    background:#fff;padding:96px 0 90px;
  }
  .wlb-sec .wlb-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 10px}
 
  .wlb-sec .wlb-title{
    text-align:center;font-weight:700;line-height:1.4;font-size:clamp(1.7rem,3vw,2.2rem);
    max-width:580px;margin:0 auto 38px;padding:0;color:#002159;
  }
  .wlb-sec .wlb-title .w{display:inline-block;transition:color .3s, transform .3s}
  .wlb-sec .wlb-title .w:hover{color:#0036da;transform:translateY(-4px)}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .wlb-sec.wlb-js .wlb-title.wlb-rise{opacity:0;transform:translateY(40px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
  .wlb-sec.wlb-js .wlb-title.wlb-in{opacity:1;transform:none}
  .wlb-sec.wlb-js .wlb-card.wlb-rise{opacity:0;transform:translateY(60px) scale(.96)}
  .wlb-sec.wlb-js .wlb-card.wlb-in{opacity:1;transform:none}
 
  .wlb-sec .wlb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
 
  /* Card */
  .wlb-sec .wlb-card{
    position:relative;overflow:hidden;min-height:299px;padding:46px 38px 38px;border-radius:26px;cursor:default;
    display:flex;flex-direction:column;
    transition:opacity .8s ease var(--wlb-d,0ms),transform .8s cubic-bezier(.2,.8,.2,1) var(--wlb-d,0ms),box-shadow .4s ease;
  }
  .wlb-sec .wlb-card.wlb-in{transition:opacity .8s ease var(--wlb-d,0ms),transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}
  .wlb-sec .wlb-card--mint{background:#d6e8e6;--wlb-acc:#b9d9d5}
  .wlb-sec .wlb-card--blue{background:#dbe0fc;--wlb-acc:#bcc7fa}
  .wlb-sec .wlb-card--sand{background:#f3efea;--wlb-acc:#e6dfd5}
  .wlb-sec .wlb-card:hover{transform:translateY(-10px);box-shadow:0 26px 46px rgba(17,26,46,.16)}
 
  /* Hover par neeche se rang ka gola upar aata hai */
  .wlb-sec .wlb-card::before{
    content:"";position:absolute;left:50%;top:105%;width:150%;aspect-ratio:1;border-radius:50%;
    background:var(--wlb-acc);opacity:.7;transform:translateX(-50%);
    transition:top .7s cubic-bezier(.2,.8,.2,1);z-index:0;
  }
  .wlb-sec .wlb-card:hover::before{top:42%}
  .wlb-sec .wlb-card::after{ /* mouse glow */
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
    background:radial-gradient(300px circle at var(--wlb-mx,50%) var(--wlb-my,30%),rgba(255,255,255,.55),transparent 60%);
  }
  .wlb-sec .wlb-card:hover::after{opacity:1}
  .wlb-sec .wlb-card > *{position:relative;z-index:1}
 
  .wlb-sec .wlb-num{
    font-size:clamp(2.8rem,4.4vw,3.6rem);font-weight:500;line-height:1;margin:0 0 56px;padding:0;color:var(--wlb-ink);
    transform-origin:left center;transition:transform .45s cubic-bezier(.3,1.6,.5,1),letter-spacing .35s ease;
  }
  .wlb-sec .wlb-card:hover .wlb-num{transform:scale(1.1);letter-spacing:1px}
  .wlb-sec .wlb-name{
    position:relative;display:inline-block;align-self:flex-start;
    font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:600;line-height:1.3;margin:0 0 12px;padding:0;color:var(--wlb-ink);
  }
  .wlb-sec .wlb-name::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:0;background:var(--wlb-ink);transition:width .45s ease}
  .wlb-sec .wlb-card:hover .wlb-name::after{width:100%}
  .wlb-sec .wlb-text{font-size:1.02rem;line-height:1.65;color:var(--wlb-text);margin:0;padding:0}
 
  /* Tablet / Mobile */
  @media (max-width:1199.98px){
    .wlb-sec .wlb-grid{gap:20px}
    .wlb-sec .wlb-card{padding:38px 26px 32px}
    .wlb-sec .wlb-num{margin-bottom:40px}
  }
  @media (max-width:767.98px){
    .wlb-sec{padding:30px 0 64px}
    .wlb-sec .wlb-title{margin-bottom:28px}
    .wlb-sec .wlb-grid{grid-template-columns:1fr}
    .wlb-sec .wlb-card{min-height:0;border-radius:22px;padding:34px 26px 30px}
    .wlb-sec .wlb-num{margin-bottom:34px}
    .wlb-sec .wlb-card:hover{transform:translateY(-6px)}
  }
  @media (prefers-reduced-motion:reduce){
    .wlb-sec *{transition:none!important;animation:none!important}
    .wlb-sec.wlb-js .wlb-rise{opacity:1;transform:none}
  }



  
  .sti-sec{
    --sti-blue:#0a39dd;
    --sti-soft:#dfe5ff;
    --sti-h:clamp(240px,38vh,323px);           /* blue frame ki height (screen ke hisaab se) */
    --sti-top:clamp(70px,calc(50vh - var(--sti-h) * .74),170px);   /* sticky hone par upar se gap (image beech me rahe) */
    --sti-gap:16px;                            /* cards ke beech ka gap (50px se kam) */
    display:block;position:relative;text-align:left;
    font-family:'Outfit',sans-serif;color:#111;
    background:#f8f9ff;padding:90px 0 100px;
  }
  .sti-sec .sti-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 20px}
 
  .sti-sec .sti-title{
    text-align:center;font-weight:700;line-height:1.3;font-size:clamp(1.8rem,3.2vw,2.4rem);
    margin:0 auto 48px;padding:0;color:#050505;
  }
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .sti-sec.sti-js .sti-title{opacity:0;transform:translateY(40px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
  .sti-sec.sti-js .sti-title.sti-in{opacity:1;transform:none}
 
  /* 2 column: left sticky, right scroll */
  .sti-sec .sti-grid{display:grid;grid-template-columns:562px minmax(0,1fr);gap:52px;align-items:start}
 
  /* ================= LEFT: sticky image ================= */
  .sti-sec .sti-left{
    position:-webkit-sticky;position:sticky;top:var(--sti-top);
    padding-top:calc(var(--sti-h) * .47);        /* sar frame se bahar nikalta hai */
  }
  .sti-sec .sti-frame{
    position:relative;height:var(--sti-h);
    border:2px solid var(--sti-blue);border-radius:22px;background:#f9faff;
    transition:box-shadow .5s ease;
  }
  .sti-sec .sti-frame:hover{box-shadow:0 20px 50px rgba(10,57,221,.18)}
  .sti-sec .sti-photo{
    position:absolute;left:50%;bottom:-3px;height:148%;width:auto;max-width:none;
    transform-origin:50% 100%;
    transform:translateX(-50%) translateY(calc(var(--sti-p,0) * -10px)) scale(calc(1 + var(--sti-p,0) * .035));
    transition:transform .8s cubic-bezier(.2,.8,.2,1);
    filter:drop-shadow(0 20px 24px rgba(10,30,100,.12));
  }
  .sti-sec.sti-js .sti-photo{opacity:0;transition:opacity .9s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
  .sti-sec.sti-js .sti-left.sti-in .sti-photo{opacity:1}
 
 
  /* ================= RIGHT: scrolling content ================= */
  .sti-sec .sti-right{display:flex;flex-direction:column;gap:var(--sti-gap)}
  .sti-sec .sti-step{display:block;min-height:0}
 
  .sti-sec .sti-card{
    width:100%;background:#fff;border:1.5px solid transparent;border-radius:22px;
    padding:30px 40px 32px;box-shadow:0 4px 16px rgba(20,30,90,.07);
    transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .4s ease;
  }
  .sti-sec.sti-js .sti-card{opacity:0;transform:translateY(50px)}
  .sti-sec.sti-js .sti-step.sti-in .sti-card{opacity:1;transform:none}
  .sti-sec .sti-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(10,57,221,.14);border-color:#c9d5ff}
 
  .sti-sec .sti-head{display:flex;align-items:center;gap:16px;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #dcdde5}
  .sti-sec .sti-ic{
    flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:var(--sti-soft);color:var(--sti-blue);
    display:flex;align-items:center;justify-content:center;
    transition:background .4s ease,color .4s ease,transform .5s cubic-bezier(.3,1.6,.5,1);
  }
  .sti-sec .sti-ic svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .sti-sec .sti-card:hover .sti-ic{transform:scale(1.12) rotate(-8deg)}
  .sti-sec .sti-name{font-size:1.5rem;font-weight:600;line-height:1.3;margin:0;padding:0;color:#0d0d0d;transition:color .3s ease}
  .sti-sec .sti-text{font-size:.97rem;line-height:1.5;color:#777;margin:0;padding:0}
 
  /* Active card (scroll karte waqt jo focus me ho) */
  .sti-sec .sti-step.sti-on .sti-card{border-color:var(--sti-blue);box-shadow:0 18px 40px rgba(10,57,221,.18)}
  .sti-sec .sti-step.sti-on .sti-ic{background:var(--sti-blue);color:#fff}
  .sti-sec .sti-step.sti-on .sti-name{color:var(--sti-blue)}
 
  /* Tablet / Mobile: sticky band, image upar, cards neeche */
  @media (max-width:991.98px){
    .sti-sec{--sti-h:min(300px,56vw);padding:60px 0 70px}
    .sti-sec .sti-title{margin-bottom:34px}
    .sti-sec .sti-grid{grid-template-columns:1fr;gap:34px}
    .sti-sec .sti-left{position:static;max-width:520px;margin:0 auto;width:100%}
        .sti-sec .sti-card{padding:24px 22px 26px}
    .sti-sec .sti-name{font-size:1.25rem}
  }
  @media (prefers-reduced-motion:reduce){
    .sti-sec *{transition:none!important;animation:none!important}
    .sti-sec.sti-js .sti-title,.sti-sec.sti-js .sti-card,.sti-sec.sti-js .sti-photo{opacity:1;transform:none}
    .sti-sec .sti-photo{transform:translateX(-50%)}
  }



  
  .prc-sec{
    --prc-ink:#061440;
    --prc-blue:#0a39dd;
    --prc-line:#dfe2ec;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:var(--prc-ink);
    background:#fff;padding: 96px 0 100px;
  }
  .prc-sec .prc-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 10px}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .prc-sec.prc-js .prc-rise{opacity:0;transform:translateY(46px);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--prc-d,0ms)}
  .prc-sec.prc-js .prc-rise.prc-in{opacity:1;transform:none}
 
  .prc-sec .prc-h{text-align:center;font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.3;margin:0 0 8px;padding:0;color:#050505}
  .prc-sec .prc-sub{text-align:center;font-size:.95rem;line-height:1.6;color:#777;margin:0 auto;padding:0;max-width:940px}
 
  /* ================= TABS ================= */
  .prc-sec .prc-tabs{
    position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:516px;margin:40px auto 34px;
    padding:4px;border:1px solid var(--prc-line);border-radius:50px;background:#fff;
  }
  .prc-sec .prc-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:50px;background:var(--prc-blue);
    box-shadow:0 8px 20px rgba(10,57,221,.32);transition:transform .5s cubic-bezier(.3,1.3,.5,1)}
  .prc-sec .prc-tabs[data-active="use"] .prc-pill{transform:translateX(100%)}
  .prc-sec .prc-tab{
    -webkit-appearance:none;appearance:none;position:relative;z-index:1;margin:0;border:0;background:transparent;cursor:pointer;
    padding:13px 10px;border-radius:50px;font:500 1.1rem/1.2 'Outfit',sans-serif;color:var(--prc-ink);
    transition:color .35s ease,transform .2s ease;
  }
  .prc-sec .prc-tab[aria-selected="true"]{color:#fff}
  .prc-sec .prc-tab:not([aria-selected="true"]):hover{transform:scale(1.05)}
  .prc-sec .prc-tab:focus-visible{outline:2px solid var(--prc-blue);outline-offset:2px}
 
  /* ================= PRICING BOX ================= */
  .prc-sec .prc-box{max-width:1116px;margin:0 auto 60px;border:1px solid var(--prc-line);border-radius:28px;background:#fff;overflow:hidden;
    transition:box-shadow .4s ease}
  .prc-sec .prc-box:hover{box-shadow:0 22px 50px rgba(6,20,64,.1)}
  .prc-sec .prc-panel{display:none}
  .prc-sec .prc-panel.prc-on{display:block}
  .prc-sec .prc-cols{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--prc-line)}
  .prc-sec .prc-col{position:relative;padding:36px 40px 34px;border-left:1px solid var(--prc-line);cursor:default;transition:background .3s ease}
  .prc-sec .prc-col:first-child{border-left:0}
  .prc-sec .prc-col::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--prc-blue);transition:width .45s ease}
  .prc-sec .prc-col:hover{background:#fafbff}
  .prc-sec .prc-col:hover::after{width:100%}
  .prc-sec .prc-lbl{font-size:1.3rem;font-weight:600;text-transform:uppercase;color:var(--prc-blue);margin:0 0 20px;padding:0;letter-spacing:.2px}
  .prc-sec .prc-price{display:flex;align-items:baseline;gap:8px;margin:0;padding:0;white-space:nowrap}
  .prc-sec .prc-big{font-size:clamp(2.6rem,4.4vw,3.7rem);font-weight:700;line-height:1.05;color:var(--prc-ink);transition:transform .45s cubic-bezier(.3,1.6,.5,1);transform-origin:left bottom}
  .prc-sec .prc-col:hover .prc-big{transform:scale(1.08)}
  .prc-sec .prc-dec{font-size:1.65rem;font-weight:700;color:var(--prc-ink);align-self:flex-start;margin-top:.35em}
  .prc-sec .prc-per{font-size:1.2rem;font-weight:500;color:var(--prc-ink);margin-left:-2px}
  .prc-sec .prc-panel.prc-on .prc-col{animation:prc-up .6s cubic-bezier(.2,.8,.2,1) both}
  .prc-sec .prc-panel.prc-on .prc-col:nth-child(2){animation-delay:.1s}
  .prc-sec .prc-panel.prc-on .prc-col:nth-child(3){animation-delay:.2s}
  @keyframes prc-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
 
  .prc-sec .prc-cta{text-align:center;padding:48px 20px 44px}
  .prc-sec .prc-btn{
    position:relative;overflow:hidden;display:inline-block;padding:20px 21px;border-radius:5px;background:var(--prc-blue);color:#fff;
    font:600 1.15rem/1.2 'Outfit',sans-serif;text-decoration:none;border:0;cursor:pointer;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .prc-sec .prc-btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .7s ease}
  .prc-sec .prc-btn:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(10,57,221,.4);color:#fff}
  .prc-sec .prc-btn:hover::after{left:140%}
  .prc-sec .prc-note{font-size:1.15rem;font-weight:600;color:var(--prc-ink);margin:28px 0 0;padding:0}
 
  /* ================= ADD-ON CARDS ================= */
  .prc-sec .prc-adds{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:110px}
  .prc-sec .prc-add{
    position:relative;overflow:hidden;border-radius:18px;padding:28px 30px 30px;cursor:default;
    transition:opacity .75s ease var(--prc-d,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--prc-d,0ms),box-shadow .35s ease;
  }
  .prc-sec .prc-add.prc-in{transition:opacity .75s ease var(--prc-d,0ms),transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
  .prc-sec .prc-add--a{background:#f1dff8}.prc-sec .prc-add--b{background:#e0f6fd}.prc-sec .prc-add--c{background:#fdf1db}.prc-sec .prc-add--d{background:#f2f5fd}
  .prc-sec .prc-add:hover{transform:translateY(-9px);box-shadow:0 20px 38px rgba(6,20,64,.14)}
  .prc-sec .prc-add::before{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.55);
    transform:scale(0);transition:transform .6s cubic-bezier(.3,1.4,.5,1)}
  .prc-sec .prc-add:hover::before{transform:scale(1.6)}
  .prc-sec .prc-add > *{position:relative}
  .prc-sec .prc-amt{display:flex;align-items:baseline;gap:12px;margin:0 0 6px;padding:0}
  .prc-sec .prc-amt b{font-size:2.5rem;font-weight:700;line-height:1.1;color:var(--prc-ink);transition:transform .4s cubic-bezier(.3,1.6,.5,1);transform-origin:left bottom}
  .prc-sec .prc-add:hover .prc-amt b{transform:scale(1.1)}
  .prc-sec .prc-amt > span{font-size:1.2rem;font-weight:500;color:#2c3a63}
  .prc-sec .prc-desc{font-size:1.08rem;font-weight:600;line-height:1.6;color:#1a2650;margin:0;padding:0}
 
  /* ================= CALCULATOR ================= */
  .prc-sec .prc-calc{background:#f6f8fe;border-radius:30px;padding:56px 50px 60px;margin-top:46px;display:grid;grid-template-columns:minmax(0,666px) minmax(0,499px);gap:51px;justify-content:space-between;align-items:stretch}
  .prc-sec .prc-row{margin-bottom:26px}
  .prc-sec .prc-rh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
  .prc-sec .prc-rl{font-size:1.4rem;font-weight:600;color:var(--prc-ink);margin:0;padding:0}
  .prc-sec .prc-rv{font-size:1.8rem;font-weight:600;color:var(--prc-ink);transition:color .3s ease}
  .prc-sec .prc-rm{display:flex;justify-content:space-between;margin-top:8px;font-size:1.05rem;color:#4a5578}
 
  .prc-sec .prc-range{
    -webkit-appearance:none;appearance:none;display:block;width:100%;height:9px;margin:0;border-radius:9px;outline:0;cursor:pointer;
    background:linear-gradient(to right,var(--prc-ink) 0,var(--prc-ink) var(--prc-p,0%),#d6daf4 var(--prc-p,0%),#d6daf4 100%);
  }
  .prc-sec .prc-range::-webkit-slider-runnable-track{height:9px;background:transparent}
  .prc-sec .prc-range::-moz-range-track{height:9px;background:transparent}
  .prc-sec .prc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-6.5px;border-radius:50%;border:0;
    background:var(--prc-blue);box-shadow:0 0 0 0 rgba(10,57,221,.2);transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s ease}
  .prc-sec .prc-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:0;background:var(--prc-blue);box-shadow:0 0 0 0 rgba(10,57,221,.2);transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s ease}
  .prc-sec .prc-range:hover::-webkit-slider-thumb,.prc-sec .prc-range:focus-visible::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 0 7px rgba(10,57,221,.18)}
  .prc-sec .prc-range:hover::-moz-range-thumb,.prc-sec .prc-range:focus-visible::-moz-range-thumb{transform:scale(1.2);box-shadow:0 0 0 7px rgba(10,57,221,.18)}
  .prc-sec .prc-range:active::-webkit-slider-thumb{transform:scale(1.3)}
 
  .prc-sec .prc-sep{border:0;border-top:1px solid #d9dce8;margin:34px 0 36px}
  .prc-sec .prc-dl{font-size:1.3rem;font-weight:600;margin:0 0 22px;padding:0;color:var(--prc-ink)}
  .prc-sec .prc-radios{display:flex;gap:30px;flex-wrap:wrap}
  .prc-sec .prc-radio{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:1.15rem;font-weight:500;color:var(--prc-ink);position:relative}
  .prc-sec .prc-radio input{position:absolute;opacity:0;pointer-events:none}
  .prc-sec .prc-dot{width:30px;height:30px;border-radius:50%;background:#d0d0d0;border:6px solid #d0d0d0;transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s ease}
  .prc-sec .prc-radio:hover .prc-dot{transform:scale(1.12)}
  .prc-sec .prc-radio input:checked + .prc-dot{background:#fff;border-color:var(--prc-blue);box-shadow:0 0 0 3px #fff inset,0 0 0 4px rgba(10,57,221,.15)}
  .prc-sec .prc-radio input:focus-visible + .prc-dot{outline:2px solid var(--prc-blue);outline-offset:3px}
 
  /* Result card */
  .prc-sec .prc-res{
    position:relative;overflow:hidden;background:#061440;color:#fff;border:3px solid #25335f;border-radius:22px;
    padding:36px 42px 22px;display:flex;flex-direction:column;
    transition:box-shadow .4s ease;
  }
  .prc-sec .prc-res:hover{box-shadow:0 24px 50px rgba(6,20,64,.28)}
  .prc-sec .prc-res::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
    background:radial-gradient(320px circle at var(--prc-mx,50%) var(--prc-my,30%),rgba(80,120,255,.2),transparent 60%)}
  .prc-sec .prc-res:hover::before{opacity:1}
  .prc-sec .prc-res > *{position:relative}
  .prc-sec .prc-line{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-top:1px solid #1d2a5a;font-size:1.1rem}
  .prc-sec .prc-line:first-child{border-top:0;padding-top:0}
  .prc-sec .prc-line b{font-size:1.28rem;font-weight:500}
  .prc-sec .prc-strike{text-decoration:line-through;text-decoration-thickness:2px}
  .prc-sec .prc-save{margin-top:auto;text-align:center;font-size:1.05rem;padding-top:60px}
  .prc-sec .prc-save b{font-size:1.75rem;font-weight:600;margin-left:4px}
  .prc-sec .prc-res .prc-btn{display:block;width:max-content;margin:18px auto 0;padding:19px 46px}
  .prc-sec .prc-tc{align-self:flex-end;margin:20px 0 0;font-size:.7rem;font-weight:600}
 
  /* Tablet / Mobile */
  @media (max-width:1199.98px){
    .prc-sec .prc-adds{gap:18px}
    .prc-sec .prc-add{padding:24px 22px 26px}
    .prc-sec .prc-amt b{font-size:2.1rem}
    .prc-sec .prc-calc{grid-template-columns:1fr 1fr;gap:34px;padding:44px 34px 48px}
  }
  @media (max-width:991.98px){
    .prc-sec .prc-adds{grid-template-columns:repeat(2,1fr);margin-bottom:80px}
    .prc-sec .prc-calc{grid-template-columns:1fr}
    .prc-sec .prc-col{padding:30px 28px 28px}
  }
  @media (max-width:767.98px){
    .prc-sec .prc-cols{grid-template-columns:1fr}
    .prc-sec .prc-col{border-left:0;border-top:1px solid var(--prc-line)}
    .prc-sec .prc-col:first-child{border-top:0}
    .prc-sec .prc-note{font-size:1rem}
    .prc-sec .prc-tab{font-size:.95rem}
  }
  @media (max-width:575.98px){
    .prc-sec .prc-adds{grid-template-columns:1fr}
    .prc-sec .prc-calc{padding:30px 18px 34px;border-radius:22px}
    .prc-sec .prc-rl{font-size:1.15rem}.prc-sec .prc-rv{font-size:1.5rem}
    .prc-sec .prc-res{padding:28px 22px 18px}
    .prc-sec .prc-save{padding-top:36px}
  }
  @media (prefers-reduced-motion:reduce){
    .prc-sec *{transition:none!important;animation:none!important}
    .prc-sec.prc-js .prc-rise{opacity:1;transform:none}
  }



  
  .fqa-sec{
    --fqa-bg:#05143f;
    --fqa-edge:#202d5e;
    --fqa-blue:#0a39dd;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:#fff;
    background:var(--fqa-bg);padding:90px 0 100px;
  }
  .fqa-sec .fqa-wrap{width:100%;max-width:1340px;margin:0 auto;padding:0 20px}
  .fqa-sec .fqa-grid{display:grid;grid-template-columns:5fr 8fr;gap:70px;align-items:start}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .fqa-sec.fqa-js .fqa-rise{opacity:0;transform:translateY(46px);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--fqa-d,0ms)}
  .fqa-sec.fqa-js .fqa-rise.fqa-in{opacity:1;transform:none}
 
  /* Left */
  .fqa-sec .fqa-title{font-size:clamp(1.8rem,3vw,2.35rem);font-weight:700;line-height:1.3;margin:0 0 34px;padding:0;color:#fff;max-width:460px}
  .fqa-sec .fqa-btn{
    position:relative;overflow:hidden;display:inline-block;padding:20px 24px;border-radius:5px;background:var(--fqa-blue);color:#fff;
    font:600 1.1rem/1.2 'Outfit',sans-serif;text-decoration:none;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .fqa-sec .fqa-btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .7s ease}
  .fqa-sec .fqa-btn:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(10,57,221,.5);color:#fff}
  .fqa-sec .fqa-btn:hover::after{left:140%}
 
  /* Right: list */
  .fqa-sec .fqa-list{display:flex;flex-direction:column;gap:16px}
  .fqa-sec .fqa-item{
    position:relative;overflow:hidden;border:1px solid var(--fqa-edge);border-radius:14px;background:rgba(255,255,255,.01);
    transition:border-color .35s ease,background .35s ease,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;
  }
  .fqa-sec .fqa-item::before{ /* mouse glow */
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
    background:radial-gradient(360px circle at var(--fqa-mx,50%) var(--fqa-my,50%),rgba(70,110,255,.16),transparent 60%);
  }
  .fqa-sec .fqa-item:hover{border-color:#3b52a8;transform:translateX(6px)}
  .fqa-sec .fqa-item:hover::before{opacity:1}
  .fqa-sec .fqa-item.fqa-on{border-color:#34478f;background:rgba(255,255,255,.03);box-shadow:0 16px 36px rgba(0,0,0,.25)}
 
  .fqa-sec .fqa-q{
    -webkit-appearance:none;appearance:none;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;
    width:100%;margin:0;border:0;background:transparent;color:#fff;cursor:pointer;text-align:left;
    padding:0 20px;min-height:62px;font:600 1.2rem/1.35 'Outfit',sans-serif;
    transition:padding .45s ease,color .3s ease;
  }
  .fqa-sec .fqa-item.fqa-on .fqa-q{padding-top:20px;min-height:0}
  .fqa-sec .fqa-q:focus-visible{outline:2px solid #6f8fff;outline-offset:-3px;border-radius:14px}
  .fqa-sec .fqa-chev{flex:0 0 22px;width:22px;height:22px;position:relative;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}
  .fqa-sec .fqa-chev::before{content:"";position:absolute;left:4px;top:3px;width:10px;height:10px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;
    transform:rotate(45deg);border-radius:1px}
  .fqa-sec .fqa-item.fqa-on .fqa-chev{transform:rotate(180deg)}
  .fqa-sec .fqa-item:not(.fqa-on):hover .fqa-chev{transform:translateY(3px)}
 
  /* Answer: height smoothly khulti hai */
  .fqa-sec .fqa-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1)}
  .fqa-sec .fqa-item.fqa-on .fqa-a{grid-template-rows:1fr}
  .fqa-sec .fqa-ai{overflow:hidden;min-height:0}
  .fqa-sec .fqa-p{margin:0;padding:18px 90px 24px 20px;font-size:1rem;line-height:1.5;color:#eef1ff;
    opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .45s ease}
  .fqa-sec .fqa-item.fqa-on .fqa-p{opacity:1;transform:none;transition-delay:.15s}
 
  /* Load more (extra questions) */
  .fqa-sec .fqa-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1)}
  .fqa-sec .fqa-more.fqa-open{grid-template-rows:1fr}
  .fqa-sec .fqa-more-in{overflow:hidden;min-height:0}
  .fqa-sec .fqa-more-in .fqa-list{padding-top:16px}
  .fqa-sec .fqa-more .fqa-item{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease,box-shadow .35s ease}
  .fqa-sec .fqa-more.fqa-open .fqa-item{opacity:1;transform:none;transition-delay:calc(var(--fqa-i) * 90ms + 150ms),calc(var(--fqa-i) * 90ms + 150ms),0s,0s,0s}
  .fqa-sec .fqa-more.fqa-open .fqa-item:hover{transform:translateX(6px);transition-delay:0s}
 
  .fqa-sec .fqa-load{
    -webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:10px;margin:26px 0 0;padding:6px 0;border:0;background:transparent;
    color:#fff;font:600 1.1rem/1.2 'Outfit',sans-serif;cursor:pointer;transition:gap .3s ease,color .3s ease;
  }
  .fqa-sec .fqa-load:hover{gap:16px;color:#a9bcff}
  .fqa-sec .fqa-load:focus-visible{outline:2px solid #6f8fff;outline-offset:4px;border-radius:4px}
  .fqa-sec .fqa-load i{display:block;width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .4s ease}
  .fqa-sec .fqa-load[aria-expanded="true"] i{transform:translateY(2px) rotate(225deg)}
 
  /* Tablet / Mobile */
  @media (max-width:991.98px){
    .fqa-sec{padding:60px 0 70px}
    .fqa-sec .fqa-grid{grid-template-columns:1fr;gap:44px}
    .fqa-sec .fqa-title{margin-bottom:26px}
  }
  @media (max-width:575.98px){
    .fqa-sec .fqa-q{font-size:1.05rem;padding:0 16px}
    .fqa-sec .fqa-item.fqa-on .fqa-q{padding-top:18px}
    .fqa-sec .fqa-p{padding:14px 16px 20px}
    .fqa-sec .fqa-btn{display:block;text-align:center}
    .fqa-sec .fqa-item:hover{transform:none}
  }
  @media (prefers-reduced-motion:reduce){
    .fqa-sec *{transition:none!important;animation:none!important}
    .fqa-sec.fqa-js .fqa-rise{opacity:1;transform:none}
  }


  .box_toDFR{margin:96px 0px;}



  .ivr-ways{background:#fff;color:#111;padding:4rem 0 5rem}
  .ivr-ways .head{text-align:center;font-weight:700;font-size:clamp(1.7rem,3.2vw,2.35rem);margin-bottom:3rem}
  .ivr-ways .head em{font-style:normal;color:#2457ff}
  .ivr-ways .head .w{display:inline-block;transition:transform .3s, color .3s}
  .ivr-ways .head .w:hover{transform:translateY(-4px);color:#2457ff}
 
  /* card */
  .ivr-ways .card-x{display:flex;height:100%;min-height:500px;border:1px solid #dcdde3;border-radius:26px;background:#fff;padding:10px;
    transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s, border-color .45s}
  .ivr-ways .card-x:hover{transform:translateY(-10px);border-color:#2457ff;box-shadow:0 24px 44px rgba(36,87,255,.14)}
 
  .ivr-ways .body{flex:1 1 56%;display:flex;flex-direction:column;justify-content:space-between;padding:20px 20px 18px}
  .ivr-ways .star{width:50px;height:50px;animation:ivr-spin 14s linear infinite;transition:filter .3s}
  .ivr-ways .card-x:hover .star{animation-duration:2.5s;filter:drop-shadow(0 4px 8px rgba(36,87,255,.35))}
  @keyframes ivr-spin{to{transform:rotate(360deg)}}
  .ivr-ways h3{font-size:1.35rem;font-weight:600;margin:0 0 .6rem}
  .ivr-ways p{color:#767680;line-height:1.7;margin:0 0 2rem;font-size:1rem}
 
  .ivr-ways .btn-demo{display:inline-block;background:#2457ff;color:#fff;font-weight:600;padding:.8rem 2rem;border-radius:4px;text-decoration:none;
    transition:transform .3s, box-shadow .3s, background .3s}
  .ivr-ways .btn-demo:hover{background:#1744d6;color:#fff;transform:translateY(-4px);box-shadow:0 12px 24px rgba(36,87,255,.35)}
  .ivr-ways .btn-demo:active{transform:scale(.97)}
 
  /* photo */
  .ivr-ways .photo{flex:0 0 42%;position:relative;overflow:hidden;border-radius:18px}
  .ivr-ways .photo img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;transition:scale .8s ease}
  .ivr-ways .card-x:hover .photo img{scale:1.08}
 
  /* scroll reveal */
  .ivr-ways .rv{opacity:0;transition:opacity .9s ease, transform .9s cubic-bezier(.2,.8,.2,1)}
  .ivr-ways .rv.up{transform:translateY(40px)}
  .ivr-ways .rv.l{transform:translateX(-80px)}
  .ivr-ways .rv.r{transform:translateX(80px)}
  .ivr-ways .rv.in{opacity:1;transform:none}
  .ivr-ways .rv.in.card-x{transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s, border-color .45s;transition-delay:0s}
  .ivr-ways .rv.in.card-x:hover{transform:translateY(-10px)}
  .ivr-ways .rv.d{transition-delay:.15s}
 
  @media (max-width:575.98px){
    .ivr-ways .card-x{flex-direction:column-reverse;min-height:0}
    .ivr-ways .photo{flex:0 0 300px}
    .ivr-ways .body{gap:1.5rem}
  }
  @media (prefers-reduced-motion:reduce){
    .ivr-ways *{animation:none!important;transition:none!important}
    .ivr-ways .rv{opacity:1!important;transform:none!important}
  }


    .hwk-btn{
    position:relative;overflow:hidden;display:inline-block;
    padding:16px 22px;border-radius:5px;background:var(--sgtr-blue);color:#fff;
    font:600 1.05rem/1.2 'Outfit',sans-serif;text-decoration:none;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .hwk-btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .7s ease}
  .hwk-btn:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,51,221,.4);color:#fff}
  .hwk-btn:hover::after{left:140%}



  
  .sendgun-ivr-about{position:relative;overflow:hidden;background:#051340;color:#fff;padding:100px 0px}
 
  /* ---------- left ---------- */
  .sendgun-ivr-about h2{font-weight:700;font-size:clamp(1.8rem,3vw,2.2rem);margin:0 0 .8rem}
  .sendgun-ivr-about h2 .w{display:inline-block;transition:color .3s, transform .3s}
  .sendgun-ivr-about h2 .w:hover{color:#5b8bff;transform:translateY(-4px)}
  .sendgun-ivr-about .lead-t{font-size:1.02rem;line-height:1.5;max-width:545px;margin:0 0 2rem}
 
  .sendgun-ivr-about .mini{background:#fff;color:#111;border:3px solid #26356f;border-radius:18px;padding:1.4rem 1.2rem;height:100%;
    transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, border-color .4s}
  .sendgun-ivr-about .mini:hover{transform:translateY(-10px);border-color:#2f6bff;box-shadow:0 20px 36px rgba(47,107,255,.35)}
  .sendgun-ivr-about .mini img{width:56px;height:56px;object-fit:contain;margin-bottom:1rem;display:block;transition:transform .5s cubic-bezier(.2,.9,.3,1.5)}
  .sendgun-ivr-about .mini:hover img{transform:rotate(-10deg) scale(1.2)}
  .sendgun-ivr-about .mini h3{font-size:1.25rem;font-weight:600;line-height:1.2;margin:0 0 .8rem}
  .sendgun-ivr-about .mini p{color:#777;line-height:1.5;margin:0;font-size:.98rem}
  .sendgun-ivr-about .cards{max-width:465px}
  .sendgun-ivr-about hr{max-width:465px;border:0;border-top:1px solid rgba(255,255,255,.14);opacity:1;margin:2.2rem 0}
 
  .sendgun-ivr-about .btn-demo{display:inline-block;background:#0b45e0;color:#fff;font-weight:600;font-size:1.05rem;padding:.8rem 2rem;border-radius:4px;text-decoration:none;
    transition:transform .3s, box-shadow .3s, background .3s}
  .sendgun-ivr-about .btn-demo:hover{background:#2457ff;color:#fff;transform:translateY(-4px);box-shadow:0 14px 28px rgba(36,87,255,.5)}
  .sendgun-ivr-about .btn-demo:active{transform:scale(.97)}
 
  /* left entrance */
  .sendgun-ivr-about .rv{opacity:0;transform:translateY(36px);transition:opacity .8s ease calc(var(--d,0)*1s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--d,0)*1s)}
  .sendgun-ivr-about.in .rv{opacity:1;transform:none}
  .sendgun-ivr-about.in .rv.mini{transition:opacity .8s ease calc(var(--d,0)*1s), transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, border-color .4s}
  .sendgun-ivr-about.in .rv.mini:hover{transform:translateY(-10px);transition-delay:0s}
 
  /* ---------- right: layered visual (design size 780 x 670, scaled to fit) ---------- */
  .sendgun-ivr-about .fit{position:relative;width:100%}
  .sendgun-ivr-about .stage{position:absolute;top:0;width:780px;height:670px;transform-origin:0 0}
  .sendgun-ivr-about .px{position:absolute}
  .sendgun-ivr-about .px img{display:block;width:100%;height:auto;opacity:0;transition:scale .4s cubic-bezier(.2,.9,.3,1.4)}
  .sendgun-ivr-about .px img:hover{scale:1.08}
 
  .sendgun-ivr-about .ring{position:absolute;border-radius:50%;background:rgba(255,255,255,.07);transform:scale(.3);opacity:0}
  .sendgun-ivr-about .r1{left:162px;top:26px;width:604px;height:604px}
  .sendgun-ivr-about .r2{left:227px;top:91px;width:474px;height:474px}
  .sendgun-ivr-about .r3{left:294px;top:158px;width:340px;height:340px;background:rgba(255,255,255,.09)}
  .sendgun-ivr-about.in .ring{animation:wabi-ring .9s cubic-bezier(.2,.8,.2,1) forwards, wabi-breathe 6s ease-in-out 1.6s infinite}
  .sendgun-ivr-about.in .r2{animation-delay:.15s,1.75s}
  .sendgun-ivr-about.in .r1{animation-delay:.3s,1.9s}
  @keyframes wabi-ring{to{opacity:1;transform:scale(1)}}
  @keyframes wabi-breathe{50%{transform:scale(1.04)}}
 
  .sendgun-ivr-about.in .px img{animation:wabi-pop .8s cubic-bezier(.2,.9,.3,1.2) calc(var(--d)*1s) forwards, wabi-float 5s ease-in-out calc(var(--d)*1s + .8s) infinite}
  .sendgun-ivr-about.in .woman img{animation:wabi-rise 1s cubic-bezier(.2,.8,.2,1) .5s forwards}
  .sendgun-ivr-about.in .arrow img{animation:wabi-draw 1s ease calc(var(--d)*1s) forwards}
  @keyframes wabi-pop{from{opacity:0;transform:scale(.4) translateY(30px)}to{opacity:1;transform:none}}
  @keyframes wabi-float{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}
  @keyframes wabi-rise{from{opacity:0;transform:translateY(80px)}to{opacity:1;transform:none}}
  @keyframes wabi-draw{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
  .sendgun-ivr-about.in .headset img{animation:wabi-pop .8s ease calc(var(--d)*1s) forwards, wabi-beat 1.8s ease-in-out calc(var(--d)*1s + .8s) infinite}
  @keyframes wabi-beat{0%,100%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
 
  @media (prefers-reduced-motion:reduce){
    .sendgun-ivr-about *{animation:none!important;transition:none!important}
    .sendgun-ivr-about .rv,.sendgun-ivr-about .px img,.sendgun-ivr-about .ring{opacity:1!important;transform:none!important}
  }
  @media (max-width:991.98px){.sendgun-ivr-about{padding:4rem 0}}




  
  .ivr-use{background:#f5f8ff;color:#0d1240;padding:6rem 0 6rem}
  .ivr-use .head{text-align:center;margin-bottom:40px}
  .ivr-use .head h2{font-weight:700;font-size:clamp(1.7rem,3vw,2.1rem);margin:0 0 .3rem}
  .ivr-use .head h2 .w{display:inline-block;transition:color .3s, transform .3s}
  .ivr-use .head h2 .w:hover{color:#0036da;transform:translateY(-4px)}
  .ivr-use .head p{color:#444a63;margin:0;font-size:.98rem}
 
  /* bento grid: 6 columns */
  .ivr-use .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px}
  .ivr-use .s2{grid-column:span 2}.ivr-use .s4{grid-column:span 4}
 
  .ivr-use .tile{position:relative;overflow:hidden;display:flex;min-height:320px;border-radius:24px;padding:40px;background:#fff;
    opacity:0;transform:translateY(60px) scale(.96);
    transition:opacity .8s ease calc(var(--c,0)*.12s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--c,0)*.12s), box-shadow .4s, background .4s}
  .ivr-use .tile.in{opacity:1;transform:none}
  .ivr-use .tile.in:hover{transform:translateY(-10px);box-shadow:0 24px 44px rgba(0,54,218,.16);transition-delay:0s,0s,0s,0s}
  .ivr-use .tile.blue{background:#0036D9;color:#fff}
  .ivr-use .tile.blue.in:hover{box-shadow:0 26px 48px rgba(0,54,218,.4);background:#0a42f0}
 
  .ivr-use .txt{display:flex;flex-direction:column;justify-content:space-between;flex:1}
  .ivr-use .tile.blue .txt{flex:0 0 46%}
  .ivr-use .ico{width:56px;height:56px;object-fit:contain;display:block;margin-bottom:1.6rem;transition:transform .5s cubic-bezier(.2,.9,.3,1.5)}
  .ivr-use .tile:hover .ico{transform:rotate(-10deg) scale(1.2)}
  .ivr-use h3{font-size:1.3rem;font-weight:600;line-height:1.3;margin:0 0 .8rem;transition:color .3s}
  .ivr-use .tile:not(.blue):hover h3{color:#0036da}
  .ivr-use .txt p{color:#666b80;line-height:1.55;margin:0;font-size:1rem}
  .ivr-use .tile.blue .txt p{color:#fff;font-size:.98rem}
 
  .ivr-use .vis{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}
  .ivr-use .vis img{max-width:100%;height:auto;display:block;animation:ivr-float 5s ease-in-out infinite;transition:scale .6s cubic-bezier(.2,.8,.2,1)}
  .ivr-use .tile:hover .vis img{scale:1.06}
  @keyframes ivr-float{50%{transform:translateY(-10px)}}
 
  @media (max-width:991.98px){
    .ivr-use .grid{grid-template-columns:repeat(2,1fr);gap:20px}
    .ivr-use .s4{grid-column:span 2}
    .ivr-use .tile{padding:30px}
  }
  @media (max-width:575.98px){
    .ivr-use .grid{grid-template-columns:1fr}
    .ivr-use .s2,.ivr-use .s4{grid-column:auto}
    .ivr-use .tile.blue{flex-direction:column;gap:1.5rem}
    .ivr-use .tile.blue .txt{flex:none}
  }
  @media (prefers-reduced-motion:reduce){
    .ivr-use *{animation:none!important;transition:none!important}
    .ivr-use .tile{opacity:1!important;transform:none!important}
  }



  .head h2 {
    font-weight: 700;
    font-size: clamp(1.7rem, 3vw, 2.1rem);
   color: #002159;
    
} 



  .ivr-essential{background:#fff;color:#111;padding:0rem 0 6rem}
  .ivr-essential .head{text-align:center;font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.35;max-width:520px;margin:0 auto 2.6rem;     color: #002159;}
  .ivr-essential .head .w{display:inline-block;transition:color .3s, transform .3s}
  .ivr-essential .head .w:hover{color:#0036da;transform:translateY(-4px)}
 
  /* bordered 3 x 2 grid */
  .ivr-essential .grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e1e3ea;border-left:1px solid #e1e3ea}
  .ivr-essential .cell{position:relative;overflow:hidden;padding:40px 40px 44px;border-right:1px solid #e1e3ea;border-bottom:1px solid #e1e3ea;background:#fff;
    opacity:0;transform:translateY(50px);
    transition:opacity .8s ease calc(var(--c,0)*.12s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--c,0)*.12s), background .4s, box-shadow .4s}
  .ivr-essential .cell.in{opacity:1;transform:none}
  .ivr-essential .cell.in:hover{background:#f5f8ff;box-shadow:inset 0 0 0 1px #0036da;transition-delay:0s,0s,0s,0s}
  .ivr-essential .cell::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:#0036da;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .ivr-essential .cell:hover::after{transform:scaleX(1)}
 
  .ivr-essential .ico{width:64px;height:64px;object-fit:contain;display:block;margin-bottom:3.2rem;transition:transform .5s cubic-bezier(.2,.9,.3,1.5)}
  .ivr-essential .cell:hover .ico{transform:rotate(-10deg) scale(1.2)}
  .ivr-essential h3{font-size:1.35rem;font-weight:600;margin:0 0 .8rem;transition:color .3s, transform .3s}
  .ivr-essential .cell:hover h3{color:#0036da;transform:translateX(6px)}
  .ivr-essential p{color:#767680;line-height:1.6;margin:0;font-size:1rem}
 
  @media (max-width:991.98px){.ivr-essential .grid{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:575.98px){.ivr-essential .grid{grid-template-columns:1fr}.ivr-essential .cell{padding:30px 24px}.ivr-essential .ico{margin-bottom:2rem}}
  @media (prefers-reduced-motion:reduce){
    .ivr-essential *{transition:none!important}
    .ivr-essential .cell{opacity:1!important;transform:none!important}
  }



  
  .sg-ai-ivr{--page:#051340;--card:#162a63;position:relative;overflow:hidden;background:var(--page);color:#fff;padding:6rem 0 0}
 
  /* ---------- left visual ---------- */
  .sg-ai-ivr .art{position:relative;min-height:660px}
  .sg-ai-ivr .px{position:absolute}
  .sg-ai-ivr .px img{display:block;width:100%;height:auto;opacity:0}
  .sg-ai-ivr .woman{left:0;bottom:-10px;width:max(500px,82%)}
  .sg-ai-ivr .micc{left:min(385px,76%);top:80px;width:72px}
  .sg-ai-ivr .arrow{left:min(325px,64%);top:138px;width:64px}
  .sg-ai-ivr.in .woman img{animation:sgai-rise 1.1s cubic-bezier(.2,.8,.2,1) .2s forwards}
  .sg-ai-ivr.in .micc img{animation:sgai-pop .8s cubic-bezier(.2,.9,.3,1.3) 1s forwards, sgai-wiggle 3.2s ease-in-out 1.8s infinite}
  .sg-ai-ivr.in .arrow img{animation:sgai-draw 1s ease .7s forwards}
  .sg-ai-ivr .px img{transition:scale .4s cubic-bezier(.2,.9,.3,1.4)}
  .sg-ai-ivr .micc img:hover{scale:1.2}
  @keyframes sgai-rise{from{opacity:0;transform:translateY(90px)}to{opacity:1;transform:none}}
  @keyframes sgai-pop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
  @keyframes sgai-wiggle{0%,100%{opacity:1;transform:rotate(0)}25%{opacity:1;transform:rotate(-8deg)}75%{opacity:1;transform:rotate(8deg)}}
  @keyframes sgai-draw{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
 
  /* ---------- right text ---------- */
  .sg-ai-ivr h2{font-weight:700;font-size:clamp(1.8rem,3vw,2.1rem);margin:0 0 .7rem}
  .sg-ai-ivr h2 .w{display:inline-block;transition:color .3s, transform .3s}
  .sg-ai-ivr h2 .w:hover{color:#5b8bff;transform:translateY(-4px)}
  .sg-ai-ivr .lead-t{font-size:.98rem;line-height:1.5;margin:0 0 2rem;max-width:760px}
 
  .sg-ai-ivr .rv{opacity:0;transform:translateY(34px);transition:opacity .8s ease calc(var(--d,0)*1s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--d,0)*1s)}
  .sg-ai-ivr.in .rv{opacity:1;transform:none}
 
  /* cards with the notched icon corner */
  .sg-ai-ivr .fcard{position:relative;height:100%;min-height:190px;background:var(--card);border-radius:22px;padding:34px 30px 30px}
  .sg-ai-ivr.in .fcard.rv{transition:opacity .8s ease calc(var(--d,0)*1s), transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, background .4s}
  .sg-ai-ivr.in .fcard.rv:hover{transform:translateY(-10px);background:#1d3478;box-shadow:0 22px 40px rgba(0,0,0,.4);transition-delay:0s}
  .sg-ai-ivr .fcard h3{font-size:1.3rem;font-weight:600;line-height:1.2;margin:0 0 1.3rem;max-width:62%}
  .sg-ai-ivr .fcard p{margin:0;line-height:1.55;font-size:.98rem}
 
  .sg-ai-ivr .notch{position:absolute;top:0;right:39px;width:71px;height:81px;background:var(--page);border-radius:0 0 20px 20px}
  .sg-ai-ivr .notch::before,.sg-ai-ivr .notch::after{content:"";position:absolute;top:0;width:20px;height:20px}
  .sg-ai-ivr .notch::before{left:-20px;background:radial-gradient(circle at 0 100%,var(--card) 19.5px,var(--page) 20.5px)}
  .sg-ai-ivr .notch::after{right:-20px;background:radial-gradient(circle at 100% 100%,var(--card) 19.5px,var(--page) 20.5px)}
  .sg-ai-ivr .tile{position:absolute;top:10px;right:45px;width:60px;height:60px;background:#fff;border-radius:10px;display:grid;place-items:center;
    transition:transform .5s cubic-bezier(.2,.9,.3,1.5), box-shadow .4s}
  .sg-ai-ivr .tile img{width:38px;height:38px;object-fit:contain}
  .sg-ai-ivr .fcard:hover .tile{transform:rotate(-10deg) scale(1.15);box-shadow:0 10px 20px rgba(91,139,255,.5)}
  .sg-ai-ivr .fcard:hover .notch,.sg-ai-ivr .fcard:hover .notch::before,.sg-ai-ivr .fcard:hover .notch::after{transition:none}
 
  @media (max-width:991.98px){
    .sg-ai-ivr{padding-top:3.5rem}
    .sg-ai-ivr .art{min-height:520px;order:2}
    .sg-ai-ivr .woman{left:0;right:0;margin:0 auto;width:min(340px,80%)}
    .sg-ai-ivr .micc{left:auto;right:8%;top:40px;width:56px}
    .sg-ai-ivr .arrow{display:none}
    .sg-ai-ivr .info{padding-bottom:1rem}
  }
  @media (prefers-reduced-motion:reduce){
    .sg-ai-ivr *{animation:none!important;transition:none!important}
    .sg-ai-ivr .rv,.sg-ai-ivr .px img{opacity:1!important;transform:none!important}
  }

  .fcard:hover .notch::before {
    background: radial-gradient(circle at 0 100%, #1d3478 19.5px, var(--page) 20.5px);
}
  .fcard:hover .notch::after {
    background: radial-gradient(circle at 100% 100%, #1d3478 19.5px, var(--page) 20.5px);
}



  .ivr-auto{background:#fff;color:#0d1240;padding:6rem 0 2rem}
  .ivr-auto .head{text-align:center;font-weight:700;font-size:clamp(1.7rem,3vw,2.1rem);margin:0 0 3rem}
  .ivr-auto .head .w{display:inline-block;transition:color .3s, transform .3s}
  .ivr-auto .head .w:hover{color:#0036da;transform:translateY(-4px)}
 
  .ivr-auto .box{position:relative;overflow:hidden;height:100%;min-height:410px;display:flex;flex-direction:column;justify-content:space-between;
    background:#f7f8f8;border:1px solid transparent;border-radius:22px;padding:38px 38px 36px;
    opacity:0;transform:translateY(60px);
    transition:opacity .8s ease calc(var(--c,0)*.15s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--c,0)*.15s), box-shadow .4s, background .4s, border-color .4s}
  .ivr-auto .box.in{opacity:1;transform:none}
  .ivr-auto .box.in:hover{transform:translateY(-10px);background:#fff;border-color:#0036da;box-shadow:0 24px 44px rgba(0,54,218,.14);transition-delay:0s,0s,0s,0s,0s}
  .ivr-auto .box::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:#0036da;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .ivr-auto .box:hover::after{transform:scaleX(1)}
 
  .ivr-auto .ico{width:62px;height:62px;object-fit:contain;display:block;margin-bottom:3rem;transition:transform .5s cubic-bezier(.2,.9,.3,1.5)}
  .ivr-auto .box:hover .ico{transform:rotate(-10deg) scale(1.2)}
  .ivr-auto h3{font-size:1.3rem;font-weight:600;line-height:1.3;max-width:78%;margin:0 0 .8rem;transition:color .3s}
  .ivr-auto .box:hover h3{color:#0036da}
  .ivr-auto p{color:#6e7080;line-height:1.65;margin:0;font-size:1rem}
 
  @media (max-width:991.98px){.ivr-auto .box{min-height:0;gap:2rem}}
  @media (prefers-reduced-motion:reduce){
    .ivr-auto *{transition:none!important}
    .ivr-auto .box{opacity:1!important;transform:none!important}
  }




  .rgl-sec{
    --rgl-ink:#0b1a4a;
    --rgl-blue:#0033dd;
    --rgl-edge:#d8dcf8;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:var(--rgl-ink);
    background:#fff;padding:30px 10px;
  }
  .rgl-sec .rgl-wrap{width:100%;max-width:1320px;margin:0 auto}
 
  /* Bada frame */
  .rgl-sec .rgl-frame{border:1px solid var(--rgl-edge);border-radius:30px;padding:56px 40px 48px;background:#fff}
 
  .rgl-sec .rgl-head{text-align:center;margin-bottom:50px}
  .rgl-sec .rgl-title{    font-size: clamp(1.8rem, 3.2vw, 2.4rem);
    font-weight: 700;
    line-height: 1.4;
    max-width: 450px;
    margin: 0 auto 10px;
    padding: 0;
    color: var(--rgl-ink);}
  .rgl-sec .rgl-sub{font-size:1.02rem;margin:0;padding:0;color:#3f4a6e}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .rgl-sec.rgl-js .rgl-head .rgl-rise{opacity:0;transform:translateY(40px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--rgl-d,0ms)}
  .rgl-sec.rgl-js .rgl-head .rgl-rise.rgl-in{opacity:1;transform:none}
  .rgl-sec.rgl-js .rgl-card.rgl-rise{opacity:0;transform:translateY(56px) scale(.96)}
  .rgl-sec.rgl-js .rgl-card.rgl-in{opacity:1;transform:none}
 
  .rgl-sec .rgl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:31px;padding:0 1px}
 
  /* Card */
  .rgl-sec .rgl-card{
    position:relative;overflow:hidden;min-height:198px;padding:20px 20px 22px;
    background:#fff;border:1px solid var(--rgl-edge);border-radius:22px;color:var(--rgl-ink);cursor:pointer;outline:0;
    transition:opacity .75s ease var(--rgl-d,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--rgl-d,0ms),
               background .45s ease,border-color .45s ease,color .45s ease,box-shadow .45s ease;
  }
  .rgl-sec .rgl-card.rgl-in{transition:opacity .75s ease var(--rgl-d,0ms),transform .45s cubic-bezier(.2,.8,.2,1),
               background .45s ease,border-color .45s ease,color .45s ease,box-shadow .45s ease}
  .rgl-sec .rgl-card::before{ /* mouse glow */
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
    background:radial-gradient(240px circle at var(--rgl-mx,50%) var(--rgl-my,30%),rgba(0,51,221,.08),transparent 60%);
  }
  .rgl-sec .rgl-card:hover::before{opacity:1}
  .rgl-sec .rgl-card > *{position:relative}
  .rgl-sec .rgl-card:hover{transform:translateY(-8px)}
 
  /* Active (blue) card */
  .rgl-sec .rgl-card.rgl-on{background:var(--rgl-blue);border-color:var(--rgl-blue);color:#fff;box-shadow:0 18px 36px rgba(0,51,221,.32)}

  
  .rgl-sec .rgl-card.rgl-on::before{background:radial-gradient(240px circle at var(--rgl-mx,50%) var(--rgl-my,30%),rgba(255,255,255,.14),transparent 60%)}
 
  .rgl-sec .rgl-ico{
    display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:6px;margin-bottom:34px;
    background:#eceefb;color:var(--rgl-blue);
    transition:background .45s ease,color .45s ease,transform .5s cubic-bezier(.3,1.6,.5,1);
  }
  .rgl-sec .rgl-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .rgl-sec .rgl-card.rgl-on .rgl-ico{background:#fff;color:var(--rgl-blue)}
  .rgl-sec .rgl-card:hover .rgl-ico{transform:scale(1.12) rotate(-8deg)}
 
  .rgl-sec .rgl-name{font-size:1.3rem;font-weight:600;line-height:1.3;margin:0 0 8px;padding:0;color:inherit}
  .rgl-sec .rgl-text{font-size:.98rem;line-height:1.35;margin:0;padding:0;color:#7b7b8f;transition:color .45s ease}
  .rgl-sec .rgl-card.rgl-on .rgl-text{color:#fff}
 
  /* Tablet / Mobile */
  @media (max-width:1199.98px){
    .rgl-sec .rgl-grid{gap:20px}
    .rgl-sec .rgl-frame{padding:46px 28px 40px}
  }
  @media (max-width:991.98px){
    .rgl-sec .rgl-grid{grid-template-columns:repeat(2,1fr)}
    .rgl-sec .rgl-ico{margin-bottom:26px}
  }
  @media (max-width:575.98px){
    .rgl-sec{padding:20px 10px}
    .rgl-sec .rgl-frame{padding:36px 16px 28px;border-radius:24px}
    .rgl-sec .rgl-head{margin-bottom:30px}
    .rgl-sec .rgl-grid{grid-template-columns:1fr;gap:16px}
    .rgl-sec .rgl-card{min-height:0}
    .rgl-sec .rgl-card:hover{transform:none}
  }
  @media (prefers-reduced-motion:reduce){
    .rgl-sec *{transition:none!important;animation:none!important}
    .rgl-sec.rgl-js .rgl-rise{opacity:1;transform:none}
  }



  
  .ameyo-why{--navy:#0a0f3d;--blue:#0036da;background:#fff;color:var(--navy);padding:4rem 0 4.5rem;overflow:hidden}
  .ameyo-why .head{text-align:center;max-width:680px;margin:0 auto 3rem}
  .ameyo-why h2{font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.35;margin:0 0 .8rem}
  .ameyo-why h2 .w{display:inline-block;transition:color .3s, transform .3s}
  .ameyo-why h2 .w:hover{color:var(--blue);transform:translateY(-4px)}
  .ameyo-why .head p{margin:0;font-size:.98rem;color:#2d3057}
 
  /* slider: left edge lines up with the container, right side bleeds to the screen edge */
  .ameyo-why .slider{margin-right:calc((100% - 100vw)/2);overflow:hidden;padding:12px 0 18px;cursor:grab;outline:0;touch-action:pan-y}
  .ameyo-why .slider.drag{cursor:grabbing}
  .ameyo-why .track{display:flex;gap:30px;width:max-content;transition:transform .7s cubic-bezier(.2,.8,.2,1);will-change:transform}
  .ameyo-why .slider.drag .track{transition:none}
 
  .ameyo-why .item{flex:0 0 var(--cw,305px);width:var(--cw,305px);min-height:362px;background:#fff;border:1px solid #dfe0fb;border-radius:24px;padding:30px;user-select:none;
    opacity:0;transform:translateX(90px);
    transition:opacity .8s ease calc(var(--i)*.12s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.12s), box-shadow .4s, border-color .4s}
  .ameyo-why.in .item{opacity:1;transform:none}
  .ameyo-why.in .item:hover{transform:translateY(-10px);border-color:var(--blue);box-shadow:0 22px 40px rgba(0,54,218,.15);transition-delay:0s}
  .ameyo-why .ico{width:72px;height:72px;border-radius:50%;background:#ececf8;display:grid;place-items:center;margin-bottom:1.6rem;transition:background .4s, transform .5s cubic-bezier(.2,.9,.3,1.5)}
  .ameyo-why .ico img{width:38px;height:38px;object-fit:contain;pointer-events:none;transition:filter .4s}
  .ameyo-why .item:hover .ico{background:var(--blue);transform:rotate(-10deg) scale(1.1)}
  .ameyo-why .item:hover .ico img{filter:brightness(0) invert(1)}
  .ameyo-why h3{font-size:1.28rem;font-weight:600;line-height:1.25;margin:0 0 .9rem}
  .ameyo-why .item p{margin:0;font-size:.95rem;line-height:1.55;color:#40475B}
 
  /* arrows */
  .ameyo-why .nav{display:flex;gap:15px;margin-top:.6rem}
  .ameyo-why .nav button{width:60px;height:60px;border:0;border-radius:50%;background:#ececf8;color:var(--blue);font-size:1.6rem;display:grid;place-items:center;cursor:pointer;
    transition:background .3s, color .3s, transform .3s, box-shadow .3s}
  .ameyo-why .nav button.on,.ameyo-why .nav button:hover{background:var(--blue);color:#fff}
  .ameyo-why .nav button:hover{transform:scale(1.1);box-shadow:0 10px 20px rgba(0,54,218,.35)}
  .ameyo-why .nav button:active{transform:scale(.94)}
  .ameyo-why .nav button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
 
  @media (max-width:575.98px){.ameyo-why{--cw:78vw}.ameyo-why .track{gap:18px}.ameyo-why .item{min-height:0}}
  @media (prefers-reduced-motion:reduce){
    .ameyo-why *{transition:none!important}
    .ameyo-why .item{opacity:1!important;transform:none!important}
  }

  
  .cloud-cc-why{background:#051340;color:#fff;padding:5rem 0 5.5rem;overflow:hidden}
  .cloud-cc-why .head{text-align:center;font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.35;max-width:600px;margin:0 auto 4rem}
  .cloud-cc-why .head .w{display:inline-block;transition:color .3s, transform .3s}
  .cloud-cc-why .head .w:hover{color:#5b8bff;transform:translateY(-4px)}
 
  /* image */
  .cloud-cc-why .visual{display:block;width:100%;max-width:540px;height:auto;margin:0 auto;opacity:0;transform:translateX(-90px);
    transition:opacity 1s ease, transform 1s cubic-bezier(.2,.8,.2,1), filter .5s}
  .cloud-cc-why.in .visual{opacity:1;transform:none}
  .cloud-cc-why.in .visual:hover{filter:drop-shadow(0 20px 40px rgba(60,120,255,.35))}
  .cloud-cc-why .vwrap{animation:ccw-float 6s ease-in-out infinite}
  @keyframes ccw-float{50%{transform:translateY(-12px)}}
 
  /* accordion (Bootstrap collapse + custom skin) */
  .cloud-cc-why .accordion{display:flex;flex-direction:column;gap:16px}
  .cloud-cc-why .acc-item{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;overflow:hidden;
    opacity:0;transform:translateX(70px);
    transition:opacity .8s ease calc(var(--i)*.13s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.13s), border-color .3s, background .3s}
  .cloud-cc-why.in .acc-item{opacity:1;transform:none}
  .cloud-cc-why.in .acc-item:hover{border-color:rgba(91,139,255,.9);transition-delay:0s,0s,0s,0s}
  .cloud-cc-why .acc-item.open{background:rgba(255,255,255,.04);border-color:rgba(91,139,255,.7)}
 
  .cloud-cc-why .accordion-button,
  .cloud-cc-why .accordion-button:not(.collapsed){background:transparent;color:#fff;box-shadow:none;display:flex;align-items:center;gap:20px;padding:16px 20px;border:0;font-family:inherit}
  .cloud-cc-why .accordion-button::after{display:none}
  .cloud-cc-why .acc-ico{flex:none;width:55px;height:55px;border-radius:50%;background:#fff;display:grid;place-items:center;transition:transform .5s cubic-bezier(.2,.9,.3,1.5), box-shadow .4s}
  .cloud-cc-why .acc-ico img{width:30px;height:30px;object-fit:contain}
  .cloud-cc-why .acc-item:hover .acc-ico{transform:rotate(-12deg) scale(1.12);box-shadow:0 8px 18px rgba(91,139,255,.5)}
  .cloud-cc-why .acc-title{flex:1;text-align:left;font-size:1.3rem;font-weight:600}
 
  /* plus -> cross */
  .cloud-cc-why .plus{flex:none;position:relative;width:50px;height:50px;border:1.5px solid #fff;border-radius:50%;transition:transform .4s cubic-bezier(.2,.9,.3,1.4), background .3s}
  .cloud-cc-why .plus::before,.cloud-cc-why .plus::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2px;margin:-1px 0 0 -10px;background:#fff;border-radius:2px;transition:transform .4s, background .3s}
  .cloud-cc-why .plus::after{transform:rotate(90deg)}
  .cloud-cc-why .accordion-button:hover .plus{background:rgba(255,255,255,.12)}
  .cloud-cc-why .accordion-button:not(.collapsed) .plus{transform:rotate(180deg);background:#2457ff;border-color:#2457ff}
  .cloud-cc-why .accordion-button:not(.collapsed) .plus::after{transform:rotate(0)}
  .cloud-cc-why .accordion-button:focus-visible{outline:3px solid #5b8bff;outline-offset:-3px}
 
  .cloud-cc-why .accordion-body{padding:22px 20px 26px;border-top:1px solid rgba(255,255,255,.2);font-size:.98rem;line-height:1.7}
  .cloud-cc-why .accordion-collapse.show .accordion-body{animation:ccw-in .6s ease both}
  @keyframes ccw-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
 
  @media (max-width:991.98px){.cloud-cc-why{padding:4rem 0}.cloud-cc-why .head{margin-bottom:2.5rem}}
  @media (max-width:575.98px){.cloud-cc-why .acc-title{font-size:1.1rem}.cloud-cc-why .acc-ico{width:46px;height:46px}.cloud-cc-why .accordion-button{gap:14px;padding:14px}}
  @media (prefers-reduced-motion:reduce){
    .cloud-cc-why *{animation:none!important;transition:none!important}
    .cloud-cc-why .visual,.cloud-cc-why .acc-item{opacity:1!important;transform:none!important}
  }

  .wyw-sec-tow{
    padding: 6rem 0 3rem !important;
  }

  .wlb-sec-tow{
    padding: 4rem 0 6rem !important;
  }


  
  .cc-feat{--line:#b9c9f3;--blue:#2457ff;background:#f5f8ff;color:#000;padding:6rem 0 6rem}
  .cc-feat .head{text-align:center;font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.4;color:#0b2255;max-width:600px;margin:0 auto 3.5rem}
  .cc-feat .head .w{display:inline-block;transition:color .3s, transform .3s}
  .cc-feat .head .w:hover{color:var(--blue);transform:translateY(-4px)}
 
  /* expanding panels */
  .cc-feat .row-x{display:flex;height:430px}
  .cc-feat .panel{position:relative;overflow:hidden;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;
    background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px 22px;cursor:pointer;outline:0;
    opacity:0;transform:translateY(60px);
    transition:flex-grow .7s cubic-bezier(.2,.8,.2,1), background .5s, box-shadow .5s,
               opacity .8s ease calc(var(--i)*.1s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.1s)}
  .cc-feat.in .panel{opacity:1;transform:none}
  .cc-feat .panel.active{flex-grow:2.2;background:linear-gradient(180deg,#fff 0%,#f1f5fd 100%);box-shadow:0 18px 40px rgba(36,87,255,.12)}
  .cc-feat .panel:not(.active):hover{background:#fafcff}
  .cc-feat .panel:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
 
  .cc-feat .num-t{font-family:'Anton',Impact,sans-serif;font-size:3.1rem;line-height:1;letter-spacing:1px;color:transparent;-webkit-text-stroke:1.5px #b4b4b8;
    transition:-webkit-text-stroke-color .5s, color .5s, transform .5s cubic-bezier(.2,.9,.3,1.4);will-change:transform}
  .cc-feat .panel:hover .num-t{transform:translateY(-4px) scale(1.06)}
  .cc-feat .panel.active .num-t{-webkit-text-stroke-color:var(--blue);color:rgba(36,87,255,.08)}
 
  .cc-feat .bd{width:100%;min-width:0}
  .cc-feat h3{font-size:1.28rem;font-weight:600;line-height:1.25;margin:0;color:#000;transition:color .3s}
  .cc-feat .panel:hover h3,.cc-feat .panel.active h3{color:var(--blue)}
  .cc-feat .desc{margin:0;max-height:0;opacity:0;overflow:hidden;color:#3b3f5c;font-size:.98rem;line-height:1.6;
    transition:max-height .7s ease, opacity .4s ease, margin .5s}
  .cc-feat .panel.active .desc{max-height:200px;opacity:1;margin-top:.8rem;transition:max-height .7s ease, opacity .6s ease .25s, margin .5s}
 
  /* small screens: stacked accordion */
  @media (max-width:767.98px){
    .cc-feat .row-x{flex-direction:column;height:auto;gap:12px}
    .cc-feat .panel{flex:none;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px;border-radius:14px;min-height:84px;padding:16px 20px}
    .cc-feat .num-t{font-size:2.4rem}
    .cc-feat .bd{flex:1}
    .cc-feat .panel.active .desc{max-height:260px}
  }
  @media (prefers-reduced-motion:reduce){
    .cc-feat *{transition:none!important}
    .cc-feat .panel{opacity:1!important;transform:none!important}
  }

  .ivr-essential-tow{padding:100px 0px 0px !important;}


  .wabiz-api-hero-thr .brand.right {
    right: 10%;
    top: 42rem;
}

.wabiz-api-hero-thr .brand img{filter:none}



  .sms-benefits{--navy:#0a1445;--blue:#0036da;background:#fff;color:var(--navy);padding:4.5rem 0 5rem}
 
  /* 4-column grid: intro spans two columns on the first row */
  .sms-benefits .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
  .sms-benefits .intro{grid-column:span 2}
 
  .sms-benefits .pill{display:inline-block;padding:.5rem 1.5rem;border-radius:50px;background:#e6edff;border:1px solid #c7d5fb;color:var(--blue);font-weight:500;
    transition:transform .3s, box-shadow .3s}
  .sms-benefits .pill:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 18px rgba(0,54,218,.2)}
  .sms-benefits h2{font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.35;max-width:520px;margin:1rem 0 0}
  .sms-benefits h2 .w{display:inline-block;transition:color .3s, transform .3s}
  .sms-benefits h2 .w:hover{color:var(--blue);transform:translateY(-4px)}
 
  .sms-benefits .intro > *{opacity:0;transform:translateX(-60px);transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1)}
  .sms-benefits .intro > h2{transition-delay:.15s}
  .sms-benefits.in .intro > *{opacity:1;transform:none}
 
  .sms-benefits .card-x{position:relative;overflow:hidden;min-height:266px;background:#fff;border:1px solid #dfe3f6;border-radius:16px;padding:30px;
    opacity:0;transform:translateY(60px);
    transition:opacity .8s ease calc(var(--i)*.1s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.1s), box-shadow .4s, border-color .4s}
  .sms-benefits.in .card-x{opacity:1;transform:none}
  .sms-benefits.in .card-x:hover{transform:translateY(-10px);border-color:var(--blue);box-shadow:0 22px 40px rgba(0,54,218,.14);transition-delay:0s}
  .sms-benefits .card-x::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .sms-benefits .card-x:hover::after{transform:scaleX(1)}
 
  .sms-benefits .ico{width:56px;height:56px;object-fit:contain;display:block;margin-bottom:2.2rem;transition:transform .5s cubic-bezier(.2,.9,.3,1.5)}
  .sms-benefits .card-x:hover .ico{transform:rotate(-10deg) scale(1.2)}
  .sms-benefits h3{font-size:1.28rem;font-weight:600;margin:0 0 .7rem;transition:color .3s, transform .3s}
  .sms-benefits .card-x:hover h3{color:var(--blue);transform:translateX(5px)}
  .sms-benefits .card-x p{margin:0;color:#74778a;line-height:1.65;font-size:1rem}
 
  @media (max-width:991.98px){
    .sms-benefits .grid{grid-template-columns:repeat(2,1fr);gap:20px}
    .sms-benefits .intro{grid-column:span 2;margin-bottom:.5rem}
    .sms-benefits .card-x{min-height:0}
  }
  @media (max-width:575.98px){
    .sms-benefits .grid{grid-template-columns:1fr}
    .sms-benefits .intro{grid-column:auto}
  }
  @media (prefers-reduced-motion:reduce){
    .sms-benefits *{transition:none!important}
    .sms-benefits .intro > *,.sms-benefits .card-x{opacity:1!important;transform:none!important}
  }


  
  .sms-stats{--navy:#0a1445;background:#fff;color:var(--navy);padding:1.5rem 0 6rem}
  .sms-stats .head{text-align:center;font-weight:700;font-size:clamp(1.6rem,2.8vw,2rem);line-height:1.4;max-width:560px;margin:0 auto 2.6rem}
  .sms-stats .head .w{display:inline-block;transition:color .3s, transform .3s}
  .sms-stats .head .w:hover{color:#2a6bf0;transform:translateY(-4px)}
 
  /* bento grid */
  .sms-stats .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.56fr);gap:30px}
  .sms-stats .right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 1fr;gap:30px}
  .sms-stats .wide{grid-column:span 2}
 
  .sms-stats .box{position:relative;overflow:hidden;border-radius:24px;padding:40px 40px;
    opacity:0;transform:translateY(60px);
    transition:opacity .8s ease calc(var(--i)*.13s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.13s), box-shadow .4s}
  .sms-stats.in .box{opacity:1;transform:none}
  .sms-stats.in .box:hover{transform:translateY(-10px);box-shadow:0 24px 44px rgba(42,107,240,.18);transition-delay:0s}
  .sms-stats .b-left{background:#e6eafb;border:1px solid #a9b8ee;min-height:618px}
  .sms-stats .b-wa{background:#fff;border:1px solid #cdd7f6;display:flex;flex-direction:column;justify-content:center}
  .sms-stats .b-mint{background:#ecfcf6}
  .sms-stats .b-lav{background:#f4eafd}
 
  .sms-stats .num-p{display:block;font-size:clamp(2.8rem,5vw,4.1rem);font-weight:700;line-height:1.1;letter-spacing:-.5px;
    background:linear-gradient(90deg,#a03ff0,#2a6bf0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  .sms-stats .lbl{margin:.2rem 0 0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:600}
 
  /* images */
  .sms-stats .box img{position:absolute;display:block;height:auto;transition:scale .5s cubic-bezier(.2,.9,.3,1.4), filter .5s}
  .sms-stats .man{left:8%;bottom:-23px;width:76%;animation:sms-bob 5s ease-in-out infinite}
  .sms-stats .box:hover .man{scale:1.04}
  .sms-stats .wa{right:48px;top:50%;margin-top:-56px;width:112px;animation:sms-ring 3.5s ease-in-out infinite}
  .sms-stats .box:hover .wa{scale:1.2;filter:drop-shadow(0 10px 18px rgba(30,170,40,.45))}
  .sms-stats .faint{right:24px;bottom:30px;width:180px;opacity:.55;animation:sms-bob 6s ease-in-out infinite}
  .sms-stats .box:hover .faint{scale:1.12;opacity:.9}
  @keyframes sms-bob{50%{transform:translateY(-10px)}}
  @keyframes sms-ring{0%,100%{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}
 
  @media (max-width:991.98px){
    .sms-stats .grid{grid-template-columns:1fr;gap:20px}
    .sms-stats .right{gap:20px;grid-template-rows:auto}
    .sms-stats .b-left{min-height:560px}
    .sms-stats .b-wa{min-height:200px}
  }
  @media (max-width:575.98px){
    .sms-stats .right{grid-template-columns:1fr}
    .sms-stats .wide{grid-column:auto}
    .sms-stats .box{padding:30px 26px}
    .sms-stats .b-mint,.sms-stats .b-lav{min-height:220px}
    .sms-stats .wa{width:80px;right:26px;margin-top:-40px}
  }
  @media (prefers-reduced-motion:reduce){
    .sms-stats *{animation:none!important;transition:none!important}
    .sms-stats .box{opacity:1!important;transform:none!important}
  }




  
  .sms-steps{--page:#051340;--card:#172a62;--blue:#0b36d6;background:var(--page);color:#fff;padding:6rem 0 6.5rem}
  .sms-steps .head{text-align:center;font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.4;max-width:600px;margin:0 auto 3.5rem}
  .sms-steps .head .w{display:inline-block;transition:color .3s, transform .3s}
  .sms-steps .head .w:hover{color:#5b8bff;transform:translateY(-4px)}
 
  .sms-steps .wrap{max-width:1112px;margin:0 auto}
  .sms-steps .step{display:flex;gap:30px;margin-bottom:30px}
  .sms-steps .step:last-child{margin-bottom:0}
  .sms-steps .step.rev{flex-direction:row-reverse}
 
  /* reveal: rows slide in from alternating sides */
  .sms-steps .step{opacity:0;transform:translateX(-90px);transition:opacity .9s ease, transform .9s cubic-bezier(.2,.8,.2,1)}
  .sms-steps .step.rev{transform:translateX(90px)}
  .sms-steps .step.in{opacity:1;transform:none}
 
  /* number tile */
  .sms-steps .tile{flex:none;width:150px;height:150px;background:#fff;border-radius:10px;display:grid;place-items:center;overflow:hidden;
    transition:transform .5s cubic-bezier(.2,.9,.3,1.5), box-shadow .4s}
  .sms-steps .no{font-family:'Montserrat',sans-serif;font-weight:800;font-size:5.5rem;line-height:1;letter-spacing:-3px;
    background:linear-gradient(180deg,var(--blue) 52%,rgba(11,54,214,0) 92%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
    transition:transform .5s cubic-bezier(.2,.9,.3,1.4)}
  .sms-steps .step:hover .tile{transform:rotate(-6deg) scale(1.06);box-shadow:0 14px 30px rgba(91,139,255,.45)}
  .sms-steps .step:hover .no{transform:scale(1.1)}
  .sms-steps .step.in .tile{animation:sms-pop .8s cubic-bezier(.2,.9,.3,1.4) .2s backwards}
  @keyframes sms-pop{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}
 
  /* card */
  .sms-steps .box{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;background:var(--card);border:1px solid transparent;border-radius:10px;padding:0 30px;
    transition:transform .4s cubic-bezier(.2,.8,.2,1), background .4s, border-color .4s, box-shadow .4s}
  .sms-steps .step:hover .box{transform:translateY(-6px);background:#1c3374;border-color:rgba(91,139,255,.7);box-shadow:0 18px 36px rgba(0,0,0,.35)}
  .sms-steps h3{font-size:1.45rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}
  .sms-steps p{margin:0;font-size:.98rem;line-height:1.5;max-width:880px}
 
  @media (max-width:767.98px){
    .sms-steps{padding:4rem 0}
    .sms-steps .step,.sms-steps .step.rev{flex-direction:column;gap:16px;margin-bottom:22px}
    .sms-steps .tile{width:100px;height:100px}
    .sms-steps .no{font-size:3.6rem}
    .sms-steps .box{padding:24px 22px}
    .sms-steps h3{font-size:1.2rem}
  }
  @media (prefers-reduced-motion:reduce){
    .sms-steps *{animation:none!important;transition:none!important}
    .sms-steps .step{opacity:1!important;transform:none!important}
  }


  
  .sms-enterprise{--navy:#0a1f5c;--blue:#2457ff;background:#f5f8ff;color:var(--navy);padding:6rem 0 6rem}
  .sms-enterprise .head{text-align:center;font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.4;max-width:680px;margin:0 auto 4.5rem}
  .sms-enterprise .head .w{display:inline-block;transition:color .3s, transform .3s}
  .sms-enterprise .head .w:hover{color:var(--blue);transform:translateY(-4px)}
 
  /* bento: 3 columns x 3 rows, two tall cards */
  .sms-enterprise .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:285px;gap:30px}
  .sms-enterprise .tall{grid-row:span 2}
 
  .sms-enterprise .card-x{position:relative;overflow:hidden;background:#fff;border:1px solid #dde3f5;border-radius:22px;padding:34px 30px;
    opacity:0;transform:translateY(60px);
    transition:opacity .8s ease calc(var(--i)*.1s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.1s), box-shadow .4s, border-color .4s}
  .sms-enterprise .card-x.in{opacity:1;transform:none}
  .sms-enterprise .card-x.in:hover{transform:translateY(-10px);border-color:var(--blue);box-shadow:0 24px 44px rgba(36,87,255,.15);transition-delay:0s}
 
  .sms-enterprise .ico{width:65px;height:65px;border:1px solid var(--navy);border-radius:10px;background:#fff;display:grid;place-items:center;margin-bottom:1.5rem;
    transition:transform .5s cubic-bezier(.2,.9,.3,1.5), background .3s, border-color .3s}
  .sms-enterprise .ico img{width:34px;height:34px;object-fit:contain;transition:filter .3s}
  .sms-enterprise .card-x:hover .ico{transform:rotate(-8deg) scale(1.12);background:var(--navy)}
  .sms-enterprise .card-x:hover .ico img{filter:brightness(0) invert(1)}
  .sms-enterprise h3{font-size:1.38rem;font-weight:600;line-height:1.3;margin:0 0 .6rem;transition:color .3s}
  .sms-enterprise .card-x:hover h3{color:var(--blue)}
  .sms-enterprise .card-x p{margin:0;color:#6f7388;line-height:1.55;font-size:1rem}
 
  /* people */
  .sms-enterprise .person{position:absolute;left:0;right:0;bottom:-35px;margin:0 auto;height:auto;display:block;transition:scale .6s cubic-bezier(.2,.8,.2,1);transform-origin:bottom center}
  .sms-enterprise .p-man{width:72%}
  .sms-enterprise .p-woman{width:76%}
  .sms-enterprise .card-x:hover .person{scale:1.05}
 
  @media (max-width:991.98px){
    .sms-enterprise .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:20px}
    .sms-enterprise .card-x{min-height:285px}
    .sms-enterprise .tall{grid-row:auto;min-height:560px}
  }
  @media (max-width:575.98px){
    .sms-enterprise .grid{grid-template-columns:1fr}
    .sms-enterprise .head{margin-bottom:3rem}
  }
  @media (prefers-reduced-motion:reduce){
    .sms-enterprise *{transition:none!important}
    .sms-enterprise .card-x{opacity:1!important;transform:none!important}
  }

  .sgaw-experts-box{padding-top:30px ;}


  .fqa-grid .sgtm-pill {
 display: inline-block;
    padding: 8px 24px;
    border: 1px solid #ffffff;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    transition: background .3s, color .3s, transform .3s;
    margin-bottom: 25px;
}





  .voice-types{--navy:#0a1445;--blue:#0036da;--line:#b9c9f3;background:#fff;color:var(--navy);padding:0.5rem 0 6rem}
  .voice-types .head{text-align:center;font-weight:700;font-size:clamp(1.7rem,3vw,2.1rem);margin:0 0 3rem}
  .voice-types .head .w{display:inline-block;transition:color .3s, transform .3s}
  .voice-types .head .w:hover{color:var(--blue);transform:translateY(-4px)}
 
  /* bordered grid: 3 columns, wide cells span 2 */
  .voice-types .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
  .voice-types .wide{grid-column:span 2}
 
  .voice-types .cell{position:relative;overflow:hidden;min-height:353px;display:flex;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;
    opacity:0;transform:translateY(50px);
    transition:opacity .8s ease calc(var(--i)*.12s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.12s), background .5s, box-shadow .5s}
  .voice-types .cell.in{opacity:1;transform:none}
  .voice-types .cell.in:hover{background:#f7f9ff;box-shadow:inset 0 0 0 1px var(--blue);transition-delay:0s}
  .voice-types .cell.has-img{background:linear-gradient(90deg,#fff 40%,#f6f8ff 100%)}
  .voice-types .cell.has-img.in:hover{background:linear-gradient(90deg,#fff 30%,#eef2ff 100%)}
  .voice-types .cell::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:2}
  .voice-types .cell:hover::after{transform:scaleX(1)}
 
  .voice-types .txt{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;flex:1 1 0;min-width:0;padding:34px 40px 36px}
  .voice-types .has-img .txt{flex:0 0 52%}
  .voice-types .ico{width:62px;height:62px;object-fit:contain;display:block;margin-bottom:1.5rem;transition:transform .5s cubic-bezier(.2,.9,.3,1.5)}
  .voice-types .cell:hover .ico{transform:rotate(-10deg) scale(1.2)}
  .voice-types h3{font-size:1.4rem;font-weight:600;line-height:1.3;margin:0 0 .7rem;transition:color .3s, transform .3s}
  .voice-types .cell:hover h3{color:var(--blue);transform:translateX(5px)}
  .voice-types .txt p{margin:0;color:#737689;line-height:1.65;font-size:1rem}
 
  .voice-types .pic{flex:1;position:relative;min-width:0}
  .voice-types .pic img{position:absolute;right:30px;bottom:0px;max-width:100%;max-height:100%;height:auto;display:block;
    transform-origin:bottom center;transition:scale .7s cubic-bezier(.2,.8,.2,1)}
  .voice-types .cell:hover .pic img{scale:1.05}
 
  @media (max-width:991.98px){
    .voice-types .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .voice-types .wide{grid-column:span 2}
    .voice-types .cell{min-height:300px}
  }
  @media (max-width:575.98px){
    .voice-types .grid{grid-template-columns:1fr}
    .voice-types .wide{grid-column:auto}
    .voice-types .cell.has-img{flex-direction:column}
    .voice-types .has-img .txt{flex:none;padding:28px 24px 10px}
    .voice-types .pic{flex:none;height:300px}
    .voice-types .pic img{left:0;margin:0 auto;max-height:100%}
    .voice-types .txt{padding:28px 24px}
  }
  @media (prefers-reduced-motion:reduce){
    .voice-types *{transition:none!important}
    .voice-types .cell{opacity:1!important;transform:none!important}
  }


  
  .vb-about{--blue:#0b36d6;background:#051340;color:#fff;padding:6rem 0}
 
  /* ---------- visual ---------- */
  .vb-about .visual{position:relative;max-width:500px;aspect-ratio:500/530;margin:0 0 0 0}
  .vb-about .photo{position:absolute;inset:0;overflow:hidden;clip-path:polygon(16% 0,100% 0,100% 85%,82% 100%,0 100%,0 19%);
    opacity:0;transform:translateX(-80px);transition:opacity 1s ease, transform 1s cubic-bezier(.2,.8,.2,1)}
  .vb-about.in .photo{opacity:1;transform:none}
  .vb-about .photo img{width:100%;height:100%;object-fit:cover;display:block;transition:scale 1s ease}
  .vb-about .visual:hover .photo img{scale:1.06}
 
  .vb-about .mic{position:absolute;left: 80%;top:26.8%;width:44.4%;border:4px solid #fff;border-radius:16px;overflow:hidden;z-index:2;
    opacity:0;transform:scale(.4);transition:opacity .7s ease .6s, transform .8s cubic-bezier(.2,.9,.3,1.3) .6s}
  .vb-about.in .mic{opacity:1;transform:none}
  .vb-about .mic img{display:block;width:100%;height:auto;transition:scale .6s ease}
  .vb-about .mic:hover img{scale:1.1}
  .vb-about .mic-f{animation:vb-float 5s ease-in-out 1.6s infinite}
 
  .vb-about .stat{position:absolute;left:-12%;top:68%;width:50.4%;z-index:3;background:#fff;color:#000;border:1px solid var(--blue);border-radius:8px;padding:16px 20px 14px;
    opacity:0;transform:translateY(40px);transition:opacity .7s ease .9s, transform .8s cubic-bezier(.2,.8,.2,1) .9s}
  .vb-about.in .stat{opacity:1;transform:none}
  .vb-about .stat-f{animation:vb-float 6s ease-in-out 2s infinite}
  .vb-about .stat b{display:block;font-size:1.05rem;font-weight:600}
  .vb-about .stat .n{display:block;font-size:2rem;font-weight:700;line-height:1.15;color:var(--blue)}
  .vb-about .stat small{display:block;margin-top:1.1rem;font-size:.8rem}
  .vb-about .stat .u{position:absolute;right:18px;top:18px;width:50px;height:50px;border-radius:12px;background:#e6ebfb;border:1px solid #b9c6f5;color:var(--blue);display:grid;place-items:center;font-size:1.4rem;
    transition:transform .5s cubic-bezier(.2,.9,.3,1.5), background .3s, color .3s}
  .vb-about .stat:hover .u{transform:rotate(-10deg) scale(1.15);background:var(--blue);color:#fff}
  @keyframes vb-float{50%{transform:translateY(-10px)}}
 
  /* ---------- text ---------- */
  .vb-about .rv{opacity:0;transform:translateX(60px);transition:opacity .8s ease calc(var(--d,0)*1s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--d,0)*1s)}
  .vb-about.in .rv{opacity:1;transform:none}
  .vb-about h2{font-weight:700;font-size:clamp(1.8rem,3vw,2.2rem);line-height:1.3;max-width:420px;margin:0 0 1rem}
  .vb-about h2 .w{display:inline-block;transition:color .3s, transform .3s}
  .vb-about h2 .w:hover{color:#5b8bff;transform:translateY(-4px)}
  .vb-about .lead-t{font-size:1rem;line-height:1.6;max-width:590px;margin:0 0 2rem}
 
  .vb-about .checks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 20px;max-width:590px}
  .vb-about .checks li{display:flex;align-items:center;gap:14px;font-weight:600;font-size:.98rem;cursor:default;transition:transform .3s, color .3s}
  .vb-about .checks li img{flex:none;width:28px;height:28px;object-fit:contain;transition:transform .5s cubic-bezier(.2,.9,.3,1.5)}
  .vb-about .checks li:hover{transform:translateX(6px);color:#8fb0ff}
  .vb-about .checks li:hover img{transform:rotate(360deg) scale(1.15)}
  .vb-about hr{max-width:590px;border:0;border-top:1px solid rgba(255,255,255,.18);opacity:1;margin:2.2rem 0 2.6rem}
 
  .vb-about .btn-demo{display:inline-block;background:#0b36d6;color:#fff;font-weight:600;font-size:1.05rem;padding:.9rem 1.4rem;border-radius:4px;text-decoration:none;
    transition:transform .3s, box-shadow .3s, background .3s}
  .vb-about .btn-demo:hover{background:#2457ff;color:#fff;transform:translateY(-4px);box-shadow:0 14px 28px rgba(36,87,255,.5)}
  .vb-about .btn-demo:active{transform:scale(.97)}
 
  @media (max-width:991.98px){
    .vb-about{padding:4rem 0}
    .vb-about .visual{margin:0 auto 1rem;max-width:460px}
    .vb-about .stat{left:-4%}
  }
  @media (max-width:575.98px){
    .vb-about .checks{grid-template-columns:1fr}
    .vb-about .stat{width:60%;padding:12px 14px}
    .vb-about .stat .n{font-size:1.6rem}
    .vb-about .stat .u{width:38px;height:38px;font-size:1.1rem;right:12px;top:12px}
  }
  @media (prefers-reduced-motion:reduce){
    .vb-about *{animation:none!important;transition:none!important}
    .vb-about .photo,.vb-about .mic,.vb-about .stat,.vb-about .rv{opacity:1!important;transform:none!important}
  }


  
  .biz-benefits{--navy:#0a1445;--blue:#0036da;background:#fff;color:var(--navy);padding:6rem 0 6rem}
  .biz-benefits .head{text-align:center;margin-bottom:3rem}
  .biz-benefits .head h2{font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);margin:0 0 .4rem}
  .biz-benefits .head h2 .w{display:inline-block;transition:color .3s, transform .3s}
  .biz-benefits .head h2 .w:hover{color:var(--blue);transform:translateY(-4px)}
  .biz-benefits .head p{margin:0;color:#74778a;font-size:1.05rem}
 
  .biz-benefits .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
 
  .biz-benefits .card-x{position:relative;overflow:hidden;min-height:277px;background:#fff;border:1px solid #e1e4f2;border-radius:22px;padding:30px;
    opacity:0;transform:translateY(55px);
    transition:opacity .8s ease calc(var(--c,0)*.12s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--c,0)*.12s), box-shadow .4s, border-color .4s}
  .biz-benefits .card-x.in{opacity:1;transform:none}
  .biz-benefits .card-x.in:hover{transform:translateY(-10px);border-color:var(--blue);box-shadow:0 22px 40px rgba(0,54,218,.15);transition-delay:0s}
  /* little blue tab at the top, grows on hover */
  .biz-benefits .card-x::before{content:"";position:absolute;top:0;left:50%;width:10px;height:2px;margin-left:-5px;background:var(--blue);transition:width .5s cubic-bezier(.2,.8,.2,1), margin .5s cubic-bezier(.2,.8,.2,1)}
  .biz-benefits .card-x:hover::before{width:100%;margin-left:-50%}
  .biz-benefits .card-x::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .biz-benefits .card-x:hover::after{transform:scaleX(1)}
 
  .biz-benefits .ico{width:65px;height:65px;border-radius:12px;background:#e6ecfc;display:grid;place-items:center;margin-bottom:2.2rem;
    transition:transform .5s cubic-bezier(.2,.9,.3,1.5), background .3s}
  .biz-benefits .ico img{width:38px;height:38px;object-fit:contain;transition:filter .3s}
  .biz-benefits .card-x:hover .ico{transform:rotate(-10deg) scale(1.12);background:var(--blue)}
  .biz-benefits .card-x:hover .ico img{filter:brightness(0) invert(1)}
  .biz-benefits h3{font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 .7rem;transition:color .3s, transform .3s}
  .biz-benefits .card-x:hover h3{color:var(--blue);transform:translateX(5px)}
  .biz-benefits .card-x p{margin:0;font-size:.95rem;line-height:1.6;color:var(--navy)}
 
  @media (max-width:1199.98px){.biz-benefits .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media (max-width:991.98px){.biz-benefits .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
  @media (max-width:575.98px){.biz-benefits .grid{grid-template-columns:1fr}}
  @media (prefers-reduced-motion:reduce){
    .biz-benefits *{transition:none!important}
    .biz-benefits .card-x{opacity:1!important;transform:none!important}
  }


  .cc-feat-d .head{    margin: 0 auto 2.5rem !important;}

  .gix-sec-d{background-color: #051340;}

   .gix-sec-d .gix-title{color: #fff;}
   .gix-sec-d .gix-text{color: #fff;}


   .sms-benefits_f{padding-top: 96px;}

   .ameyo-why-r{padding-top: 20px;}

   .ameyo-why-r .head {    margin: 0 auto 2rem;}

   .wyw-sec-t .wyw-item{    padding: 54px 30px 48px;}

   
  .rcs-exp{--navy:#0a1f5c;--blue:#0036da;background:#fff;color:var(--navy);padding:1.8rem 0 6rem}
  .rcs-exp .head{text-align:center;font-weight:700;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.4;max-width:800px;margin:0 auto 3rem}
  .rcs-exp .head .w{display:inline-block;transition:color .3s, transform .3s}
  .rcs-exp .head .w:hover{color:var(--blue);transform:translateY(-4px)}
 
  /* borderless 3 x 2 grid, checkerboard tint */
  .rcs-exp .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .rcs-exp .cell{position:relative;overflow:hidden;min-height:394px;padding:40px 40px 44px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;
    opacity:0;transform:translateY(50px);
    transition:opacity .8s ease calc(var(--c,0)*.12s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--c,0)*.12s), background .5s, box-shadow .5s}
  .rcs-exp .tint{background:linear-gradient(180deg,#f2f5ff 0%,#fff 100%)}
  .rcs-exp .cell.in{opacity:1;transform:none}
  .rcs-exp .cell.in:hover{background:linear-gradient(180deg,#e8eeff 0%,#fff 100%);box-shadow:0 20px 40px rgba(0,54,218,.12);z-index:2;transition-delay:0s}
  .rcs-exp .cell::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .rcs-exp .cell:hover::after{transform:scaleX(1)}
 
  .rcs-exp .ico{width:80px;height:80px;border-radius:8px;background:linear-gradient(180deg,#eef1fb 0%,#fff 100%);display:grid;place-items:center;
    transition:transform .5s cubic-bezier(.2,.9,.3,1.5), box-shadow .4s}
  .rcs-exp .ico img{width:40px;height:40px;object-fit:contain}
  .rcs-exp .cell:hover .ico{transform:rotate(-10deg) scale(1.15);box-shadow:0 10px 22px rgba(0,54,218,.22)}
  .rcs-exp h3{font-size:1.35rem;font-weight:600;line-height:1.3;margin:0 0 .8rem;transition:color .3s, transform .3s}
  .rcs-exp .cell:hover h3{color:var(--blue);transform:translateX(5px)}
  .rcs-exp .cell p{margin:0;font-size:.98rem;line-height:1.65;color:#45556C}
 
  @media (max-width:991.98px){
    .rcs-exp .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rcs-exp .cell{min-height:0;gap:2.5rem}
    /* re-do the checkerboard for 2 columns */
    .rcs-exp .tint{background:#fff}
    .rcs-exp .cell:nth-child(4n+2),.rcs-exp .cell:nth-child(4n+3){background:linear-gradient(180deg,#f2f5ff 0%,#fff 100%)}
  }
  @media (max-width:575.98px){
    .rcs-exp .grid{grid-template-columns:1fr}
    .rcs-exp .cell,.rcs-exp .cell:nth-child(n){padding:30px 24px}
    .rcs-exp .cell:nth-child(odd){background:#fff}
    .rcs-exp .cell:nth-child(even){background:linear-gradient(180deg,#f2f5ff 0%,#fff 100%)}
  }
  @media (prefers-reduced-motion:reduce){
    .rcs-exp *{transition:none!important}
    .rcs-exp .cell{opacity:1!important;transform:none!important}
  }


  
  .rcs-benefits{background:#051340;color:#fff;padding:5.5rem 0 0;overflow:hidden}
 
  /* ---------- text ---------- */
  .rcs-benefits .rv{opacity:0;transform:translateX(-60px);transition:opacity .8s ease calc(var(--d,0)*1s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--d,0)*1s)}
  .rcs-benefits.in .rv{opacity:1;transform:none}
  .rcs-benefits h2{font-weight:700;font-size:clamp(1.8rem,3vw,2.2rem);line-height:1.3;max-width:440px;margin:0 0 1rem}
  .rcs-benefits h2 .w{display:inline-block;transition:color .3s, transform .3s}
  .rcs-benefits h2 .w:hover{color:#5b8bff;transform:translateY(-4px)}
  .rcs-benefits .lead-t{font-size:1rem;line-height:1.6;max-width:610px;margin:0 0 2rem}
 
  .rcs-benefits .checks{list-style:none;padding:0;margin:0 0 2.6rem;display:flex;flex-direction:column;gap:22px}
  .rcs-benefits .checks li{display:flex;align-items:center;gap:14px;font-weight:600;font-size:1rem;cursor:default;transition:transform .3s, color .3s}
  .rcs-benefits .checks li img{flex:none;width:28px;height:28px;object-fit:contain;transition:transform .5s cubic-bezier(.2,.9,.3,1.5)}
  .rcs-benefits .checks li:hover{transform:translateX(8px);color:#8fb0ff}
  .rcs-benefits .checks li:hover img{transform:rotate(360deg) scale(1.15)}
 
  .rcs-benefits .btn-demo{display:inline-block;background:#0b36d6;color:#fff;font-weight:600;font-size:1.05rem;padding:.9rem 1.4rem;border-radius:4px;text-decoration:none;
    transition:transform .3s, box-shadow .3s, background .3s}
  .rcs-benefits .btn-demo:hover{background:#2457ff;color:#fff;transform:translateY(-4px);box-shadow:0 14px 28px rgba(36,87,255,.5)}
  .rcs-benefits .btn-demo:active{transform:scale(.97)}
 
  /* ---------- visual: tilted white card + phone in hand ---------- */
  .rcs-benefits .visual{position:relative;max-width:520px;margin:0 auto;padding-bottom:0}
  .rcs-benefits .card-bg{position:absolute;left:3%;right:0;top:9%;bottom:15%;background:#fff;border-radius:34px;transform:rotate(4deg) scale(.8);opacity:0;
    transition:transform 1s cubic-bezier(.2,.9,.3,1.2) .3s, opacity .8s ease .3s}
  .rcs-benefits.in .card-bg{opacity:1;transform:rotate(4deg)}
  .rcs-benefits .visual:hover .card-bg{transform:rotate(1deg) scale(1.03);transition-duration:.6s;transition-delay:0s}
  .rcs-benefits .phone{position: relative;
    z-index: 1;
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 0 0;
    opacity: 0;
    transform: translateY(100px) rotate(-3deg);
    transition: opacity .9s ease .6s, transform 1.1s cubic-bezier(.2, .8, .2, 1) .6s;
    right: 200px;
        bottom: -21px;}
  .rcs-benefits.in .phone{opacity:1;transform:none}
  .rcs-benefits .float{animation:rcs-float 6s ease-in-out 2s infinite}
  @keyframes rcs-float{50%{transform:translateY(-12px)}}
 
  @media (max-width:991.98px){
    .rcs-benefits{padding-top:4rem}
    .rcs-benefits .visual{margin-top:1rem}
  }
  @media (prefers-reduced-motion:reduce){
    .rcs-benefits *{animation:none!important;transition:none!important}
    .rcs-benefits .rv,.rcs-benefits .card-bg,.rcs-benefits .phone{opacity:1!important;transform:none!important}
    .rcs-benefits .card-bg{transform:rotate(4deg)!important}
  }


  
  .rcs-svc{--navy:#0d1250;--blue:#0036da;background:#fff;color:var(--navy);padding:6rem 0 6rem}
  .rcs-svc .head{text-align:center;font-weight:700;font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 3rem}
  .rcs-svc .head .w{display:inline-block;transition:color .3s, transform .3s}
  .rcs-svc .head .w:hover{color:var(--blue);transform:translateY(-4px)}
 
  /* image stack: one image per tab, cross-fades */
  .rcs-svc .pics{display:grid;width:100%;max-width:560px;margin:0 auto;opacity:0;transform:translateX(-80px);
    transition:opacity 1s ease, transform 1s cubic-bezier(.2,.8,.2,1)}
  .rcs-svc.in .pics{opacity:1;transform:none}
  .rcs-svc .pics img{grid-area:1/1;width:100%;height:auto;display:block;opacity:0;transform:translateY(24px) scale(.96);pointer-events:none;
    transition:opacity .5s ease, transform .6s cubic-bezier(.2,.8,.2,1), filter .5s}
  .rcs-svc .pics img.on{opacity:1;transform:none;pointer-events:auto}
  .rcs-svc .pics img.on:hover{filter:drop-shadow(0 22px 34px rgba(13,18,80,.2))}
  .rcs-svc .pic-f{animation:rcs-svc-float 6s ease-in-out 1.5s infinite}
  @keyframes rcs-svc-float{50%{transform:translateY(-12px)}}
 
  /* list */
  .rcs-svc .list{display:flex;flex-direction:column;gap:22px;max-width:605px}
  .rcs-svc .item{position:relative;padding:24px 26px 24px 32px;border-left:3px solid transparent;border-radius:0 12px 12px 0;cursor:pointer;outline:0;
    opacity:0;transform:translateX(70px);
    transition:opacity .8s ease calc(var(--i)*.13s), transform .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.13s), background .4s, border-color .4s, box-shadow .4s}
  .rcs-svc.in .item{opacity:1;transform:none}
  .rcs-svc .item:hover:not(.active){background:#fafbfd}
  .rcs-svc .item.active{background:#f6f7f9;border-left-color:var(--blue);box-shadow:0 12px 28px rgba(0,54,218,.08)}
  .rcs-svc .item:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
  .rcs-svc .item h3{font-size:1.4rem;font-weight:600;margin:0 0 .5rem;transition:color .3s, transform .3s}
  .rcs-svc .item:hover h3,.rcs-svc .item.active h3{color:var(--blue);transform:translateX(5px)}
  .rcs-svc .item p{margin:0;font-size:1rem;line-height:1.6}
  /* blue bar that grows up from the middle when an item becomes active */
  .rcs-svc .item::before{content:"";position:absolute;left:-3px;top:50%;width:3px;height:0;background:var(--blue);transition:height .4s cubic-bezier(.2,.8,.2,1), top .4s cubic-bezier(.2,.8,.2,1)}
  .rcs-svc .item:hover::before{height:100%;top:0}
 
  @media (max-width:991.98px){.rcs-svc .list{max-width:none}.rcs-svc .item{padding:20px 20px 20px 24px}}
  @media (prefers-reduced-motion:reduce){
    .rcs-svc *{animation:none!important;transition:none!important}
    .rcs-svc .pics,.rcs-svc .item{opacity:1!important;transform:none!important}
  }


  
  .pnc-sec{
    --pnc-ink:#0b1a4a;
    --pnc-blue:#0a39dd;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:var(--pnc-ink);
    background:#fff;padding:14px 6px 96px;
  }
  .pnc-sec .pnc-wrap{width:100%;max-width:1330px;margin:0 auto}
 
  .pnc-sec .pnc-title{
    text-align:center;font-weight:700;line-height:1.4;font-size:clamp(1.7rem,3vw,2.2rem);
    max-width:700px;margin:0 auto 46px;padding:0;color:var(--pnc-ink);
  }
 
 
  /* Heading ke har word par hover effect */
  .pnc-sec .pnc-w{
    display:inline-block;cursor:default;
   transition:color .3s, transform .3s
  }
  .pnc-sec .pnc-w:hover{color: var(--blue);
    transform: translateY(-4px);}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .pnc-sec.pnc-js .pnc-title.pnc-rise{opacity:0;transform:translateY(40px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
  .pnc-sec.pnc-js .pnc-title.pnc-in{opacity:1;transform:none}
  .pnc-sec.pnc-js .pnc-card.pnc-rise{opacity:0;transform:translateY(50px) scale(.96)}
  .pnc-sec.pnc-js .pnc-card.pnc-in{opacity:1;transform:none}
 
  .pnc-sec .pnc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 30px}
 
  /* Card */
  .pnc-sec .pnc-card{
    position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:20px;
    min-height:124px;padding:28px 34px 28px 20px;
    background:#fff;border:1px solid #f0f1f8;border-radius:16px;box-shadow:0 3px 14px rgba(20,35,100,.07);cursor:default;
    transition:opacity .75s ease var(--pnc-d,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--pnc-d,0ms),
               box-shadow .4s ease,border-color .35s ease;
  }
  .pnc-sec .pnc-card.pnc-in{transition:opacity .75s ease var(--pnc-d,0ms),transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .35s ease}
  .pnc-sec .pnc-card::before{ /* mouse glow */
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
    background:radial-gradient(280px circle at var(--pnc-mx,50%) var(--pnc-my,50%),rgba(10,57,221,.08),transparent 60%);
  }
  .pnc-sec .pnc-card:hover{transform:translateY(-8px);border-color:#c9d5ff;box-shadow:0 20px 40px rgba(10,57,221,.16)}
  .pnc-sec .pnc-card:hover::before{opacity:1}
  .pnc-sec .pnc-card > *{position:relative}
 
  /* Right edge ki blue patti (hover par poori ooncha ho jati hai) */
  .pnc-sec .pnc-card::after{
    content:"";position:absolute;right:0;top:50%;width:3px;height:44px;margin-top:-22px;border-radius:3px;background:var(--pnc-blue);
    transition:height .45s cubic-bezier(.3,1.4,.5,1),margin-top .45s cubic-bezier(.3,1.4,.5,1),width .3s ease;
  }
  .pnc-sec .pnc-card:hover::after{height:100%;margin-top:-62px;width:5px}
 
  .pnc-sec .pnc-ico{
    flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:var(--pnc-blue);color:#fff;
    display:flex;align-items:center;justify-content:center;
    transition:transform .5s cubic-bezier(.3,1.6,.5,1),box-shadow .4s ease;
  }
  .pnc-sec .pnc-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s ease}
  .pnc-sec .pnc-card:hover .pnc-ico{transform:scale(1.12) rotate(-6deg);box-shadow:0 10px 20px rgba(10,57,221,.35)}
  .pnc-sec .pnc-card:hover .pnc-ico svg{transform:translateX(2px)}
 
  .pnc-sec .pnc-text{font-size:1.06rem;line-height:1.45;font-weight:400;margin:0;padding:0;color:#1b2552}
 
  /* Tablet / Mobile */
  @media (max-width:1199.98px){
    .pnc-sec .pnc-grid{gap:22px}
    .pnc-sec .pnc-card{padding:24px 28px 24px 18px;gap:16px}
  }
  @media (max-width:991.98px){
    .pnc-sec .pnc-grid{grid-template-columns:repeat(2,1fr)}
  }
  @media (max-width:575.98px){
    .pnc-sec{padding:10px 12px 40px}
    .pnc-sec .pnc-title{margin-bottom:30px}
    .pnc-sec .pnc-grid{grid-template-columns:1fr;gap:16px}
    .pnc-sec .pnc-card{min-height:0}
    .pnc-sec .pnc-card:hover{transform:translateY(-4px)}
  }
  @media (prefers-reduced-motion:reduce){
    .pnc-sec *{transition:none!important;animation:none!important}
    .pnc-sec.pnc-js .pnc-rise{opacity:1;transform:none}
  }


  
  .rcm-sec{
    --rcm-ink:#0b1a4a;
    --rcm-blue:#0a39dd;
    --rcm-tile:#dde5fb;
    display:block;position:relative;overflow:hidden;text-align:left;
    font-family:'Outfit',sans-serif;color:var(--rcm-ink);
    background:#f5f8ff;padding:80px 0 100px;
  }
  .rcm-sec .rcm-wrap{width:100%;max-width:1357px;margin:0 auto;padding:0 20px}
 
  .rcm-sec .rcm-title{
    text-align:center;font-weight:700;line-height:1.35;font-size:clamp(1.6rem,3vw,2.2rem);
    margin:0 auto 44px;padding:0;color:var(--rcm-ink);
  }
  /* Heading ke har word par hover effect */
  .rcm-sec .rcm-w{  display:inline-block;cursor:default;
   transition:color .3s, transform .3s}
  .rcm-sec .rcm-w:hover{color: var(--blue);
    transform: translateY(-4px);}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .rcm-sec.rcm-js .rcm-title.rcm-rise{opacity:0;transform:translateY(40px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
  .rcm-sec.rcm-js .rcm-title.rcm-in{opacity:1;transform:none}
  .rcm-sec.rcm-js .rcm-card.rcm-rise{opacity:0;transform:translateY(54px) scale(.96)}
  .rcm-sec.rcm-js .rcm-card.rcm-in{opacity:1;transform:none}
 
  .rcm-sec .rcm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
 
  /* Card */
  .rcm-sec .rcm-card{
    position:relative;overflow:hidden;min-height:217px;padding:38px 24px 34px;text-align:center;
    background:rgba(255,255,255,.35);border:1px solid #e1e5f2;border-radius:24px;cursor:default;
    transition:opacity .75s ease var(--rcm-d,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--rcm-d,0ms),
               background .4s ease,border-color .4s ease,box-shadow .4s ease;
  }
  .rcm-sec .rcm-card.rcm-in{transition:opacity .75s ease var(--rcm-d,0ms),transform .4s cubic-bezier(.2,.8,.2,1),background .4s ease,border-color .4s ease,box-shadow .4s ease}
  .rcm-sec .rcm-card::before{ /* mouse glow */
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
    background:radial-gradient(260px circle at var(--rcm-mx,50%) var(--rcm-my,30%),rgba(10,57,221,.09),transparent 60%);
  }
  .rcm-sec .rcm-card:hover{transform:translateY(-10px);background:#fff;border-color:#c9d5ff;box-shadow:0 22px 44px rgba(10,57,221,.14)}
  .rcm-sec .rcm-card:hover::before{opacity:1}
  .rcm-sec .rcm-card > *{position:relative}
 
  /* Card ke upar beech ki chhoti blue line (hover par badi) */
  .rcm-sec .rcm-card::after{
    content:"";position:absolute;left:50%;top:-1px;width:10px;height:2px;margin-left:-5px;background:var(--rcm-blue);
    transition:width .5s cubic-bezier(.3,1.4,.5,1),margin-left .5s cubic-bezier(.3,1.4,.5,1),height .3s ease;
  }
  .rcm-sec .rcm-card:hover::after{width:90px;margin-left:-45px;height:4px;border-radius:0 0 4px 4px}
 
  .rcm-sec .rcm-ico{
    display:flex;align-items:center;justify-content:center;width:65px;height:65px;margin:0 auto 41px;border-radius:9px;
    background:var(--rcm-tile);color:var(--rcm-blue);
    transition:background .4s ease,color .4s ease,transform .5s cubic-bezier(.3,1.6,.5,1),box-shadow .4s ease;
  }
  .rcm-sec .rcm-ico svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s ease}
  .rcm-sec .rcm-card:hover .rcm-ico{background:var(--rcm-blue);color:#fff;transform:translateY(-4px) scale(1.1);box-shadow:0 12px 24px rgba(10,57,221,.35)}
  .rcm-sec .rcm-card:hover .rcm-ico svg{transform:rotate(-6deg) scale(1.05)}
 
  .rcm-sec .rcm-text{font-size:1.08rem;font-weight:600;line-height:1.4;margin:0 auto;padding:0;max-width:260px;color:var(--rcm-ink)}
 
  /* Tablet / Mobile */
  @media (max-width:1199.98px){
    .rcm-sec .rcm-grid{gap:20px}
    .rcm-sec .rcm-card{padding:34px 18px 30px}
  }
  @media (max-width:991.98px){
    .rcm-sec{padding:60px 0 70px}
    .rcm-sec .rcm-grid{grid-template-columns:repeat(2,1fr)}
  }
  @media (max-width:575.98px){
    .rcm-sec .rcm-grid{grid-template-columns:1fr;gap:16px}
    .rcm-sec .rcm-card{min-height:0}
    .rcm-sec .rcm-ico{margin-bottom:28px}
    .rcm-sec .rcm-card:hover{transform:translateY(-4px)}
  }
  @media (prefers-reduced-motion:reduce){
    .rcm-sec *{transition:none!important;animation:none!important}
    .rcm-sec.rcm-js .rcm-rise{opacity:1;transform:none}
  }

  .sgaw-experts-fro{padding-top: 20px;}


  
  .wa-popup{--blue:#2457ff;--ink:#000;position:fixed;right:24px;bottom:24px;z-index:1080;font-family:'Outfit',system-ui,sans-serif}
 
  /* floating chat icon */
  .wa-popup .fab{position:relative;display:grid;place-items:center;width:70px;height:70px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:1.9rem;cursor:pointer;
    box-shadow:0 10px 24px rgba(36,87,255,.4);margin-left:auto;
    transform:scale(0);animation:wa-fab-in .7s cubic-bezier(.2,.9,.3,1.4) .3s forwards;
    transition:transform .3s cubic-bezier(.2,.9,.3,1.4), box-shadow .3s, background .3s}
  .wa-popup .fab:hover{transform:scale(1.12) rotate(-6deg);box-shadow:0 14px 30px rgba(36,87,255,.55);background:#1a45e0}
  .wa-popup .fab:active{transform:scale(.94)}
  .wa-popup .fab:focus-visible{outline:3px solid #8fb0ff;outline-offset:3px}
  @keyframes wa-fab-in{to{transform:scale(1)}}
  .wa-popup .fab i{transition:transform .4s cubic-bezier(.2,.9,.3,1.4), opacity .2s;position:absolute}
  .wa-popup .fab .i-close{opacity:0;transform:rotate(-90deg) scale(.4)}
  .wa-popup.open .fab .i-chat{opacity:0;transform:rotate(90deg) scale(.4)}
  .wa-popup.open .fab .i-close{opacity:1;transform:none}
  /* attention ring while the form is closed */
  .wa-popup .fab::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(36,87,255,.45);z-index:-1;animation:wa-ring 2.2s ease-out infinite}
  .wa-popup.open .fab::before{animation:none;opacity:0}
  @keyframes wa-ring{from{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}
  .wa-popup .fab.nudge{animation:wa-fab-in .1s forwards, wa-nudge .9s ease .1s}
  @keyframes wa-nudge{0%,100%{transform:rotate(0)}15%{transform:rotate(-14deg) scale(1.1)}30%{transform:rotate(12deg) scale(1.1)}45%{transform:rotate(-9deg)}60%{transform:rotate(6deg)}}
 
  /* the form card */
  .wa-popup .card-f{position:absolute;right:0;bottom:calc(100% + 16px);width:min(450px,calc(100vw - 32px));max-height:calc(100vh - 130px);overflow:auto;
    background:#fff;border:1px solid var(--blue);border-radius:22px;padding:30px 30px 30px;box-shadow:0 24px 60px rgba(10,20,70,.28);
    transform-origin:bottom right;opacity:0;visibility:hidden;transform:translateY(30px) scale(.94);pointer-events:none;
    transition:opacity .45s ease, transform .55s cubic-bezier(.2,.9,.3,1.2), visibility 0s linear .55s}
  .wa-popup.open .card-f{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
 
  .wa-popup .x{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#555;font-size:1.1rem;display:grid;place-items:center;cursor:pointer;
    transition:background .3s, color .3s, transform .4s cubic-bezier(.2,.9,.3,1.4)}
  .wa-popup .x:hover{background:#eef2ff;color:var(--blue);transform:rotate(90deg)}
  .wa-popup .x:focus-visible{outline:3px solid var(--blue)}
 
  .wa-popup h2{font-size:1.45rem;font-weight:700;color:var(--ink);margin:0 36px .2rem 0}
  .wa-popup .sub{margin:0 0 1.5rem;color:#777;font-size:1.05rem}
  .wa-popup .sub span{color:#25d366;font-weight:500}
 
  /* fields */
  .wa-popup .fld{width:100%;height:48px;padding:0 16px;border:1px solid #cdd7e6;border-radius:8px;background:#f3f6fa;color:#000;font:inherit;font-weight:500;font-size:1.02rem;outline:0;
    transition:border-color .3s, background .3s, box-shadow .3s, transform .3s}
  .wa-popup textarea.fld{height:110px;padding:14px 16px;resize:none}
  .wa-popup .fld::placeholder{color:#111;font-weight:600;opacity:1}
  .wa-popup .fld:hover{border-color:#9db4f5}
  .wa-popup .fld:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(36,87,255,.14);transform:translateY(-2px)}
  .wa-popup .was-validated .fld:invalid{border-color:#e5484d;background:#fff6f6}
  .wa-popup .was-validated .fld:invalid:focus{box-shadow:0 0 0 4px rgba(229,72,77,.15)}
  .wa-popup .err{display:none;margin:.25rem 0 0 2px;font-size:.78rem;color:#e5484d}
  .wa-popup .was-validated .fld:invalid ~ .err{display:block}
 
  /* consent */
  .wa-popup .consent{display:flex;gap:12px;align-items:flex-start;margin:1.2rem 0 1.4rem}
  .wa-popup .consent input{appearance:none;flex:none;width:22px;height:22px;margin-top:2px;border:1px solid #cdd7e6;border-radius:5px;background:#f3f6fa;cursor:pointer;position:relative;
    transition:background .25s, border-color .25s, transform .25s}
  .wa-popup .consent input:hover{border-color:var(--blue)}
  .wa-popup .consent input:checked{background:var(--blue);border-color:var(--blue);transform:scale(1.08)}
  .wa-popup .consent input:checked::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
  .wa-popup .was-validated .consent input:invalid{border-color:#e5484d}
  .wa-popup .consent label{font-size:.7rem;line-height:1.5;color:#777;cursor:pointer}
 
  .wa-popup .submit{display:inline-block;min-width:152px;height:48px;border:0;border-radius:6px;background:var(--blue);color:#fff;font:inherit;font-weight:700;font-size:1.15rem;cursor:pointer;
    transition:transform .3s, box-shadow .3s, background .3s}
  .wa-popup .submit:hover{background:#1a45e0;transform:translateY(-3px);box-shadow:0 12px 24px rgba(36,87,255,.4)}
  .wa-popup .submit:active{transform:scale(.97)}
  .wa-popup .submit:disabled{opacity:.7;cursor:progress;transform:none;box-shadow:none}
 
  /* field-by-field entrance every time the card opens */
  .wa-popup .stagger{opacity:0;transform:translateY(14px)}
  .wa-popup.open .stagger{animation:wa-up .5s cubic-bezier(.2,.8,.2,1) calc(var(--s)*.06s + .15s) forwards}
  @keyframes wa-up{to{opacity:1;transform:none}}
 
  /* thank-you state */
  .wa-popup .thanks{display:none;text-align:center;padding:2rem 0 1rem}
  .wa-popup.done .thanks{display:block}
  .wa-popup.done .form-wrap{display:none}
  .wa-popup .thanks i{font-size:3.4rem;color:#25d366;display:inline-block;animation:wa-pop .7s cubic-bezier(.2,.9,.3,1.5)}
  .wa-popup .thanks h3{font-size:1.4rem;font-weight:700;margin:.8rem 0 .3rem}
  .wa-popup .thanks p{color:#666;margin:0}
  @keyframes wa-pop{from{transform:scale(0) rotate(-40deg)}to{transform:none}}
 
  @media (max-width:575.98px){.wa-popup{right:16px;bottom:16px}.wa-popup .card-f{padding:24px 20px}.wa-popup .fab{width:62px;height:62px;font-size:1.7rem}}
  @media (prefers-reduced-motion:reduce){
    .wa-popup *,.wa-popup *::before{animation:none!important;transition:none!important}
    .wa-popup .fab{transform:none}
    .wa-popup .stagger{opacity:1;transform:none}
  }


  .rgl-sec-d .rgl-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);}

      .rgl-sec-d .rgl-grid .box_e{
    padding-bottom: 10px;
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #878787;
}

.rgl-sec-d .rgl-title{max-width: 600px;}

.vb-about-s{margin-top: 20px;}

.vb-about-s .rv {max-width: 500px;}


.biz-benefits-f .grid{grid-template-columns: repeat(3, minmax(0, 1fr));}

.pnc-sec-a{padding-top: 80px; border-top: 1px solid #E6E6E5;}




  .svc-sec{
    --svc-ink:#161a2b;
    --svc-grey:#5b6074;
    --svc-acc:#f4562b;
    --svc-acc-soft:#ffeee8;
    display:block;position:relative;overflow:hidden;text-align:left;
    background:#fff;padding:60px 0 70px;
  }
  .svc-sec .svc-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .svc-sec.svc-js .svc-rise{opacity:0;transform:translateY(46px) scale(.97)}
  .svc-sec.svc-js .svc-rise.svc-in{opacity:1;transform:none}
  .svc-sec.svc-js .svc-head .svc-rise{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--svc-d,0ms)}
 
  /* Header */
  .svc-sec .svc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}
  .svc-sec .svc-pill{display:inline-block;padding:6px 16px;border-radius:50px;margin-bottom:16px;background:#ffe8e0;color:var(--svc-acc);font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
  .svc-sec .svc-title{font-size:clamp(1.9rem,3.4vw,2.3rem);font-weight:700;line-height:1.15;margin:0;padding:0;color:var(--svc-ink);}
  .svc-sec .svc-w{display:inline-block;cursor:default;transition:transform .35s cubic-bezier(.3,1.6,.5,1),color .3s ease}
  .svc-sec .svc-w:hover{transform:translateY(-6px) scale(1.05);color:var(--svc-acc)}
  .svc-sec .svc-hr{display:flex;align-items:center;gap:40px}
  .svc-sec .svc-desc{font-size:1rem;line-height:1.65;color:var(--svc-grey);margin:0;padding:0;max-width:520px}
  .svc-sec .svc-all{
    position:relative;overflow:hidden;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:13px 22px;
    border:1.5px solid var(--bluea);border-radius:8px;background:#fff;color:var(--bluea);text-decoration:none;
    transition:background .35s ease,color .35s ease,transform .3s ease,box-shadow .3s ease;
  }
  .svc-sec .svc-all i{display:inline-block;font-style:normal;transition:transform .35s ease}
  .svc-sec .svc-all:hover{background:var(--bluea);color:#fff;transform:translateY(-3px);box-shadow:0 12px 24px rgba(244,86,43,.3)}
  .svc-sec .svc-all:hover i{transform:translateX(5px)}
 
  /* Bento */
  .svc-sec .svc-grid{display:grid;grid-template-columns:3fr 10fr;gap:22px;align-items:stretch}
  .svc-sec .svc-right{display:flex;flex-direction:column;gap:30px}
  .svc-sec .svc-row1{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .svc-sec .svc-row2{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;flex:1}
 
  /* Card */
  .svc-sec .svc-card{
    position:relative;overflow:hidden;display:flex;background:#fff;border:1px solid #f0f1f5;border-radius:18px;
    box-shadow:0 6px 24px rgba(30,40,90,.07);color:inherit;text-decoration:none;cursor:pointer;
    transition:opacity .75s ease var(--svc-d,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--svc-d,0ms),
               box-shadow .4s ease,border-color .35s ease;
  }
  .svc-sec .svc-card.svc-in{transition:opacity .75s ease var(--svc-d,0ms),transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .35s ease}
  .svc-sec .svc-card::before{ /* mouse glow */
    content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
    background:radial-gradient(260px circle at var(--svc-mx,50%) var(--svc-my,50%),var(--svc-glow,rgba(244,86,43,.09)),transparent 60%);
  }
  .svc-sec .svc-card:hover{transform:translateY(-8px);border-color:var(--svc-edge,#ffd3c6);box-shadow:0 22px 44px rgba(30,40,90,.14)}
  .svc-sec .svc-card:hover::before{opacity:1}
  .svc-sec .svc-card > *{position:relative}
  .svc-sec .svc-card:focus-visible{outline:2px solid var(--svc-acc);outline-offset:3px}
 
  /* Icon tile */
  .svc-sec .svc-ico{
    display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:12px;
    background:var(--svc-bg);color:var(--svc-fg);
    transition:transform .5s cubic-bezier(.3,1.6,.5,1),background .35s ease,color .35s ease,box-shadow .35s ease;
  }
  .svc-sec .svc-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .svc-sec .svc-card:hover .svc-ico{transform:scale(1.14) rotate(-7deg);background:var(--svc-fg);color:#fff;box-shadow:0 10px 20px var(--svc-sh,rgba(0,0,0,.2))}
 
  .svc-sec .svc-t b{display:block;font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--svc-ink)}
  .svc-sec .svc-t span{display:block;font-size:1.05rem;font-weight:500;line-height:1.3;color:#2c3250}
 
  /* Colors */
  .svc-sec .svc-c-blue{--svc-bg:#e4eeff;--svc-fg:#2f6bff;--svc-sh:rgba(47,107,255,.4);--svc-edge:#c6d8ff;--svc-glow:rgba(47,107,255,.09)}
  .svc-sec .svc-c-pink{--svc-bg:#ffe6f2;--svc-fg:#e5359b;--svc-sh:rgba(229,53,155,.4);--svc-edge:#ffc6e2;--svc-glow:rgba(229,53,155,.09)}
  .svc-sec .svc-c-indigo{--svc-bg:#e6e8ff;--svc-fg:#4a53d8;--svc-sh:rgba(74,83,216,.4);--svc-edge:#cdd1ff;--svc-glow:rgba(74,83,216,.09)}
  .svc-sec .svc-c-amber{--svc-bg:#fff0dc;--svc-fg:#f59a16;--svc-sh:rgba(245,154,22,.4);--svc-edge:#ffdfb0;--svc-glow:rgba(245,154,22,.1)}
  .svc-sec .svc-c-coral{--svc-bg:#ffebe5;--svc-fg:#f4562b;--svc-sh:rgba(244,86,43,.4);--svc-edge:#ffd0c2;--svc-glow:rgba(244,86,43,.09)}
  .svc-sec .svc-c-sky{--svc-bg:#e4f1ff;--svc-fg:#2a8be8;--svc-sh:rgba(42,139,232,.4);--svc-edge:#c4e0ff;--svc-glow:rgba(42,139,232,.09)}
 
  /* Top row: icon left, text right */
  .svc-sec .svc-row1 .svc-card{align-items:center;gap:18px;padding:26px 24px;min-height:112px}
 
  /* Bottom row: icon upar, text neeche */
  .svc-sec .svc-row2 .svc-card{flex-direction:column;justify-content:space-between;gap:18px;padding:24px 22px 22px;min-height:150px}
  .svc-sec .svc-row2 .svc-ico{flex:0 0 46px;width:46px;height:46px;border-radius:11px}
  .svc-sec .svc-row2 .svc-ico svg{width:23px;height:23px}
 
  /* Featured (REST) */
  .svc-sec .svc-feat{
    flex-direction:column;justify-content:flex-start;padding:30px 28px 28px;min-height:360px;
    background:linear-gradient(160deg,#fff1ec 0%,#fff7f4 60%,#fffaf8 100%);border-color:#ffe3d9;box-shadow:0 6px 24px rgba(244,86,43,.08);
  }
  .svc-sec .svc-feat .svc-ico{width:56px;height:56px;flex:0 0 56px;margin-bottom:30px;border-radius:13px;--svc-bg:#ffe0d5;--svc-fg:var(--svc-acc);--svc-sh:rgba(244,86,43,.4);--svc-edge:#ffc3b0}
  .svc-sec .svc-feat .svc-ico svg{width:28px;height:28px}
  .svc-sec .svc-feat h3{font-size:1.4rem;font-weight:800;line-height:1.25;margin:0 0 14px;padding:0;color:var(--svc-ink)}
  .svc-sec .svc-feat p{font-size:.95rem;line-height:1.65;margin:0;padding:0;color:var(--svc-grey)}
  .svc-sec .svc-arrow{margin-top:auto;padding-top:20px;font-size:1.8rem;line-height:1;color:var(--svc-acc);transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
  .svc-sec .svc-feat:hover .svc-arrow{transform:translateX(12px)}
 
  /* Tablet / Mobile */
  @media (max-width:1199.98px){
    .svc-sec .svc-head{flex-direction:column;align-items:flex-start;gap:22px}
    .svc-sec .svc-hr{gap:28px}
    .svc-sec .svc-row1,.svc-sec .svc-row2{gap:16px}
  }
  @media (max-width:991.98px){
    .svc-sec .svc-grid{grid-template-columns:1fr}
    .svc-sec .svc-feat{min-height:0}
    .svc-sec .svc-row2{grid-template-columns:repeat(3,1fr)}
    .svc-sec .svc-hr{flex-direction:column;align-items:flex-start;gap:18px}
  }
  @media (max-width:640px){
    .svc-sec .svc-row1{grid-template-columns:1fr}
    .svc-sec .svc-row2{grid-template-columns:repeat(2,1fr)}
    .svc-sec .svc-right{gap:16px}
    .svc-sec .svc-row2 .svc-card{min-height:150px}
  }
  @media (prefers-reduced-motion:reduce){
    .svc-sec *{transition:none!important;animation:none!important}
    .svc-sec.svc-js .svc-rise{opacity:1;transform:none}
  }



  .mrx-sec-a{margin-top: 30px;}


.ameyo-why-c{padding-top: 100px;}

.sgaw-experts_s {
    padding-top: 37px;  
}
  
  .aps-sec{
    --aps-ink:#0b1a4a;
    --aps-blue:#0a39dd;
    --aps-soft:#eaf0ff;
    --aps-grey:#5a6280;
    --aps-line:#d9e1f7;
    display:block;position:relative;overflow:hidden;text-align:left;color:var(--aps-ink);
    background:#fff;padding:100px 0 100px;
  }
  .aps-sec .aps-wrap{width:100%;max-width:1344px;margin:0 auto;padding:0 20px}
 
  /* ================= HEADER ================= */
  .aps-sec .aps-head{text-align:center;margin-bottom:44px}
  .aps-sec .aps-pill{display:inline-block;padding:7px 20px;border-radius:50px;background:var(--aps-soft);color:var(--aps-blue);font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:14px}
  .aps-sec .aps-h{font-size:clamp(2rem,4vw,2.3rem);font-weight:700;margin:0 0 14px;padding:0;color:var(--aps-ink)}
  .aps-sec .aps-h em{font-style:normal;color:var(--aps-blue)}
  .aps-sec .aps-w{display:inline-block;cursor:default;transition:transform .35s cubic-bezier(.3,1.6,.5,1),color .3s ease}
  .aps-sec .aps-w:hover{transform:translateY(-6px) scale(1.05);color:var(--aps-blue)}
  .aps-sec .aps-sub{font-size:1.02rem;line-height:1.65;color:var(--aps-grey);max-width:560px;margin:0 auto;padding:0}
 
  /* Scroll reveal (JS chale tabhi hide hota hai) */
  .aps-sec.aps-js .aps-rise{opacity:0;transform:translateY(40px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--aps-d,0ms)}
  .aps-sec.aps-js .aps-rise.aps-in{opacity:1;transform:none}
  .aps-sec.aps-js .aps-side{opacity:0;transform:translateX(var(--aps-x,0px)) translateY(20px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
  .aps-sec.aps-js .aps-side.aps-in{opacity:1;transform:none}
 
  /* ================= TIMELINE ================= */
  .aps-sec .aps-tl{position:relative}
  .aps-sec .aps-line{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--aps-line);border-radius:2px}
  .aps-sec .aps-fill{position:absolute;left:0;top:0;width:100%;height:var(--aps-fh,0px);background:linear-gradient(to bottom,#5f86ff,var(--aps-blue));border-radius:2px;transition:height .2s linear}
 
  .aps-sec .aps-item{position:relative;display:grid;grid-template-columns:1fr 84px 1fr;align-items:start;margin-bottom:64px}
  .aps-sec .aps-item:last-child{margin-bottom:0}
  .aps-sec .aps-mid{grid-column:2;grid-row:1;display:flex;justify-content:center;padding-top:6px;z-index:2}
  .aps-sec .aps-odd .aps-txt{grid-column:1;grid-row:1;--aps-x:-70px}
  .aps-sec .aps-odd .aps-vis{grid-column:3;grid-row:1;--aps-x:70px}
  .aps-sec .aps-even .aps-txt{grid-column:3;grid-row:1;--aps-x:70px}
  .aps-sec .aps-even .aps-vis{grid-column:1;grid-row:1;--aps-x:-70px}
 
  /* Number marker */
  .aps-sec .aps-dot{
    position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
    background:var(--aps-blue);color:#fff;font-size:.78rem;font-weight:700;border:3px solid #fff;
    box-shadow:0 0 0 1px var(--aps-line);opacity:.5;transform:scale(.82);
    transition:opacity .4s ease,transform .5s cubic-bezier(.3,1.6,.5,1),box-shadow .4s ease;
  }
  .aps-sec .aps-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--aps-blue);opacity:0}
  .aps-sec .aps-item.aps-on .aps-dot{opacity:1;transform:scale(1.12);box-shadow:0 8px 18px rgba(10,57,221,.4)}
  .aps-sec .aps-item.aps-on .aps-dot::after{animation:aps-ring 2.4s ease-out infinite}
  @keyframes aps-ring{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.6);opacity:0}}
 
  /* ================= TEXT ================= */
  .aps-sec .aps-txt{padding:0 12px 0 0;max-width:560px}
  .aps-sec .aps-even .aps-txt{padding:0 0 0 12px}
  .aps-sec .aps-tags{display:flex;align-items:center;gap:10px;margin-bottom:18px}
  .aps-sec .aps-num{display:inline-block;padding:5px 12px;border-radius:8px;background:#dfe7ff;color:var(--aps-blue);font-size:.78rem;font-weight:700}
  .aps-sec .aps-tag{display:inline-block;padding:5px 12px;border-radius:8px;background:#f1f4fb;color:var(--aps-ink);font-size:.78rem;font-weight:600}
  .aps-sec .aps-t{font-size:clamp(1.9rem,3.2vw,2rem);font-weight:700;margin:0 0 16px;padding:0;color:var(--aps-ink)}
  .aps-sec .aps-t em{font-style:normal;color:var(--aps-blue)}
  .aps-sec .aps-p{font-size:1.02rem;line-height:1.6;color:var(--aps-grey);margin:0 0 26px;padding:0;max-width:470px}
 
  .aps-sec .aps-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}
  .aps-sec .aps-ft{display:flex;flex-direction:column;gap:10px;cursor:default}
  .aps-sec .aps-fi{
    display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--aps-soft);color:var(--aps-blue);
    transition:transform .45s cubic-bezier(.3,1.6,.5,1),background .35s ease,color .35s ease,box-shadow .35s ease;
  }
  .aps-sec .aps-fi svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .aps-sec .aps-ft:hover .aps-fi{transform:translateY(-4px) rotate(-8deg) scale(1.1);background:var(--aps-blue);color:#fff;box-shadow:0 12px 22px rgba(10,57,221,.35)}
  .aps-sec .aps-ft b{display:block;font-size:.92rem;font-weight:700;line-height:1.3;color:var(--aps-ink);margin-bottom:4px}
  .aps-sec .aps-ft div > span{display:block;font-size:.8rem;line-height:1.5;color:var(--aps-grey)}
 
  .aps-sec .aps-btns{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
  .aps-sec .aps-btn{
    position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;background:var(--aps-blue);color:#fff;
    font:700 .92rem/1 'Plus Jakarta Sans',sans-serif;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;
  }
  .aps-sec .aps-btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .7s ease}
  .aps-sec .aps-btn i{font-style:normal;transition:transform .3s ease}
  .aps-sec .aps-btn:hover{transform:translateY(-4px);box-shadow:0 14px 26px rgba(10,57,221,.4);color:#fff}
  .aps-sec .aps-btn:hover::after{left:140%}
  .aps-sec .aps-btn:hover i{transform:translateX(4px)}
  .aps-sec .aps-doc{
    color:var(--aps-blue);font-size:.92rem;font-weight:700;text-decoration:none;padding-bottom:3px;
    background:linear-gradient(#b7c8ff,#b7c8ff) 0 100%/100% 2px no-repeat,linear-gradient(var(--aps-blue),var(--aps-blue)) 0 100%/0 2px no-repeat;
    transition:background-size .4s ease;
  }
  .aps-sec .aps-doc:hover{background-size:100% 2px,100% 2px}
 
  /* ================= VISUAL (aap apni images yahan lagao) ================= */
  .aps-sec .aps-vis{display:flex;justify-content:center;align-items:center;padding:0 10px;perspective:900px}
  .aps-sec .aps-pic{
    position:relative;width:100%;max-width:520px;aspect-ratio:520/380;
    background:radial-gradient(ellipse at 50% 55%,#e9efff 0%,rgba(233,239,255,.4) 55%,transparent 72%);
    transform:rotateX(var(--aps-rx,0deg)) rotateY(var(--aps-ry,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1);
    animation:aps-float 6s ease-in-out infinite;
  }
  .aps-sec .aps-item:nth-child(even) .aps-pic{animation-delay:-2.5s}
  .aps-sec .aps-pic img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(10,57,221,.12))}
  @keyframes aps-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
 
  /* ================= TABLET / MOBILE: single column, line left me ================= */
  @media (max-width:991.98px){
    .aps-sec{padding:30px 0 56px}
    .aps-sec .aps-line{left:22px;margin-left:-1px}
    .aps-sec .aps-item{grid-template-columns:44px 1fr;margin-bottom:56px}
    .aps-sec .aps-mid{grid-column:1;grid-row:1 / span 2;justify-content:flex-start;padding-top:2px}
    .aps-sec .aps-odd .aps-txt,.aps-sec .aps-even .aps-txt{grid-column:2;grid-row:1;padding:0;max-width:none;--aps-x:40px}
    .aps-sec .aps-odd .aps-vis,.aps-sec .aps-even .aps-vis{grid-column:2;grid-row:2;margin-top:28px;padding:0;--aps-x:40px}
    .aps-sec .aps-pic{max-width:560px}
    .aps-sec .aps-p{max-width:none}
  }
  @media (max-width:639.98px){
    .aps-sec .aps-wrap{padding:0 14px}
    .aps-sec .aps-feats{grid-template-columns:1fr;gap:16px}
    .aps-sec .aps-ft{flex-direction:row;align-items:flex-start;gap:14px}
    .aps-sec .aps-fi{flex:0 0 42px}
    .aps-sec .aps-btn{padding:13px 20px}
  }
  @media (prefers-reduced-motion:reduce){
    .aps-sec *{transition:none!important;animation:none!important}
    .aps-sec.aps-js .aps-rise,.aps-sec.aps-js .aps-side{opacity:1;transform:none}
    .aps-sec .aps-dot{opacity:1;transform:none}
  }
/* Zoho integration hero */
.zoho-page{background:#f4f6ff}.zoho-hero{min-height:650px;padding:70px 0 55px;overflow:hidden}.zoho-hero-inner{width:min(1280px,calc(100% - 60px));margin:auto;display:grid;grid-template-columns:47% 53%;align-items:center;gap:20px}.zoho-kicker{display:inline-block;padding:11px 31px;border:1px solid #f2b3e9;border-radius:30px;background:#fbeafa;color:#e83ac3;font-size:21px;margin-bottom:28px}.zoho-hero-copy h1{max-width:690px;margin:0 0 26px;font-size:48px;line-height:1.23;color:#080b12;font-weight:700}.zoho-hero-copy p{max-width:620px;margin:0 0 42px;color:#737986;font-size:21px;line-height:1.55}.zoho-hero-actions{display:flex;gap:14px}.zoho-btn{padding:17px 42px;border-radius:5px;font-size:22px;font-weight:600;text-decoration:none}.zoho-btn-primary{background:#2858f5;color:#fff}.zoho-btn-outline{border:2px solid #2858f5;color:#2858f5;background:transparent}.zoho-hero-visual{position:relative;height:530px}.zoho-brand-card,.zoho-crm-card,.zoho-call-card{position:absolute;background:#fff;border:2px solid #8bc7ff;border-radius:16px;z-index:3}.zoho-brand-card{left:6%;top:7%;width:180px;height:145px;display:grid;place-items:center}.zoho-brand-card img{width:135px}.zoho-phone{position:absolute;left:43%;top:10%;width:106px;height:106px;border:3px solid #9ed4ff;border-radius:50%;background:#1670eb;color:#fff;display:grid;place-items:center;font-size:39px;z-index:4;box-shadow:0 0 0 9px #eaf4ff}.zoho-phone:after,.zoho-phone:before{content:"";position:absolute;width:145px;border-top:2px dashed #1670eb}.zoho-phone:before{right:100%}.zoho-phone:after{left:100%}.zoho-crm-card{right:0;top:9%;width:58%;height:355px;overflow:hidden;z-index:2}.zoho-crm-top{height:48px;padding:11px 16px;background:#183451;color:#fff;display:flex;justify-content:space-between;font-size:21px}.zoho-crm-body{display:grid;grid-template-columns:52px 1fr;height:calc(100% - 48px);color:#26354a}.zoho-crm-body nav{background:#f2f6fb;display:flex;flex-direction:column;align-items:center;gap:19px;padding-top:16px}.zoho-crm-body nav .active{color:#1670eb}.zoho-crm-body>div{padding:18px}.zoho-contact{display:flex;align-items:center;gap:10px}.zoho-avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#e9eef4;font-size:25px}.zoho-contact strong,.zoho-call-card strong{font-size:14px}.zoho-contact small,.zoho-call-card small{display:block;font-weight:400;color:#718096}.zoho-contact button{margin-left:auto;border:0;border-radius:5px;background:#1670eb;color:white;padding:10px}.zoho-tabs{margin:16px 0;border-bottom:1px solid #dce5ee;padding-bottom:10px;color:#1670eb;font-size:12px}.zoho-crm-body h5{font-size:14px}.zoho-crm-body p{font-size:12px;color:#8390a0;display:flex;justify-content:space-between}.zoho-crm-body p b{color:#34445b}.zoho-person{position:absolute;bottom:0;left:18%;width:50%;height:390px;overflow:hidden;z-index:1}.zoho-person img{width:100%;height:100%;object-fit:cover;object-position:center top;mix-blend-mode:multiply}.zoho-call-card{right:0;bottom:0;width:320px;padding:17px;display:flex;align-items:flex-start;gap:10px;z-index:4}.zoho-call-card em{margin-left:auto;color:#1470ed;font-style:normal;text-align:right}.zoho-call-actions{position:absolute;left:15px;right:15px;bottom:-3px;display:flex;justify-content:space-between;align-items:center;transform:translateY(100%)}.zoho-call-actions i,.zoho-call-actions b{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#edf1f6;color:#26354a;font-style:normal}.zoho-call-actions b{background:#fb1c25;color:#fff;font-size:22px}
@media(max-width:900px){.zoho-hero-inner{grid-template-columns:1fr}.zoho-hero-copy{text-align:center}.zoho-hero-copy h1,.zoho-hero-copy p{margin-left:auto;margin-right:auto}.zoho-hero-actions{justify-content:center}.zoho-hero-visual{max-width:700px;width:100%;margin:auto}.zoho-hero-copy h1{font-size:40px}}
@media(max-width:560px){.zoho-hero{padding-top:40px}.zoho-hero-inner{width:calc(100% - 30px)}.zoho-hero-copy h1{font-size:32px}.zoho-hero-copy p{font-size:17px}.zoho-btn{padding:13px 22px;font-size:17px}.zoho-hero-visual{height:390px;transform:scale(.76);transform-origin:top left;width:132%;margin-bottom:-90px}.zoho-brand-card{left:0}.zoho-crm-card{width:59%}}

/* Zoho hero reference alignment */
.zoho-hero{min-height:690px;padding-top:118px}
.zoho-hero-inner{width:min(1500px,calc(100% - 230px));grid-template-columns:48% 52%}
.zoho-hero-copy h1{font-size:45px;line-height:1.27;text-decoration:none}
.zoho-hero-copy p{font-size:20px;line-height:1.65;max-width:650px}
.zoho-btn{padding:17px 43px}
.zoho-hero{min-height:560px;padding:72px 0 35px}
.zoho-hero-inner{align-items:center}
.zoho-hero-copy h1{font-size:40px;line-height:1.18;margin-bottom:20px}
.zoho-hero-copy p{font-size:17px;line-height:1.55;margin-bottom:30px}
.zoho-btn{padding:14px 34px;font-size:19px}
.zoho-btn{height:71px;padding:0 28px;font-size:20px;line-height:1.2;border-radius:5px;display:inline-flex;align-items:center;justify-content:center}
.zoho-btn-primary{width:250px}.zoho-btn-outline{width:166px}
.zoho-kicker{width:122.75px;height:44px;padding:9px 24px;margin-bottom:23px;font-size:16px;line-height:26px;white-space:nowrap}
.freshworks-page .zoho-kicker{width:auto;height:auto;padding:9px 24px;white-space:nowrap}
.freshworks-page .zoho-benefit-visual{background-image:none}
.freshworks-page .zoho-benefit-visual img{visibility:visible;width:100%;height:100%;object-fit:contain;object-position:center}
.freshbooks-page .zoho-kicker{width:auto;height:auto;padding:9px 24px;white-space:nowrap}
.freshbooks-page .zoho-benefit-visual{background-image:none}
.freshbooks-page .zoho-benefit-visual img{visibility:visible;width:100%;height:100%;object-fit:contain;object-position:center}
.shopify-page .zoho-kicker{width:auto;height:auto;padding:9px 24px;white-space:nowrap}
.shopify-page .zoho-benefit-visual{background-image:none}
.shopify-page .zoho-benefit-visual img{visibility:visible;width:100%;height:100%;object-fit:contain;object-position:center}
.google-sheets-page .zoho-kicker{width:auto;height:auto;padding:9px 24px;white-space:nowrap}
.google-sheets-page .zoho-benefit-visual{background-image:none}
.google-sheets-page .zoho-benefit-visual img{visibility:visible;width:100%;height:100%;object-fit:contain;object-position:center}
.zoho-btn{width:182px;height:57.5px;padding:15px 28px;font-size:17px;border-radius:4px}
.zoho-btn-primary,.zoho-btn-outline{min-width:0}
.zoho-features{padding:82px 5.2% 95px;background:#fff}.zoho-features>h2{text-align:center;margin:0 0 42px;font-size:30px;line-height:1.18;color:#111;font-weight:700}.zoho-features>h2 em{font-style:normal;color:#2d5cf5}.zoho-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1095px;margin:auto}.zoho-feature-card{min-height:255px;border:1px solid #222;border-radius:17px;padding:40px 34px 28px;background:#fff}.zoho-feature-card.is-active{border:2px solid #078bff}.zoho-feature-card.is-soft{border-color:transparent;background:#eef0f0}.zoho-feature-card>span{width:63px;height:63px;border:1px solid #222;border-radius:50%;display:grid;place-items:center;margin-bottom:27px}.zoho-feature-card i{font-size:28px;color:#151515}.zoho-feature-card h3{font-size:18px;margin:0 0 12px;font-weight:700}.zoho-feature-card p{font-size:14px;line-height:1.28;margin:0;max-width:245px;color:#111}.zoho-feature-card.is-active>span{border-color:#222}
@media(max-width:800px){.zoho-feature-grid{grid-template-columns:repeat(2,1fr)}.zoho-features>h2{font-size:25px}}
@media(max-width:560px){.zoho-feature-grid{grid-template-columns:1fr}.zoho-features{padding:55px 20px}.zoho-feature-card{min-height:220px}}
.zoho-feature-card.is-active{border:1px solid #222}
.zoho-feature-card.is-active{border-color:transparent;background:#eef0f0}
.zoho-benefits{padding:68px 6% 78px;background:#eef0ff;background-image:linear-gradient(rgba(85,105,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(85,105,210,.08) 1px,transparent 1px);background-size:22px 22px}.zoho-benefits>h2{text-align:center;font-size:20px;margin:0 0 30px}.zoho-benefits>h2 em{font-style:normal;color:#2c5df3}.zoho-benefit-row{max-width:1100px;margin:0 auto 28px;display:grid;grid-template-columns:290px 1fr;gap:30px;align-items:center}.zoho-benefit-row.is-reverse{grid-template-columns:1fr 290px}.zoho-benefit-row.is-reverse .zoho-benefit-visual{grid-column:2;grid-row:1}.zoho-benefit-row.is-reverse .zoho-benefit-copy{grid-column:1;grid-row:1}.zoho-benefit-visual{height:250px;border:1px solid #b9d3ff;border-radius:22px;background:#fff;overflow:hidden}.zoho-benefit-visual img{width:100%;height:100%;object-fit:cover}.zoho-benefit-copy h3{font-size:16px;margin:0 0 22px}.zoho-benefit-copy ul{padding:0;margin:0;list-style:none}.zoho-benefit-copy li{position:relative;padding:0 0 18px 40px;font-size:12px;line-height:1.35;max-width:450px}.zoho-benefit-copy li:before{content:'✦';position:absolute;left:0;top:-3px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#2d5df4;font-size:16px}
@media(max-width:700px){.zoho-benefit-row,.zoho-benefit-row.is-reverse{grid-template-columns:1fr}.zoho-benefit-row.is-reverse .zoho-benefit-visual,.zoho-benefit-row.is-reverse .zoho-benefit-copy{grid-column:1;grid-row:auto}.zoho-benefit-visual{height:280px}}
.zoho-benefit-visual{background-image:url('../img/zoho-benefits-sprite.png');background-size:300% 100%;background-repeat:no-repeat}.zoho-benefit-visual img{visibility:hidden}.zoho-benefit-row:first-of-type .zoho-benefit-visual{background-position:0 0}.zoho-benefit-row:nth-of-type(2) .zoho-benefit-visual{background-position:50% 0}.zoho-benefit-row:nth-of-type(3) .zoho-benefit-visual{background-position:100% 0}
.zoho-benefit-row{grid-template-columns:380px 1fr;gap:54px;margin-bottom:42px}.zoho-benefit-row.is-reverse{grid-template-columns:1fr 380px}.zoho-benefit-visual{height:315px}
.zoho-benefit-row{max-width:1400px;grid-template-columns:520px 1fr;gap:72px;margin-bottom:64px}.zoho-benefit-row.is-reverse{grid-template-columns:1fr 520px}.zoho-benefit-visual{height:520px;border-radius:28px}.zoho-benefit-copy h3{font-size:24px;margin-bottom:28px}.zoho-benefit-copy li{font-size:17px;line-height:1.35;padding-left:54px;padding-bottom:28px;max-width:680px}.zoho-benefit-copy li:before{width:40px;height:40px;font-size:20px}
.zoho-benefits>h2{font-size:32px}
.zoho-future{padding:92px 6% 100px;background:#fff}.zoho-future>h2{text-align:center;font-size:40px;line-height:1.25;margin:0 0 72px;color:#08080b}.zoho-future-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:68px}.zoho-future-card{min-height:365px;border-radius:20px;padding:49px 40px 36px;color:#1c1b21}.zoho-future-yellow{background:#f8df98}.zoho-future-gray{background:#dedbd9}.zoho-future-cream{background:#f3f2c9}.zoho-future-card i{display:block;font-size:58px;line-height:1;margin-bottom:45px}.zoho-future-card h3{font-size:24px;line-height:1.25;margin:0 0 22px}.zoho-future-card p{font-size:18px;line-height:1.55;margin:0;max-width:390px}.zoho-future-card i,.zoho-future-card h3{font-weight:700}
@media(max-width:800px){.zoho-future-grid{grid-template-columns:1fr;gap:25px}.zoho-future>h2{font-size:30px;margin-bottom:40px}.zoho-future-card{min-height:280px}}
.zoho-benefit-visual{border:0}.zoho-benefit-copy li:before{content:'✓';background:#2d5df4;color:#fff;font-weight:800;font-family:Arial,sans-serif}
.kylas-page .zoho-hero-visual{overflow:hidden}.kylas-page .zoho-hero-asset{width:400%;max-width:none;transform:translateX(-75%);object-fit:cover}.kylas-page .zoho-benefit-visual{background-image:url('../img/kylas-visuals-sprite.png');background-size:400% 100%}.kylas-page .zoho-benefit-row:first-of-type .zoho-benefit-visual{background-position:0 0}.kylas-page .zoho-benefit-row:nth-of-type(2) .zoho-benefit-visual{background-position:33.33% 0}.kylas-page .zoho-benefit-row:nth-of-type(3) .zoho-benefit-visual{background-position:66.66% 0}
.kylas-page .zoho-benefit-visual{background-image:none}.kylas-page .zoho-benefit-visual img{visibility:visible;width:100%;height:100%;object-fit:cover}
.kylas-page .zoho-benefit-visual img{object-fit:contain;object-position:center}
.kylas-page .zoho-benefit-visual img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain;object-position:center}
@media(max-width:700px){.zoho-benefit-row,.zoho-benefit-row.is-reverse{grid-template-columns:1fr;gap:30px}.zoho-benefit-row.is-reverse .zoho-benefit-visual,.zoho-benefit-row.is-reverse .zoho-benefit-copy{grid-column:1;grid-row:auto}.zoho-benefit-visual{height:360px}.zoho-benefit-copy h3{font-size:20px}.zoho-benefit-copy li{font-size:14px}}
.zoho-page{background:#fff}
.zoho-hero{background:#f1f5ff}
.zoho-hero-visual{transform:translateX(-5px);background:#f1f5ff}
.zoho-brand-card{width:153px;height:121px}
.zoho-brand-card img{width:118px}
.zoho-phone{width:93px;height:93px}
.zoho-hero-visual>*:not(.zoho-hero-asset){display:none}
.zoho-hero-asset{display:block!important;width:100%;height:100%;object-fit:contain}
.kylas-page .zoho-hero-asset{width:100%;max-width:100%;height:100%;transform:none;object-fit:contain}
.education-end-call{transform:none;font-size:24px}

/* Integration pages responsive layout */
@media(max-width:900px){
  .zoho-page .zoho-hero{min-height:auto;padding:60px 0 40px}
  .zoho-page .zoho-hero-inner{width:min(calc(100% - 40px),700px);grid-template-columns:1fr;gap:36px}
  .zoho-page .zoho-hero-copy{text-align:center}
  .zoho-page .zoho-hero-copy h1,.zoho-page .zoho-hero-copy p{margin-left:auto;margin-right:auto}
  .zoho-page .zoho-hero-actions{justify-content:center}
  .zoho-page .zoho-hero-visual{width:100%;height:auto;aspect-ratio:4/3;margin:auto;transform:none}
  .zoho-page .zoho-clients{margin-top:30px}
  .zoho-page .zoho-features{padding:65px 30px}
  .zoho-page .zoho-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .zoho-page .zoho-benefits{padding:60px 30px}
  .zoho-page .zoho-benefit-row,.zoho-page .zoho-benefit-row.is-reverse{grid-template-columns:minmax(260px,42%) 1fr;gap:36px;margin-bottom:48px}
  .zoho-page .zoho-benefit-row.is-reverse .zoho-benefit-visual{grid-column:1;grid-row:1}
  .zoho-page .zoho-benefit-row.is-reverse .zoho-benefit-copy{grid-column:2;grid-row:1}
  .zoho-page .zoho-benefit-visual{height:auto;aspect-ratio:1/1}
  .zoho-page .zoho-future{padding:65px 30px}
  .zoho-page .zoho-future-grid{grid-template-columns:1fr;gap:24px}
  .zoho-page .zoho-future-card{min-height:0}
}

@media(max-width:600px){
  .zoho-page .zoho-hero{padding:42px 0 30px}
  .zoho-page .zoho-hero-inner{width:calc(100% - 30px);gap:26px}
  .zoho-page .zoho-kicker{width:auto;height:auto;margin-bottom:18px;padding:7px 18px;font-size:14px;line-height:22px}
  .zoho-page .zoho-hero-copy h1{font-size:30px;line-height:1.2;margin-bottom:16px}
  .zoho-page .zoho-hero-copy p{font-size:16px;line-height:1.5;margin-bottom:24px}
  .zoho-page .zoho-hero-actions{gap:10px}
  .zoho-page .zoho-btn{width:auto;min-width:0;height:50px;padding:0 19px;font-size:15px}
  .zoho-page .zoho-hero-visual{aspect-ratio:1/1}
  .zoho-page .zoho-clients{padding:35px 0 10px}
  .zoho-page .zoho-clients .wrap{padding:0 15px}
  .zoho-page .zoho-clients h3{font-size:14px;white-space:nowrap}
  .zoho-page .zoho-clients .customer-marquee{padding:25px 12px 14px}
  .zoho-page .zoho-features{padding:50px 15px}
  .zoho-page .zoho-features>h2{font-size:26px;margin-bottom:30px}
  .zoho-page .zoho-feature-grid{grid-template-columns:1fr;gap:16px}
  .zoho-page .zoho-feature-card{min-height:0;padding:28px 24px}
  .zoho-page .zoho-benefits{padding:50px 15px}
  .zoho-page .zoho-benefits>h2{font-size:26px;line-height:1.25;margin-bottom:36px}
  .zoho-page .zoho-benefit-row,.zoho-page .zoho-benefit-row.is-reverse{grid-template-columns:1fr;gap:24px;margin-bottom:44px}
  .zoho-page .zoho-benefit-row.is-reverse .zoho-benefit-visual,.zoho-page .zoho-benefit-row.is-reverse .zoho-benefit-copy{grid-column:1;grid-row:auto}
  .zoho-page .zoho-benefit-copy h3{font-size:21px;margin-bottom:22px}
  .zoho-page .zoho-benefit-copy li{font-size:15px;padding:0 0 20px 46px}
  .zoho-page .zoho-benefit-copy li:before{width:34px;height:34px;font-size:17px}
  .zoho-page .zoho-future{padding:50px 15px}
  .zoho-page .zoho-future>h2{font-size:28px;margin-bottom:34px}
  .zoho-page .zoho-future-card{padding:32px 25px}
  .zoho-page .zoho-future-card i{font-size:46px;margin-bottom:28px}
  .zoho-page .zoho-future-card h3{font-size:21px}
  .zoho-page .zoho-future-card p{font-size:16px}
}

/* Dedicated demo request page */
.demo-page{--demo-blue:#2457f5;--demo-ink:#111827;--demo-muted:#667085;--demo-line:#dfe5f0;color:var(--demo-ink);background:#fff}
.demo-shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.demo-hero{position:relative;overflow:hidden;padding:80px 0 95px;background:radial-gradient(circle at 86% 20%,rgba(139,92,246,.13),transparent 26%),radial-gradient(circle at 10% 80%,rgba(36,87,245,.1),transparent 28%),linear-gradient(135deg,#f8faff,#f3f6ff 55%,#faf6ff)}
.demo-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(36,87,245,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(36,87,245,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000,transparent 70%)}
.demo-hero__grid{position:relative;display:grid;grid-template-columns:.94fr 1.06fr;gap:72px;align-items:center}
.demo-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(36,87,245,.17);border-radius:999px;background:rgba(255,255,255,.75);color:var(--demo-blue);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.demo-intro h1{max-width:590px;margin:23px 0 20px;font-size:clamp(43px,5vw,66px);line-height:1.04;letter-spacing:-.045em}
.demo-intro>p{max-width:580px;margin:0;color:var(--demo-muted);font-size:18px;line-height:1.7}
.demo-preview{display:grid;gap:20px;margin-top:38px}
.demo-preview article{display:grid;grid-template-columns:48px 1fr;gap:15px;align-items:center}
.demo-preview article>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #dce5ff;border-radius:13px;background:#fff;color:var(--demo-blue);font-size:21px;box-shadow:0 14px 28px -25px #111827}
.demo-preview strong,.demo-preview small{display:block}.demo-preview strong{margin-bottom:3px;font-size:16px}.demo-preview small{color:var(--demo-muted);font-size:14px;line-height:1.45}
.demo-note{display:flex;gap:11px;align-items:center;margin-top:34px;padding-top:25px;border-top:1px solid rgba(102,112,133,.18);color:var(--demo-muted);font-size:14px}.demo-note i{color:var(--demo-blue);font-size:20px}.demo-note strong{color:var(--demo-ink)}
.demo-form-card{padding:38px;border:1px solid rgba(207,215,230,.9);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 34px 80px -55px rgba(17,24,39,.75)}
.demo-form-card__head>span,.demo-agenda__head>span{color:var(--demo-blue);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.demo-form-card__head h2{margin:8px 0 8px;font-size:31px;letter-spacing:-.025em}.demo-form-card__head p{margin:0;color:var(--demo-muted);line-height:1.55}
.demo-form{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px;margin-top:27px}.demo-field{display:flex;flex-direction:column;gap:7px}.demo-field label{font-size:13px;font-weight:700}.demo-field input,.demo-field select{width:100%;height:47px;padding:0 13px;border:1px solid var(--demo-line);border-radius:9px;background:#fff;color:var(--demo-ink);font:inherit;font-size:14px}.demo-field input:focus,.demo-field select:focus{border-color:var(--demo-blue);outline:3px solid rgba(36,87,245,.1)}
.demo-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-top:3px;border:0;border-radius:9px;background:var(--demo-blue);color:#fff;font-weight:700;box-shadow:0 15px 28px -18px rgba(36,87,245,.9);transition:transform .2s,box-shadow .2s}.demo-submit:hover{transform:translateY(-2px);box-shadow:0 18px 32px -18px rgba(36,87,245,.9)}.demo-privacy{grid-column:1/-1;display:flex;justify-content:center;gap:7px;margin:0;color:var(--demo-muted);font-size:12px}.demo-privacy i{color:var(--demo-blue)}
.demo-agenda{padding:88px 0 100px}.demo-agenda__head{max-width:650px;margin:0 auto 45px;text-align:center}.demo-agenda__head h2{margin:10px 0 12px;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}.demo-agenda__head p{margin:0;color:var(--demo-muted);font-size:17px}
.demo-agenda__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-agenda__grid article{position:relative;min-height:255px;padding:29px;border:1px solid var(--demo-line);border-radius:18px;background:#fff}.demo-agenda__grid article>b{position:absolute;top:24px;right:25px;color:#d9e2ff;font-size:33px}.demo-agenda__grid article>i{display:grid;place-items:center;width:51px;height:51px;border-radius:14px;background:#edf2ff;color:var(--demo-blue);font-size:23px}.demo-agenda__grid h3{margin:48px 0 9px;font-size:21px}.demo-agenda__grid p{margin:0;color:var(--demo-muted);line-height:1.6}
@media(max-width:991px){.demo-hero__grid{grid-template-columns:1fr;gap:48px}.demo-intro{max-width:720px}.demo-form-card{max-width:720px}.demo-agenda__grid{grid-template-columns:1fr}.demo-agenda__grid article{min-height:215px}.demo-agenda__grid h3{margin-top:35px}}
@media(max-width:600px){.demo-shell{width:calc(100% - 30px)}.demo-hero{padding:45px 0 60px}.demo-hero__grid{gap:36px}.demo-intro h1{font-size:38px;margin:18px 0 16px}.demo-intro>p{font-size:16px}.demo-preview{margin-top:30px}.demo-form-card{padding:27px 18px;border-radius:18px}.demo-form-card__head h2{font-size:26px}.demo-form{grid-template-columns:1fr}.demo-submit,.demo-privacy{grid-column:auto}.demo-privacy{text-align:center}.demo-agenda{padding:60px 0 70px}.demo-agenda__head{margin-bottom:30px}.demo-agenda__head h2{font-size:30px}.demo-agenda__head p{font-size:15px}.demo-agenda__grid article{min-height:220px;padding:25px}}

/* ===== Resource pages ===== */
.resource-page{--resource-blue:#1246e8;--resource-ink:#101828;--resource-muted:#667085;--resource-soft:#f3f6ff;color:var(--resource-ink);background:#fff}
.resource-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.resource-hero{position:relative;overflow:hidden;padding:82px 0 88px;background:linear-gradient(135deg,#f6f8ff 0%,#edf3ff 52%,#f8f3ff 100%)}
.resource-hero:before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(38,86,246,.18),transparent 68%)}
.resource-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;gap:70px}
.resource-hero__copy{position:relative;z-index:1}
.resource-eyebrow,.resource-kicker{display:inline-flex;align-items:center;color:var(--resource-blue);font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.resource-eyebrow{padding:9px 14px;border:1px solid rgba(18,70,232,.18);background:rgba(255,255,255,.72);border-radius:999px}
.resource-hero h1{max-width:720px;margin:22px 0 18px;font-size:clamp(42px,5.2vw,72px);line-height:1.02;letter-spacing:-.045em;font-weight:800}
.resource-hero__copy>p{max-width:650px;margin:0 0 32px;color:var(--resource-muted);font-size:19px;line-height:1.65}
.resource-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:8px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}
.resource-button:hover{transform:translateY(-2px)}
.resource-button--primary{background:var(--resource-blue);color:#fff;box-shadow:0 14px 28px -14px rgba(18,70,232,.65)}
.resource-button--light{background:#fff;color:var(--resource-blue)}
.resource-hero__visual{position:relative;display:grid;place-items:center;min-height:380px}
.resource-hero__icon{position:relative;z-index:2;display:grid;place-items:center;width:174px;height:174px;border-radius:42px;background:linear-gradient(145deg,#1349f1,#042fb9);color:#fff;font-size:72px;box-shadow:0 30px 60px -26px rgba(0,54,217,.72);transform:rotate(-4deg)}
.resource-orbit{position:absolute;border:1px solid rgba(18,70,232,.18);border-radius:50%}
.resource-orbit--one{width:330px;height:330px}.resource-orbit--two{width:245px;height:245px;border-style:dashed}
.resource-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid rgba(16,24,40,.08);border-radius:12px;background:#fff;font-size:14px;font-weight:700;box-shadow:0 15px 30px -22px #101828}
.resource-chip i{color:var(--resource-blue)}.resource-chip--top{top:60px;right:25px}.resource-chip--bottom{bottom:52px;left:25px}
.resource-section{padding:90px 0}
.resource-section__head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}
.resource-section__head h2,.resource-guide-aside h2,.resource-partner-cta h2{max-width:720px;margin:10px 0 0;font-size:clamp(30px,3.3vw,46px);line-height:1.12;letter-spacing:-.03em}
.resource-section__head>p{max-width:440px;margin:0;color:var(--resource-muted);font-size:16px;line-height:1.65}
.resource-section__head--spaced{margin-top:75px}.resource-section__head--center{display:block;text-align:center}.resource-section__head--center h2,.resource-section__head--center p{margin-inline:auto}.resource-section__head--center>p{margin-top:15px}
.resource-feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:420px;border:1px solid #e3e8f2;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 60px -50px #101828}
.resource-feature__art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:350px;color:#fff}.resource-feature__art i{font-size:100px}.resource-feature__art span{font-weight:700;letter-spacing:.03em}
.resource-feature__copy{display:flex;flex-direction:column;justify-content:center;padding:48px}.resource-feature__copy h3{margin:14px 0;font-size:32px;line-height:1.2}.resource-feature__copy p,.resource-card p,.resource-video-card p,.resource-story-card p{color:var(--resource-muted);line-height:1.65}
.resource-tag{display:inline-block;color:var(--resource-blue);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.resource-meta{display:flex;gap:18px;margin:18px 0;color:#8a94a6;font-size:13px}
.resource-text-link{display:inline-flex;align-items:center;gap:7px;color:var(--resource-blue);font-weight:700}
.resource-filter{display:flex;gap:8px;overflow-x:auto;margin:48px 0 28px;padding-bottom:4px}.resource-filter button{flex:none;padding:10px 16px;border:1px solid #e1e6f0;border-radius:999px;color:var(--resource-muted);font-size:14px}.resource-filter button.is-active{border-color:var(--resource-blue);background:var(--resource-blue);color:#fff}
.resource-card-grid{display:grid;gap:24px}.resource-card-grid--3{grid-template-columns:repeat(3,1fr)}
.resource-card{padding:18px 18px 26px;border:1px solid #e5e9f2;border-radius:18px}.resource-card__art{display:grid;place-items:center;height:190px;margin-bottom:24px;border-radius:12px;color:#fff;font-size:58px}.resource-card h3{margin:10px 0 8px;font-size:22px;line-height:1.3}.resource-card p{margin:0}
.resource-art--blue{background:linear-gradient(135deg,#0b43e9,#3f6fff)}.resource-art--violet{background:linear-gradient(135deg,#6f42d9,#aa7cf7)}.resource-art--cyan{background:linear-gradient(135deg,#0284c7,#22c3d6)}.resource-art--pink{background:linear-gradient(135deg,#c0268c,#f072b6)}
.resource-faq-layout{display:grid;grid-template-columns:280px 1fr;gap:76px;align-items:start}
.resource-faq-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:4px}.resource-faq-nav>a{padding:12px 0;border-bottom:1px solid #e8ebf2;color:#465064;font-weight:600}.resource-faq-nav>a:hover{color:var(--resource-blue)}
.resource-help-card{margin-top:28px;padding:24px;border-radius:16px;background:var(--resource-soft)}.resource-help-card>i{font-size:30px;color:var(--resource-blue)}.resource-help-card h3{margin:15px 0 6px}.resource-help-card p{margin:0 0 16px;color:var(--resource-muted);line-height:1.5}
.resource-faq-group{margin-top:48px;scroll-margin-top:110px}.resource-faq-group:first-of-type{margin-top:0}.resource-faq-group>h3{margin:0 0 14px;color:#465064;font-size:16px;text-transform:uppercase;letter-spacing:.08em}
.resource-faq-group details{border-bottom:1px solid #e2e6ef}.resource-faq-group summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;font-size:19px;font-weight:650;list-style:none}.resource-faq-group summary::-webkit-details-marker{display:none}.resource-faq-group summary i{transition:transform .2s}.resource-faq-group details[open] summary{color:var(--resource-blue)}.resource-faq-group details[open] summary i{transform:rotate(45deg)}.resource-faq-group details p{max-width:760px;margin:-7px 40px 24px 0;color:var(--resource-muted);line-height:1.7}
.resource-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-path{position:relative;min-height:300px;padding:30px;border:1px solid #e2e7f0;border-radius:20px;background:#fff;overflow:hidden}.resource-path>span{position:absolute;right:20px;top:12px;color:#edf0f7;font-size:72px;font-weight:800}.resource-path>i{position:relative;color:var(--resource-blue);font-size:38px}.resource-path h3{position:relative;margin:52px 0 10px;font-size:25px}.resource-path p{position:relative;color:var(--resource-muted);line-height:1.6}.resource-path small{position:absolute;bottom:28px;color:var(--resource-blue);font-weight:700}
.resource-video-card{overflow:hidden;border:1px solid #e2e7f0;border-radius:18px}.resource-video-card__thumb{position:relative;display:grid;place-items:center;height:210px;color:#fff}.resource-video-card__thumb>span{position:absolute;right:12px;bottom:12px;padding:5px 8px;border-radius:6px;background:rgba(0,0,0,.65);font-size:12px}.resource-video-card__thumb>i{display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border-radius:50%;background:#fff;color:var(--resource-blue);font-size:32px}.resource-video-card>div:last-child{padding:24px}.resource-video-card h3{margin:10px 0 8px;font-size:21px;line-height:1.3}.resource-video-card p{margin:0}
.resource-case-feature{display:grid;grid-template-columns:1fr 1fr;border-radius:24px;background:#0d1d47;color:#fff;overflow:hidden}.resource-case-feature__copy{padding:52px}.resource-case-feature__copy .resource-tag{color:#8fb1ff}.resource-case-feature__copy h3{margin:14px 0;font-size:34px;line-height:1.2}.resource-case-feature__copy>p{color:#c8d1e7;line-height:1.7}.resource-case-feature__copy ul{display:grid;gap:12px;margin:24px 0}.resource-case-feature__copy li{display:flex;gap:10px}.resource-case-feature__copy .resource-text-link{color:#fff}
.resource-case-flow{display:flex;align-items:center;justify-content:center;gap:14px;padding:40px;background:linear-gradient(135deg,#1648df,#8b5cf6)}.resource-case-flow span{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:95px;padding:18px 10px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(255,255,255,.12);font-weight:700;text-align:center}.resource-case-flow span i{font-size:28px}
.resource-story-card{padding:30px;border:1px solid #e2e7f0;border-radius:18px}.resource-story-card>i{display:grid;place-items:center;width:52px;height:52px;margin-bottom:28px;border-radius:12px;background:var(--resource-soft);color:var(--resource-blue);font-size:25px}.resource-story-card h3{margin:11px 0;font-size:22px;line-height:1.35}.resource-story-card>a{display:inline-flex;gap:7px;margin-top:16px;color:var(--resource-blue);font-weight:700}
.resource-guides-layout{display:grid;grid-template-columns:360px 1fr;gap:78px;align-items:start}.resource-guide-aside{position:sticky;top:110px;padding:36px;border-radius:22px;background:#f1f5ff}.resource-guide-aside h2{font-size:38px}.resource-guide-aside>p{color:var(--resource-muted);line-height:1.7}.resource-guide-meter{margin-top:40px;padding-top:24px;border-top:1px solid #d8e0f4}.resource-guide-meter>span{font-weight:700}.resource-guide-meter>div{display:flex;gap:6px;margin:13px 0}.resource-guide-meter i{height:7px;flex:1;border-radius:9px;background:#b9c9ff}.resource-guide-meter i:nth-child(2){background:#6e91ff}.resource-guide-meter i:nth-child(3){background:#1648df}.resource-guide-meter small{color:var(--resource-muted)}
.resource-guide-list{display:grid;gap:16px}.resource-guide-list article{display:grid;grid-template-columns:48px 1fr 55px;gap:22px;align-items:start;padding:28px;border:1px solid #e2e7f0;border-radius:18px;transition:transform .2s,border-color .2s}.resource-guide-list article:hover{transform:translateX(4px);border-color:#9db3f8}.resource-guide-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--resource-soft);color:var(--resource-blue);font-weight:800}.resource-guide-list h3{margin:8px 0;font-size:22px}.resource-guide-list p{margin:0;color:var(--resource-muted);line-height:1.6}.resource-guide-list a{display:inline-flex;gap:7px;margin-top:14px;color:var(--resource-blue);font-weight:700}.resource-guide-list article>i{color:#c8d2e9;font-size:40px}
.resource-partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}.resource-partner-grid article{position:relative;padding:34px 30px;border:1px solid #e1e6f0;border-radius:20px;background:#fff}.resource-partner-grid article.is-featured{border:2px solid var(--resource-blue);box-shadow:0 24px 45px -35px var(--resource-blue)}.resource-partner-grid article>span{position:absolute;top:0;right:24px;padding:6px 12px;border-radius:0 0 8px 8px;background:var(--resource-blue);color:#fff;font-size:12px;font-weight:700}.resource-partner-grid article>i{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--resource-soft);color:var(--resource-blue);font-size:27px}.resource-partner-grid h3{margin:28px 0 10px;font-size:24px}.resource-partner-grid p{min-height:78px;color:var(--resource-muted);line-height:1.6}.resource-partner-grid ul{display:grid;gap:11px;margin:25px 0}.resource-partner-grid li:before{content:"✓";margin-right:9px;color:var(--resource-blue);font-weight:800}.resource-partner-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid #e7eaf1;color:var(--resource-blue);font-weight:700}
.resource-partner-steps{margin-top:90px;text-align:center}.resource-partner-steps>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px}.resource-partner-steps article{position:relative;padding:0 34px}.resource-partner-steps article+article:before{content:"";position:absolute;top:25px;left:-50px;width:100px;border-top:1px dashed #aebbdc}.resource-partner-steps b{display:grid;place-items:center;width:50px;height:50px;margin:auto;border-radius:50%;background:var(--resource-blue);color:#fff}.resource-partner-steps h3{margin:16px 0 6px}.resource-partner-steps p{margin:0;color:var(--resource-muted)}
.resource-partner-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:90px;padding:45px 50px;border-radius:22px;background:linear-gradient(120deg,#0d37c8,#6236cf);color:#fff}.resource-partner-cta .resource-kicker{color:#bcd0ff}.resource-partner-cta p{margin:10px 0 0;color:#dce4ff}
.resource-bottom-cta{padding:65px 0;background:linear-gradient(120deg,#0d37c8,#6236cf);color:#fff}.resource-bottom-cta .resource-shell{display:flex;align-items:center;justify-content:space-between;gap:35px}.resource-bottom-cta .resource-kicker{color:#bfd0ff}.resource-bottom-cta h2{max-width:760px;margin:10px 0 0;font-size:clamp(27px,3vw,42px);line-height:1.15}

@media(max-width:991px){
  .resource-hero{padding:60px 0}.resource-hero__grid{grid-template-columns:1fr;gap:28px}.resource-hero__visual{min-height:310px}.resource-hero__icon{width:145px;height:145px;font-size:60px}.resource-orbit--one{width:280px;height:280px}.resource-orbit--two{width:210px;height:210px}.resource-chip--top{top:35px;right:12%}.resource-chip--bottom{bottom:25px;left:12%}
  .resource-section{padding:70px 0}.resource-feature{grid-template-columns:1fr}.resource-feature__art{min-height:300px}.resource-feature__copy{padding:36px}.resource-card-grid--3,.resource-path-grid,.resource-partner-grid{grid-template-columns:repeat(2,1fr)}
  .resource-faq-layout,.resource-guides-layout{grid-template-columns:1fr;gap:42px}.resource-faq-nav,.resource-guide-aside{position:static}.resource-faq-nav>a{display:none}.resource-help-card{display:none}
  .resource-case-feature{grid-template-columns:1fr}.resource-case-flow{min-height:280px}.resource-partner-grid article:last-child{grid-column:1/-1}.resource-partner-steps article+article:before{display:none}
}
@media(max-width:600px){
  .resource-shell{width:calc(100% - 30px)}.resource-hero{padding:42px 0 48px}.resource-hero h1{font-size:38px}.resource-hero__copy>p{font-size:16px}.resource-hero__visual{min-height:270px}.resource-hero__icon{width:120px;height:120px;border-radius:30px;font-size:49px}.resource-orbit--one{width:235px;height:235px}.resource-orbit--two{width:175px;height:175px}.resource-chip{padding:9px 12px;font-size:12px}.resource-chip--top{top:28px;right:0}.resource-chip--bottom{bottom:22px;left:0}
  .resource-section{padding:55px 0}.resource-section__head{display:block;margin-bottom:28px}.resource-section__head>p{margin-top:12px}.resource-section__head--spaced{margin-top:52px}.resource-section__head h2,.resource-guide-aside h2,.resource-partner-cta h2{font-size:29px}
  .resource-card-grid--3,.resource-path-grid,.resource-partner-grid{grid-template-columns:1fr}.resource-feature__art{min-height:230px}.resource-feature__art i{font-size:72px}.resource-feature__copy{padding:28px 22px}.resource-feature__copy h3{font-size:26px}.resource-card__art{height:165px}.resource-filter{margin-top:35px}
  .resource-faq-group{margin-top:38px}.resource-faq-group summary{font-size:17px}.resource-faq-group details p{margin-right:0}.resource-path{min-height:280px}.resource-video-card__thumb{height:190px}
  .resource-case-feature__copy{padding:32px 23px}.resource-case-feature__copy h3{font-size:27px}.resource-case-flow{flex-wrap:wrap;padding:28px 15px}.resource-case-flow>i{transform:rotate(90deg)}
  .resource-guide-aside{padding:28px 22px}.resource-guide-list article{grid-template-columns:42px 1fr;padding:22px 18px;gap:14px}.resource-guide-list article>i{display:none}.resource-guide-list h3{font-size:19px}
  .resource-partner-grid article:last-child{grid-column:auto}.resource-partner-steps{margin-top:65px}.resource-partner-steps>div{grid-template-columns:1fr;gap:34px}.resource-partner-cta,.resource-bottom-cta .resource-shell{display:block}.resource-partner-cta{margin-top:65px;padding:34px 24px}.resource-partner-cta .resource-button{margin-top:24px}.resource-bottom-cta{padding:48px 0}.resource-bottom-cta .resource-button{margin-top:25px}
}

/* ===== Company pages ===== */
.company-page{--company-blue:#1648e5;--company-ink:#111827;--company-muted:#667085;--company-soft:#f2f5ff;color:var(--company-ink)}
.company-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.company-kicker,.company-eyebrow{display:inline-flex;color:var(--company-blue);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.company-eyebrow{padding:9px 14px;border:1px solid rgba(22,72,229,.2);border-radius:999px;background:rgba(255,255,255,.72)}
.company-hero{overflow:hidden;padding:82px 0 92px;background:linear-gradient(135deg,#f7f9ff,#edf3ff 58%,#f7f1ff)}.company-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}.company-hero h1,.company-contact-hero h1{max-width:720px;margin:22px 0 18px;font-size:clamp(44px,5.3vw,74px);line-height:1.02;letter-spacing:-.045em}.company-hero__copy>p,.company-contact-hero p{max-width:650px;margin:0 0 32px;color:var(--company-muted);font-size:19px;line-height:1.65}.company-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:0;border-radius:8px;background:var(--company-blue);color:#fff;font-weight:700;box-shadow:0 14px 28px -16px rgba(22,72,229,.7);transition:transform .2s}.company-button:hover{transform:translateY(-2px)}.company-button--light{background:#fff;color:var(--company-blue)}
.company-hero__canvas{position:relative;min-height:400px;border-radius:50%;background:radial-gradient(circle at center,#dfe8ff 0 42%,transparent 43%),repeating-radial-gradient(circle,transparent 0 67px,rgba(22,72,229,.12) 68px 69px)}.company-hero__mark{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:190px;height:120px;padding:28px;transform:translate(-50%,-50%);border-radius:28px;background:#fff;box-shadow:0 25px 55px -32px #1648e5}.company-hero__mark img{width:100%}.company-signal{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #e1e6f1;border-radius:12px;background:#fff;font-size:14px;font-weight:700;box-shadow:0 16px 35px -28px #111827}.company-signal i{color:var(--company-blue);font-size:20px}.company-signal--one{top:25px;left:15%}.company-signal--two{top:50%;right:-3%;transform:translateY(-50%)}.company-signal--three{bottom:30px;left:7%}
.company-intro{padding:90px 0}.company-intro__grid{display:grid;grid-template-columns:220px 1fr;gap:60px}.company-intro h2,.company-section-head h2,.company-story h2,.company-contact-options h2{margin:0 0 20px;font-size:clamp(32px,3.7vw,50px);line-height:1.12;letter-spacing:-.035em}.company-intro p{max-width:830px;margin:0;color:var(--company-muted);font-size:19px;line-height:1.8}
.company-principles{padding:90px 0;background:#0d1c43;color:#fff}.company-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.company-section-head h2{margin:10px 0 0}.company-section-head>p{max-width:400px;margin:0;color:var(--company-muted);line-height:1.6}.company-principles .company-section-head>p{color:#bac6df}.company-principles .company-kicker{color:#93b0ff}.company-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.company-principle-grid article{position:relative;min-height:300px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045)}.company-principle-grid article>span{position:absolute;right:22px;top:18px;color:rgba(255,255,255,.15);font-size:40px;font-weight:800}.company-principle-grid article>i{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#fff;color:var(--company-blue);font-size:25px}.company-principle-grid h3{margin:70px 0 10px;font-size:22px}.company-principle-grid p{margin:0;color:#bac6df;line-height:1.65}
.company-story{padding:100px 0}.company-story__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.company-story__visual{display:flex;align-items:center;justify-content:center;min-height:430px;padding:40px;border-radius:30px;background:linear-gradient(135deg,#edf3ff,#f6efff)}.company-story__visual div{display:grid;place-items:center;flex:none;width:88px;height:88px;border-radius:22px;background:#fff;color:var(--company-blue);font-size:35px;box-shadow:0 18px 38px -30px #111827}.company-story__line{width:55px;border-top:2px dashed #95aaf0}.company-story__copy h2{margin:12px 0 18px}.company-story__copy>p{color:var(--company-muted);font-size:17px;line-height:1.7}.company-story__copy ul{display:grid;gap:20px;margin-top:30px}.company-story__copy li{display:flex;gap:14px}.company-story__copy li>i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#eaf0ff;color:var(--company-blue)}.company-story__copy li span{color:var(--company-muted);line-height:1.55}.company-story__copy li b{display:block;margin-bottom:3px;color:var(--company-ink)}
.company-join{padding:65px 0;background:linear-gradient(120deg,#0d37c8,#6337cf);color:#fff}.company-join .company-shell{display:flex;align-items:center;justify-content:space-between;gap:40px}.company-join .company-kicker{color:#c1d1ff}.company-join h2{margin:10px 0 8px;font-size:clamp(29px,3.4vw,46px)}.company-join p{margin:0;color:#d8e1ff}
.company-contact-hero{padding:78px 0 145px;text-align:center;background:linear-gradient(135deg,#f7f9ff,#edf3ff 58%,#f7f1ff)}.company-contact-hero h1,.company-contact-hero p{margin-left:auto;margin-right:auto}.company-contact-main{padding-bottom:95px}.company-contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:stretch;margin-top:-75px}.company-contact-options{padding:40px 0}.company-contact-options h2{margin:35px 0 30px}.company-contact-options article{display:grid;grid-template-columns:48px 1fr 22px;gap:15px;align-items:center;padding:20px;border-bottom:1px solid #e3e7ef;cursor:pointer}.company-contact-options article>i:first-child{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:var(--company-soft);color:var(--company-blue);font-size:21px}.company-contact-options article>i:last-child{color:#a1a9b8}.company-contact-options article.is-active{border:1px solid #cad6fa;border-radius:14px;background:#f7f9ff}.company-contact-options h3{margin:0 0 4px;font-size:18px}.company-contact-options p{margin:0;color:var(--company-muted);font-size:14px;line-height:1.5}.company-direct-contact{display:grid;gap:10px;margin-top:30px;padding:24px;border-radius:15px;background:#f5f7fc}.company-direct-contact>span{margin-bottom:5px;color:var(--company-muted);font-size:13px}.company-direct-contact a{display:flex;gap:9px;font-weight:650}.company-direct-contact a i{color:var(--company-blue)}
.company-contact-form-wrap{display:flex;flex-direction:column;justify-content:center;padding:38px;border:1px solid #e0e5ef;border-radius:22px;background:#fff;box-shadow:0 30px 70px -55px #111827}.company-contact-form-head>span{color:var(--company-blue);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.company-contact-form-head h2{margin:8px 0;font-size:32px}.company-contact-form-head p{margin:0;color:var(--company-muted)}.company-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.company-field{display:flex;flex-direction:column;gap:8px}.company-field--full{grid-column:1/-1}.company-field label{font-size:14px;font-weight:650}.company-field input,.company-field select,.company-field textarea{width:100%;padding:13px 14px;border:1px solid #d9dee8;border-radius:8px;background:#fff;color:var(--company-ink);font:inherit}.company-field textarea{resize:vertical}.company-field input:focus,.company-field select:focus,.company-field textarea:focus{border-color:var(--company-blue);outline:3px solid rgba(22,72,229,.1)}
.company-offices{padding:90px 0;background:#f6f8fc}.company-office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.company-office-grid article{padding:30px;border:1px solid #e0e5ef;border-radius:17px;background:#fff}.company-office-flag{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(17,24,39,.08)}.company-office-grid h3{margin:25px 0 10px;font-size:22px}.company-office-grid p{min-height:55px;color:var(--company-muted);line-height:1.6}.company-office-grid a{color:var(--company-blue);font-weight:700}
@media(max-width:991px){.company-hero__grid,.company-story__grid{grid-template-columns:1fr}.company-hero__canvas{min-height:340px}.company-intro__grid{grid-template-columns:1fr;gap:20px}.company-principle-grid{grid-template-columns:repeat(2,1fr)}.company-story__grid{gap:45px}.company-contact-grid{grid-template-columns:1fr;margin-top:-90px}.company-contact-options{padding:0}.company-office-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.company-shell{width:calc(100% - 30px)}.company-hero{padding:42px 0 55px}.company-hero h1,.company-contact-hero h1{font-size:39px}.company-hero__copy>p,.company-contact-hero p{font-size:16px}.company-hero__canvas{min-height:290px}.company-hero__mark{width:150px;height:100px}.company-signal{font-size:12px;padding:9px 11px}.company-signal--one{left:0}.company-signal--two{right:0}.company-signal--three{left:0}.company-intro,.company-principles,.company-story,.company-offices{padding:60px 0}.company-intro h2,.company-section-head h2,.company-story h2,.company-contact-options h2{font-size:30px}.company-intro p{font-size:16px}.company-section-head{display:block;margin-bottom:30px}.company-section-head>p{margin-top:12px}.company-principle-grid,.company-office-grid{grid-template-columns:1fr}.company-principle-grid article{min-height:260px}.company-story__visual{min-height:290px;padding:25px 12px}.company-story__visual div{width:65px;height:65px;font-size:27px}.company-story__line{width:28px}.company-join .company-shell{display:block}.company-join .company-button{margin-top:25px}.company-contact-hero{padding:48px 0 120px}.company-contact-grid{gap:35px}.company-contact-form-wrap{padding:26px 18px}.company-contact-form{grid-template-columns:1fr}.company-field--full{grid-column:auto}.company-office-grid p{min-height:0}}

/* By Industry, By Size and By Use Case pages responsive layout */
@media(max-width:991.98px){
  .solution-responsive-page .education-hero{min-height:auto;padding:58px 0 45px}
  .solution-responsive-page .education-hero-inner{width:min(calc(100% - 40px),700px);grid-template-columns:1fr;gap:34px}
  .solution-responsive-page .education-copy{max-width:680px}
  .solution-responsive-page .education-visual{width:100%;min-height:480px;margin:auto}
  .solution-responsive-page .education-clients{margin-top:30px}
  .solution-responsive-page .education-clients h3{z-index:1}
  .solution-responsive-page .education-solutions{padding:60px 24px 75px}
  .solution-responsive-page .education-solutions-grid{grid-template-columns:1fr;max-width:650px;gap:50px}
  .solution-responsive-page .education-solutions-visual{width:min(100%,440px);margin:auto}
  .solution-responsive-page .education-solutions-copy{padding:0}
  .solution-responsive-page .education-virtual{width:min(calc(100% - 48px),650px);max-width:650px;margin:auto;padding:75px 0 90px;grid-template-columns:1fr;gap:50px}
  .solution-responsive-page .education-virtual-visual{width:min(100%,500px);height:auto;aspect-ratio:5/7;margin:auto}
  .solution-responsive-page .education-happier{width:min(calc(100% - 48px),650px);grid-template-columns:1fr;gap:50px;padding:80px 0 90px}
  .solution-responsive-page .education-happier-visual{width:min(100%,500px);margin:auto}
}

@media(max-width:600px){
  .solution-responsive-page .education-hero{padding:42px 0 30px}
  .solution-responsive-page .education-hero-inner{width:calc(100% - 30px);gap:22px}
  .solution-responsive-page .education-kicker{padding:7px 18px;margin-bottom:17px;font-size:14px}
  .solution-responsive-page .education-copy h1{font-size:34px;line-height:1.16;letter-spacing:-1px;margin-bottom:16px}
  .solution-responsive-page .education-copy p{font-size:15px;margin-bottom:25px}
  .solution-responsive-page .education-actions{gap:9px;margin-bottom:28px;flex-wrap:nowrap}
  .solution-responsive-page .education-btn{flex:1;min-width:0;padding:13px 12px;font-size:15px}
  .solution-responsive-page .education-ratings{gap:5px;font-size:13px;flex-wrap:wrap}
  .solution-responsive-page .education-rating-mark{width:34px;height:34px}
  .solution-responsive-page .education-rating-mark svg{max-width:25px;max-height:25px}
  .solution-responsive-page .education-stars{font-size:16px}
  .solution-responsive-page .education-visual{min-height:340px}
  .solution-responsive-page .education-photo{width:84%}
  .solution-responsive-page .education-callout{left:0;top:19%;max-width:170px;padding:8px 10px;gap:8px;font-size:11px}
  .solution-responsive-page .education-callout span{font-size:20px}
  .solution-responsive-page .education-callout small{font-size:10px}
  .solution-responsive-page .education-clients{padding:35px 0 10px}
  .solution-responsive-page .education-clients .wrap{padding:0 15px}
  .solution-responsive-page .education-clients h3{font-size:14px;white-space:nowrap}
  .solution-responsive-page .education-clients .customer-marquee{padding:25px 12px 14px}
  .solution-responsive-page .education-solutions{padding:52px 15px 65px}
  .solution-responsive-page .education-solutions-heading{margin-bottom:32px}
  .solution-responsive-page .education-solutions-heading h2{font-size:27px}
  .solution-responsive-page .education-solutions-grid{gap:38px}
  .solution-responsive-page .education-solutions-visual{height:auto;min-height:0;aspect-ratio:3/4;padding-top:29px}
  .solution-responsive-page .education-people{right:-3px;top:37px;padding:7px;font-size:14px}
  .solution-responsive-page .education-people small{font-size:8px}
  .solution-responsive-page .education-solutions-copy h3{font-size:23px;margin-bottom:30px}
  .solution-responsive-page .education-solutions-copy article{gap:12px;margin-bottom:24px}
  .solution-responsive-page .education-solution-icon{flex-basis:42px;width:42px;height:42px}
  .solution-responsive-page .education-solutions .education-solution-icon svg{width:35px;height:35px}
  .solution-responsive-page .education-solutions-copy h4{font-size:17px}
  .solution-responsive-page .education-solutions-copy p{font-size:13px}
  .solution-responsive-page .education-virtual{width:100%;max-width:none;padding:58px 15px 70px;gap:35px}
  .solution-responsive-page .education-virtual-copy h2{font-size:27px;margin-bottom:32px}
  .solution-responsive-page .education-virtual-copy article{gap:12px;margin-bottom:26px}
  .solution-responsive-page .education-virtual-visual{width:100%;aspect-ratio:4/5;padding:31px 7px 7px}
  .solution-responsive-page .education-happier{width:100%;padding:65px 15px 75px;gap:38px}
  .solution-responsive-page .education-happier-visual{width:100%;height:auto;aspect-ratio:4/5;padding:0}
  .solution-responsive-page .education-satisfaction{top:22px;left:10px;padding:9px 11px;font-size:12px}
  .solution-responsive-page .education-congrats{left:10px;bottom:22px;width:100px;padding:11px 8px}
  .solution-responsive-page .education-happier-copy h2{font-size:27px;margin-bottom:32px}
  .solution-responsive-page .education-happier-copy article{gap:12px;margin-bottom:26px}
  .solution-responsive-page .education-happier-icon{flex-basis:44px;width:44px;height:44px;font-size:21px}
  .solution-responsive-page .education-happier-copy h3{font-size:17px}
  .solution-responsive-page .education-happier-copy p{font-size:13px}
}