
/* New pages only: active navigation + page architecture */
nav a.active-page{
    color:var(--primary) !important;
    font-weight:700;
    position:relative;
}
nav a.active-page::after{
    content:"";
    position:absolute;
    left:8px;
    right:8px;
    bottom:2px;
    height:3px;
    background:var(--primary);
    border-radius:10px;
}
.dropdown.active-page-parent > a{
    color:var(--primary) !important;
    font-weight:700;
}
@media(max-width:992px){
    nav a.active-page::after{left:5px;right:auto;width:35px;}
}

.inner-hero{
    position:relative;
    min-height:390px;
    display:flex;
    align-items:center;
    background-size:cover;
    background-position:center;
    overflow:hidden;
}
.inner-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,35,72,.88),rgba(0,92,160,.58),rgba(0,35,72,.28));
}
.inner-hero .container{position:relative;z-index:2;}
.inner-hero h1{color:#fff;font-size:52px;max-width:850px;margin-bottom:15px;}
.inner-hero p{color:#fff;max-width:750px;font-size:18px;}
.inner-kicker{
    display:inline-block;color:#fff;background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.25);padding:8px 15px;
    border-radius:30px;text-transform:uppercase;letter-spacing:2px;font-size:12px;
    margin-bottom:15px;
}
.page-intro{text-align:center;max-width:850px;margin:0 auto 50px;}
.page-intro .section-tag{display:inline-block;}
.page-intro h2{margin:10px 0 15px;}

.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center;}
.feature-image{overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.12);}
.feature-image img{width:100%;height:430px;object-fit:cover;transition:.6s;}
.feature-image:hover img{transform:scale(1.04);}
.feature-content h2{margin-bottom:15px;}
.check-list{list-style:none;padding:0;margin:25px 0;}
.check-list li{display:flex;gap:12px;margin:15px 0;}
.check-list i{color:var(--primary);margin-top:4px;}

.icon-card{
    background:#fff;padding:32px;box-shadow:0 12px 35px rgba(0,0,0,.07);
    transition:.35s;position:relative;overflow:hidden;
}
.icon-card:hover{transform:translateY(-9px);box-shadow:0 22px 50px rgba(0,0,0,.12);}
.icon-card .icon{width:65px;height:65px;display:flex;align-items:center;justify-content:center;
    background:#eef6ff;color:var(--primary);font-size:26px;margin-bottom:20px;transition:.35s;}
.icon-card:hover .icon{transform:rotate(5deg) scale(1.08);}
.icon-card h3{margin-bottom:10px;}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:step;}
.process-card{position:relative;padding:30px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06);}
.process-card::before{counter-increment:step;content:"0" counter(step);font-size:38px;font-weight:800;color:#e8f2fc;}
.process-card h3{margin:10px 0;}

.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.story-card{background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.07);overflow:hidden;transition:.4s;}
.story-card:hover{transform:translateY(-8px);}
.story-card img{height:220px;width:100%;object-fit:cover;transition:.5s;}
.story-card:hover img{transform:scale(1.05);}
.story-card .content{padding:25px;}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.mini-stat{padding:28px;text-align:center;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.06);}
.mini-stat i{font-size:27px;color:var(--primary);}
.mini-stat strong{display:block;font-size:35px;margin:7px 0;}

.download-row{
    display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;
    background:#fff;padding:23px;margin-bottom:16px;box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.35s;
}
.download-row:hover{transform:translateX(7px);}
.download-icon{width:65px;height:65px;background:#eef6ff;color:var(--primary);
display:flex;align-items:center;justify-content:center;font-size:26px;}

.timeline-modern{max-width:900px;margin:auto;position:relative;}
.timeline-modern::before{content:"";position:absolute;left:20px;top:0;bottom:0;width:3px;background:#e8f2fc;}
.timeline-modern .event{position:relative;padding:0 0 40px 70px;}
.timeline-modern .event::before{content:"";position:absolute;left:10px;top:4px;width:23px;height:23px;
background:var(--primary);border:6px solid #e8f2fc;border-radius:50%;}
.timeline-modern .event h3{margin-bottom:8px;}

.cta-strip{background:linear-gradient(135deg,var(--secondary),var(--primary));padding:50px 0;color:#fff;}
.cta-strip .container{display:flex;justify-content:space-between;align-items:center;gap:30px;}
.cta-strip h2,.cta-strip p{color:#fff;margin:0;}
.cta-strip p{margin-top:8px;}

@media(max-width:900px){
    .feature-grid,.story-grid{grid-template-columns:1fr;}
    .process-grid,.stats-grid{grid-template-columns:repeat(2,1fr);}
    .inner-hero h1{font-size:42px;}
}
@media(max-width:600px){
    .process-grid,.stats-grid{grid-template-columns:1fr;}
    .download-row{grid-template-columns:60px 1fr;}
    .download-row .btn-primary{grid-column:2;}
    .cta-strip .container{flex-direction:column;align-items:flex-start;}
    .inner-hero{min-height:330px;}
    .inner-hero h1{font-size:36px;}
}
