*{ margin:0; padding:0;font-family: "Inter", "Helvetica Neue", Arial, sans-serif; }
body {
  margin: 0;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html { -webkit-text-size-adjust: 100%; } 
/* ---------- Design tokens ---------- */
:root {
  --c-navy-deep: #001632;
  --c-navy: #002460;
  --c-navy-2: #004094;
  --c-red: #e50019;
  --c-ink: #1e2329;
  --c-body: #4a5568;
  --c-muted: #9ca3af;
  --c-border: #e5e7eb;
  --c-line: #d1d5db;
  --c-bg-soft: #f3f4f6;
  --c-white: #ffffff;
  --font-display: "Plus Jakarta Sans", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --container: 1200px;
  --gutter: clamp(20px, 4vw, 48px);
  --radius: 10px;
  --shadow: 0 2px 2px rgba(0,0,0,0.04);
  --header-text:      #5A6378;
  --para-text:      #5A6378;

   --ci-navy:#001632;
   --ci-blue:#2250FC;
   --ci-sky:#91AEDD;
   --ci-sky-soft:rgba(145,174,221,.18);
   --ci-blue-soft:rgba(34,80,252,.08);
   --ci-red-soft:rgba(229,0,25,.06);
   --ci-bg:#F4F7FC;
   --ci-card:#FFFFFF;
   --ci-text:#001632;
   --ci-muted:rgba(0,22,50,.55);
   --ci-border:rgba(145,174,221,.35);
   --ci-radius-lg:18px;
   --ci-radius-md:12px;
   --ci-shadow:0 10px 30px -18px rgba(0,22,50,.3);
   --ci-font-head:'Plus Jakarta Sans', sans-serif;
   --ci-font-body:'Inter', sans-serif;

}

/* ---------- Layout helper ---------- */
.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }
/* ============== SECTION ============== */

.section { padding: clamp(56px, 8vw, 100px) 0; }
.ptop-50 { padding-top: 50px!important;}
.mbottom-50 { margin-bottom: 50px!important;}

/*Inner Page Common Header */
.plc-section-head { display: flex; flex-direction: column; gap: 14px; margin-bottom: 48px; }
/*.plc-section-head-center { align-items: center; text-align: center; position: relative; padding-bottom: 14px;}*/
.plc-section-head-center  { font-family: var(--font-display); font-weight: 800; font-size: clamp(28px, 4vw, 44px); line-height: 1.1; color: var(--c-ink); margin: 0; text-align: center; letter-spacing: -0.01em; position: relative; padding-bottom: 14px; }
.plc-section-head-title { font-family: var(--font-display); font-weight: 800; font-size: clamp(28px, 4vw, 44px); line-height: 1.1; color: var(--c-ink); margin: 0; letter-spacing: -0.01em; position: relative; padding-bottom: 14px; }
.plc-section-head-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 48px; height: 3px; background: var(--c-red); border-radius: 2px; }
.plc-section-head-center::after { content: ""; position: absolute; left: 47%; bottom: 0; width: 48px; height: 3px; background: var(--c-red); border-radius: 2px; }

.plc-section-head-sub { font-size: 16px; color: var(--header-text); line-height: 1.65;margin: 0; letter-spacing: 0.01em; }
.plc-section-head-sub-center { font-size: 16px; color: var(--header-text); line-height: 1.65;margin: 0; letter-spacing: 0.01em; text-align: center; position: relative; }

/* ============== WHO WE ARE ============== */
#whoWeAre .who { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 68px; align-items: start; }
.who__copy { font-size: 14px; line-height: 22px; color: var(--para-text); margin:0; }
.who__copy p { margin-bottom: 16px; }
.who__media {   position: relative; border-radius: 14px; overflow: hidden; aspect-ratio: 570 / 552; box-shadow: 0 24px 60px -30px rgba(0,22,50,0.45); background-image:url(img/sample-contyent-image.webp); background-size:cover; }
.who__media::before { content: ""; position: absolute;   inset: 0 0 0 0; background: repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 0 14px, rgba(255,255,255,0) 14px 28px);   mix-blend-mode: screen; }
.who__media-content {   position: absolute; inset: auto 0 0 0;   padding: 32px; color: #fff;   display: flex; flex-direction: column; gap: 12px; }
.who__media-content strong {   font-family: var(--font-display);   font-size: clamp(22px, 2.4vw, 32px);   line-height: 1.1; font-weight: 700; }
.who__media-content span {   font-size: 13px; letter-spacing: 0.14em;   text-transform: uppercase; color: rgba(255,255,255,0.75); }
.who__media-badge { position: absolute; top: 24px; left: 24px; background: rgba(229,0,25,0.85); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); padding: 8px 14px; border-radius: 999px; color: #fff; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; }

/* ============== PILLARS ============== */
#pillars {   background: linear-gradient(rgba(0,22,50,0.85), rgba(0,36,96,0.92)), var(--c-navy);   color: #fff;   }
.pillars__grid {   display: grid;   grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);   gap: clamp(40px, 7vw, 105px);   align-items: center; }
.pillars__media {   border-radius: 14px;   overflow: hidden;   position: relative;  }
.pillars__media img { width: 100%; margin: 10px 0 0 0;}
.pillars__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 50px; }
.pillar h3 {   font-family: var(--font-display);   font-size: clamp(20px, 2vw, 24px);    font-weight: 700;   margin: 0 0 16px;   position: relative;   padding-bottom: 12px; }
.pillar h3::after {   content: ""; position: absolute;   left: 0; bottom: 0;   width: 32px; height: 3px;   background: var(--c-red);   border-radius: 2px; }
.pillar p { font-size: 15px; line-height: 22px; color: rgba(255,255,255,0.85); margin: 0; letter-spacing: 0.01em; }
.pillar p .ln { display: block; }


/* ============== STATS ============== */
#stats { background: linear-gradient(rgba(0,22,50,0.78), rgba(0,36,96,0.78)), url("https://www.plc.lk/wp-content/uploads/2026/05/BackdropCounter.png") center / cover no-repeat, var(--c-navy);
  color: #fff;   padding: 64px 0; }
.stats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; text-align: center; }
.stat__value {   font-family: var(--font-display);   font-weight: 700;   font-size: clamp(36px, 4vw, 48px);   line-height: 1; display: block;   letter-spacing: -0.02em; }
.stat__value em { font-style: normal; color: var(--c-red); }
.stat__label {   margin-top: 14px;   font-family: var(--font-display);   font-weight: 500; font-size: 16px;   color: rgba(255,255,255,0.88);   letter-spacing: 0.02em; }
.stat + .stat { position: relative; }
.stat + .stat::before {   content: ""; position: absolute;   left: 0; top: 50%; transform: translateY(-50%);   width: 1px; height: 60%;   background: rgba(255,255,255,0.18); }

/* ============== LEADERSHIP ============== */
#leaders { padding: clamp(56px, 8vw, 100px) 0; }
.leaders__layout {   display: grid;   grid-template-columns: minmax(280px, 400px) minmax(0, 1fr);   gap: 54px;   margin-top: 72px; }
/*   ACCORDION */
.leaders-accordion{ width:100%; display:flex; flex-direction:column; gap:28px; }
.leader-item{ width:100%; background:#ffffff; border-radius:14px; overflow:hidden; box-shadow:0 12px 35px rgba(0,0,0,0.06); transition:all .35s ease;  border: #e0e6ed solid 1px;   }
.leader-toggle{ width:100%; border:none; background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:30px; text-align:left; padding: 16px 34px;  }
.leader-role{ display:block; font-size:11px; font-weight:400; letter-spacing:1px; text-transform:uppercase; color:#d71920;  margin-bottom:10px;    }
.leader-name{ display:block; font-size:15px; font-weight:800; line-height:1.3; color:#111827; margin-bottom:10px; }
.leader-icon{ width:36px; height:36px; border-radius:50%; background:#f3f4f6; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:.35s ease;     }
.leader-icon svg{ width:16px; height:16px; }
.leader-content{ display:none; padding:0 34px 34px;     }
.leader-item.active .leader-content{ display:block; animation:fadeIn .4s ease;     }
.leader-item.active .leader-icon{ transform:rotate(180deg); }

@keyframes fadeIn{
  from{
    opacity:0; transform:translateY(10px); }
  to{
    opacity:1; transform:translateY(0); }
}
.leader-grid{ display:grid; grid-template-columns:320px 1fr; gap:45px; align-items:flex-start; }
/* Image*/
.leader-image img{ width:100%; height:360px; object-fit:cover; border-radius:24px; }
/* text */
.leader-text{ padding-top:10px; }
.leader-text p{ font-size:14px; line-height: 22px;  margin-bottom:22px; color:#5A6378;    }


/*Our Group*/
/*   Card grid — 2 columns desktop/tablet, 1 mobile  */
.card-grid {   display: grid;   grid-template-columns: repeat(2, minmax(0, 1fr));   gap: clamp(20px, 2.5vw, 32px); }

/* ---------- Card ---------- */
.card { background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); overflow: hidden; display: flex; flex-direction: column; box-shadow: var(--shadow-sm); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
.card:hover { transform: translateY(-4px);   box-shadow: var(--shadow-lg);   border-color: transparent; }

.card__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--c-bg-soft); }
.card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;  }
.card:hover .card__media img { transform: scale(1.05); }

.card__body { padding: 24px clamp(20px, 2vw, 28px) 28px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.card__title { font-family: var(--font-display); font-weight: 700; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.2; color: var(--c-ink); margin: 0; letter-spacing: -0.005em; }
.card__desc { font-size: 14px; line-height: 22px; color: var(--c-body); margin: 0; }

/* ---------- Card contact list ---------- */
.card__contact {   list-style: none; margin: 14px 0 0; padding: 16px 0 0; border-top: 1px solid var(--c-border); display: flex; flex-direction: column; gap: 10px; }
.card__contact li { margin: 0; }
.card__contact a {   display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; color: var(--c-body); text-decoration: none; transition: color 0.15s ease; word-break: break-word; }
.card__contact a:hover { color: var(--c-navy-2); }
.card__contact .ic {  flex: none;   width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; background: #eef2fb; color: var(--c-navy-2); transition: background 0.15s ease, color 0.15s ease; }
.card__contact a:hover .ic {   background: var(--c-navy-2); color: #fff; }
.card__contact .ic svg { width: 16px; height: 16px; }

/* ---------- Reveal animation (set by JS) ---------- */
.card.is-reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.5s ease, transform 0.5s ease; }
.card.is-visible { opacity: 1; transform: translateY(0); }


/*common page*/
.c-section .plc-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 68px; align-items: start; }
.section__copy { font-size: 14px; line-height: 22px; color: var(--para-text); margin:0; }
.section__copy p { margin-bottom: 16px; }
.section__copy h3 {} 
.section__copy h3 span{ font-size: 13px; color: #bbbbbb; font-weight:400; } 
.section__media {   position: relative;  overflow: hidden; aspect-ratio: 570 / 552;   background-image:url(img/sample-contyent-image.webp); background-size:cover; }
.section__media::before { content: ""; position: absolute;   inset: 0 0 0 0; background: repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 0 14px, rgba(255,255,255,0) 14px 28px);   mix-blend-mode: screen; }
.section__media-content {   position: absolute; inset: auto 0 0 0;   padding: 32px; color: #fff;   display: flex; flex-direction: column; gap: 12px; }
.section__media-content strong {   font-family: var(--font-display);   font-size: clamp(22px, 2.4vw, 32px);   line-height: 1.1; font-weight: 700; }
.section__media-content span {   font-size: 13px; letter-spacing: 0.14em;   text-transform: uppercase; color: rgba(255,255,255,0.75); }
.section__media-content { position: absolute; top: 24px; left: 24px; background: rgba(229,0,25,0.85); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); padding: 8px 14px; border-radius: 999px; color: #fff; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; }

.text-center { text-align:center; }
.plc-col-4-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));   gap: clamp(20px, 2.5vw, 32px); }
 /* ---------- Card ---------- */

.plc-col-4-grid .card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.plc-col-4-grid .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent;}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .plc-col-4-grid .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .section__media-mobile { width:100%; height:250px; background-size: cover !important;  }
  .section__copy { }
  .plc-section{ grid-template-columns: 1fr !important; gap: 36px !important; }
}

/* ---------- Responsive ---------- */
@media (max-width: 639px) {
  .card-grid { grid-template-columns: 1fr; }
  .card__media { aspect-ratio: 16 / 9; }
}
/**/


/*Mobie*/

@media(max-width:1100px){
  .leader-grid{ grid-template-columns:1fr;       }
  .leader-image img{ height:auto;       }
}

@media(max-width:768px){
  #leaders{ padding:40px 0; }
  .section-head h2{ font-size:34px; }
  .leader-toggle{ padding:24px; }
  .leader-content{ padding:0 24px 24px; }
  .leader-name{ font-size:16px; }
  .leader-icon{ width:46px; height:46px; }
}

@media (max-width: 767px) {
  .stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 16px; }
  .stat + .stat::before { display: none; }
}



@media (max-width: 1023px) {
  .pillars__grid { grid-template-columns: 1fr; }
  .pillars__media { max-width: 520px; margin: 0 auto; width: 100%; }
  .pillars { padding:50px 0; }
}
@media (max-width: 559px) {
  .pillars__list { grid-template-columns: 1fr; gap: 32px; }
  
}

@media (max-width: 899px) {
  #whoWeAre .who { grid-template-columns: 1fr; gap: 36px; }
  .container { width:80%; }
  .pillars__grid { padding:50px 0; }

/* leadership */
.leaders__layout { grid-template-columns: 1fr; gap: 32px; }
  .leaders__media { max-width: 360px; margin: 0 auto; }
  .pillars { padding:50px 0; }
}

