:root{
  --background:#ffffff;
  --foreground:#0f172a;
  --surface:#f7f8fa;
  --surface-soft:#eef2f7;
  --card:#ffffff;
  --muted:#f3f5f8;
  --muted-foreground:#5b6678;
  --border:#e5e9ef;
  --primary:#063B8E;
  --primary-foreground:#ffffff;
  --primary-glow:#2FA7FF;
  --gold:#F5C542;
  --gold-foreground:#3a2e08;
  --gradient-hero:linear-gradient(135deg,#063B8E 0%,#1453B8 45%,#2FA7FF 100%);
  --gradient-soft:linear-gradient(180deg,#ffffff 0%,#eef4fb 100%);
  --gradient-gold:linear-gradient(135deg,#F5C542 0%,#E0A92C 100%);
  --gradient-primary:linear-gradient(135deg,#063B8E 0%,#2FA7FF 100%);
  --shadow-elegant:0 20px 60px -20px rgba(6,59,142,0.35);
  --shadow-soft:0 10px 30px -12px rgba(6,59,142,0.18);
  --shadow-gold:0 14px 40px -14px rgba(245,197,66,0.5);
}
*{box-sizing:border-box;border-color:var(--border)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--background);color:var(--foreground);font-family:'Manrope','Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:16.5px;line-height:1.65}
h1,h2,h3,h4{font-family:'Poppins','Manrope',sans-serif;letter-spacing:-0.02em;margin:0}
p{margin:0;color:var(--foreground)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{margin:0;padding:0;list-style:none}

.gradient-hero{background-image:var(--gradient-hero)}
.gradient-soft{background-image:var(--gradient-soft)}
.gradient-text{background-image:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}
.shadow-elegant{box-shadow:var(--shadow-elegant)}
.shadow-soft{box-shadow:var(--shadow-soft)}
.shadow-gold{box-shadow:var(--shadow-gold)}
.glass-card{background:rgba(255,255,255,0.75);backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(6,59,142,0.1)}

/* Reveal animation */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:translateY(0)}

/* Header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;background:#fff;border-bottom:1px solid rgba(229,233,239,.6);transition:all .4s ease;padding:.5rem 0}
.site-header.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);padding:.375rem 0}
.header-inner{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
@media(min-width:640px){.header-inner{padding:0 2rem}}
.brand img{height:2.5rem;width:auto;transition:height .3s}
@media(min-width:640px){.brand img{height:3rem}}
.site-header.scrolled .brand img{height:2.25rem}
@media(min-width:640px){.site-header.scrolled .brand img{height:2.5rem}}
.nav-desktop{display:none;align-items:center;gap:.25rem}
@media(min-width:1024px){.nav-desktop{display:flex}}
.nav-desktop a{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:rgba(15,23,42,.75);border-radius:9999px;transition:all .2s}
.nav-desktop a:hover{color:var(--primary);background:rgba(6,59,142,.05)}
.nav-desktop a.active{color:var(--primary);background:rgba(6,59,142,.1);font-weight:600}
.btn-cta{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;background:var(--primary);color:var(--primary-foreground);padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-elegant);transition:transform .2s}
.btn-cta:hover{transform:translateY(-2px)}
.cta-desktop{display:none}
@media(min-width:640px){.cta-desktop{display:inline-flex}}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:9999px;border:1px solid var(--border);background:rgba(255,255,255,.6);cursor:pointer}
@media(min-width:1024px){.menu-btn{display:none}}
.mobile-menu{display:none;margin:.75rem 1.25rem 0;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.85);backdrop-filter:blur(18px);border:1px solid rgba(6,59,142,.1);box-shadow:var(--shadow-elegant)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:.75rem;font-size:1rem;font-weight:500;color:rgba(15,23,42,.8);border-bottom:1px solid rgba(229,233,239,.6)}
.mobile-menu a:last-of-type{border-bottom:0}
.mobile-menu .btn-cta{margin-top:.75rem;width:100%;justify-content:center;padding:.75rem 1.25rem}

/* Containers/sections */
.container{max-width:80rem;margin:0 auto;padding:0 1.25rem}
@media(min-width:640px){.container{padding:0 2rem}}
section{padding:6rem 0}
@media(min-width:1024px){section{padding:8rem 0}}

/* Hero */
.hero{position:relative;overflow:hidden;color:#fff;background-image:var(--gradient-hero);padding:9rem 0 7rem}
@media(min-width:1024px){.hero{padding:11rem 0 9rem}}
.hero::before,.hero::after{content:"";position:absolute;border-radius:9999px;filter:blur(60px);pointer-events:none}
.hero::before{top:-10rem;right:-8rem;width:32rem;height:32rem;background:rgba(47,167,255,.3)}
.hero::after{bottom:-8rem;left:-8rem;width:29rem;height:29rem;background:rgba(245,197,66,.2)}
.hero-grid{position:relative;display:grid;gap:3rem;align-items:center;max-width:80rem;margin:0 auto;padding:0 1.25rem}
@media(min-width:1024px){.hero-grid{grid-template-columns:7fr 5fr;padding:0 2rem}}
.pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border-radius:9999px;padding:.375rem 1rem;font-size:.8125rem;font-weight:500}
.hero h1{margin-top:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.05}
@media(min-width:640px){.hero h1{font-size:3rem}}
@media(min-width:1024px){.hero h1{font-size:3.75rem}}
@media(min-width:1280px){.hero h1{font-size:4.5rem}}
.hero h1 .gold{background:linear-gradient(to right,#F5C542,#FCD980);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{margin-top:1.5rem;max-width:42rem;color:rgba(255,255,255,.8);font-size:1.0625rem;line-height:1.7}
.hero .actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}
.btn-gold{display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:var(--gold-foreground);border-radius:9999px;padding:.875rem 1.5rem;font-size:.875rem;font-weight:700;box-shadow:var(--shadow-gold);transition:transform .2s}
.btn-gold:hover{transform:translateY(-2px)}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border-radius:9999px;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;transition:background .2s}
.btn-ghost:hover{background:rgba(255,255,255,.2)}
.badges{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:.75rem}
.badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border-radius:9999px;padding:.5rem 1rem;font-size:.8125rem;color:rgba(255,255,255,.9)}
.badge svg{color:var(--gold)}

.hero-card{position:relative;border-radius:1.5rem;background:rgba(255,255,255,.75);backdrop-filter:blur(18px);border:1px solid rgba(6,59,142,.1);padding:1.5rem;box-shadow:var(--shadow-elegant)}
.hero-card .inner{border-radius:1rem;background:linear-gradient(to bottom right,rgba(255,255,255,.95),rgba(255,255,255,.8));padding:1.5rem;color:var(--foreground)}
.kpi-grid{margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.kpi{border-radius:.75rem;background:var(--surface-soft);padding:1rem;border:1px solid rgba(229,233,239,.6)}
.kpi b{display:block;font-size:1.5rem;color:var(--primary);font-weight:700}
.kpi span{display:block;font-size:.75rem;color:var(--muted-foreground);margin-top:.25rem}

/* Section header */
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(6,59,142,.15);background:rgba(6,59,142,.05);border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--primary)}
.section-head{max-width:48rem;margin:0 auto;text-align:center}
.section-head.left{margin:0;text-align:left}
.section-head h2{margin-top:1rem;font-size:1.875rem;font-weight:700;line-height:1.15;color:var(--foreground)}
@media(min-width:640px){.section-head h2{font-size:2.25rem}}
@media(min-width:1024px){.section-head h2{font-size:3rem}}
.section-head p{margin-top:1.25rem;font-size:1.0625rem;color:var(--muted-foreground);line-height:1.7}

/* Cards grid */
.cards-3{margin-top:4rem;display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:640px){.cards-3{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.cards-3{grid-template-columns:repeat(3,1fr)}}
.cards-2{margin-top:4rem;display:grid;gap:1.5rem;grid-template-columns:1fr}
@media(min-width:768px){.cards-2{grid-template-columns:1fr 1fr}}
.cards-4{margin-top:4rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}
@media(min-width:1024px){.cards-4{grid-template-columns:repeat(4,1fr)}}
.card{height:100%;border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:1.75rem;box-shadow:var(--shadow-soft);transition:all .5s}
.card:hover{box-shadow:var(--shadow-elegant);transform:translateY(-6px)}
.card .icon-wrap{height:3.5rem;width:3.5rem;border-radius:1rem;background:linear-gradient(135deg,var(--primary),var(--primary-glow));display:grid;place-items:center;color:#fff}
.card h3{margin-top:1.25rem;font-size:1.125rem;font-weight:700}
.card p{margin-top:.5rem;color:var(--muted-foreground);font-size:.95rem}

/* About split */
.split{display:grid;gap:3rem;align-items:center;grid-template-columns:1fr}
@media(min-width:1024px){.split{grid-template-columns:1fr 1fr}}
.image-frame{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-elegant);aspect-ratio:4/5}
.image-frame img{height:100%;width:100%;object-fit:cover}
.glow-bg{position:absolute;inset:-1rem;border-radius:1.5rem;background:linear-gradient(135deg,rgba(6,59,142,.15),rgba(245,197,66,.15));filter:blur(40px);z-index:-1}
.image-wrap{position:relative}

/* Lists */
.checklist{margin-top:2rem;display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:640px){.checklist{grid-template-columns:1fr 1fr}}
.checklist .item{display:flex;align-items:flex-start;gap:.75rem;border-radius:.75rem;background:var(--card);padding:1rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}
.checklist svg{color:var(--primary);flex-shrink:0;margin-top:2px}

/* Stats */
.stats-section{position:relative;overflow:hidden;color:#fff}
.stats-section::before{content:"";position:absolute;inset:0;background-image:var(--gradient-hero)}
.stats-section .container{position:relative}
.stats-grid{display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}
@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}
.stat{border-radius:1rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);backdrop-filter:blur(12px);padding:1.75rem}
.stat .num{font-family:'Poppins',sans-serif;font-size:3rem;font-weight:700;color:var(--gold)}
.stat .label{margin-top:.5rem;color:#fff;font-weight:600}
.stat .desc{margin-top:.25rem;color:rgba(255,255,255,.8);font-size:.875rem}

/* Footer */
footer{position:relative;overflow:hidden;color:#fff}
footer::before{content:"";position:absolute;inset:0;background:#0a2557}
footer::after{content:"";position:absolute;inset:0;background-image:var(--gradient-hero);opacity:.9}
.footer-inner{position:relative;max-width:80rem;margin:0 auto;padding:5rem 1.25rem 2.5rem}
@media(min-width:640px){.footer-inner{padding-left:2rem;padding-right:2rem}}
.footer-grid{display:grid;gap:2.5rem;grid-template-columns:1fr}
@media(min-width:1024px){.footer-grid{grid-template-columns:4fr 3fr 5fr}}
.footer h4{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}
.footer-links{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}
.footer-links a{color:rgba(255,255,255,.75)}
.footer-links a:hover{color:#fff}
.contact-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;font-size:.875rem}
.contact-list li{display:flex;align-items:flex-start;gap:.75rem;color:rgba(255,255,255,.8)}
.contact-list svg{color:var(--gold);margin-top:4px;flex-shrink:0}
.socials{margin-top:1.5rem;display:flex;gap:.75rem}
.socials a{height:2.5rem;width:2.5rem;display:grid;place-items:center;border-radius:9999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);transition:all .2s}
.socials a:hover{background:var(--gold);color:var(--gold-foreground);border-color:transparent}
.footer-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:.75rem;color:rgba(255,255,255,.65);text-align:center}
@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}
.footer-bottom a{color:var(--gold)}
.footer-bottom a:hover{color:#fff}

/* Page hero */
.page-hero{position:relative;overflow:hidden;color:#fff;padding:8rem 0 5rem}
@media(min-width:1024px){.page-hero{padding:10rem 0 7rem}}
.page-hero .bg-img{position:absolute;inset:0}
.page-hero .bg-img img{height:100%;width:100%;object-fit:cover}
.page-hero .bg-img::after{content:"";position:absolute;inset:0;background-image:var(--gradient-hero);opacity:.9}
.page-hero .container{position:relative}
.crumbs{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:rgba(255,255,255,.8)}
.crumbs .tag{color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}
.page-hero h1{margin-top:1.25rem;font-size:2.5rem;font-weight:700;line-height:1.05;max-width:56rem}
@media(min-width:640px){.page-hero h1{font-size:3rem}}
@media(min-width:1024px){.page-hero h1{font-size:3.75rem}}
.page-hero h1 .gold{color:var(--gold)}
.page-hero p{margin-top:1.5rem;max-width:48rem;color:rgba(255,255,255,.9);font-size:1.125rem;line-height:1.7}

/* Service & project cards with images */
.service-card{height:100%;border-radius:1.5rem;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);overflow:hidden;transition:all .5s}
.service-card:hover{box-shadow:var(--shadow-elegant)}
.service-card .img-box{position:relative;height:14rem;overflow:hidden}
.service-card .img-box img{height:100%;width:100%;object-fit:cover;transition:transform .7s}
.service-card:hover .img-box img{transform:scale(1.05)}
.service-card .img-box::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.15) 40%,transparent)}
.service-card .img-box .icon{position:absolute;top:1rem;left:1rem;height:3rem;width:3rem;border-radius:.75rem;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);display:grid;place-items:center;color:var(--primary);box-shadow:var(--shadow-soft);z-index:1}
.service-card .img-box h3{position:absolute;bottom:1rem;left:1.25rem;right:1.25rem;color:#fff;font-size:1.5rem;font-weight:700;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}
.service-card .body{padding:1.75rem}
.service-card .body p{font-size:.95rem;color:rgba(15,23,42,.85);line-height:1.7}
.bullets{margin-top:1.25rem;display:grid;gap:.625rem;grid-template-columns:1fr}
@media(min-width:640px){.bullets{grid-template-columns:1fr 1fr}}
.bullets li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:rgba(15,23,42,.8)}
.bullets svg{color:var(--primary);flex-shrink:0;margin-top:2px}

