/* ===== Inner pages: About, Services, Blog, Contact ===== */
.hero.inner{padding-bottom:28px}
.inner .hero-top{margin-top:26px}
.inner h1{font-size:clamp(2rem,4.6vw,3.2rem);max-width:820px}
.inner .lead{max-width:680px;margin:16px auto 0;color:var(--muted)}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:14px}.crumbs a:hover{color:var(--purple2)}
.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.chips a,.chips button{padding:9px 22px;border-radius:50px;border:1.5px solid var(--purple);background:#fff;color:var(--purple);font:500 .9rem Poppins,sans-serif;cursor:pointer;transition:.2s}
.chips a:hover,.chips button:hover,.chips button.on{background:var(--purple);color:#fff}
.chips.filter{margin:0 0 36px}
.sec{padding:32px 0}
.sec-head{text-align:center;max-width:720px;margin:0 auto 32px}
.sec-head h2{margin-top:4px}
.body{margin:14px 0;font-size:.95rem;line-height:1.8}
.btn-light{background:#fff;color:var(--purple)}
.pull{margin-top:8px;padding-bottom:32px;position:relative;z-index:2}
.stats.card{box-shadow:0 10px 40px rgba(0,53,193,.08)}

/* split + photos */
.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.photo-frame{border-radius:24px;overflow:hidden;background:var(--gold);box-shadow:0 18px 44px rgba(0,53,193,.16);aspect-ratio:4/3}
.photo-frame img{width:100%;height:100%;object-fit:cover}
.photo-frame.sm{aspect-ratio:16/10}

/* cards */
.v-card{transition:transform .25s,box-shadow .25s}
.v-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,53,193,.12)}
.v-card h4{margin:18px 0 8px}
.band{background:var(--purple);color:#fff}
.band .sec-head p.eyebrow{color:#9fc0ff}
.band .v-card.inv{color:var(--ink)}
.band-soft{background:#eef3ff}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.grid5 .v-card{padding:24px 20px}.grid5 .v-card h4{font-size:1rem}

/* timeline */
.timeline{max-width:820px;margin:0 auto;position:relative;padding-left:34px;border-left:2px solid #cdd9f5;display:grid;gap:22px}
.timeline li{position:relative}
.timeline li::before{content:"";position:absolute;left:-43px;top:34px;width:16px;height:16px;border-radius:50%;background:var(--purple);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--purple)}
.yr{display:inline-block;background:var(--purple);color:#fff;font-weight:600;font-size:.82rem;padding:3px 16px;border-radius:50px;margin-bottom:8px}
.timeline .card h4{margin-bottom:6px}

/* about: ready card */
.ready{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:44px;box-shadow:0 10px 40px rgba(0,53,193,.08)}
.ready .btn{margin-top:8px}
.ticks2{display:grid;gap:14px}
.ticks2 li{background:#f1f4fb;border-radius:14px;padding:14px 18px 14px 52px;position:relative}
.ticks2 li::before{content:"\2713";position:absolute;left:16px;top:50%;translate:0 -50%;width:24px;height:24px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:.8rem}
.ticks2 b{display:block;font-size:.95rem}.ticks2 span{color:var(--muted);font-size:.85rem}

/* services */
.cat-head{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;margin-bottom:32px}
.s-grid{display:flex;flex-wrap:wrap;gap:22px;justify-content:center}
.s-card{flex:0 1 calc((100% - 44px)/3);background:#fff;border-radius:var(--r);padding:30px 28px;border:1.5px solid transparent;display:flex;flex-direction:column;scroll-margin-top:24px;transition:transform .25s,box-shadow .25s,border-color .25s}
.s-card:hover,.s-card:target{transform:translateY(-5px);border-color:var(--purple);box-shadow:0 16px 38px rgba(0,53,193,.16)}
.s-card h3{margin:18px 0 8px}
.ticks3{margin:16px 0 22px;display:grid;gap:8px;flex:1;align-content:start}
.ticks3 li{position:relative;padding-left:26px;font-size:.9rem;font-weight:500}
.ticks3 li::before{content:"\2713";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#dbe6ff;color:var(--purple);display:grid;place-items:center;font-size:.65rem}
.s-card .btn{align-self:flex-start}
section[id]{scroll-margin-top:20px}
.goals{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:34px}
.goals b{font-size:.9rem;margin-right:6px}
.goals span{background:#fff;border:1px solid #dbe3f5;padding:6px 16px;border-radius:50px;font-size:.85rem}
.step{position:relative}
.step .num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--purple);color:#fff;font-weight:600;margin-bottom:14px}
.step h4{margin-bottom:6px}

/* blog */
.blog-grid .b-card{transition:transform .25s,box-shadow .25s}
.blog-grid .b-card:hover{transform:translateY(-6px);box-shadow:0 16px 38px rgba(0,53,193,.16)}
.blog-grid .b-img{display:block;overflow:hidden}
.blog-grid .b-card[hidden]{display:none}
.b-card h4 a:hover{color:var(--purple2)}
.b-img img{transition:transform .5s}.b-card:hover .b-img img{transform:scale(1.05)}

/* contact */
.info-grid{margin-top:0}
.info-grid .card{padding:28px 24px;box-shadow:0 10px 40px rgba(0,53,193,.08);overflow-wrap:anywhere}
.info-grid h4{margin:16px 0 4px}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}
.form-card{padding:38px}.form-card h2{font-size:1.8rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{margin-top:16px}
.fld label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}
.fld input,.fld select,.fld textarea{width:100%;padding:12px 16px;border:1.5px solid #dbe3f5;border-radius:12px;background:#f8faff;font:400 .92rem Poppins,sans-serif;color:var(--ink);transition:border-color .2s,background .2s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--purple);background:#fff}
.fld textarea{resize:vertical}
.err{display:none;color:#c62828;font-size:.78rem;margin-top:4px}
.fld.bad input{border-color:#c62828}.fld.bad .err{display:block}
.form-card .btn{margin-top:22px;padding:12px 30px}
.form-note{margin-top:14px;font-size:.88rem;color:var(--green-d)}
.side-col{display:grid;gap:20px}
.side-col .card h4{margin:16px 0 8px}
.hours{margin-top:12px;font-size:.88rem}
.map{border-radius:var(--r);overflow:hidden;height:300px;background:#dbe6ff;box-shadow:0 10px 40px rgba(0,53,193,.08)}
.map iframe{width:100%;height:100%;border:0}

/* cta extras */
.cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.cta-img.photo{height:260px}.cta-img.photo img{height:100%;width:100%;object-fit:cover;transform:none;filter:none}
.reveal{will-change:opacity,transform}

@media (max-width:1024px){
 .grid5{grid-template-columns:repeat(3,1fr)}
 .s-card{flex-basis:calc((100% - 22px)/2)}
 .split,.cat-head,.ready,.contact-grid{grid-template-columns:1fr}
 .cat-head .photo-frame{order:-1}
}
@media (max-width:760px){
 .sec{padding:20px 0}
 .grid5{grid-template-columns:1fr}
 .s-card{flex-basis:100%}
 .row2{grid-template-columns:1fr;gap:0}
 .form-card,.ready{padding:26px}
 .timeline{padding-left:22px}.timeline li::before{left:-31px}
 .inner .hero-top{margin-top:14px}
}
.btn{font-family:inherit}

/* ===== Legal pages: Privacy Policy, Terms & Conditions ===== */
.legal{max-width:860px;margin:0 auto;padding:44px 48px;box-shadow:0 10px 40px rgba(0,53,193,.08)}
.legal h2{font-size:1.25rem;margin:30px 0 10px;color:var(--ink)}
.legal p,.legal li{color:var(--muted);font-size:.95rem;line-height:1.85}
.legal ul{list-style:disc;padding-left:22px;display:grid;gap:6px}
.legal a{color:var(--purple2);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--purple)}
@media (max-width:760px){.legal{padding:26px 22px}}

/* ===== One consistent section rhythm (gap between sections = 64px) ===== */
.chips.filter{margin-bottom:28px}
.band .sec,.band-soft .sec{padding:52px 0}          /* coloured full-width bands keep a little more room inside */
main .cta{margin:32px 0 24px}                        /* CTA sits on the same rhythm as other sections */
main>section:last-of-type.container{padding-bottom:0}
@media (max-width:760px){.band .sec,.band-soft .sec{padding:36px 0}main .cta{margin:20px 0 16px}.pull{padding-bottom:20px}}

/* ===== Every card on the new pages turns primary blue on hover ===== */
.v-card,.s-card,.step,.timeline .card,.ready,.side-col .card,.b-card{transition:background .25s,color .25s,transform .25s,box-shadow .25s,border-color .25s;cursor:pointer}
.v-card:hover,.s-card:hover,.step:hover,.timeline .card:hover,.ready:hover,.side-col .card:hover,.b-card:hover{
  background:var(--purple);color:#fff;transform:translateY(-6px);border-color:var(--purple);box-shadow:0 18px 40px rgba(0,53,193,.28)}
.v-card:hover .muted,.s-card:hover .muted,.step:hover .muted,.timeline .card:hover .muted,.ready:hover .muted,.side-col .card:hover .muted,.b-card:hover .muted,
.s-card:hover .ticks3 li,.side-col .card:hover .hours{color:#fff}
.v-card:hover h4,.s-card:hover h3,.step:hover h4,.timeline .card:hover h4,.ready:hover h2,.ready:hover .eyebrow,.side-col .card:hover h4,.b-card:hover h4,.b-card:hover h4 a{color:#fff}
.v-card:hover .ic,.s-card:hover .ic,.side-col .card:hover .ic{background:rgba(255,255,255,.18)}
.v-card:hover .ic svg,.s-card:hover .ic svg,.side-col .card:hover .ic svg{stroke:#fff}
.s-card:hover .ticks3 li::before{background:#fff;color:var(--purple)}
.step:hover .num{background:#fff;color:var(--purple)}
/* buttons inside a blue card flip to white so they stay visible */
.s-card:hover .btn-dark,.b-card:hover .btn-dark{background:#fff;color:var(--purple)}
/* "Ready to start" card: its three tick boxes stay light with dark text */
.ready:hover .ticks2 b{color:var(--ink)}.ready:hover .ticks2 span{color:var(--muted)}
/* on the blue bands the card needs a white edge so it does not melt into the background */
.band .v-card:hover{box-shadow:0 0 0 3px #fff,0 18px 40px rgba(0,0,0,.35)}
/* ===== Inner pages: cover banner (About, Services, Blog, Contact, Policies) ===== */
.inner .hero-top{
  position:relative;overflow:hidden;
  width:100vw;max-width:none;margin:26px calc(50% - 50vw) 0;padding:72px max(20px,4vw) 64px;border-radius:0;
  background:
    linear-gradient(90deg,rgba(0,24,100,.78) 0%,rgba(0,53,193,.45) 55%,rgba(0,53,193,.2) 100%),
    var(--cover,url(../images/cover.webp)) center/cover no-repeat,
    linear-gradient(135deg,#001e78,#0035c1 60%,#2f5bea);
  box-shadow:none;
}
.inner .hero-top h1{color:#fff}
.inner .hero-top .eyebrow{color:#cfe0ff}
.inner .hero-top .crumbs,.inner .hero-top .crumbs a{color:#dbe6ff}
.inner .hero-top .crumbs a:hover{color:#fff}
.inner .hero-top .lead{color:#e6eeff}
@media(max-width:700px){
  .inner .hero-top{margin-top:16px;padding:44px 20px 40px;border-radius:0}
}

/* Mobile: stats card ke columns barabar, bade numbers kinaron se na takraayein */
@media (max-width:760px){
  .stats.card{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;padding:24px 14px}
  .stats b{font-size:1.75rem;line-height:1.2}
  .stats span{font-size:.82rem}
}
/* Services hero chips: always one line on mobile, scroll sideways if too narrow */
@media(max-width:640px){
  .chips:not(.filter){flex-wrap:nowrap;justify-content:safe center;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 4px 2px}
  .chips:not(.filter)::-webkit-scrollbar{display:none}
  .chips:not(.filter) a{flex:0 0 auto;padding:9px 16px;font-size:.85rem;white-space:nowrap}
}

/* Services overview: product pills + category button */
.svc-links{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}
.svc-links a{background:#fff;border:1px solid #dbe3f5;padding:6px 14px;border-radius:50px;font-size:.85rem;transition:.2s}
.svc-links a:hover{border-color:var(--purple);color:var(--purple)}
.band-soft .svc-links a{background:#fff}

/* ===== Blog ===== */
.blog-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:34px}
.blog-bar .chips.filter{margin:0;justify-content:flex-start}
.chips.filter button span{display:inline-block;min-width:20px;margin-left:6px;padding:0 6px;border-radius:50px;background:#eaf0ff;color:var(--purple);font-size:.75rem;line-height:20px}
.chips.filter button.on span,.chips.filter button:hover span{background:rgba(255,255,255,.22);color:#fff}
.blog-search{position:relative;flex:0 1 280px;min-width:200px}
.blog-search svg{position:absolute;left:16px;top:50%;translate:0 -50%;width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round}
.blog-search input{width:100%;padding:11px 18px 11px 44px;border-radius:50px;border:1.5px solid #dbe3f5;background:#fff;font:400 .92rem Poppins,sans-serif;color:var(--ink)}
.blog-search input:focus{outline:0;border-color:var(--purple)}
.blog-grid .b-card{display:flex;flex-direction:column;padding-bottom:0}
.blog-grid .b-img{height:220px;overflow:hidden;flex:none}
.blog-grid .b-body{display:flex;flex-direction:column;flex:1;padding:22px 26px 26px}
.blog-grid .b-body h4,.blog-grid .b-body p,.blog-grid .b-body .btn{padding:0;margin:0}
.blog-grid .b-body h4{margin:8px 0 8px;font-size:1.08rem}
.blog-grid .b-body .muted{font-size:.9rem;margin-bottom:18px}
.blog-grid .b-body .btn{margin-top:auto;align-self:flex-start;padding:10px 22px;font-size:.88rem}
.b-meta{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--muted)}
.b-meta i{width:4px;height:4px;border-radius:50%;background:#b8c4e6}
/* blog cards stay light on hover (no solid blue), only lift */
.blog-grid .b-card:hover{background:#fff;color:var(--ink);border-color:transparent;transform:translateY(-6px);box-shadow:0 16px 38px rgba(0,53,193,.16)}
.blog-grid .b-card:hover h4,.blog-grid .b-card:hover h4 a{color:var(--purple)}
.blog-grid .b-card:hover .muted{color:var(--muted)}
.blog-grid .b-card:hover .btn-dark{background:var(--purple);color:#fff}
.blog-grid .b-card.feat{grid-column:1/-1;flex-direction:row}
.blog-grid .b-card.feat .b-img{flex:0 0 52%;height:auto;min-height:340px}
.blog-grid .b-card.feat .b-body{justify-content:center;padding:36px 44px}
.blog-grid .b-card.feat h4{font-size:1.65rem;line-height:1.3}
.blog-grid .b-card.feat .muted{font-size:1rem}
.blog-grid .b-card.feat .b-meta::before{content:"Latest";background:var(--green);color:#fff;border-radius:50px;padding:2px 12px;font-weight:500}
.blog-empty{text-align:center;color:var(--muted);padding:50px 0}
.blog-empty a{color:var(--purple2);text-decoration:underline}
/* article */
.post-hero .hero-top h1{font-size:clamp(1.6rem,3.4vw,2.5rem);max-width:820px}
.post-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
.post{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px rgba(0,53,193,.08)}
.post-cover img{width:100%;aspect-ratio:16/8;object-fit:cover;display:block}
.post-body{padding:38px 46px 34px}
.post-body p,.post-body li{color:#3d4a6b;font-size:1rem;line-height:1.85}
.post-body>p{margin-bottom:14px}
.post-body h2{font-size:1.4rem;margin:30px 0 10px;line-height:1.35}
.post-body ul{list-style:disc;padding-left:22px;display:grid;gap:8px;margin-bottom:14px}
.post-body li b{color:var(--ink)}
.callout{background:#eef3ff;border-left:4px solid var(--purple);border-radius:12px;padding:16px 20px;margin:24px 0;color:#2b3a66;font-size:.97rem;line-height:1.75}
.post-end{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid #e6ebf8}
.post-end b{font-size:.92rem}
.share{display:flex;gap:8px;margin-top:8px}
.share a{padding:6px 16px;border-radius:50px;border:1.5px solid var(--purple);color:var(--purple);font-size:.82rem;font-weight:500;transition:.2s}
.share a:hover{background:var(--purple);color:#fff}
.by{display:flex;align-items:center;gap:12px}
.by .av{width:44px;height:44px;border-radius:50%;background:#eef3ff;display:grid;place-items:center;flex:none}
.by .av img{width:28px;height:28px}
.by small{display:block;color:var(--muted);font-size:.78rem;line-height:1.4}
.post-note{margin-top:22px;font-size:.8rem!important;color:var(--muted)!important;line-height:1.7!important}
.post-note a{color:var(--purple2);text-decoration:underline}
.post-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;font-size:.9rem;font-weight:500}
.post-nav a{color:var(--purple)}.post-nav a:hover{text-decoration:underline}
.post-side{display:grid;gap:22px;position:sticky;top:20px}
.side-box{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 40px rgba(0,53,193,.08)}
.side-box h4{font-size:1.02rem;margin-bottom:14px}
.cat-list{display:grid;gap:4px}
.cat-list a{display:flex;justify-content:space-between;padding:9px 12px;border-radius:10px;font-size:.92rem;transition:.2s}
.cat-list a:hover{background:#eef3ff;color:var(--purple)}
.cat-list span{color:var(--muted);font-size:.8rem}
.rel{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #eef1fb}
.rel:first-of-type{border-top:0;padding-top:0}
.rel img{width:84px;height:64px;object-fit:cover;border-radius:10px;flex:none}
.rel b{display:block;font-size:.86rem;line-height:1.4;font-weight:500}
.rel small{color:var(--muted);font-size:.74rem}
.rel:hover b{color:var(--purple)}
.side-cta{background:var(--purple);color:#fff}
.side-cta p{font-size:.9rem;opacity:.92;margin-bottom:16px}
@media(max-width:980px){.post-wrap{grid-template-columns:1fr}.post-side{position:static}}
@media(max-width:860px){.blog-grid .b-card.feat{flex-direction:column}.blog-grid .b-card.feat .b-img{flex:none;height:230px;min-height:0}.blog-grid .b-card.feat .b-body{padding:24px 26px 26px}.blog-grid .b-card.feat h4{font-size:1.2rem}}
@media(max-width:640px){
  .blog-bar{flex-direction:column;align-items:stretch}
  .blog-bar .chips.filter{flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;scrollbar-width:none}
  .blog-bar .chips.filter::-webkit-scrollbar{display:none}
  .blog-bar .chips.filter button{flex:0 0 auto;padding:9px 16px;font-size:.85rem}
  .blog-search{flex:1 1 auto}
  .post-body{padding:26px 22px 26px}
  .post-cover img{aspect-ratio:16/10}
}
.blog-bar>*{min-width:0;max-width:100%}
@media(max-width:640px){.blog-search{width:100%;flex:none}}