#leaders{padding:80px 0;background:#f8f9fb;}
.leaders-accordion{display:flex;flex-direction:column;gap:20px;}
.leader-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);}
.leader-toggle{width:100%;border:none;background:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.bod-leader-header{display:flex;align-items:center;gap:18px;}
.leader-thumb{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #e5e5e5;flex-shrink:0;}
.bod-leader-info{display:flex;flex-direction:column;align-items:flex-start;}
.bod-leader-name{font-size:20px;font-weight:700;color:#111;}
.bod-leader-role{margin-top:4px;font-size:15px;color:#bbb;}
.leader-icon svg{width:24px;height:24px;}
.leader-image img{width:100%;border-radius:14px;}
.leader-text p{line-height:1.8;color:#444;}
  

/* Solar Banner */
  /* ============== GREEN TOKENS ============== */
  :root {
    --c-green:       #16a34a;
    --c-green-dark:  #15803d;
    --c-green-deep:  #064e27;
    --c-green-light: #dcfce7;
    --c-green-mid:   #22c55e;
 }

 /* ============== SOLAR HERO — thin, modern ============== */
#solarHero{position:relative;min-height:260px;background:linear-gradient(105deg,rgba(4,30,14,.92) 0%,rgba(6,78,39,.80) 50%,rgba(0,0,0,.55) 60%),url('img/solar-hero.webp') center/cover no-repeat;display:flex;align-items:center;color:#fff;padding:clamp(52px,8vw,88px) 0 clamp(44px,6vw,72px);}
.hero__inner{display:flex;align-items:center;justify-content:space-between;gap:48px;width:100%;}
.hero__left{flex:1;min-width:0;}
.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--c-green-mid);margin-bottom:14px;}
.hero__eyebrow::before{content:"";display:block;width:20px;height:2px;background:var(--c-green-mid);border-radius:2px;}
.hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.8vw,46px);line-height:1.1;letter-spacing:-.02em;margin:0 0 14px;}
.hero__title em{font-style:normal;color:var(--c-green-mid);}
.hero__desc{font-size:clamp(13px,1.3vw,15px);line-height:1.65;color:rgba(255,255,255,.75);max-width:520px;margin:0 0 28px;}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.hero__cta{display:inline-flex;align-items:center;gap:8px;background:var(--c-green);color:#fff;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.03em;padding:12px 24px;border-radius:999px;text-decoration:none;transition:background .2s ease,transform .2s ease;}
.hero__cta:hover { background: var(--c-green-dark); transform: translateY(-2px); }
.hero__cta--ghost {  background: transparent;  border: 1.5px solid rgba(255,255,255,0.3);  color: rgba(255,255,255,0.85);  }
.hero__cta--ghost:hover { background: rgba(255,255,255,0.1); transform: translateY(-2px); }

/* right pill card */
.hero__right{flex-shrink:0;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:24px 28px;display:flex;flex-direction:column;gap:16px;min-width:210px;}
.hero__hotline-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c-green-mid);}
.hero__hotline-num{font-family:var(--font-display);font-size:clamp(18px,2vw,24px);font-weight:800;color:#fff;line-height:1;}
.hero__divider { height: 1px; background: rgba(255,255,255,0.12); }
.hero__tag { font-size: 12px; color: rgba(255,255,255,0.6); line-height: 1.5; }
.hero__tag strong { color: #fff; font-weight: 600; display: block; }

@media (max-width: 767px) {
   .hero__inner { flex-direction: column; align-items: flex-start; gap: 28px; }
   .hero__right { width: 100%; min-width: 0; flex-direction: row; flex-wrap: wrap; gap: 12px; }
}

 /* ============== SOLAR INTRO (reuses who layout) ============== */
 #solarIntro .who { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 68px; align-items: start; }
 @media (max-width: 899px) { #solarIntro .who { grid-template-columns: 1fr; gap: 36px; } }

 /* ============== FEATURES & BENEFITS (reuses pillars — green theme) ============== */
 #solarPillars { background: linear-gradient(135deg, rgba(4,30,14,0.96) 0%, rgba(6,78,39,0.94) 100%), #064e27; color: #fff; }
 #solarPillars .pillar h3::after { background: var(--c-green-mid); }
 #solarPillars .plc-section-head-title::after { background: var(--c-green-mid); }

/* ============== PLANS GRID ============== */
#solarPlans { background: var(--c-bg-soft); }
.plans__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:48px;}
.plan-card{background:var(--c-white);border:1px solid var(--c-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(4,30,14,.14);border-color:var(--c-green);}
.plan-card__head{background:linear-gradient(135deg,var(--c-green-deep),var(--c-green-dark));color:#fff;padding:28px 24px 22px;}
.plan-card__kw{font-family:var(--font-display);font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1;letter-spacing:-.02em;}
.plan-card__kw em{font-style:normal;font-size:16px;font-weight:500;color:rgba(255,255,255,.65);margin-left:2px;}
.plan-card__label{margin-top:8px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.plan-card__tag{display:inline-block;margin-top:12px;background:var(--c-green-mid);color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;}
.plan-card__body{padding:22px 24px 28px;flex:1;display:flex;flex-direction:column;gap:8px;}
.plan-card__desc{font-size:13px;color:var(--c-body);line-height:1.55;margin-bottom:14px;}
.plan-card__feat{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0;}
.plan-card__feat li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--c-body);line-height:1.45;}
.plan-card__feat li::before{content:"";flex-shrink:0;width:16px;height:16px;margin-top:1px;background:url('https://www.plc.lk/wp-content/uploads/2024/10/ul-icon.png') center/contain no-repeat;}
.plan-card--featured .plan-card__head { background: linear-gradient(135deg, var(--c-green-deep), var(--c-green)); }
.plan-card--featured { border-color: var(--c-green); }
.plan-card--featured .plan-card__tag { background: #fff; color: var(--c-green-dark); }
.plans__note { margin-top: 20px; font-size: 13px; color: var(--c-muted); line-height: 1.6; }
.plans__note p { margin-bottom: 4px; }
.plans__note p::before { content: "* "; }

@media (max-width: 1023px) { .plans__grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 559px) { .plans__grid { grid-template-columns: 1fr; } }

/* ============== SUPPLIERS TABS ============== */
.suppliers__tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;}
.tab-btn{background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:999px;padding:9px 20px;font-size:13px;font-weight:600;color:var(--c-body);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;font-family:var(--font-body);}
.tab-btn:hover, .tab-btn.active { background: var(--c-green); color: #fff; border-color: var(--c-green); }
.tab-panel { display: none; }
.tab-panel.active { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; align-items: center; }
.tab-panel__img { border-radius: 14px; overflow: hidden; aspect-ratio: 16/10; }
.tab-panel__img img { width: 100%; height: 100%; object-fit: cover; }
.tab-panel__copy h3{font-family:var(--font-display);font-size:clamp(20px,2.2vw,26px);font-weight:800;color:var(--c-ink);margin:0 0 14px;position:relative;padding-bottom:14px;}
.tab-panel__copy h3::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;background:var(--c-green);border-radius:2px;}
.tab-panel__copy p{font-size:14px;line-height:22px;color:var(--para-text);margin-bottom:12px;}
.tab-panel__actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;}
.btn-outline{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--c-green);color:var(--c-green);font-size:13px;font-weight:600;padding:10px 20px;border-radius:999px;text-decoration:none;transition:background .2s ease,color .2s ease;}
.btn-outline:hover{background:var(--c-green);color:#fff;}
.btn-solid{display:inline-flex;align-items:center;gap:7px;background:var(--c-green);color:#fff;font-size:13px;font-weight:600;padding:10px 20px;border-radius:999px;text-decoration:none;transition:background .2s ease;}
.btn-solid:hover { background: var(--c-green-dark); }
 @media (max-width: 767px) { .tab-panel.active { grid-template-columns: 1fr; gap: 24px; } }

 /* ============== solar-stats — green override ============== */
 #solar-stats { background: linear-gradient(135deg, rgba(4,30,14,0.92) 0%, rgba(6,78,39,0.88) 100%), url("https://www.plc.lk/wp-content/uploads/2026/05/BackdropCounter.png") center / cover no-repeat, var(--c-green-deep) !important; padding: 64px 0; }
 #solar-stats .stat__value em { color: var(--c-green-mid) !important; }
 #solar-stats .stat + .stat::before { background: rgba(255,255,255,0.15) !important; }

 /* override section-head accent for green pages */
 #solarIntro .plc-section-head-title::after,
 #solarPlans .plc-section-head-title::after,
 #solarSuppliers .plc-section-head-title::after,
 #solarContact .contact-strip__title::after { background: var(--c-green); }
 .who__media-badge { background: rgba(22,163,74,0.85) !important; }

.solar-stats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; text-align: center; }
.solar-stat__value {   font-family: var(--font-display); color: #fff;  font-weight: 700;   font-size: clamp(36px, 4vw, 48px);   line-height: 1; display: block;   letter-spacing: -0.02em; }
.solar-stat__value em { font-style: normal; color: var(--c-green-mid);}
.solar-stat__label {   margin-top: 14px;   font-family: var(--font-display);   font-weight: 500; font-size: 16px;   color: rgba(255,255,255,0.88);   letter-spacing: 0.02em; }
.solar-stat + .solar-stat { position: relative; }
.solar-stat + .solar-stat::before {   content: ""; position: absolute;   left: 0; top: 50%; transform: translateY(-50%);   width: 1px; height: 60%;   background: rgba(255,255,255,0.18); }


 /* ============== CONTACT STRIP ============== */
#solarContact{background:linear-gradient(135deg,rgba(4,30,14,.97) 0%,rgba(6,78,39,.95) 100%),#064e27;color:#fff;padding:clamp(56px,6vw,80px) 0;}
.contact-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;}
.contact-strip__title{font-family:var(--font-display);font-size:clamp(22px,2.8vw,34px);font-weight:800;margin:0 0 10px;line-height:1.15;}
.contact-strip__sub { font-size: 15px; color: rgba(255,255,255,0.7); margin: 0; }
.contact-strip__items { display: flex; gap: 36px; align-items: center; flex-wrap: wrap; }
.contact-item { display: flex; align-items: center; gap: 14px; }
.contact-item__icon { width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,0.1); display: grid; place-items: center; flex-shrink: 0;}
.contact-item__icon img { width: 24px; height: 24px; filter: brightness(0) invert(1); }
.contact-item__label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.14em; color: rgba(255,255,255,0.55); display: block; }
.contact-item__val { font-family: var(--font-display); font-weight: 700; font-size: 15px; color: #fff; display: block; }
@media (max-width: 767px) { .contact-strip { grid-template-columns: 1fr; gap: 28px; } }
.wsolar__copy p { margin-bottom: 15px;     color: var(--para-text); line-height: 23px;}
.wsolar__copy .intro { margin-bottom: 15px; font-size: 17px; line-height: 23px;}




/* Corporate Information  */
.ci-wrap{font-family:var(--ci-font-body);color:var(--ci-text);}
.ci-wrap h3,.ci-wrap h4{font-family:var(--ci-font-head);color:var(--ci-navy);margin:0;}
.ci-block{margin-top:64px;}
.ci-block:first-of-type{margin-top:40px;}
.ci-block-head{display:flex;align-items:baseline;gap:14px;margin-bottom:24px;}
.ci-block-head .ci-mark{width:10px;height:10px;background:var(--ci-blue);border-radius:2px;transform:rotate(45deg);flex:none;margin-bottom:2px;}
.ci-block-head h3{font-size:1.5rem;font-weight:800;letter-spacing:.2px;}
.ci-block-head .ci-rule{flex:1;height:1px;background:linear-gradient(to right,var(--ci-border),transparent);}

/* ============================================
    1. Corporate Snapshot — passbook ledger rows
    ============================================ */
.ci-snapshot{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);box-shadow:var(--ci-shadow);padding:8px 32px;}
.ci-ledger{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;}
.ci-ledger-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px dashed var(--ci-border);}
.ci-ledger-row:last-child{border-bottom:none;}
.ci-ledger-label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ci-muted);white-space:nowrap;}
.ci-ledger-value{font-family:var(--ci-font-head);font-weight:700;font-size:1rem;color:var(--ci-navy);text-align:right;}
.ci-ledger-row--wide{grid-column:1/-1;}

/* ============================================
   2. Leadership — Board grid + Secretary
   ============================================ */
.ci-board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;}
.ci-director{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-md);padding:20px;display:flex;align-items:center;gap:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.ci-director:hover{transform:translateY(-3px);box-shadow:var(--ci-shadow);border-color:var(--ci-sky-soft);}
.ci-director--chair{border-color:var(--ci-red);background:linear-gradient(180deg,var(--ci-red-soft) 0%,var(--ci-card) 55%);}
.ci-avatar{flex:none;width:46px;height:46px;border-radius:50%;background:var(--ci-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--ci-font-head);font-weight:700;font-size:.95rem;letter-spacing:.5px;}
.ci-director--chair .ci-avatar{background:var(--ci-red);color:#fff;}
.ci-director-name{font-family:var(--ci-font-head);font-weight:700;font-size:.95rem;line-height:1.3;color:var(--ci-text);}
.ci-director-role{font-size:.78rem;color:var(--ci-muted);margin-top:3px;line-height:1.4;}
.ci-officer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.ci-officer-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);padding:26px 28px;box-shadow:var(--ci-shadow);}
.ci-officer-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ci-navy);margin-bottom:8px;display:block;}
.ci-officer-name{font-family:var(--ci-font-head);font-weight:800;font-size:1.05rem;color:var(--ci-navy);margin-bottom:4px;}
.ci-officer-role{font-size:.85rem;color:var(--ci-muted);margin-bottom:16px;}
.ci-officer-meta{display:flex;flex-direction:column;gap:6px;font-size:.88rem;line-height:1.6;color:var(--ci-text);}
.ci-officer-meta a{color:var(--ci-blue);text-decoration:none;font-weight:600;}
.ci-officer-meta a:hover{text-decoration:underline;}

/* ============================================
   3. Governance framework — 3 pillars
   ============================================ */
.ci-governance-intro{font-size:.98rem;line-height:1.75;color:var(--ci-muted);max-width:880px;margin-bottom:28px;}
.ci-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.ci-pillar{background:var(--ci-card);border:1px solid var(--ci-border);border-top:4px solid var(--ci-navy);border-radius:var(--ci-radius-md);padding:24px 22px;}
.ci-pillar:nth-child(2){border-top-color:var(--ci-blue);}
.ci-pillar:nth-child(3){border-top-color:var(--ci-sky);}
.ci-pillar-icon{width:38px;height:38px;border-radius:10px;background:var(--ci-sky-soft);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.ci-pillar-icon svg{width:20px;height:20px;stroke:var(--ci-navy);}
.ci-pillar h4{font-size:1.02rem;font-weight:700;margin-bottom:14px;}
.ci-pillar ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.ci-pillar li{font-size:.85rem;line-height:1.5;color:var(--ci-muted);padding-left:16px;position:relative;}
.ci-pillar li::before{content:'';position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--ci-blue);}
/* ============================================
   4. Governance policies — disclosure list
   ============================================ */