/* Process */
.proc{position:relative;height:100%;border-radius:1rem;background:var(--card);border:1px solid var(--border);padding:1.75rem;box-shadow:var(--shadow-soft)}
.proc .step{font-family:'Poppins',sans-serif;font-size:3rem;font-weight:700;background-image:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}
.proc h3{margin-top:.75rem;font-size:1.25rem;font-weight:700}
.proc p{margin-top:.5rem;color:var(--muted-foreground)}

/* CTA */
.cta-card{border-radius:1.5rem;background-image:var(--gradient-hero);padding:2.5rem;text-align:center;color:#fff;box-shadow:var(--shadow-elegant)}
@media(min-width:1024px){.cta-card{padding:3.5rem}}
.cta-card h2{font-size:1.875rem;font-weight:700}
@media(min-width:640px){.cta-card h2{font-size:2.25rem}}
.cta-card p{margin-top:1rem;max-width:42rem;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.85);font-size:1.0625rem}
.cta-card .btn-gold{margin-top:2rem}

/* Project blocks */
.project-row{display:grid;gap:2.5rem;align-items:center;grid-template-columns:1fr;margin-bottom:4rem}
@media(min-width:1024px){.project-row{grid-template-columns:1fr 1fr}}
.project-row.reverse > *:first-child{order:1}
@media(min-width:1024px){.project-row.reverse > *:first-child{order:2}}
.project-img{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-elegant);aspect-ratio:4/3}
.project-img img{height:100%;width:100%;object-fit:cover}
.project-tag{position:absolute;top:1.25rem;left:1.25rem;background:var(--gold);color:var(--gold-foreground);padding:.375rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;box-shadow:var(--shadow-gold)}
.project-meta{margin-top:1.5rem;display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:640px){.project-meta{grid-template-columns:repeat(3,1fr)}}
.meta-card{border-radius:.75rem;background:var(--card);border:1px solid var(--border);padding:.875rem}
.meta-card .ml{font-size:.6875rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;color:var(--muted-foreground);margin-top:.5rem}
.meta-card .mv{margin-top:.125rem;font-size:.875rem;font-weight:600;color:rgba(15,23,42,.9)}
.impact-box{margin-top:1.5rem;border-radius:1rem;background:rgba(6,59,142,.05);border:1px solid rgba(6,59,142,.1);padding:1.25rem}
.impact-box .lab{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--primary)}
.impact-box ul{margin-top:.75rem;display:grid;gap:.5rem;grid-template-columns:1fr}
@media(min-width:640px){.impact-box ul{grid-template-columns:1fr 1fr}}
.impact-box li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:rgba(15,23,42,.85)}
.impact-box li::before{content:"";margin-top:8px;height:6px;width:6px;border-radius:9999px;background:var(--gold);flex-shrink:0}

/* Contact */
.contact-grid{display:grid;gap:2.5rem;grid-template-columns:1fr}
@media(min-width:1024px){.contact-grid{grid-template-columns:5fr 7fr}}
.contact-info{display:flex;flex-direction:column;gap:1rem}
.info-card{display:flex;align-items:flex-start;gap:1rem;border-radius:1rem;background:var(--card);border:1px solid var(--border);padding:1.25rem;box-shadow:var(--shadow-soft);transition:all .5s}
.info-card:hover{box-shadow:var(--shadow-elegant);transform:translateY(-2px)}
.info-card .ic{height:3rem;width:3rem;flex-shrink:0;border-radius:.75rem;background:linear-gradient(135deg,var(--primary),var(--primary-glow));display:grid;place-items:center;color:#fff}
.info-card .lab{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--muted-foreground)}
.info-card .val{margin-top:.25rem;font-weight:500;color:var(--foreground)}

.form{border-radius:1.5rem;background:var(--card);border:1px solid var(--border);padding:1.75rem;box-shadow:var(--shadow-elegant)}
@media(min-width:640px){.form{padding:2.25rem}}
.form h2{font-size:1.5rem;font-weight:700}
@media(min-width:640px){.form h2{font-size:1.875rem}}
.form .lead{margin-top:.5rem;color:var(--muted-foreground)}
.field-grid{margin-top:1.75rem;display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:640px){.field-grid{grid-template-columns:1fr 1fr}}
.field{display:block}
.field label,.fieldfull label{display:block;font-size:.875rem;font-weight:600;color:rgba(15,23,42,.8)}
.field input,.fieldfull input,.fieldfull textarea{margin-top:.5rem;width:100%;border-radius:.75rem;border:1px solid var(--border);background:rgba(255,255,255,.85);padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:var(--foreground);outline:none;transition:all .2s}
.field input:focus,.fieldfull input:focus,.fieldfull textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(6,59,142,.15)}
.fieldfull{margin-top:1.25rem}
.fieldfull textarea{resize:vertical;min-height:140px}
.btn-submit{margin-top:1.75rem;display:inline-flex;align-items:center;gap:.5rem;border:0;cursor:pointer;border-radius:9999px;padding:.875rem 1.75rem;font-size:.875rem;font-weight:700;color:var(--gold-foreground);background-image:var(--gradient-gold);box-shadow:var(--shadow-gold);transition:transform .2s;font-family:inherit}
.btn-submit:hover{transform:translateY(-2px)}
.form .note{margin-top:.75rem;font-size:.75rem;color:var(--muted-foreground)}