.ci-policy-note { font-size:.92rem; line-height:1.7; color:var(--ci-muted); max-width:880px; margin-bottom:24px; }
.ci-policy-list { display:flex; flex-direction:column; gap:10px; }
.ci-policy { background:var(--ci-card); border:1px solid var(--ci-border); border-left:3px solid var(--ci-navy); border-radius:var(--ci-radius-md); overflow:hidden; }
.ci-policy summary, .ci-policy .ci-policy-row { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 22px; cursor:pointer; }
.ci-policy .ci-policy-row { cursor:default; }
.ci-policy summary::-webkit-details-marker { display:none; }
.ci-policy-title { font-family:var(--ci-font-head); font-weight:700; font-size:.92rem; color:var(--ci-text); line-height:1.4; }
.ci-policy-actions { flex:none; display:flex; align-items:center; gap:14px; }
.ci-policy-dl { font-size:.78rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ci-navy); text-decoration:none; white-space:nowrap; border:1px solid var(--ci-navy); padding:6px 12px; border-radius:999px; transition:background .2s ease, color .2s ease; }
.ci-policy-dl:hover { background:var(--ci-navy); color:#fff; border-color:var(--ci-navy); }
.ci-policy-chevron { width:18px; height:18px; flex:none; stroke:var(--ci-muted); transition:transform .2s ease; }
.ci-policy[open] .ci-policy-chevron { transform:rotate(180deg); }
.ci-policy-body { padding:0 22px 20px; font-size:.86rem; line-height:1.7; color:var(--ci-muted); border-top:1px solid var(--ci-border); margin-top:0; }
.ci-policy-body p { margin:14px 0 0; }
.ci-policy-body p:first-child { margin-top:14px; }
.ci-policy-sublist { margin:14px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; }
.ci-policy-sublist li a { font-size:.86rem; font-weight:600; color:var(--ci-blue); text-decoration:none; }
.ci-policy-sublist li a:hover { text-decoration:underline; }
    
/* ============================================
   5. Statutory documents
============================================ */
.ci-doc-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:18px; }
.ci-doc-card { background:var(--ci-navy); border-radius:var(--ci-radius-lg); padding:26px 28px; display:flex; align-items:center; justify-content:space-between; gap:18px; color:#fff; }
.ci-doc-info { display:flex; align-items:center; gap:16px; }    
.ci-doc-icon svg{ width:22px; height:22px; stroke:var(--ci-red);  }
.ci-doc-title{ font-family:var(--ci-font-head); font-weight:700; font-size:.98rem; margin-bottom:3px;  }
.ci-doc-sub{ font-size:.78rem; color:rgba(255,255,255,.6);  }
.ci-doc-link{ flex:none; font-size:.78rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#fff; background:var(--ci-blue); text-decoration:none; padding:10px 18px; border-radius:999px; transition:filter .2s ease;  }
.ci-doc-link:hover{ filter:brightness(1.08);  }

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 900px){
.ci-board-grid{grid-template-columns:repeat(2, 1fr);}
.ci-officer-grid{grid-template-columns:1fr;}
.ci-pillars{grid-template-columns:1fr;}
.ci-doc-grid{grid-template-columns:1fr;}
.ci-ledger{grid-template-columns:1fr;}
.ci-ledger-row--wide{grid-column:auto;}
}
@media (max-width: 600px){
.ci-board-grid{grid-template-columns:1fr;}
.ci-snapshot{padding:8px 20px;}
.ci-policy summary, .ci-policy .ci-policy-row{ flex-direction:column; align-items:flex-start; gap:10px; }
.ci-doc-card{ flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion: reduce){
.ci-director, .ci-policy-chevron{transition:none;}
}



/* ===== Other Corporate Management Section ===== --------------------------------------------------------------------*/
.plc-team-section{padding:clamp(56px,8vw,100px) 0;background:#f8f9fb;}
.plc-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px;}
.plc-team-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease;}
.plc-team-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,.1);}
.plc-team-card-img{width:100%;aspect-ratio:1/1;overflow:hidden;}
.plc-team-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.plc-team-card-info{padding:18px 18px 22px;text-align:center;}
.plc-team-card-info h4{font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:16px;margin:0 0 4px;color:#1a1a1a;}
.plc-team-card-info p{font-family:"Inter",sans-serif;font-size:13px;line-height:1.5;color:#6b7280;margin:0;}
@media (max-width:1024px){.plc-team-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:540px){.plc-team-grid{grid-template-columns:1fr;}}

/* ===== Other Corporate Management Section ===== -------------------------------------------------------------------- */
.plc-team-section{padding:clamp(56px,8vw,100px) 0;background:#f8f9fb;}
.plc-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px;}
.plc-team-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease;}
.plc-team-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,.1);}
.plc-team-card-img{width:100%;aspect-ratio:1/1;overflow:hidden;}
.plc-team-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.plc-team-card-info{padding:18px 18px 22px;text-align:center;}
.plc-team-card-info h4{font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:16px;margin:0 0 4px;color:#1a1a1a;}
.plc-team-card-info p{font-family:"Inter",sans-serif;font-size:13px;line-height:1.5;color:#6b7280;margin:0;}
@media(max-width:1024px){.plc-team-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:540px){.plc-team-grid{grid-template-columns:1fr;}}

/* ===== Award Section ===== --------------------------------------------------------------------*/
.plc-award-section{padding:clamp(56px,8vw,100px) 0;}
.plc-award-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px;}
.plc-award-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease;}
.plc-award-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,.1);}
.plc-award-card-img{width:100%;aspect-ratio:1/1;overflow:hidden;}
.plc-award-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.plc-award-card-info{padding:18px 18px 22px;text-align:center;}
.plc-award-card-info h4{font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:16px;margin:0 0 4px;color:#1a1a1a;}
.plc-award-card-info p{font-family:"Inter",sans-serif;font-size:13px;line-height:1.5;color:#6b7280;margin:0;}
.plc-year-dropdown{position:relative;font-family:"Inter",sans-serif;}
.plc-year-dropdown-toggle{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e5ea;border-radius:10px;padding:10px 18px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:14px;color:#1a1a1a;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:border-color .2s ease,box-shadow .2s ease;}
.plc-year-dropdown-toggle:hover{border-color:#c9ccd3;}
.plc-year-dropdown-toggle svg{width:14px;height:14px;transition:transform .2s ease;flex-shrink:0;}
.plc-year-dropdown.open .plc-year-dropdown-toggle svg{transform:rotate(180deg);}
.plc-year-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:#fff;border:1px solid #e2e5ea;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.08);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:20;list-style:none;margin:0;}
.plc-year-dropdown.open .plc-year-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.plc-year-dropdown-menu a{display:block;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;color:#374151;text-decoration:none;transition:background .15s ease,color .15s ease;}
.plc-year-dropdown-menu a:hover{background:#f1f4f9;color:#1a1a1a;}
.plc-year-dropdown-menu a.active{background:#eef2ff;color:#1a1a1a;font-weight:700;}
@media(max-width:1024px){.plc-award-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:540px){.plc-award-grid{grid-template-columns:1fr;}.plc-section-head{align-items:flex-start;}.plc-year-dropdown{width:100%;}.plc-year-dropdown-toggle{width:100%;justify-content:space-between;}.plc-year-dropdown-menu{left:0;right:0;width:100%;}}



/* Career Page -------------------------------------------------------------------- */

.plc-wrap { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }

.plc-careers-section { padding: 64px 0; }
.plc-careers-section + .plc-careers-section { padding-top: 0px; }
.plc-section-label { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ci-blue); margin-bottom: 10px; }
.plc-section-label::before { content: ''; display: inline-block; width: 18px; height: 2px; background: var(--ci-blue); border-radius: 2px; }
.plc-section-title { font-family: var(--ci-font-head); font-size: clamp(22px, 3vw, 30px); font-weight: 800; color: var(--ci-navy); margin-bottom: 12px; line-height: 1.2; }
.plc-section-desc { font-size: 15px; color: var(--ci-muted); max-width: 560px; line-height: 1.7; }

.plc-careers-intro { background: var(--ci-card); border-radius: var(--ci-radius-lg); box-shadow: var(--ci-shadow); overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.plc-careers-intro-text { padding: 52px 48px; }
.plc-careers-intro-text p { font-size: 14.5px; color: var(--para-text); line-height: 1.8; margin-bottom: 16px; }
.plc-careers-intro-text p:last-child { margin-bottom: 0; }
.plc-careers-intro-accent { background: linear-gradient(145deg, var(--ci-navy) 0%, var(--ci-blue) 100%); padding: 52px 48px; display: flex; flex-direction: column; justify-content: center; gap: 28px; }

.plc-careers-value { display: flex; align-items: flex-start; gap: 16px; }
.plc-careers-value-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(255,255,255,.12); display: grid; place-items: center; flex-shrink: 0; font-size: 18px; }
.plc-careers-value-text strong { display: block; font-family: var(--ci-font-head); font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.plc-careers-value-text span { font-size: 13px; color: rgba(255,255,255,.6); line-height: 1.5; }

.plc-vacancies-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 28px; gap: 16px; flex-wrap: wrap; }
.plc-vacancies-count-badge { display: inline-flex; align-items: center; gap: 6px; background: var(--ci-blue-soft); border: 1px solid rgba(34,80,252,.15); color: var(--ci-blue); font-size: 12px; font-weight: 700; padding: 5px 12px; border-radius: 100px; margin-top: 8px; }
.plc-vacancies-count-badge span { display: inline-block; width: 7px; height: 7px; background: var(--ci-blue); border-radius: 50%; }

.plc-vacancies-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.plc-vacancy-card { text-decoration: none; background: var(--ci-card); border-radius: var(--ci-radius-md); border: 1px solid var(--ci-border); padding: 20px 22px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; transition: border-color .2s, box-shadow .2s, transform .2s; cursor: pointer; }
.plc-vacancy-card:hover { border-color: rgba(34,80,252,.35); box-shadow: 0 6px 24px -8px rgba(34,80,252,.15); transform: translateY(-2px); }

.plc-vacancy-card-body { flex: 1; min-width: 0; }
.plc-vacancy-card-role { font-family: var(--ci-font-head); font-size: 14px; font-weight: 700; color: var(--ci-navy); margin-bottom: 6px; line-height: 1.35; }
.plc-vacancy-card-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

.plc-vacancy-tag { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 500; padding: 3px 9px; border-radius: 100px; }
.plc-vacancy-tag--type { background: var(--ci-sky-soft); color: var(--ci-navy); }
.plc-vacancy-tag--deadline { background: var(--ci-red-soft); color: #b3001a; font-weight: 600; }

.plc-vacancy-card-arrow { width: 34px; height: 34px; border-radius: 8px; background: var(--ci-blue-soft); display: grid; place-items: center; flex-shrink: 0; transition: background .2s; }
.plc-vacancy-card:hover .plc-vacancy-card-arrow { background: var(--ci-blue); }
.plc-vacancy-card:hover .plc-vacancy-card-arrow svg { stroke: #fff; }
.plc-vacancy-card-arrow svg { width: 14px; height: 14px; stroke: var(--ci-blue); fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: stroke .2s; }

.plc-vacancy-card.plc-vacancy-hidden { display: none; }

.plc-vacancies-footer { margin-top: 28px; display: flex; align-items: center; justify-content: center; }

.plc-btn-view-more { display: inline-flex; align-items: center; gap: 8px; font-family: var(--ci-font-head); font-size: 14px; font-weight: 700; color: var(--ci-blue); background: var(--ci-card); border: 1.5px solid rgba(34,80,252,.3); padding: 12px 28px; border-radius: 100px; cursor: pointer; transition: background .2s, border-color .2s, color .2s, box-shadow .2s; }
.plc-btn-view-more:hover { background: var(--ci-blue); color: #fff; border-color: var(--ci-blue); box-shadow: 0 8px 24px -6px rgba(34,80,252,.35); }
.plc-btn-view-more svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }
.plc-btn-view-more.plc-expanded svg { transform: rotate(180deg); }

.plc-careers-section--culture { background: linear-gradient(135deg, var(--ci-navy) 0%, #0d2f6e 50%, #1a3fd4 100%); position: relative; overflow: hidden; }
.plc-careers-section--culture::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 55% 70% at 90% 20%, rgba(145,174,221,.12) 0%, transparent 65%), radial-gradient(ellipse 40% 50% at 5% 80%, rgba(34,80,252,.2) 0%, transparent 60%); pointer-events: none; }
.plc-careers-section--culture .plc-wrap { position: relative; z-index: 1; }
.plc-careers-section--culture .plc-section-label { color: var(--ci-sky); }
.plc-careers-section--culture .plc-section-label::before { background: var(--ci-sky); }
.plc-careers-section--culture .plc-section-title { color: #fff; }
.plc-careers-section--culture .plc-section-desc { color: rgba(255,255,255,.6); }

.plc-culture-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 32px; }
.plc-culture-card { background: rgba(255,255,255,.07); border-radius: var(--ci-radius-md); border: 1px solid rgba(255,255,255,.12); padding: 28px 24px; backdrop-filter: blur(8px); transition: background .2s, border-color .2s, transform .2s; }
.plc-culture-card:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.22); transform: translateY(-3px); }

.plc-culture-card-icon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 20px; margin-bottom: 16px; }
.plc-culture-card-icon--blue { background: rgba(255,255,255,.12); }
.plc-culture-card-icon--sky { background: rgba(145,174,221,.2); }
.plc-culture-card-icon--red { background: rgba(255,255,255,.1); }

.plc-culture-card h4 { font-family: var(--ci-font-head); font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.plc-culture-card p { font-size: 13.5px; color: rgba(255,255,255,.6); line-height: 1.65; }

.plc-careers-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 32px; }

.plc-careers-box { background: var(--ci-card); border-radius: var(--ci-radius-md); border: 1px solid var(--ci-border); padding: 32px; }
.plc-careers-box h4 { font-family: var(--ci-font-head); font-size: 16px; font-weight: 700; color: var(--ci-navy); margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--ci-border); }
.plc-careers-box p { font-size: 14px; color: var(--para-text); line-height: 1.75; margin-bottom: 12px; }
.plc-careers-box p:last-child { margin-bottom: 0; }

.plc-qual-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.plc-qual-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--para-text); line-height: 1.6; }
.plc-qual-list li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--ci-blue); flex-shrink: 0; margin-top: 7px; }

.plc-facts-strip { background: linear-gradient(90deg, var(--ci-navy) 0%, #0a2558 100%); border-radius: var(--ci-radius-lg); padding: 44px 48px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; text-align: center; }
.plc-fact-item { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.plc-fact-item-icon { width: 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,.1); display: grid; place-items: center; font-size: 20px; }
.plc-fact-item span { font-size: 13px; color: rgba(255,255,255,.7); line-height: 1.4; }

.plc-careers-cta { background: var(--ci-card); border-radius: var(--ci-radius-lg); border: 1px solid var(--ci-border); padding: 52px 48px; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.plc-careers-cta h3 { font-family: var(--ci-font-head); font-size: clamp(20px, 3vw, 26px); font-weight: 800; color: var(--ci-navy); margin-bottom: 8px; }
.plc-careers-cta p { font-size: 14px; color: var(--ci-muted); max-width: 460px; line-height: 1.6; }

.plc-btn-apply { display: inline-flex; align-items: center; gap: 8px; font-family: var(--ci-font-head); font-size: 14px; font-weight: 700; color: #fff; background: var(--ci-blue); padding: 14px 32px; border-radius: 100px; transition: background .2s, box-shadow .2s; white-space: nowrap; }
.plc-btn-apply:hover { background: #1a3fd4; box-shadow: 0 8px 24px -6px rgba(34,80,252,.4); }
.plc-btn-apply svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 900px) { 
   .plc-careers-intro { grid-template-columns: 1fr; } 
   .plc-careers-intro-accent { display: none; } 
   .plc-vacancies-grid { grid-template-columns: 1fr; } 
   .plc-culture-grid { grid-template-columns: repeat(2, 1fr); } 
   .plc-careers-two-col { grid-template-columns: 1fr; } 
   .plc-facts-strip { grid-template-columns: repeat(3, 1fr); } 
   .plc-careers-cta { flex-direction: column; align-items: flex-start; } 
}

@media (max-width: 600px) { 
   .plc-careers-hero { padding: 48px 0 44px; } 
   .plc-careers-hero-stats { gap: 24px; } 
   .plc-culture-grid { grid-template-columns: 1fr; } 
   .plc-facts-strip { grid-template-columns: repeat(2, 1fr); padding: 32px 24px; } 
   .plc-careers-cta { padding: 32px 24px; } 
   .plc-careers-intro-text { padding: 32px 24px; } 
}




/*Product Page -------------------------------- */
#fdHero{position:relative;min-height:280px;background:linear-gradient(105deg,rgba(0,22,50,.94) 0%,rgba(0,36,96,.88) 55%,rgba(0,64,148,.7) 100%),url('https://www.plc.lk/wp-content/uploads/2021/04/aboutus-bg.jpg') center/cover no-repeat;display:flex;align-items:center;color:#fff;padding:clamp(56px,8vw,96px) 0 clamp(48px,6vw,80px);}
.product-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ci-sky);margin-bottom:16px;}
.product-hero__eyebrow::before{content:"";display:block;width:20px;height:2px;background:var(--ci-sky);border-radius:2px;}
.product-hero__title{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4vw,52px);line-height:1.08;letter-spacing:-.025em;margin:0 0 16px;color:#fff;}
.product-hero__title em{font-style:normal;color:var(--ci-sky);}
.product-hero__desc{font-size:clamp(14px,1.4vw,16px);line-height:1.7;color:rgba(255,255,255,.75);max-width:560px;margin:0 0 32px;}
.product-hero__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.product-hero__btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.02em;padding:13px 26px;border-radius:999px;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;cursor:pointer;border:none;}
.product-hero__btn--primary{background:var(--c-red);color:#fff;box-shadow:0 4px 16px rgba(229,0,25,.3);}
.product-hero__btn--primary:hover{background:#c5001a;transform:translateY(-2px);}
.product-hero__btn--ghost{background:transparent;border:1.5px solid rgba(255,255,255,.35);color:rgba(255,255,255,.88);}
.product-hero__btn--ghost:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);}
.product-hero__strip{display:flex;gap:32px;margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap;}
.product-hero__strip-item{display:flex;flex-direction:column;gap:3px;}
.product-hero__strip-val{font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);font-weight:800;color:#fff;line-height:1;}
.product-hero__strip-val em{font-style:normal;color:var(--ci-sky);}
.product-hero__strip-label{font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.06em;text-transform:uppercase;font-weight:500;}
.product-breadcrumb{padding:14px 0;border-bottom:1px solid var(--ci-border);background:var(--ci-bg);}
.product-breadcrumb__inner{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ci-muted);}
.product-breadcrumb__inner a{color:var(--ci-muted);text-decoration:none;transition:color .18s;}
.product-breadcrumb__inner a:hover{color:var(--ci-blue);}
.product-breadcrumb__inner span{color:var(--ci-navy);font-weight:600;}
.product-breadcrumb__sep{opacity:.4;font-size:10px;}
#fdIntro{background:var(--c-white);}
.product-intro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:60px;align-items:start;}
.product-intro__body{font-size:15px;line-height:1.75;color:var(--para-text);}
.product-intro__body p{margin-bottom:16px;}
.product-intro__rating{display:flex;align-items:center;gap:12px;margin-top:24px;padding:16px 20px;background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.15);border-radius:var(--ci-radius-md);}
.product-intro__rating-badge{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:var(--ci-blue);display:flex;align-items:center;justify-content:center;}
.product-intro__rating-badge svg{width:22px;height:22px;color:#fff;}
.product-intro__rating-text{font-size:13px;color:var(--ci-navy);line-height:1.5;}
.product-intro__rating-text strong{font-weight:700;display:block;font-size:14px;}
.product-info-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);position:sticky;top:24px;}
.product-info-card__head{padding:18px 22px 16px;background:var(--ci-navy);color:#fff;}
.product-info-card__head-title{font-family:var(--ci-font-head);font-size:15px;font-weight:700;margin-bottom:4px;}
.product-info-card__head-sub{font-size:12px;color:var(--ci-sky);}
.product-info-list{list-style:none;padding:20px 22px;display:flex;flex-direction:column;gap:14px;}
.product-info-list li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ci-text);line-height:1.5;}
.product-info-list__icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center;margin-top:1px;}
.product-info-list__icon svg{width:11px;height:11px;color:var(--ci-blue);}
.product-info-card__ctas{padding:0 22px 22px;display:flex;flex-direction:column;gap:10px;}
.product-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:13px;padding:12px 20px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;transition:background .18s,opacity .18s,transform .18s;}
.product-btn svg{width:14px;height:14px;}
.product-btn--primary{background:var(--ci-blue);color:#fff;}
.product-btn--primary:hover{opacity:.88;}
.product-btn--outline{background:transparent;border:1.5px solid var(--ci-border);color:var(--ci-navy);}
.product-btn--outline:hover{border-color:var(--ci-blue);color:var(--ci-blue);background:var(--ci-blue-soft);}
.product-btn--red{background:var(--c-red);color:#fff;}
.product-btn--red:hover{opacity:.88;}

#fdRates{background:var(--ci-bg);}
.product-table-wrap{overflow-x:auto;border-radius:var(--ci-radius-lg);border:1px solid var(--ci-border);box-shadow:var(--ci-shadow);}
.product-table{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--ci-card);}
.product-table thead tr{background:var(--ci-navy);color:#fff;}
.product-table thead th{padding:14px 18px;font-family:var(--ci-font-head);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;text-align:left;white-space:nowrap;}
.product-table thead th:first-child{border-radius:0;}
.product-table thead .product-th-group{padding:8px 18px;font-size:10px;text-align:center;letter-spacing:.07em;border-left:1px solid rgba(255,255,255,.12);color:var(--ci-sky);}
.product-table tbody tr{border-bottom:1px solid var(--ci-border);transition:background .15s;}
.product-table tbody tr:last-child{border-bottom:none;}
.product-table tbody tr:hover{background:var(--ci-sky-soft);}
.product-table tbody td{padding:13px 18px;color:var(--ci-text);font-weight:500;}
.product-table tbody td:not(:first-child){text-align:center;}
.product-table .product-td-period{font-weight:700;color:var(--ci-navy);}
.product-table .product-td-rate{font-family:var(--ci-font-head);font-weight:700;color:var(--ci-blue);}
.product-table .product-td-aer{color:var(--ci-muted);font-size:13px;}
.product-table .product-td-sep{border-left:1px solid var(--ci-border);}
.product-table .product-row-highlight{background:var(--ci-blue-soft);}
.product-table .product-row-highlight td{font-weight:600;}
.product-table .product-row-highlight .product-td-rate{color:var(--c-red);font-size:14px;}
.product-table-note{margin-top:16px;font-size:12.5px;color:var(--ci-muted);line-height:1.6;}
.product-table-note strong{color:var(--ci-navy);}
.product-table .product-thead-sub th{background:rgba(34,80,252,.06);color:var(--ci-blue);font-size:11px;padding:8px 18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
#fdCalc{display:none;}
.product-calc-fab{position:fixed;bottom:32px;right:32px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
.product-calc-panel{width:360px;background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);box-shadow:0 24px 64px -12px rgba(0,22,50,.28),0 4px 16px rgba(0,0,0,.08);overflow:hidden;transform-origin:bottom right;transform:scale(.92) translateY(12px);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;max-height:88vh;overflow-y:auto;}
.product-calc-panel.product-calc-open{transform:scale(1) translateY(0);opacity:1;pointer-events:all;}
.product-calc-panel__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--ci-navy);color:#fff;position:sticky;top:0;z-index:2;}
.product-calc-panel__head-left{display:flex;align-items:center;gap:10px;}
.product-calc-panel__head-icon{width:32px;height:32px;background:rgba(255,255,255,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.product-calc-panel__head-icon svg{width:16px;height:16px;}
.product-calc-panel__head-title{font-family:var(--ci-font-head);font-size:14px;font-weight:700;}
.product-calc-panel__head-sub{font-size:11px;color:var(--ci-sky);margin-top:1px;}
.product-calc-close{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s;flex-shrink:0;}
.product-calc-close:hover{background:rgba(255,255,255,.22);}
.product-calc-close svg{width:14px;height:14px;}
.product-calc-panel__body{padding:20px;}
.product-calc-result-strip{background:var(--ci-navy);border-radius:var(--ci-radius-md);padding:16px 18px;margin-bottom:16px;color:#fff;}
.product-calc-result-strip__label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ci-sky);margin-bottom:4px;}
.product-calc-result-strip__amount{font-family:var(--ci-font-head);font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1;color:#fff;}
.product-calc-result-strip__amount span{font-size:13px;font-weight:600;color:var(--ci-sky);margin-right:4px;vertical-align:super;}
.product-calc-result-strip__rows{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:5px;}
.product-calc-result-strip__row{display:flex;justify-content:space-between;font-size:12px;}
.product-calc-result-strip__row span:first-child{color:rgba(255,255,255,.55);}
.product-calc-result-strip__row span:last-child{color:#fff;font-weight:600;}
.product-calc-result-strip__empty{font-size:12.5px;color:rgba(255,255,255,.45);text-align:center;padding:6px 0;}
.product-calc-note{font-size:11px;color:var(--ci-muted);margin-top:12px;line-height:1.5;}
.product-calc-trigger{width:58px;height:58px;border-radius:50%;background:var(--ci-blue);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 28px rgba(34,80,252,.45);transition:background .18s,transform .18s,box-shadow .18s;position:relative;}
.product-calc-trigger:hover{background:#1a40e0;transform:scale(1.06);box-shadow:0 12px 36px rgba(34,80,252,.5);}
.product-calc-trigger svg{width:24px;height:24px;}
.product-calc-trigger__label{position:absolute;right:66px;white-space:nowrap;background:var(--ci-navy);color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;pointer-events:none;opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s;}
.product-calc-trigger:hover .product-calc-trigger__label{opacity:1;transform:translateX(0);}
.product-calc-trigger__label::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--ci-navy);border-right:none;}

.product-calc-panel .product-form-group{margin-bottom:14px;}
.product-calc-panel .product-label{font-size:11px;margin-bottom:6px;}
.product-calc-panel .product-input{padding:11px 14px 11px 40px;font-size:14px;}
.product-calc-panel .product-input-prefix{font-size:11px;left:12px;}
.product-calc-panel .product-select{padding:11px 36px 11px 12px;font-size:13px;}
.product-calc-panel .product-radio-label{padding:9px;font-size:12px;}
.product-calc-panel .product-calc__btn-row{display:flex;gap:8px;margin-top:16px;}
.product-calc-panel .product-calc__btn-row .product-btn{flex:1;padding:11px;font-size:13px;}

@media (max-width:480px){
.product-calc-fab{bottom:20px;right:16px;}
.product-calc-panel{width:calc(100vw - 32px);}
}

.product-form-group{margin-bottom:20px;}
.product-form-group:last-of-type{margin-bottom:0;}
.product-label{display:block;font-size:12px;font-weight:700;color:var(--ci-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;}
.product-input-wrap{position:relative;}
.product-input-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--ci-muted);pointer-events:none;}
.product-input{width:100%;padding:13px 14px 13px 48px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:15px;font-weight:600;color:var(--ci-navy);background:var(--ci-bg);box-sizing:border-box;transition:border-color .18s,box-shadow .18s;outline:none;font-family:var(--ci-font-body);}
.product-input:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1);background:#fff;}
.product-input--no-prefix{padding-left:14px;}
.product-select{width:100%;padding:13px 14px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:14px;font-weight:500;color:var(--ci-navy);background:var(--ci-bg);box-sizing:border-box;transition:border-color .18s;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2391AEDD' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;font-family:var(--ci-font-body);}
.product-select:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1);background-color:#fff;}
.product-radio-group{display:flex;gap:10px;}
.product-radio-option{flex:1;}
.product-radio-option input[type="radio"]{display:none;}
.product-radio-label{display:flex;align-items:center;justify-content:center;padding:12px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:13px;font-weight:600;color:var(--ci-muted);cursor:pointer;transition:all .18s;text-align:center;}
.product-radio-option input[type="radio"]:checked+.product-radio-label{border-color:var(--ci-blue);background:var(--ci-blue-soft);color:var(--ci-blue);}
.product-calc__btn-row{display:flex;gap:10px;margin-top:24px;}
.product-calc__btn-row .product-btn{flex:1;padding:14px;font-size:14px;}
.product-result__title{font-family:var(--ci-font-head);font-size:13px;font-weight:700;color:var(--ci-sky);text-transform:uppercase;letter-spacing:.08em;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);}
.product-result__row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.product-result__row:last-of-type{border-bottom:none;}
.product-result__label{font-size:13px;color:rgba(255,255,255,.6);}
.product-result__value{font-family:var(--ci-font-head);font-weight:700;color:#fff;font-size:15px;}
.product-result__main{margin:24px 0;padding:24px;background:rgba(255,255,255,.07);border-radius:var(--ci-radius-md);border:1px solid rgba(255,255,255,.1);text-align:center;}
.product-result__main-label{font-size:11px;color:var(--ci-sky);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;}
.product-result__main-amount{font-family:var(--ci-font-head);font-size:clamp(28px,3vw,40px);font-weight:800;color:#fff;line-height:1;}
.product-result__main-amount span{font-size:16px;font-weight:600;color:var(--ci-sky);vertical-align:super;margin-right:4px;}
.product-result__note{font-size:11.5px;color:rgba(255,255,255,.4);line-height:1.55;margin-top:20px;}
.product-result__empty{text-align:center;padding:40px 0;}
.product-result__empty-icon{font-size:36px;margin-bottom:12px;opacity:.3;}
.product-result__empty-text{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6;}
#fdContact{background:#fff;}
.product-contact__wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:56px;align-items:start;}
.product-contact__aside{display:flex;flex-direction:column;gap:20px;}
.product-contact__info-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);padding:24px;box-shadow:var(--ci-shadow);}
.product-contact__info-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--ci-border);}
.product-contact__info-row:last-child{border-bottom:none;padding-bottom:0;}
.product-contact__info-row:first-child{padding-top:0;}
.product-contact__icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center;}
.product-contact__icon svg{width:18px;height:18px;color:var(--ci-blue);}
.product-contact__info-text{font-size:13px;color:var(--ci-muted);line-height:1.5;}
.product-contact__info-text strong{display:block;font-size:14px;color:var(--ci-navy);font-weight:700;margin-bottom:2px;}
.product-contact__info-text a{color:var(--ci-blue);text-decoration:none;}
.product-contact__form-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);padding:32px;box-shadow:var(--ci-shadow);}
.product-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.product-form-full{grid-column:1/-1;}
.product-textarea{width:100%;padding:13px 14px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:14px;font-weight:400;color:var(--ci-navy);background:var(--ci-bg);box-sizing:border-box;transition:border-color .18s,box-shadow .18s;outline:none;resize:vertical;min-height:100px;font-family:var(--ci-font-body);}
.product-textarea:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1);background:#fff;}
.product-input--no-prefix{padding-left:14px;}
.product-form-submit-row{margin-top:20px;}
.product-success-msg{display:none;margin-top:16px;padding:14px 18px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.25);border-radius:var(--ci-radius-md);font-size:13.5px;color:#15803d;font-weight:600;}

@media (max-width:1024px){
.product-intro__grid{grid-template-columns:1fr;gap:36px;}
.product-info-card{position:static;}
.product-contact__wrap{grid-template-columns:1fr;gap:32px;}
}

@media (max-width:640px){
.product-hero__strip{gap:20px;}
.product-form-row{grid-template-columns:1fr;}
}



/*Faq---------------------------*/
/* ============== FAQ PAGE — scoped under .faq- prefix ============== */

#faqPage{background:var(--ci-bg);}

/* ---- Layout: sticky sidebar + main ---- */
.faq-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start;}

/* ---- Sticky category nav ---- */
.faq-nav{position:sticky;top:28px;background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);}
.faq-nav__head{padding:16px 20px 14px;border-bottom:1px solid var(--ci-border);font-family:var(--ci-font-head);font-size:11px;font-weight:700;color:var(--ci-muted);text-transform:uppercase;letter-spacing:.08em;}
.faq-nav__list{list-style:none;padding:8px 0;}
.faq-nav__item a{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:500;color:var(--ci-muted);text-decoration:none;transition:background .15s,color .15s;border-left:3px solid transparent;}
.faq-nav__item a:hover{background:var(--ci-sky-soft);color:var(--ci-navy);}
.faq-nav__item a.active{background:var(--ci-blue-soft);color:var(--ci-blue);font-weight:700;border-left-color:var(--ci-blue);}
.faq-nav__item a .faq-nav__count{margin-left:auto;font-size:11px;font-weight:700;color:var(--ci-muted);background:var(--ci-bg);border-radius:999px;padding:2px 8px;flex-shrink:0;}
.faq-nav__item a.active .faq-nav__count{background:rgba(34,80,252,.12);color:var(--ci-blue);}