/* FAQ */
.faq{margin-top:3rem;display:flex;flex-direction:column;gap:1rem}
.faq details{border-radius:1rem;background:var(--card);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-soft)}
.faq details[open]{box-shadow:var(--shadow-elegant)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary span:first-child{font-size:1.0625rem;font-weight:700}
.faq summary .plus{height:2rem;width:2rem;border-radius:9999px;background:rgba(6,59,142,.1);display:grid;place-items:center;color:var(--primary);font-size:1.25rem;font-weight:700;transition:transform .3s}
.faq details[open] .plus{transform:rotate(45deg)}
.faq details p{margin-top:1rem;color:rgba(15,23,42,.85);line-height:1.7}

/* Director / Story */
.director-section{padding:6rem 0;background:var(--background)}
@media(min-width:1024px){.director-section{padding:8rem 0}}

/* Mission/vision cards */
.mv-card{border-radius:1.5rem;background:var(--card);border:1px solid var(--border);padding:2rem 2.5rem;box-shadow:var(--shadow-soft);height:100%}
.mv-card .ic{height:3.5rem;width:3.5rem;border-radius:1rem;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-glow))}
.mv-card .ic.gold{background:var(--gold);color:var(--gold-foreground)}
.mv-card h3{margin-top:1.5rem;font-size:1.5rem;font-weight:700}
@media(min-width:640px){.mv-card h3{font-size:1.875rem}}
.mv-card p{margin-top:1rem;font-size:1.0625rem;color:rgba(15,23,42,.85);line-height:1.7}