/* ---- Search bar ---- */
.faq-search{margin-bottom:28px;position:relative;}
.faq-search__input{width:100%;padding:13px 20px 13px 46px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-lg);font-size:14px;font-weight:400;color:var(--ci-navy);background:var(--ci-card);box-sizing:border-box;outline:none;transition:border-color .18s,box-shadow .18s;font-family:var(--ci-font-body);box-shadow:var(--ci-shadow);}
.faq-search__input:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1);}
.faq-search__icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ci-muted);pointer-events:none;}
.faq-search__clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--ci-muted);border:none;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;opacity:.6;transition:opacity .15s;}
.faq-search__clear:hover{opacity:1;}
.faq-no-results{display:none;text-align:center;padding:48px 24px;color:var(--ci-muted);font-size:14px;}
.faq-no-results svg{width:40px;height:40px;margin:0 auto 12px;display:block;opacity:.25;}

/* ---- Category group ---- */
.faq-group{margin-bottom:12px;}
.faq-group__head{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--ci-border);}
.faq-group__icon{width:36px;height:36px;border-radius:10px;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.faq-group__icon svg{width:18px;height:18px;color:var(--ci-blue);}
.faq-group__title{font-family:var(--ci-font-head);font-size:clamp(16px,1.6vw,19px);font-weight:800;color:var(--ci-navy);margin:0;}

/* ---- Category count ---- */
.faq-group__count{margin-left:auto;font-size:11px;font-weight:700;color:var(--ci-muted);background:var(--ci-card);border:1px solid var(--ci-border);border-radius:999px;padding:3px 10px;flex-shrink:0;}

/* ---- Accordion items ---- */
.faq-accordion{display:flex;flex-direction:column;gap:8px;margin-bottom:40px;}

.faq-item{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-md);overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.faq-item:hover{border-color:rgba(34,80,252,.2);}
.faq-item.faq-open{border-color:rgba(34,80,252,.25);box-shadow:0 4px 20px -8px rgba(34,80,252,.12);}
.faq-item.faq-hidden{display:none;}

.faq-toggle{width:100%;background:transparent;border:none;padding:16px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;}
.faq-toggle__q{flex:1;font-family:var(--ci-font-head);font-size:14px;font-weight:600;color:var(--ci-navy);line-height:1.45;}
.faq-item.faq-open .faq-toggle__q{color:var(--ci-blue);}
.faq-toggle__icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--ci-bg);display:flex;align-items:center;justify-content:center;transition:background .18s,transform .3s;}
.faq-toggle__icon svg{width:14px;height:14px;color:var(--ci-muted);transition:color .18s;}
.faq-item.faq-open .faq-toggle__icon{background:var(--ci-blue-soft);transform:rotate(180deg);}
.faq-item.faq-open .faq-toggle__icon svg{color:var(--ci-blue);}

.faq-body{display:none;padding:0 20px 18px 20px;border-top:1px solid var(--ci-border);}
.faq-item.faq-open .faq-body{display:block;animation:faqFadeIn .25s ease;}

@keyframes faqFadeIn{
from{opacity:0;transform:translateY(-6px);}
to{opacity:1;transform:translateY(0);}
}

.faq-body__inner{padding-top:16px;font-size:14px;line-height:1.75;color:var(--para-text);}
.faq-body__inner p{margin:0 0 10px;}
.faq-body__inner p:last-child{margin-bottom:0;}
.faq-body__inner ul{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:7px;}
.faq-body__inner ul li{padding-left:18px;position:relative;line-height:1.6;}
.faq-body__inner ul li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--ci-blue);opacity:.55;}
.faq-body__inner strong{color:var(--ci-navy);font-weight:700;}
.faq-body__inner em{font-style:italic;}
.faq-body__inner a{color:var(--ci-blue);text-decoration:none;}
.faq-body__inner a:hover{text-decoration:underline;}

/* Table inside FAQ body */
.faq-body__inner table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0;border-radius:var(--ci-radius-md);overflow:hidden;border:1px solid var(--ci-border);}
.faq-body__inner table thead tr{background:var(--ci-navy);color:#fff;}
.faq-body__inner table thead th{padding:10px 14px;font-weight:700;font-size:12px;text-align:left;letter-spacing:.03em;}
.faq-body__inner table tbody tr{border-bottom:1px solid var(--ci-border);}
.faq-body__inner table tbody tr:last-child{border-bottom:none;}
.faq-body__inner table tbody tr:nth-child(even){background:var(--ci-bg);}
.faq-body__inner table tbody td{padding:9px 14px;color:var(--ci-text);}

/* Search highlight */
mark{background:rgba(34,80,252,.12);color:var(--ci-blue);border-radius:3px;padding:0 2px;font-weight:700;}

/* Disclaimer */
.faq-disclaimer{margin-top:8px;padding:16px 20px;background:var(--ci-red-soft);border:1px solid rgba(229,0,25,.15);border-radius:var(--ci-radius-md);font-size:12.5px;color:var(--ci-muted);line-height:1.6;}
.faq-disclaimer strong{color:var(--c-red);}

/* ---- Responsive ---- */
@media (max-width:900px){
.faq-layout{grid-template-columns:1fr;gap:24px;}
.faq-nav{position:static;display:grid;grid-template-columns:1fr;}
.faq-nav__list{display:flex;flex-wrap:wrap;gap:4px;padding:10px 12px 12px;}
.faq-nav__item{flex:none;}
.faq-nav__item a{border-left:none;border-radius:999px;border:1.5px solid var(--ci-border);padding:6px 14px;font-size:12px;}
.faq-nav__item a.active{border-color:var(--ci-blue);}
.faq-nav__item a .faq-nav__count{display:none;}
}


/**/
/* ============ SUSTAINABILITY PAGE — scoped .sus- prefix ============ */

/* ---- Tab nav ---- */
.sus-tabs{display:flex;gap:0;border-bottom:2px solid var(--ci-border);margin-bottom:48px;overflow-x:auto;scrollbar-width:none;}
.sus-tabs::-webkit-scrollbar{display:none;}

.sus-tab{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;font-family:var(--ci-font-head);font-size:13px;font-weight:600;color:var(--ci-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color .18s,border-color .18s,background .18s;}
.sus-tab:hover{color:var(--ci-navy);background:var(--ci-sky-soft);}
.sus-tab.active{color:var(--ci-blue);border-bottom-color:var(--ci-blue);background:var(--ci-blue-soft);}
.sus-tab svg{width:16px;height:16px;flex-shrink:0;}

/* ---- Tab panels ---- */
.sus-panel{display:none;}
.sus-panel.active{display:block;animation:susFadeIn .28s ease;}

@keyframes susFadeIn{
from{opacity:0;transform:translateY(8px);}
to{opacity:1;transform:translateY(0);}
}

/* ---- Intro quote strip ---- */
.sus-intro-strip{background:var(--ci-navy);border-radius:var(--ci-radius-lg);padding:clamp(28px,4vw,44px) clamp(24px,4vw,48px);color:#fff;margin-bottom:48px;position:relative;overflow:hidden;}
.sus-intro-strip::before{content:'"';position:absolute;right:32px;top:-20px;font-size:160px;font-family:var(--ci-font-head);font-weight:800;color:rgba(145,174,221,.12);line-height:1;pointer-events:none;}
.sus-intro-strip__eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ci-sky);margin-bottom:12px;}
.sus-intro-strip__text{font-family:var(--ci-font-head);font-size:clamp(15px,1.8vw,18px);font-weight:500;line-height:1.7;color:rgba(255,255,255,.88);max-width:820px;}

/* ---- Framework image block ---- */
.sus-framework{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);margin-bottom:48px;}
.sus-framework__head{padding:18px 24px 16px;border-bottom:1px solid var(--ci-border);display:flex;align-items:center;gap:10px;}
.sus-framework__head-icon{width:32px;height:32px;border-radius:8px;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center;}
.sus-framework__head-icon svg{width:16px;height:16px;color:var(--ci-blue);}
.sus-framework__head-title{font-family:var(--ci-font-head);font-size:14px;font-weight:700;color:var(--ci-navy);}
.sus-framework__img{width:100%;height:auto;display:block;max-height:480px;object-fit:contain;background:#f8faff;padding:16px;box-sizing:border-box;}
.sus-framework__footer{padding:14px 24px;font-size:12px;color:var(--ci-muted);display:flex;align-items:center;gap:10px;border-top:1px solid var(--ci-border);}

.sus-framework__footer a{display:inline-flex;align-items:center;gap:5px;color:var(--ci-blue);font-weight:600;font-size:12.5px;text-decoration:none;margin-left:auto;}
.sus-framework__footer a:hover{text-decoration:underline;}
.sus-framework__footer a svg{width:13px;height:13px;}

/* ---- Approach 3-pillar grid ---- */
.sus-approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:48px;}
.sus-pillar-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);padding:28px 24px;box-shadow:var(--ci-shadow);display:flex;flex-direction:column;gap:12px;transition:border-color .2s,box-shadow .2s,transform .2s;}
.sus-pillar-card:hover{border-color:rgba(34,80,252,.22);box-shadow:0 8px 32px -10px rgba(0,22,50,.14);transform:translateY(-3px);}
.sus-pillar-card__icon{width:44px;height:44px;border-radius:12px;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center;}
.sus-pillar-card__icon svg{width:22px;height:22px;color:var(--ci-blue);}
.sus-pillar-card__title{font-family:var(--ci-font-head);font-size:15px;font-weight:800;color:var(--ci-navy);}
.sus-pillar-card__body{font-size:13.5px;line-height:1.7;color:var(--para-text);}

/* ---- SDG commitment strip ---- */
.sus-sdg-strip{background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.14);border-radius:var(--ci-radius-lg);padding:24px 28px;display:flex;align-items:center;gap:20px;margin-bottom:48px;}
.sus-sdg-strip__icon{width:52px;height:52px;flex-shrink:0;border-radius:14px;background:var(--ci-blue);display:flex;align-items:center;justify-content:center;}
.sus-sdg-strip__icon svg{width:26px;height:26px;color:#fff;}
.sus-sdg-strip__text{font-size:14px;color:var(--ci-navy);line-height:1.65;}
.sus-sdg-strip__text strong{display:block;font-weight:700;margin-bottom:3px;font-size:15px;}

/* ---- Section: two-col content+list ---- */
.sus-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:48px;align-items:start;margin-bottom:48px;}
.sus-copy{font-size:15px;line-height:1.75;color:var(--para-text);}
.sus-copy p{margin-bottom:16px;}
.sus-copy p:last-child{margin-bottom:0;}
.sus-copy h4{font-family:var(--ci-font-head);font-size:14px;font-weight:700;color:var(--ci-navy);margin:20px 0 10px;}

/* ---- Checklist card ---- */
.sus-checklist-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);}
.sus-checklist-card__head{padding:16px 20px;background:var(--ci-navy);color:#fff;font-family:var(--ci-font-head);font-size:13px;font-weight:700;}
.sus-checklist{list-style:none;padding:16px 20px;display:flex;flex-direction:column;gap:10px;}
.sus-checklist li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ci-text);line-height:1.55;}
.sus-checklist__dot{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center;margin-top:1px;}
.sus-checklist__dot svg{width:11px;height:11px;color:var(--ci-blue);}

/* ---- Project link cards ---- */
.sus-project-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;}
.sus-project-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-md);padding:18px 20px;box-shadow:var(--ci-shadow);display:flex;flex-direction:column;gap:10px;transition:border-color .18s,transform .18s;}
.sus-project-card:hover{border-color:rgba(34,80,252,.2);transform:translateY(-2px);}
.sus-project-card__title{font-family:var(--ci-font-head);font-size:13.5px;font-weight:700;color:var(--ci-navy);}
.sus-project-card__links{display:flex;gap:8px;flex-wrap:wrap;}
.sus-project-card__link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;text-decoration:none;transition:background .18s,color .18s;}
.sus-project-card__link--read{color:var(--ci-blue);background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.15);}
.sus-project-card__link--read:hover{background:rgba(34,80,252,.14);}
.sus-project-card__link--dl{color:var(--ci-navy);background:var(--ci-sky-soft);border:1px solid var(--ci-border);}
.sus-project-card__link--dl:hover{background:rgba(145,174,221,.35);}
.sus-project-card__link svg{width:12px;height:12px;}

/* ---- "Other facts" tag list ---- */
.sus-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.sus-fact-item{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:13.5px;font-weight:500;color:var(--ci-navy);box-shadow:var(--ci-shadow);}
.sus-fact-item__dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--ci-blue);}

/* ---- ESG pillars section ---- */
#susOverview{background:var(--ci-bg);}
#susCustomers{background:var(--c-white);}
#susEmployees{background:var(--ci-bg);}
#susSocial{background:var(--c-white);}
#susEnv{background:var(--ci-bg);}

/* ---- Responsive ---- */
@media (max-width:900px){
.sus-approach-grid{grid-template-columns:1fr 1fr;}
.sus-two-col{grid-template-columns:1fr;gap:28px;}
.sus-project-cards{grid-template-columns:1fr 1fr;}
}

@media (max-width:640px){
.sus-approach-grid{grid-template-columns:1fr;}
.sus-project-cards{grid-template-columns:1fr;}
.sus-facts-grid{grid-template-columns:1fr;}
.sus-tab{padding:11px 14px;font-size:12px;}
.sus-sdg-strip{flex-direction:column;align-items:flex-start;gap:14px;}
}