/* Milestone */
.timeline{display:flex;flex-direction:column;gap:1.25rem}
.timeline .row{display:flex;gap:1.25rem;border-radius:1rem;background:var(--card);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-soft);transition:all .3s}
.timeline .row:hover{box-shadow:var(--shadow-elegant)}
.timeline .row .ic{flex-shrink:0;height:3.5rem;width:3.5rem;border-radius:1rem;background:linear-gradient(135deg,var(--primary),var(--primary-glow));display:grid;place-items:center;color:#fff}
.timeline .yr{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--gold-foreground)}
.timeline h3{margin-top:.25rem;font-size:1.25rem;font-weight:700}
.timeline p{margin-top:.5rem;color:var(--muted-foreground)}

/* Testimonials */
.testimonial{height:100%;border-radius:1rem;background:var(--card);border:1px solid var(--border);padding:1.75rem;box-shadow:var(--shadow-soft);transition:all .3s}
.testimonial:hover{box-shadow:var(--shadow-elegant)}
.testimonial .q{color:var(--gold);margin-bottom:1rem}
.testimonial p.quote{font-size:1rem;color:rgba(15,23,42,.9);line-height:1.7}
.testimonial .who{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}
.testimonial .who b{display:block;color:var(--foreground)}
.testimonial .who span{font-size:.875rem;color:var(--muted-foreground)}