/* Registration of Panel Valuers ------------------- */
#pvPage{background:var(--ci-bg);}
.pv-intro-strip{background:var(--ci-navy);border-radius:var(--ci-radius-lg);padding:clamp(24px,3.5vw,40px) clamp(22px,3.5vw,44px);color:#fff;margin-bottom:40px;position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;}
.pv-intro-strip::after{content:'';position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:rgba(145,174,221,.07);pointer-events:none;}
.pv-intro-strip__icon{flex-shrink:0;width:54px;height:54px;border-radius:14px;background:rgba(145,174,221,.15);display:flex;align-items:center;justify-content:center;}
.pv-intro-strip__icon svg{width:26px;height:26px;color:var(--ci-sky);}
.pv-intro-strip__eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ci-sky);margin-bottom:6px;}
.pv-intro-strip__text{font-size:clamp(13px,1.4vw,14.5px);line-height:1.72;color:rgba(255,255,255,.78);max-width:680px;}
.pv-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:40px;align-items:start;}
.pv-section-title{display:flex;align-items:center;gap:10px;font-family:var(--ci-font-head);font-size:clamp(15px,1.5vw,17px);font-weight:800;color:var(--ci-navy);margin:0 0 20px;padding-bottom:14px;border-bottom:2px solid var(--ci-border);}
.pv-section-title__icon{width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center;}
.pv-section-title__icon svg{width:17px;height:17px;color:var(--ci-blue);}
.pv-callout{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border-radius:var(--ci-radius-md);margin-bottom:28px;background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.14);}
.pv-callout__icon{flex-shrink:0;width:18px;height:18px;color:var(--ci-blue);margin-top:2px;}
.pv-callout__text{font-size:13.5px;color:var(--ci-text);line-height:1.72;}
.pv-callout__text strong{font-weight:700;color:var(--ci-navy);}
.pv-callout__text a{color:var(--ci-blue);font-weight:600;text-decoration:none;}
.pv-callout__text a:hover{text-decoration:underline;}
.pv-doc-list{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);margin-bottom:36px;}
.pv-doc-list__head{display:flex;align-items:center;gap:10px;padding:14px 20px 13px;background:var(--ci-blue-soft);border-bottom:1.5px solid rgba(34,80,252,.12);}
.pv-doc-list__head-icon{width:30px;height:30px;flex-shrink:0;border-radius:8px;background:rgba(34,80,252,.12);display:flex;align-items:center;justify-content:center;}
.pv-doc-list__head-icon svg{width:15px;height:15px;color:var(--ci-blue);}
.pv-doc-list__head-title{font-family:var(--ci-font-head);font-size:13px;font-weight:700;color:var(--ci-navy);flex:1;}
.pv-doc-list__count{font-size:10px;font-weight:700;color:var(--ci-blue);background:rgba(34,80,252,.1);border-radius:999px;padding:2px 9px;}
.pv-doc-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-bottom:1px solid var(--ci-border);transition:background .14s;}
.pv-doc-item:last-child{border-bottom:none;}
.pv-doc-item:hover{background:var(--ci-sky-soft);}
.pv-doc-item__left{display:flex;align-items:center;gap:12px;min-width:0;}
.pv-doc-item__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:var(--ci-blue-soft);color:var(--ci-blue);border:1px solid rgba(34,80,252,.15);}
.pv-doc-item__info{min-width:0;}
.pv-doc-item__name{font-size:13.5px;font-weight:600;color:var(--ci-navy);line-height:1.35;}
.pv-doc-item__meta{font-size:11.5px;color:var(--ci-muted);margin-top:2px;}
.pv-dl-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.15);color:var(--ci-blue);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;}
.pv-dl-btn svg{width:12px;height:12px;}
.pv-dl-btn:hover{background:var(--ci-blue);color:#fff;border-color:var(--ci-blue);}
.pv-steps{display:flex;flex-direction:column;gap:0;position:relative;margin-bottom:8px;}
.pv-steps::before{content:'';position:absolute;left:17px;top:24px;bottom:24px;width:2px;background:linear-gradient(to bottom,var(--ci-blue),rgba(34,80,252,.1));}
.pv-step{display:flex;align-items:flex-start;gap:16px;padding:14px 0;}
.pv-step__num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--ci-blue);border:3px solid var(--ci-bg);box-shadow:0 0 0 3px rgba(34,80,252,.15);display:flex;align-items:center;justify-content:center;font-family:var(--ci-font-head);font-size:12px;font-weight:800;color:#fff;z-index:1;}
.pv-step__body{padding-top:6px;}
.pv-step__title{font-family:var(--ci-font-head);font-size:13.5px;font-weight:700;color:var(--ci-navy);margin-bottom:3px;}
.pv-step__desc{font-size:13px;color:var(--ci-muted);line-height:1.6;}
.pv-sidebar{display:flex;flex-direction:column;gap:20px;}
.pv-form-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);position:sticky;top:28px;}
.pv-form-card__head{padding:16px 22px 14px;background:var(--ci-navy);}
.pv-form-card__head-title{font-family:var(--ci-font-head);font-size:15px;font-weight:800;color:#fff;margin-bottom:3px;}
.pv-form-card__head-sub{font-size:12px;color:var(--ci-sky);}
.pv-form-card__hotline{display:flex;align-items:center;gap:8px;margin:0 14px 0 0;padding:10px 14px;background:rgba(255,255,255,.07);border-radius:var(--ci-radius-md);border:1px solid rgba(255,255,255,.1);text-decoration:none;}
.pv-form-card__hotline svg{width:14px;height:14px;color:var(--ci-sky);flex-shrink:0;}
.pv-form-card__hotline span{font-size:12.5px;color:rgba(255,255,255,.75);}
.pv-form-card__hotline strong{color:#fff;font-weight:700;}
.pv-form-card__body{padding:20px 22px 22px;}
.pv-form-group{margin-bottom:14px;}
.pv-label{display:block;font-size:11px;font-weight:700;color:var(--ci-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;}
.pv-input-wrap{position:relative;}
.pv-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--ci-muted);pointer-events:none;}
.pv-input{width:100%;padding:10px 12px 10px 36px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:13.5px;color:var(--ci-navy);background:var(--ci-bg);box-sizing:border-box;outline:none;font-family:var(--ci-font-body);transition:border-color .18s,box-shadow .18s;}
.pv-input:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1);background:#fff;}
.pv-select{width:100%;padding:10px 32px 10px 12px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:13.5px;color:var(--ci-navy);background:var(--ci-bg);box-sizing:border-box;outline:none;appearance:none;cursor:pointer;font-family:var(--ci-font-body);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2391AEDD' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;transition:border-color .18s,box-shadow .18s;}
.pv-select:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1);background-color:#fff;}
.pv-textarea{width:100%;padding:10px 12px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:13.5px;color:var(--ci-navy);background:var(--ci-bg);box-sizing:border-box;outline:none;resize:vertical;min-height:90px;font-family:var(--ci-font-body);transition:border-color .18s,box-shadow .18s;}
.pv-textarea:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1);background:#fff;}
.pv-form-btn{width:100%;padding:12px;border:none;border-radius:var(--ci-radius-md);background:var(--c-red);color:#fff;font-family:var(--ci-font-head);font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;transition:opacity .18s,transform .18s;box-shadow:0 4px 14px rgba(229,0,25,.25);}
.pv-form-btn svg{width:14px;height:14px;}
.pv-form-btn:hover{opacity:.88;transform:translateY(-1px);}
.pv-success-msg{display:none;margin-top:14px;padding:12px 16px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.25);border-radius:var(--ci-radius-md);font-size:13px;font-weight:600;color:#15803d;}
.pv-links-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);}
.pv-links-card__head{padding:13px 20px 12px;background:var(--ci-blue-soft);border-bottom:1.5px solid rgba(34,80,252,.12);font-family:var(--ci-font-head);font-size:12px;font-weight:700;color:var(--ci-muted);text-transform:uppercase;letter-spacing:.07em;}
.pv-links-list{list-style:none;padding:8px 0;}
.pv-links-list li{border-bottom:1px solid var(--ci-border);}
.pv-links-list li:last-child{border-bottom:none;}
.pv-links-list a{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;color:var(--ci-muted);text-decoration:none;transition:background .14s,color .14s,padding-left .15s;}
.pv-links-list a:hover{background:var(--ci-sky-soft);color:var(--ci-blue);padding-left:24px;}
.pv-links-list a svg{width:12px;height:12px;flex-shrink:0;opacity:0;color:var(--ci-blue);transition:opacity .14s;margin-left:auto;}
.pv-links-list a:hover svg{opacity:1;}
@media (max-width:960px){
  .pv-layout{grid-template-columns:1fr;gap:28px;}
  .pv-form-card{position:static;}
  .pv-intro-strip{flex-direction:column;align-items:flex-start;gap:14px;}
}