/* Director image card */
.director-img{position:relative;border-radius:1.5rem;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow-elegant)}
.director-img img{height:100%;width:100%;object-fit:cover}
.director-quote svg.qicon{margin-top:1.5rem;height:2.5rem;width:2.5rem;color:var(--gold)}
.director-quote .body{margin-top:1rem;display:flex;flex-direction:column;gap:1.25rem}
.director-quote .body p{font-size:1.0625rem;color:rgba(15,23,42,.85);line-height:1.7}
.director-name{margin-top:2rem;display:flex;align-items:center;gap:1rem}
.director-name .av{height:3.5rem;width:3.5rem;border-radius:9999px;background:linear-gradient(135deg,var(--primary),var(--primary-glow));display:grid;place-items:center;color:#fff;font-weight:700}

/* Inline CTA between sections */
.explore-cta{display:flex;justify-content:center;margin-top:-2rem;margin-bottom:1rem}
.explore-cta a{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-elegant);transition:transform .2s}
.explore-cta a:hover{transform:translateY(-2px)}

/* Image strip */
.image-strip{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:640px){.image-strip{grid-template-columns:repeat(3,1fr)}}
.image-strip .frame{position:relative;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-soft);aspect-ratio:4/3}
.image-strip img{height:100%;width:100%;object-fit:cover;transition:transform .7s}
.image-strip .frame:hover img{transform:scale(1.05)}

/* Promises */
.promises{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:1024px){.promises{grid-template-columns:repeat(3,1fr)}}
.promise{height:100%;border-radius:1rem;background:var(--card);border:1px solid var(--border);padding:1.75rem;text-align:center;box-shadow:var(--shadow-soft)}
.promise .ic{margin:0 auto;height:3.5rem;width:3.5rem;border-radius:1rem;background:linear-gradient(135deg,var(--primary),var(--primary-glow));display:grid;place-items:center;color:#fff}
.promise h3{margin-top:1.25rem;font-size:1.25rem;font-weight:700}
.promise p{margin-top:.5rem;color:var(--muted-foreground)}

/* Why us */
.why-grid{display:grid;gap:3rem;align-items:flex-start;grid-template-columns:1fr}
@media(min-width:1024px){.why-grid{grid-template-columns:5fr 7fr}}
.why-cards{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:640px){.why-cards{grid-template-columns:1fr 1fr}}
.why-card{height:100%;border-radius:1rem;background:var(--card);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-soft);transition:all .5s}
.why-card:hover{box-shadow:var(--shadow-elegant);transform:translateY(-4px)}
.why-card .ic{height:3rem;width:3rem;border-radius:.75rem;background:rgba(245,197,66,.15);color:var(--gold-foreground);display:grid;place-items:center}
.why-card h3{margin-top:1rem;font-weight:700}
.why-card p{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground)}