/* Supplier Registration------------------- */
#srPage{background:var(--ci-bg);}
.sr-intro-strip{background:var(--ci-navy);border-radius:var(--ci-radius-lg);padding:clamp(24px,3.5vw,40px) clamp(22px,3.5vw,44px);color:#fff;margin-bottom:32px;position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;}
.sr-intro-strip::after{content:'';position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:rgba(145,174,221,.07);pointer-events:none;}
.sr-intro-strip__icon{flex-shrink:0;width:54px;height:54px;border-radius:14px;background:rgba(145,174,221,.15);display:flex;align-items:center;justify-content:center;}
.sr-intro-strip__icon svg{width:26px;height:26px;color:var(--ci-sky);}
.sr-intro-strip__eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ci-sky);margin-bottom:6px;}
.sr-intro-strip__text{font-size:clamp(13px,1.4vw,14.5px);line-height:1.72;color:rgba(255,255,255,.78);max-width:680px;}
.sr-deadline{display:flex;align-items:center;gap:16px;padding:16px 22px;background:var(--ci-red-soft);border:1.5px solid rgba(229,0,25,.2);border-radius:var(--ci-radius-md);margin-bottom:32px;}
.sr-deadline__icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:rgba(229,0,25,.12);display:flex;align-items:center;justify-content:center;}
.sr-deadline__icon svg{width:20px;height:20px;color:var(--c-red);}
.sr-deadline__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c-red);margin-bottom:2px;}
.sr-deadline__date{font-family:var(--ci-font-head);font-size:17px;font-weight:800;color:var(--ci-navy);}
.sr-deadline__note{margin-left:auto;font-size:12px;color:var(--ci-muted);line-height:1.5;text-align:right;}
.sr-deadline__note strong{display:block;color:var(--c-red);font-weight:700;font-size:12.5px;}
.sr-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:40px;align-items:start;}
.sr-section-title{display:flex;align-items:center;gap:10px;font-family:var(--ci-font-head);font-size:clamp(15px,1.5vw,17px);font-weight:800;color:var(--ci-navy);margin:0 0 20px;padding-bottom:14px;border-bottom:2px solid var(--ci-border);}
.sr-section-title__icon{width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center;}
.sr-section-title__icon svg{width:17px;height:17px;color:var(--ci-blue);}
.sr-callout{display:flex;gap:14px;align-items:flex-start;padding:15px 20px;border-radius:var(--ci-radius-md);margin-bottom:24px;background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.14);}
.sr-callout__icon{flex-shrink:0;width:18px;height:18px;color:var(--ci-blue);margin-top:2px;}
.sr-callout__text{font-size:13.5px;color:var(--ci-text);line-height:1.7;}
.sr-callout__text strong{font-weight:700;color:var(--ci-navy);}
.sr-callout__text a{color:var(--ci-blue);font-weight:600;text-decoration:none;}
.sr-callout__text a:hover{text-decoration:underline;}
.sr-doc-list{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);margin-bottom:24px;}
.sr-doc-list__head{display:flex;align-items:center;gap:10px;padding:14px 20px 13px;background:var(--ci-blue-soft);border-bottom:1.5px solid rgba(34,80,252,.12);}
.sr-doc-list__head-icon{width:30px;height:30px;flex-shrink:0;border-radius:8px;background:rgba(34,80,252,.12);display:flex;align-items:center;justify-content:center;}
.sr-doc-list__head-icon svg{width:15px;height:15px;color:var(--ci-blue);}
.sr-doc-list__head-title{font-family:var(--ci-font-head);font-size:13px;font-weight:700;color:var(--ci-navy);flex:1;}
.sr-doc-list__count{font-size:10px;font-weight:700;color:var(--ci-blue);background:rgba(34,80,252,.1);border-radius:999px;padding:2px 9px;}
.sr-doc-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px;border-bottom:1px solid var(--ci-border);transition:background .14s;}
.sr-doc-item:last-child{border-bottom:none;}
.sr-doc-item:hover{background:var(--ci-sky-soft);}
.sr-doc-item__left{display:flex;align-items:center;gap:12px;min-width:0;}
.sr-doc-item__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;}
.sr-doc-item__badge--pdf{background:var(--ci-blue-soft);color:var(--ci-blue);border:1px solid rgba(34,80,252,.15);}
.sr-doc-item__badge--doc{background:rgba(34,80,252,.06);color:var(--ci-navy);border:1px solid rgba(0,22,50,.12);}
.sr-doc-item__badge--img{background:rgba(34,80,252,.06);color:var(--ci-navy);border:1px solid rgba(0,22,50,.12);}
.sr-doc-item__badge--esg{background:rgba(22,163,74,.08);color:#15803d;border:1px solid rgba(22,163,74,.2);}
.sr-doc-item__badge--link{background:rgba(229,0,25,.07);color:var(--c-red);border:1px solid rgba(229,0,25,.15);}
.sr-doc-item__info{min-width:0;}
.sr-doc-item__name{font-size:13.5px;font-weight:600;color:var(--ci-navy);line-height:1.35;}
.sr-doc-item__meta{font-size:11.5px;color:var(--ci-muted);margin-top:2px;}
.sr-dl-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.15);color:var(--ci-blue);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;}
.sr-dl-btn svg{width:12px;height:12px;}
.sr-dl-btn:hover{background:var(--ci-blue);color:#fff;border-color:var(--ci-blue);}
.sr-eform-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;background:var(--ci-red-soft);border:1px solid rgba(229,0,25,.2);color:var(--c-red);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s;}
.sr-eform-btn svg{width:12px;height:12px;}
.sr-eform-btn:hover{background:var(--c-red);color:#fff;}
.sr-steps{display:flex;flex-direction:column;gap:0;position:relative;}
.sr-steps::before{content:'';position:absolute;left:17px;top:24px;bottom:24px;width:2px;background:linear-gradient(to bottom,var(--ci-blue),rgba(34,80,252,.1));}
.sr-step{display:flex;align-items:flex-start;gap:16px;padding:14px 0;}
.sr-step__num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--ci-blue);border:3px solid var(--ci-bg);box-shadow:0 0 0 3px rgba(34,80,252,.15);display:flex;align-items:center;justify-content:center;font-family:var(--ci-font-head);font-size:12px;font-weight:800;color:#fff;z-index:1;}
.sr-step__num--red{background:var(--c-red);box-shadow:0 0 0 3px rgba(229,0,25,.15);}
.sr-step__body{padding-top:6px;}
.sr-step__title{font-family:var(--ci-font-head);font-size:13.5px;font-weight:700;color:var(--ci-navy);margin-bottom:3px;}
.sr-step__desc{font-size:13px;color:var(--ci-muted);line-height:1.6;}
.sr-step__desc a{color:var(--ci-blue);font-weight:600;text-decoration:none;}
.sr-step__desc a:hover{text-decoration:underline;}
.sr-step__tag{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--ci-red-soft);color:var(--c-red);border:1px solid rgba(229,0,25,.15);}
.sr-sidebar{display:flex;flex-direction:column;gap:20px;}
.sr-form-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);position:sticky;top:28px;}
.sr-form-card__head{padding:16px 22px 14px;background:var(--ci-navy);}
.sr-form-card__head-title{font-family:var(--ci-font-head);font-size:15px;font-weight:800;color:#fff;margin-bottom:3px;}
.sr-form-card__head-sub{font-size:12px;color:var(--ci-sky);}
.sr-form-card__hotline-wrap{background:var(--ci-navy);padding:0 22px 16px;}
.sr-hotline-pill{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.07);border-radius:var(--ci-radius-md);border:1px solid rgba(255,255,255,.1);text-decoration:none;}
.sr-hotline-pill svg{width:14px;height:14px;color:var(--ci-sky);flex-shrink:0;}
.sr-hotline-pill span{font-size:12px;color:rgba(255,255,255,.72);}
.sr-hotline-pill strong{color:#fff;font-weight:700;}
.sr-form-card__body{padding:20px 22px 22px;}
.sr-form-group{margin-bottom:14px;}
.sr-label{display:block;font-size:11px;font-weight:700;color:var(--ci-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;}

.sr-input-wrap { position: relative; }
.sr-input-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; color: var(--ci-muted); pointer-events: none; }
.sr-input { width: 100%; padding: 10px 12px 10px 36px; border: 1.5px solid var(--ci-border); border-radius: var(--ci-radius-md); font-size: 13.5px; color: var(--ci-navy); background: var(--ci-bg); box-sizing: border-box; outline: none; font-family: var(--ci-font-body); transition: border-color .18s, box-shadow .18s; }
.sr-input:focus { border-color: var(--ci-blue); box-shadow: 0 0 0 3px rgba(34,80,252,.1); background: #fff; }

.sr-select { width: 100%; padding: 10px 32px 10px 12px; border: 1.5px solid var(--ci-border); border-radius: var(--ci-radius-md); font-size: 13.5px; color: var(--ci-navy); background: var(--ci-bg); box-sizing: border-box; outline: none; appearance: none; cursor: pointer; font-family: var(--ci-font-body); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2391AEDD' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 14px; transition: border-color .18s, box-shadow .18s; }
.sr-select:focus { border-color: var(--ci-blue); box-shadow: 0 0 0 3px rgba(34,80,252,.1); background-color: #fff; }

.sr-textarea { width: 100%; padding: 10px 12px; border: 1.5px solid var(--ci-border); border-radius: var(--ci-radius-md); font-size: 13.5px; color: var(--ci-navy); background: var(--ci-bg); box-sizing: border-box; outline: none; resize: vertical; min-height: 90px; font-family: var(--ci-font-body); transition: border-color .18s, box-shadow .18s; }
.sr-textarea:focus { border-color: var(--ci-blue); box-shadow: 0 0 0 3px rgba(34,80,252,.1); background: #fff; }

.sr-form-btn { width: 100%; padding: 12px; border: none; border-radius: var(--ci-radius-md); background: var(--c-red); color: #fff; font-family: var(--ci-font-head); font-size: 13.5px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; box-shadow: 0 4px 14px rgba(229,0,25,.25); transition: opacity .18s, transform .18s; }
.sr-form-btn svg { width: 14px; height: 14px; }
.sr-form-btn:hover { opacity: .88; transform: translateY(-1px); }

.sr-success-msg { display: none; margin-top: 14px; padding: 12px 16px; background: rgba(22,163,74,.08); border: 1px solid rgba(22,163,74,.25); border-radius: var(--ci-radius-md); font-size: 13px; font-weight: 600; color: #15803d; }

/* Quick links card */
.sr-links-card { background: var(--ci-card); border: 1px solid var(--ci-border); border-radius: var(--ci-radius-lg); overflow: hidden; box-shadow: var(--ci-shadow); }

.sr-links-card__head { padding: 13px 20px 12px; background: var(--ci-blue-soft); border-bottom: 1.5px solid rgba(34,80,252,.12); font-family: var(--ci-font-head); font-size: 12px; font-weight: 700; color: var(--ci-muted); text-transform: uppercase; letter-spacing: .07em; }

.sr-links-list { list-style: none; padding: 8px 0; }
.sr-links-list li { border-bottom: 1px solid var(--ci-border); }
.sr-links-list li:last-child { border-bottom: none; }

.sr-links-list a { display: flex; align-items: center; gap: 8px; padding: 10px 20px; font-size: 13px; font-weight: 500; color: var(--ci-muted); text-decoration: none; transition: background .14s, color .14s, padding-left .15s; }
.sr-links-list a:hover { background: var(--ci-sky-soft); color: var(--ci-blue); padding-left: 24px; }

.sr-links-list a svg { width: 12px; height: 12px; flex-shrink: 0; opacity: 0; color: var(--ci-blue); transition: opacity .14s; margin-left: auto; }
.sr-links-list a:hover svg { opacity: 1; }

/* Responsive */
@media (max-width: 960px) {
  .sr-layout { grid-template-columns: 1fr; gap: 28px; }
  .sr-form-card { position: static; }
  .sr-intro-strip { flex-direction: column; align-items: flex-start; gap: 14px; }
  .sr-deadline { flex-wrap: wrap; gap: 12px; }
  .sr-deadline__note { margin-left: 0; text-align: left; }
}


/* Selection of Consultants------------------------ */

#scPage { background: var(--ci-bg); }

/* Intro strip */
.sc-intro-strip { background: var(--ci-navy); border-radius: var(--ci-radius-lg); padding: clamp(24px,3.5vw,40px) clamp(22px,3.5vw,44px); color: #fff; margin-bottom: 40px; position: relative; overflow: hidden; display: flex; align-items: center; gap: 24px; }
.sc-intro-strip::after { content: ''; position: absolute; right: -60px; bottom: -60px; width: 220px; height: 220px; border-radius: 50%; background: rgba(145,174,221,.07); pointer-events: none; }
.sc-intro-strip__icon { flex-shrink: 0; width: 54px; height: 54px; border-radius: 14px; background: rgba(145,174,221,.15); display: flex; align-items: center; justify-content: center; }
.sc-intro-strip__icon svg { width: 26px; height: 26px; color: var(--ci-sky); }
.sc-intro-strip__eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ci-sky); margin-bottom: 6px; }
.sc-intro-strip__text { font-size: clamp(13px,1.4vw,14.5px); line-height: 1.7; color: rgba(255,255,255,.78); max-width: 680px; }

/* Section title */
.sc-section-title { display: flex; align-items: center; gap: 10px; font-family: var(--ci-font-head); font-size: clamp(15px,1.5vw,17px); font-weight: 800; color: var(--ci-navy); margin: 0 0 20px; padding-bottom: 14px; border-bottom: 2px solid var(--ci-border); }
.sc-section-title__icon { width: 34px; height: 34px; flex-shrink: 0; border-radius: 9px; background: var(--ci-blue-soft); display: flex; align-items: center; justify-content: center; }
.sc-section-title__icon svg { width: 17px; height: 17px; color: var(--ci-blue); }

/* Two-column layout */
.sc-layout { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 40px; align-items: start; }

/* Info callout */
.sc-callout { display: flex; gap: 14px; align-items: flex-start; padding: 16px 20px; border-radius: var(--ci-radius-md); margin-bottom: 28px; background: var(--ci-blue-soft); border: 1px solid rgba(34,80,252,.14); }
.sc-callout__icon { flex-shrink: 0; width: 18px; height: 18px; color: var(--ci-blue); margin-top: 2px; }
.sc-callout__text { font-size: 13.5px; color: var(--ci-text); line-height: 1.7; }
.sc-callout__text strong { font-weight: 700; color: var(--ci-navy); }
.sc-callout__text a { color: var(--ci-blue); font-weight: 600; text-decoration: none; }
.sc-callout__text a:hover { text-decoration: underline; }

/* RFP document list */
.sc-doc-list { background: var(--ci-card); border: 1px solid var(--ci-border); border-radius: var(--ci-radius-lg); overflow: hidden; box-shadow: var(--ci-shadow); margin-bottom: 36px; }
.sc-doc-list__head { display: flex; align-items: center; gap: 10px; padding: 14px 20px 13px; background: var(--ci-blue-soft); border-bottom: 1.5px solid rgba(34,80,252,.12); }
.sc-doc-list__head-icon { width: 30px; height: 30px; flex-shrink: 0; border-radius: 8px; background: rgba(34,80,252,.12); display: flex; align-items: center; justify-content: center; }
.sc-doc-list__head-icon svg { width: 15px; height: 15px; color: var(--ci-blue); }
.sc-doc-list__head-title { font-family: var(--ci-font-head); font-size: 13px; font-weight: 700; color: var(--ci-navy); flex: 1; }
.sc-doc-list__count { font-size: 10px; font-weight: 700; color: var(--ci-blue); background: rgba(34,80,252,.1); border-radius: 999px; padding: 2px 9px; }


/* Doc rows */
.sc-doc-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 20px; border-bottom: 1px solid var(--ci-border); transition: background .14s; }
.sc-doc-item:last-child { border-bottom: none; }
.sc-doc-item:hover { background: var(--ci-sky-soft); }
.sc-doc-item__left { display: flex; align-items: center; gap: 12px; min-width: 0; }
.sc-doc-item__type { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9px; font-size: 9px; font-weight: 800; letter-spacing: .04em; }
.sc-doc-item__type--rfp { background: var(--ci-blue-soft); color: var(--ci-blue); border: 1px solid rgba(34,80,252,.15); }
.sc-doc-item__type--add { background: var(--ci-red-soft); color: var(--c-red); border: 1px solid rgba(229,0,25,.14); }
.sc-doc-item__info { min-width: 0; }
.sc-doc-item__name { font-size: 13.5px; font-weight: 600; color: var(--ci-navy); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-doc-item__meta { font-size: 11.5px; color: var(--ci-muted); margin-top: 2px; }
.sc-dl-btn { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; padding: 7px 16px; border-radius: 999px; background: var(--ci-blue-soft); border: 1px solid rgba(34,80,252,.15); color: var(--ci-blue); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background .15s, color .15s, border-color .15s; }
.sc-dl-btn svg { width: 12px; height: 12px; }
.sc-dl-btn:hover { background: var(--ci-blue); color: #fff; border-color: var(--ci-blue); }

/* Advertisement image */
.sc-advert { background: var(--ci-card); border: 1px solid var(--ci-border); border-radius: var(--ci-radius-lg); overflow: hidden; box-shadow: var(--ci-shadow); }
.sc-advert__head { display: flex; align-items: center; gap: 10px; padding: 14px 20px 13px; background: var(--ci-blue-soft); border-bottom: 1.5px solid rgba(34,80,252,.12); }
.sc-advert__head-icon { width: 30px; height: 30px; flex-shrink: 0; border-radius: 8px; background: rgba(34,80,252,.12); display: flex; align-items: center; justify-content: center; }
.sc-advert__head-icon svg { width: 15px; height: 15px; color: var(--ci-blue); }
.sc-advert__head-title { font-family: var(--ci-font-head); font-size: 13px; font-weight: 700; color: var(--ci-navy); }
.sc-advert__img { display: block; width: 100%; height: auto; background: #f8faff; }
.sc-advert__footer { padding: 12px 20px; font-size: 11.5px; color: var(--ci-muted); border-top: 1px solid var(--ci-border); text-align: center; }

/* Sidebar: contact & quick links */
.sc-sidebar { display: flex; flex-direction: column; gap: 20px; }
.sc-contact-card { background: var(--ci-card); border: 1px solid var(--ci-border); border-radius: var(--ci-radius-lg); overflow: hidden; box-shadow: var(--ci-shadow); }
.sc-contact-card__head { padding: 14px 20px 13px; background: var(--ci-navy); }
.sc-contact-card__head-title { font-family: var(--ci-font-head); font-size: 13px; font-weight: 700; color: #fff; }
.sc-contact-card__head-sub { font-size: 11.5px; color: var(--ci-sky); margin-top: 2px; }
.sc-contact-row { display: flex; align-items: flex-start; gap: 12px; padding: 13px 20px; border-bottom: 1px solid var(--ci-border); }
.sc-contact-row:last-child { border-bottom: none; }
.sc-contact-row__icon { flex-shrink: 0; width: 32px; height: 32px; border-radius: 8px; background: var(--ci-blue-soft); display: flex; align-items: center; justify-content: center; }
.sc-contact-row__icon svg { width: 15px; height: 15px; color: var(--ci-blue); }
.sc-contact-row__text { font-size: 13px; color: var(--ci-muted); line-height: 1.5; }
.sc-contact-row__text strong { display: block; font-size: 12px; font-weight: 700; color: var(--ci-navy); margin-bottom: 1px; }
.sc-contact-row__text a { color: var(--ci-blue); text-decoration: none; }
.sc-contact-row__text a:hover { text-decoration: underline; }

/* Quick links card */
.sc-links-card { background: var(--ci-card); border: 1px solid var(--ci-border); border-radius: var(--ci-radius-lg); overflow: hidden; box-shadow: var(--ci-shadow); }
.sc-links-card__head { padding: 14px 20px 13px; background: var(--ci-blue-soft); border-bottom: 1.5px solid rgba(34,80,252,.12); font-family: var(--ci-font-head); font-size: 12px; font-weight: 700; color: var(--ci-muted); text-transform: uppercase; letter-spacing: .07em; }
.sc-links-list { list-style: none; padding: 8px 0; }
.sc-links-list li { border-bottom: 1px solid var(--ci-border); }
.sc-links-list li:last-child { border-bottom: none; }
.sc-links-list a { display: flex; align-items: center; gap: 8px; padding: 10px 20px; font-size: 13px; font-weight: 500; color: var(--ci-muted); text-decoration: none; transition: background .14s, color .14s, padding-left .15s; }
.sc-links-list a:hover { background: var(--ci-sky-soft); color: var(--ci-blue); padding-left: 24px; }
.sc-links-list a svg { width: 12px; height: 12px; flex-shrink: 0; opacity: 0; color: var(--ci-blue); transition: opacity .14s; margin-left: auto; }
.sc-links-list a:hover svg { opacity: 1; }
/* Responsive */
@media (max-width: 960px) {
  .sc-layout { grid-template-columns: 1fr; gap: 28px; }
  .sc-intro-strip { flex-direction: column; align-items: flex-start; gap: 14px; }
}


/* Site Map ------------------------------ */

#smPage{background:var(--ci-bg)}
.sm-search{position:relative;max-width:540px;margin-bottom:44px}
.sm-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--ci-muted);pointer-events:none}
.sm-search__input{width:100%;padding:13px 44px 13px 46px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-lg);font-size:14px;font-family:var(--ci-font-body);color:var(--ci-navy);background:var(--ci-card);box-sizing:border-box;outline:none;box-shadow:var(--ci-shadow);transition:border-color .18s,box-shadow .18s}
.sm-search__input:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1)}
.sm-search__clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--ci-muted);border:none;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;opacity:.55;transition:opacity .15s}
.sm-search__clear:hover{opacity:1}
.sm-search__clear svg{width:12px;height:12px}
.sm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.sm-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);transition:box-shadow .2s,border-color .2s,transform .2s}
.sm-card:hover{border-color:rgba(34,80,252,.22);box-shadow:0 8px 28px -8px rgba(0,22,50,.14);transform:translateY(-2px)}
.sm-card__head{display:flex;align-items:center;gap:10px;padding:14px 16px 13px;background:var(--ci-blue-soft);border-bottom:1.5px solid rgba(34,80,252,.12)}
.sm-card__head-icon{width:30px;height:30px;flex-shrink:0;border-radius:8px;background:rgba(34,80,252,.12);display:flex;align-items:center;justify-content:center}
.sm-card__head-icon svg{width:15px;height:15px;color:var(--ci-blue)}
.sm-card__head-title{font-family:var(--ci-font-head);font-size:13px;font-weight:700;color:var(--ci-navy);line-height:1.3;flex:1}
.sm-card__head a{color:var(--ci-navy);text-decoration:none;transition:color .18s}
.sm-card__head a:hover{color:var(--ci-blue)}
.sm-card__count{font-size:10px;font-weight:700;color:var(--ci-blue);background:rgba(34,80,252,.1);border-radius:999px;padding:2px 8px;flex-shrink:0}
.sm-card__list{list-style:none;padding:8px 0 4px}
.sm-card__list li{border-bottom:1px solid var(--ci-border)}
.sm-card__list li:last-child{border-bottom:none}
.sm-card__link{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--ci-muted);text-decoration:none;transition:background .15s,color .15s,padding-left .15s}
.sm-card__link:hover{background:var(--ci-sky-soft);color:var(--ci-blue);padding-left:20px}
.sm-card__link svg{width:13px;height:13px;flex-shrink:0;opacity:0;color:var(--ci-blue);transition:opacity .15s;margin-left:auto}
.sm-card__link:hover svg{opacity:1}

.sm-solo-link{display:flex;align-items:center;gap:10px;padding:16px;text-decoration:none;background:var(--ci-blue-soft);transition:background .15s}
.sm-solo-link:hover{background:rgba(34,80,252,.14)}
.sm-solo-link .sm-card__head-title{color:var(--ci-navy)}
.sm-solo-link-arrow{margin-left:auto;width:20px;height:20px;flex-shrink:0;border-radius:50%;background:rgba(34,80,252,.1);display:flex;align-items:center;justify-content:center}
.sm-solo-link-arrow svg{width:11px;height:11px;color:var(--ci-blue)}
.sm-no-results{display:none;grid-column:1 / -1;text-align:center;padding:56px 24px;color:var(--ci-muted);font-size:14px}
.sm-no-results svg{width:40px;height:40px;display:block;margin:0 auto 12px;opacity:.22}
mark{background:rgba(34,80,252,.12);color:var(--ci-blue);border-radius:3px;padding:0 2px;font-weight:700}

@media (max-width:1100px){
  .sm-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:780px){
  .sm-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:480px){
  .sm-grid{grid-template-columns:1fr}
}


/* Stakeholder Feedback------------------------- */

#sfPage{background:var(--ci-bg)}

.sf-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:44px;align-items:start}
.sf-intro-strip{background:var(--ci-navy);border-radius:var(--ci-radius-lg);padding:clamp(24px,3.5vw,40px) clamp(22px,3.5vw,44px);color:#fff;margin-bottom:36px;position:relative;overflow:hidden}
.sf-intro-strip::after{content:'';position:absolute;right:-40px;bottom:-40px;width:200px;height:200px;border-radius:50% ;background:rgba(145,174,221,.07);pointer-events:none}
.sf-intro-strip__eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ci-sky);margin-bottom:10px}
.sf-intro-strip__text{font-size:clamp(13.5px,1.4vw,15px);line-height:1.75;color:rgba(255,255,255,.82);max-width:700px}
.sf-section-title{display:flex;align-items:center;gap:10px;font-family:var(--ci-font-head);font-size:clamp(15px,1.6vw,18px);font-weight:800;color:var(--ci-navy);margin:0 0 18px;padding-bottom:14px;border-bottom:2px solid var(--ci-border)}
.sf-section-title__icon{width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center}
.sf-section-title__icon svg{width:17px;height:17px;color:var(--ci-blue)}
.sf-doc-table{width:100%;border-collapse:collapse;background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);margin-bottom:40px;font-size:13.5px}
.sf-doc-table thead tr{background:var(--ci-blue-soft);border-bottom:1.5px solid rgba(34,80,252,.15)}
.sf-doc-table thead th{padding:12px 18px;font-family:var(--ci-font-head);font-size:11px;font-weight:700;color:var(--ci-blue);text-transform:uppercase;letter-spacing:.07em;text-align:left}
.sf-doc-table thead th:last-child{text-align:center}
.sf-doc-table tbody tr{border-bottom:1px solid var(--ci-border);transition:background .14s}
.sf-doc-table tbody tr:last-child{border-bottom:none}
.sf-doc-table tbody tr:hover{background:var(--ci-sky-soft)}
.sf-doc-table tbody td{padding:13px 18px;color:var(--ci-text);font-weight:500}
.sf-doc-table tbody td:last-child{text-align:center;white-space:nowrap}
.sf-doc-dl{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.15);color:var(--ci-blue);font-size:12px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}
.sf-doc-dl:hover{background:var(--ci-blue);color:#fff}
.sf-doc-dl svg{width:12px;height:12px}
.sf-channels{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0 28px}
.sf-channel-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-md);padding:16px 18px;display:flex;align-items:flex-start;gap:12px;box-shadow:var(--ci-shadow);transition:border-color .18s,transform .18s}
.sf-channel-card:hover{border-color:rgba(34,80,252,.22);transform:translateY(-2px)}
.sf-channel-card__icon{width:36px;height:36px;flex-shrink:0;border-radius:9px;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center}
.sf-channel-card__icon svg{width:17px;height:17px;color:var(--ci-blue)}
.sf-channel-card__text{font-size:13px;color:var(--ci-text);line-height:1.55}
.sf-channel-card__text strong{display:block;font-size:13px;font-weight:700;color:var(--ci-navy);margin-bottom:2px}
.sf-channel-card__text a{color:var(--ci-blue);text-decoration:none}
.sf-channel-card__text a:hover{text-decoration:underline}
.sf-copy{font-size:14px;line-height:1.75;color:var(--para-text);margin-bottom:20px}
.sf-copy p{margin:0 0 14px}
.sf-copy p:last-child{margin-bottom:0}
.sf-timeline{display:flex;flex-direction:column;gap:0;margin:18px 0 28px;position:relative}
.sf-timeline::before{content:'';position:absolute;left:17px;top:20px;bottom:20px;width:2px;background:linear-gradient(to bottom,var(--ci-blue),rgba(34,80,252,.15))}
.sf-timeline-item{display:flex;align-items:flex-start;gap:16px;padding:14px 0;position:relative}
.sf-timeline-item__dot{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--ci-blue);border:3px solid var(--ci-bg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(34,80,252,.15);z-index:1}
.sf-timeline-item__dot svg{width:15px;height:15px;color:#fff}
.sf-timeline-item__body{padding-top:6px}
.sf-timeline-item__title{font-family:var(--ci-font-head);font-size:13.5px;font-weight:700;color:var(--ci-navy);margin-bottom:4px}
.sf-timeline-item__desc{font-size:13px;color:var(--ci-muted);line-height:1.6}
.sf-timeline-item__badge{display:inline-block;margin-top:5px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--ci-blue-soft);color:var(--ci-blue)}
.sf-ext-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 0}
.sf-ext-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow)}
.sf-ext-card__head{padding:14px 18px 12px;background:var(--ci-blue-soft);border-bottom:1.5px solid rgba(34,80,252,.12);font-family:var(--ci-font-head);font-size:13px;font-weight:800;color:var(--ci-navy)}
.sf-ext-card__body{padding:16px 18px;font-size:12.5px;line-height:1.7;color:var(--ci-muted)}
.sf-ext-card__body strong{color:var(--ci-navy);font-weight:700}
.sf-ext-card__row{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}
.sf-ext-card__row:last-child{margin-bottom:0}
.sf-ext-card__row svg{width:13px;height:13px;flex-shrink:0;margin-top:3px;color:var(--ci-blue)}
.sf-ext-card__row a{color:var(--ci-blue);text-decoration:none}
.sf-ext-card__row a:hover{text-decoration:underline}
.sf-ext-card__dl{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:5px 12px;margin-top:12px;border-radius:999px;background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.15);color:var(--ci-blue);text-decoration:none;transition:background .15s,color .15s}
.sf-ext-card__dl:hover{background:var(--ci-blue);color:#fff}
.sf-ext-card__dl svg{width:11px;height:11px}
.sf-divider{border:none;border-top:1px solid var(--ci-border);margin:36px 0}
.sf-form-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);position:sticky;top:28px}
.sf-form-card__head{padding:18px 22px 16px;background:var(--ci-navy)}
.sf-form-card__head-title{font-family:var(--ci-font-head);font-size:15px;font-weight:800;color:#fff;margin-bottom:4px}
.sf-form-card__head-sub{font-size:12px;color:var(--ci-sky)}
.sf-form-card__body{padding:22px}
.sf-form-group{margin-bottom:16px}
.sf-form-group:last-of-type{margin-bottom:0}
.sf-label{display:block;font-size:11px;font-weight:700;color:var(--ci-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}
.sf-input-wrap{position:relative}
.sf-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ci-muted);pointer-events:none}
.sf-input{width:100%;padding:11px 13px 11px 38px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:13.5px;font-weight:400;color:var(--ci-navy);background:var(--ci-bg);box-sizing:border-box;outline:none;font-family:var(--ci-font-body);transition:border-color .18s,box-shadow .18s}
.sf-input:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1);background:#fff}
.sf-select{width:100%;padding:11px 34px 11px 13px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:13.5px;font-weight:400;color:var(--ci-navy);background:var(--ci-bg);box-sizing:border-box;outline:none;appearance:none;cursor:pointer;font-family:var(--ci-font-body);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2391AEDD' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:15px;transition:border-color .18s,box-shadow .18s}
.sf-select:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1);background-color:#fff}
.sf-textarea{width:100%;padding:11px 13px;border:1.5px solid var(--ci-border);border-radius:var(--ci-radius-md);font-size:13.5px;font-weight:400;color:var(--ci-navy);background:var(--ci-bg);box-sizing:border-box;outline:none;resize:vertical;min-height:110px;font-family:var(--ci-font-body);transition:border-color .18s,box-shadow .18s}
.sf-textarea:focus{border-color:var(--ci-blue);box-shadow:0 0 0 3px rgba(34,80,252,.1);background:#fff}
.sf-form-btn{width:100%;padding:13px;border:none;border-radius:var(--ci-radius-md);background:var(--ci-blue);color:#fff;font-family:var(--ci-font-head);font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;transition:opacity .18s,transform .18s}
.sf-form-btn svg{width:15px;height:15px}
.sf-form-btn:hover{opacity:.88;transform:translateY(-1px)}
.sf-success-msg{display:none;margin-top:14px;padding:13px 16px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.25);border-radius:var(--ci-radius-md);font-size:13px;font-weight:600;color:#15803d}
.sf-form-card__dl-row{margin-top:18px;padding-top:16px;border-top:1px solid var(--ci-border)}
.sf-form-card__dl-label{font-size:11px;font-weight:700;color:var(--ci-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}
.sf-form-card__dl-link{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.14);border-radius:var(--ci-radius-md);text-decoration:none;font-size:12.5px;font-weight:700;color:var(--ci-navy);transition:background .15s,border-color .15s}
.sf-form-card__dl-link:hover{background:rgba(34,80,252,.14);border-color:rgba(34,80,252,.3)}
.sf-form-card__dl-link svg{width:14px;height:14px;color:var(--ci-blue);flex-shrink:0}
.sf-form-card__dl-link span{flex:1;line-height:1.4}
.sf-form-card__dl-link em{display:block;font-style:normal;font-size:11px;font-weight:400;color:var(--ci-muted);margin-top:1px}
.sf-callout{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--ci-radius-md);margin-bottom:24px}
.sf-callout--blue{background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.14)}
.sf-callout--red{background:var(--ci-red-soft);border:1px solid rgba(229,0,25,.12)}
.sf-callout__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}
.sf-callout--blue .sf-callout__icon{color:var(--ci-blue)}
.sf-callout--red .sf-callout__icon{color:var(--c-red)}
.sf-callout__text{font-size:13px;color:var(--ci-text);line-height:1.65}
.sf-callout__text strong{font-weight:700;color:var(--ci-navy)}

@media (max-width:960px){
  .sf-layout{grid-template-columns:1fr;gap:32px}
  .sf-form-card{position:static}
  .sf-ext-cards{grid-template-columns:1fr}
  .sf-channels{grid-template-columns:1fr}
}

@media (max-width:520px){
  .sf-ext-cards{grid-template-columns:1fr}
}



/* Applications */
#apPage{background:var(--ci-bg)}

.ap-intro-strip{background:var(--ci-navy);border-radius:var(--ci-radius-lg);padding:clamp(24px,3.5vw,40px) clamp(22px,3.5vw,44px);color:#fff;margin-bottom:40px;position:relative;overflow:hidden;display:flex;align-items:center;gap:28px}
.ap-intro-strip::after{content:'';position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:50%;background:rgba(145,174,221,.07);pointer-events:none}
.ap-intro-strip__icon{flex-shrink:0;width:56px;height:56px;border-radius:14px;background:rgba(145,174,221,.15);display:flex;align-items:center;justify-content:center}
.ap-intro-strip__icon svg{width:28px;height:28px;color:var(--ci-sky)}
.ap-intro-strip__eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ci-sky);margin-bottom:6px}
.ap-intro-strip__text{font-size:clamp(13px,1.4vw,14.5px);line-height:1.7;color:rgba(255,255,255,.78);max-width:680px}
.ap-section-title{display:flex;align-items:center;gap:10px;font-family:var(--ci-font-head);font-size:clamp(15px,1.5vw,17px);font-weight:800;color:var(--ci-navy);margin:0 0 20px;padding-bottom:14px;border-bottom:2px solid var(--ci-border)}
.ap-section-title__icon{width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center}
.ap-section-title__icon svg{width:17px;height:17px;color:var(--ci-blue)}
.ap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:48px}
.ap-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-lg);overflow:hidden;box-shadow:var(--ci-shadow);transition:border-color .2s,box-shadow .2s,transform .2s}
.ap-card:hover{border-color:rgba(34,80,252,.2);box-shadow:0 8px 32px -10px rgba(0,22,50,.14);transform:translateY(-2px)}
.ap-card__head{display:flex;align-items:center;gap:12px;padding:16px 20px 14px;background:var(--ci-blue-soft);border-bottom:1.5px solid rgba(34,80,252,.12)}
.ap-card__head-icon{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:rgba(34,80,252,.12);display:flex;align-items:center;justify-content:center}
.ap-card__head-icon svg{width:18px;height:18px;color:var(--ci-blue)}
.ap-card__head-info{flex:1}
.ap-card__head-title{font-family:var(--ci-font-head);font-size:14px;font-weight:800;color:var(--ci-navy);line-height:1.2;margin-bottom:2px}
.ap-card__head-sub{font-size:11.5px;color:var(--ci-muted);font-weight:400}
.ap-card__badge{flex-shrink:0;font-size:10px;font-weight:700;color:var(--ci-blue);background:rgba(34,80,252,.1);border-radius:999px;padding:3px 10px}
.ap-file-list{list-style:none;padding:6px 0 8px}
.ap-file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 20px;border-bottom:1px solid var(--ci-border);transition:background .14s}
.ap-file-item:last-child{border-bottom:none}
.ap-file-item:hover{background:var(--ci-sky-soft)}
.ap-file-item__left{display:flex;align-items:center;gap:10px;min-width:0}
.ap-file-item__dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--ci-blue);opacity:.45}
.ap-file-item__name{font-size:13px;font-weight:500;color:var(--ci-text);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-dl-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.15);color:var(--ci-blue);font-size:11.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.ap-dl-btn svg{width:11px;height:11px}
.ap-dl-btn:hover{background:var(--ci-blue);color:#fff;border-color:var(--ci-blue)}
.ap-callout{display:flex;gap:14px;align-items:flex-start;padding:18px 22px;border-radius:var(--ci-radius-md);margin-bottom:32px;background:var(--ci-blue-soft);border:1px solid rgba(34,80,252,.14)}
.ap-callout__icon{flex-shrink:0;width:20px;height:20px;color:var(--ci-blue);margin-top:1px}
.ap-callout__text{font-size:13.5px;color:var(--ci-text);line-height:1.7}
.ap-callout__text strong{font-weight:700;color:var(--ci-navy)}
.ap-callout__text a{color:var(--ci-blue);text-decoration:none;font-weight:600}
.ap-callout__text a:hover{text-decoration:underline}
.ap-help-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.ap-help-card{background:var(--ci-card);border:1px solid(var(--ci-border));border-radius:var(--ci-radius-md);padding:18px 20px;display:flex;align-items:flex-start;gap:12px;box-shadow:var(--ci-shadow);text-decoration:none;transition:border-color .18s,transform .18s,background .15s}
.ap-help-card:hover{border-color:rgba(34,80,252,.22);transform:translateY(-2px);background:var(--ci-sky-soft)}
.ap-help-card__icon{flex-shrink:0;width:36px;height:36px;border-radius:9px;background:var(--ci-blue-soft);display:flex;align-items:center;justify-content:center}
.ap-help-card__icon svg{width:17px;height:17px;color:var(--ci-blue)}
.ap-help-card__title{font-family:var(--ci-font-head);font-size:13px;font-weight:700;color:var(--ci-navy);margin-bottom:3px}
.ap-help-card__sub{font-size:12px;color:var(--ci-muted);line-height:1.5}

@media (max-width:860px){
  .ap-grid{grid-template-columns:1fr}
  .ap-help-strip{grid-template-columns:1fr 1fr}
  .ap-intro-strip{flex-direction:column;align-items:flex-start;gap:16px}
}

@media (max-width:520px){
  .ap-help-strip{grid-template-columns:1fr}
}