/* =========================================================
   VONE India – Home page
   Theme colours taken from the VONE logo: orange-red #EE3B23, navy #1C4384, green #13A145
   ========================================================= */
:root{
  --orange:#EE3B23;      /* logo orange-red */
  --orange-2:#F26A4F;    /* lighter orange-red (chips, buttons) */
  --orange-soft:#F69A87; /* hero stripe tint */
  --brown:#0E2654;       /* hero headline = deep logo navy */
  --navy:#1C4384;        /* logo navy */
  --navy-d:#0E2654;
  --green:#13A145;       /* logo green */
  --ink:#1A2236;
  --muted:#5A6378;
  --line:#E6E9F0;
  --cream:#FFF3F0;
  --bg:#FFFFFF;
  --radius:16px;
  --shadow:0 14px 40px rgba(30,30,60,.10);
  --head:'Exo 2', 'Segoe UI', Arial, sans-serif;
  --body:'Poppins', 'Segoe UI', Arial, sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
svg{width:1em;height:1em;flex:none}
h1,h2,h3,h4{font-family:var(--head);margin:0;line-height:1.18;color:var(--navy-d)}
p{margin:0 0 1em}
.wrap{width:min(1200px,100% - 32px);margin-inline:auto}
.eyebrow{display:inline-block;font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}
.eyebrow--light{color:#F9B3A5}
.sec-head{text-align:center;max-width:760px;margin:0 auto 40px}
.sec-head h2{font-size:clamp(26px,3vw,36px);margin-bottom:10px}
.sec-head h2 span{color:var(--orange)}
.sec-head p{color:var(--muted);margin:0 auto}
.sec-head--light h2{color:#fff}.sec-head--light p{color:#C8CDD8}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:8px;font:600 14px/1 var(--body);border:2px solid transparent;transition:.25s;cursor:pointer}
.btn svg{font-size:16px;transition:transform .25s}
.btn:hover svg{transform:translateX(4px)}
.btn--primary{background:linear-gradient(135deg,var(--orange),#C92A15);color:#fff;box-shadow:0 8px 20px rgba(238,59,35,.3)}
.btn--primary:hover{transform:translateY(-2px)}
.btn--outline{border-color:var(--navy);color:var(--navy)}
.btn--outline:hover{background:var(--navy);color:#fff}
.btn--grad{background:linear-gradient(90deg,var(--navy),var(--orange));color:#fff}
.btn--grad:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn--white{background:#fff;color:var(--orange)}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}

/* =========================================================
   HEADER – same layout as the recording (dmcfs.in)
   ========================================================= */
/* Boxed header (same layout as the dmcfs reference). "display:contents" lets the
   top bar scroll away while only the navbar sticks to the top. */
.site-header{display:contents}
.site-header .wrap{width:min(1320px,100% - 32px)}

/* ---- top bar : boxed, logo-navy background ---- */
.topbar{position:relative;z-index:51;background:#fff}
.topbar__in{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 18px;background:linear-gradient(90deg,#0E2654 0%,#1C4384 60%,#23509A 100%);color:#fff;overflow:hidden}
.topbar__in::after{content:"";position:absolute;right:-50px;top:-40px;width:220px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(238,59,35,.35),transparent 70%);pointer-events:none}
.topbar__info{position:relative;z-index:1;display:flex;gap:18px;font-size:13px;font-weight:500}
.topbar__info a{display:inline-flex;align-items:center;gap:6px;color:#fff;transition:color .2s}
.topbar__info a:hover{color:#FFB3A5}
.topbar__info svg{color:#FF8A73;font-size:14px}
.topbar__tag{display:none}
.topbar__btns{position:relative;z-index:1;display:flex;gap:7px}
.chip{white-space:nowrap;background:var(--orange);color:#fff;font:600 12px/1 var(--body);padding:6px 9px;border-radius:4px;transition:.2s}
.chip:hover{background:#fff;color:var(--orange)}
.chip--o{background:var(--orange)}
.chip--g{background:var(--green)}
.chip--g:hover{background:#fff;color:var(--green)}

/* ---- navbar : boxed white bar, logo in a bordered box ---- */
.navbar{position:sticky;top:0;z-index:50;background:#fff}
.navbar__in{display:flex;align-items:center;gap:14px;padding:6px 18px;position:relative;box-shadow:0 6px 12px -8px rgba(14,38,84,.25)}
.navbar__in::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--orange) 0 33.3%,var(--green) 33.3% 66.6%,var(--navy) 66.6%)}
.brand{flex:none}
.brand__box{display:block;border:1px solid #F3CFC7;border-radius:4px;padding:2px 4px;background:#fff}
.brand img{height:52px;width:auto;max-width:none}
.menu{flex:1;display:flex;justify-content:center}
.menu>ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.menu li{position:relative}
.menu>ul>li>a{display:flex;align-items:center;gap:4px;padding:16px 8px;font:500 14px/1 var(--body);color:#222;white-space:nowrap;position:relative}
.menu>ul>li>a svg{font-size:13px;transition:transform .2s}
.menu>ul>li>a::after{content:"";position:absolute;left:8px;right:8px;bottom:8px;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transition:transform .25s}
.menu>ul>li>a:hover,.menu>ul>li>a.is-active{color:var(--orange)}
.menu>ul>li>a:hover::after,.menu>ul>li>a.is-active::after{transform:scaleX(1)}
.dd{list-style:none;margin:0;padding:8px 0;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-top:3px solid var(--orange);border-radius:0 0 8px 8px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s;z-index:5}
.dd a{display:flex;justify-content:space-between;align-items:center;padding:9px 18px;font-size:14px;color:#333}
.dd a:hover{background:var(--cream);color:var(--orange);padding-left:22px}
.dd svg.r{transform:rotate(-90deg);font-size:12px}
.dd--side{top:-8px;left:100%;border-top:0;border-left:3px solid var(--green);border-radius:0 8px 8px 0}
.has-dd:hover>.dd,.has-dd:focus-within>.dd,.has-dd2:hover>.dd,.has-dd2:focus-within>.dd{opacity:1;visibility:visible;transform:none}
.has-dd:hover>a svg{transform:rotate(180deg)}
.btn-appoint{background:var(--orange);color:#fff;font:600 14px/1 var(--body);padding:11px 14px;border-radius:4px;white-space:nowrap;transition:.2s}
.btn-appoint svg{display:none}
.btn-appoint:hover{background:#C92A15}
.btn-appoint--mobile{display:none}
.nav-toggle{position:absolute;opacity:0;pointer-events:none}
.burger{display:none;margin-left:auto;width:42px;height:38px;border:1px solid #eee;border-radius:6px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.burger span{width:20px;height:2px;background:var(--navy-d);border-radius:2px;transition:.25s}


/* =========================================================
   HERO SLIDER – diagonal orange/grey stripes, crossfade
   ========================================================= */
.hero{position:relative;height:clamp(460px,calc(100vh - 110px),600px);overflow:hidden;background:#fff}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s;background:linear-gradient(180deg,#fff 0%,#fafafa 100%)}
.slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease;z-index:1}
.slide__in{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px}
.slide__in--rev{grid-template-columns:1fr 1.05fr}
.dec{position:absolute;pointer-events:none}

/* stripes */
.stripe-o{left:-14%;top:0;width:22%;height:100%;background:linear-gradient(180deg,#F26A4F,#EE3B23);transform:skewX(-38deg);transform-origin:top left}
.stripe-o--l{left:-22%}
.stripe-o::after{content:"";position:absolute;top:0;bottom:0;right:-16px;width:10px;background:var(--green)}
.stripe-o2{right:-10%;bottom:-40%;width:24%;height:80%;background:linear-gradient(180deg,#3CBF68,#13A145);transform:skewX(-38deg)}
.stripe-g{left:12%;top:0;width:34%;height:100%;background:linear-gradient(180deg,rgba(28,67,132,.30) 0%,rgba(28,67,132,.12) 38%,rgba(255,255,255,0) 75%);transform:skewX(-38deg)}
.stripe-g--r{left:auto;right:-6%;width:46%}
.tri-br{right:0;bottom:0;width:30%;height:50%;background:linear-gradient(135deg,transparent 50%,var(--green) 50%,var(--green) calc(50% + 10px),var(--navy) calc(50% + 10px))}
.x-1{left:-6%;top:-10%;width:26%;height:130%;background:var(--navy);transform:skewX(-32deg)}
.x-2{left:-2%;top:-10%;width:14%;height:130%;background:#EE3B23;transform:skewX(32deg)}
.x-3{left:16%;top:0;width:12%;height:100%;background:linear-gradient(180deg,rgba(19,161,69,.55),rgba(19,161,69,0));transform:skewX(-32deg)}
.wave{color:var(--navy);width:150px;height:22px;opacity:.85}
.wave--t{top:26px;right:30%}
.wave--a{top:36px;right:8%}.wave--b{bottom:40px;right:26%}
.ring-sm{border:3px solid #13A145;border-radius:50%;width:26px;height:26px}
.ring-sm--a{top:24px;right:34%}.ring-sm--b{top:70px;right:40%;width:14px;height:14px}
.dots{width:120px;height:70px;background-image:radial-gradient(var(--navy) 2.4px,transparent 2.6px);background-size:16px 16px;transform:rotate(-30deg)}
.dots--a{top:30px;left:24%}.dots--b{bottom:20px;left:12%}

/* copy */
.copy h2{font:700 clamp(24px,3.1vw,40px)/1.28 var(--head);color:var(--brown);letter-spacing:.2px}
.copy h2 em{font-style:normal;color:var(--orange)}
.copy--single h2{font-size:clamp(26px,3.3vw,42px)}
.copy .flow{margin:20px 0 6px;font:600 clamp(13px,1.25vw,16px)/1.6 var(--body);color:var(--navy)}
.copy .flow i{font-style:normal;color:var(--orange);margin:0 2px}
.copy .nep{display:inline-block;margin:6px 0 0;padding:7px 14px;border-left:4px solid var(--green);background:rgba(19,161,69,.08);font:600 13.5px/1.4 var(--body);color:#0D6A2D}
.slide .copy>*{transform:translateY(24px);opacity:0;transition:transform .8s ease .35s,opacity .8s ease .35s}
.slide.is-active .copy>*{transform:none;opacity:1}
.slide .media{transform:scale(.96);opacity:0;transition:transform 1s ease .15s,opacity 1s ease .15s}
.slide.is-active .media{transform:none;opacity:1}

/* media 1 – circle (slide 1) */
.media--circle{position:relative;justify-self:center;width:min(420px,100%);aspect-ratio:1}
.media--circle img{position:absolute;inset:9%;width:82%;height:82%;object-fit:cover;object-position:30% center;border-radius:50%;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.media--circle .ring{position:absolute;inset:3%;border-radius:50%;background:conic-gradient(var(--navy) 0 40%,var(--green) 40% 62%,transparent 62%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 15px));mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 15px))}
.media--circle .dot{position:absolute;border-radius:50%}
.dot--red{width:22px;height:22px;background:var(--green);right:2%;top:24%}
.dot--grey{width:56px;height:56px;background:var(--navy);opacity:.9;right:-6%;bottom:22%}
.dot--pink{width:22px;height:22px;background:var(--orange);left:4%;bottom:6%}
.media--circle .bar{position:absolute;height:16px;border-radius:10px;background:#EE3B23;transform:rotate(45deg)}
.bar--1{width:120px;left:-12%;top:6%;background:var(--navy)}
.bar--2{width:150px;left:20%;bottom:-2%;background:var(--green)}
.s1 .slide__in{grid-template-columns:.9fr 1.1fr}
/* slide 1 – cut-out student over an orange disc (dmcfs style) */
.media--person{align-self:end;height:100%;aspect-ratio:auto;width:min(460px,100%)}
.media--person .ring{inset:auto;left:2%;right:2%;bottom:8%;aspect-ratio:1;height:auto}
.media--person .disc{position:absolute;left:12%;right:12%;bottom:15%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F69A87,#EE3B23 60%,#C92A15)}
.media--person img.person{position:absolute;inset:auto;left:50%;bottom:0;transform:translateX(-50%);width:auto;height:94%;max-width:none;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 24px rgba(14,38,84,.18))}
.media--person .dot--red{top:30%}.media--person .dot--grey{bottom:30%}.media--person .dot--pink{bottom:14%}
.media--person .bar--1{top:18%}.media--person .bar--2{bottom:6%;left:-6%;z-index:-1}
.s1 .copy{order:2}

/* media 2 – big photo right with fade (slide 2) */
.media--fade{position:absolute;right:0;top:0;bottom:0;width:52%;z-index:1}
.media--fade img{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-mask:linear-gradient(90deg,transparent 0,#000 30%);mask:linear-gradient(90deg,transparent 0,#000 30%)}
.s2 .slide__in{grid-template-columns:1fr}
.s2 .copy{max-width:600px}

/* media 3 – person cut block left over orange X (slide 3) */
.media--cut{position:relative;align-self:end;height:92%;justify-self:start;width:min(470px,100%)}
.media--cut img{width:100%;height:100%;object-fit:cover;object-position:30% center;border-radius:200px 200px 0 0;box-shadow:0 0 0 10px rgba(255,255,255,.75)}

/* media 4 – 2x2 grid (slide 4) */
.media--grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;transform-origin:center}
.media--grid img{width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:12px;border:5px solid #fff;outline:2px solid rgba(28,67,132,.18);box-shadow:0 10px 26px rgba(0,0,0,.16)}
.media--grid img:nth-child(2){margin-top:28px}
.media--grid img:nth-child(3){margin-top:-28px}

/* media 5 – diamonds (slide 5) */
.media--diamond{position:relative;height:430px;width:min(470px,100%)}
.dm{position:absolute;margin:0;width:190px;height:190px;border-radius:30px;overflow:hidden;transform:rotate(45deg);border:7px solid #fff;outline:3px solid var(--navy);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.dm img{width:142%;height:142%;max-width:none;object-fit:cover;transform:rotate(-45deg) translate(0,-15%);margin:-21% 0 0 -21%}
.dm--1{left:150px;top:6px}.dm--2{left:20px;top:150px}.dm--3{left:220px;top:210px}

/* media 6 – two tall photos (slide 6) */
.media--tall{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.media--tall img{width:100%;height:330px;object-fit:cover;border-radius:12px;border:6px solid #fff;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.media--tall img:nth-child(1){object-position:40% center}
.media--tall img:nth-child(2){margin-top:60px;object-position:55% center}
.s6 .copy h2{font-size:clamp(22px,2.7vw,36px)}

/* arrows + dots */
.hero__arrow{position:absolute;top:50%;z-index:5;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:2px solid #fff;background:rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.12);color:#222;display:grid;place-items:center;cursor:pointer;transition:.2s;backdrop-filter:blur(2px)}
.hero__arrow svg{font-size:20px}
.hero__arrow:hover{background:var(--orange);color:#fff;border-color:var(--orange)}
.hero__arrow--prev{left:3.2%}.hero__arrow--next{right:3.2%}
.hero__dots{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px}
.hero__dots button{width:10px;height:10px;border-radius:10px;border:0;background:rgba(14,38,84,.25);cursor:pointer;padding:0;transition:.3s}
.hero__dots button.is-active{width:28px;background:var(--orange)}

/* =========================================================
   INTRO
   ========================================================= */
.intro{padding:80px 0 60px;background:linear-gradient(180deg,#fff,var(--cream))}
.intro__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}
.intro h1{font-size:clamp(28px,3.2vw,40px);margin-bottom:10px}
.intro h1 span{color:var(--orange)}
.intro__tag{font-weight:600;color:var(--navy);margin-bottom:14px}
.intro__text>p:not(.intro__tag){color:var(--muted)}
.intro__visual{position:relative;min-height:400px}
.intro__photo{position:absolute;right:0;top:0;width:78%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:10px solid #fff;box-shadow:var(--shadow)}
.intro__photo img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.think{position:absolute;left:0;top:10%;z-index:2;background:#fff;padding:18px 22px;border-radius:14px;box-shadow:var(--shadow);font:500 18px/1.35 var(--head);color:var(--navy-d)}
.think p{margin:0}.think b{color:var(--orange);font-weight:800;letter-spacing:.04em}
.bubble{position:absolute;left:4%;bottom:0;z-index:2;max-width:300px;margin:0;background:linear-gradient(135deg,#EE3B23,#C92A15);color:#fff;padding:18px 22px;border-radius:40px 40px 40px 6px;font:italic 500 14.5px/1.5 var(--body);box-shadow:0 14px 30px rgba(201,42,21,.3)}
.audience{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px}
.aud{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;border-radius:14px;transition:.25s;border:1px solid transparent}
.aud:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#fff}
.aud__ic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:26px;margin-bottom:12px;background:#fff}
.aud b{font:700 16px/1.3 var(--head);margin-bottom:4px}
.aud small{color:var(--muted);font-size:13px}
.aud--1{background:#FDEAE6}.aud--1 .aud__ic,.aud--1 b{color:#C92A15}
.aud--2{background:#E8EEF8}.aud--2 .aud__ic,.aud--2 b{color:var(--navy)}
.aud--3{background:#E5F5EB}.aud--3 .aud__ic,.aud--3 b{color:#0D7C34}
.aud--4{background:#FDEAE6}.aud--4 .aud__ic,.aud--4 b{color:#C92A15}

/* =========================================================
   JOURNEY dark band
   ========================================================= */
.journey{position:relative;padding:90px 0 70px;color:#fff;overflow:hidden;background:var(--navy-d)}
.journey__bg{position:absolute;inset:0}
.journey__bg img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.journey__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,29,64,.95) 0%,rgba(11,29,64,.82) 45%,rgba(11,29,64,.45) 100%)}
.journey__in{position:relative}
.journey h2{color:#fff;font-size:clamp(28px,3.2vw,42px);margin-bottom:16px}
.journey__in>p{max-width:600px;color:#D8DDEA}
.journey__steps{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}
.journey__steps::before{content:"";position:absolute;left:10%;right:10%;top:32px;border-top:2px dashed rgba(255,255,255,.35)}
.journey__steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:600}
.journey__steps svg{width:64px;height:64px;padding:16px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.4);backdrop-filter:blur(3px);transition:.3s}
.journey__steps li:hover svg{background:var(--orange);border-color:var(--orange)}

/* =========================================================
   STORY – village to job
   ========================================================= */
.story{padding:90px 0;background:#fff}
.story__track{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:st}
.st{margin:0;position:relative}
.st:not(:last-child)::after{content:"";position:absolute;top:96px;right:-18px;width:14px;height:14px;border-top:3px solid var(--orange);border-right:3px solid var(--orange);transform:rotate(45deg);z-index:2}
.st__img{height:200px;border-radius:var(--radius) var(--radius) var(--radius) 0;overflow:hidden}
.st__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.st:hover .st__img img{transform:scale(1.06)}
.st figcaption{padding:16px 4px 0;color:var(--muted);font-size:14px}
.st figcaption b{display:block;font:700 17px/1.3 var(--head);color:var(--navy-d);margin-bottom:6px}
.st__no{display:inline-block;font:800 13px/1 var(--head);color:#fff;background:var(--orange);padding:5px 9px;border-radius:6px;margin-bottom:10px}
.st:nth-child(2) .st__no{background:var(--navy)}.st:nth-child(3) .st__no{background:var(--green)}.st:nth-child(4) .st__no{background:#C92A15}

/* =========================================================
   LIVELIHOOD
   ========================================================= */
.livelihood{padding:0 0 90px}
.livelihood__grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:46px;align-items:center;background:var(--cream);border-radius:22px;padding:40px}
.leader{background:#FDEAE6;border-radius:18px;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center}
.leader__badge{width:150px;height:150px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow);margin-bottom:16px;padding:20px}
.leader b{font:700 18px/1.3 var(--head);color:var(--navy-d)}
.leader small{color:var(--muted)}
.livelihood h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:14px}
.livelihood h2 span{color:var(--orange)}
.livelihood__text p{color:var(--muted)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:center;font-weight:500}
.ticks svg{color:#fff;background:var(--green);border-radius:50%;padding:4px;width:22px;height:22px}

/* =========================================================
   ECOSYSTEM (black band)
   ========================================================= */
.eco{background:linear-gradient(135deg,#0E2654 0%,#1C4384 55%,#1C4384 100%);padding:70px 0 80px;position:relative;overflow:hidden}
.eco::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(238,59,35,.35),transparent 70%);left:-160px;top:-200px}
.eco::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(19,161,69,.28),transparent 70%);right:-140px;bottom:-200px}
.eco__box{position:relative;background:#fff;border-radius:18px;padding:34px 24px 64px;display:grid;grid-template-columns:repeat(4,1fr)}
.eco__item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 18px;border-right:1px solid var(--line);transition:.25s}
.eco__item:nth-child(4){border-right:0}
.eco__item:hover{transform:translateY(-4px)}
.eco__ic{width:70px;height:70px;border-radius:18px;display:grid;place-items:center;font-size:34px;margin-bottom:14px;color:#fff}
.eco__ic--o{background:linear-gradient(135deg,#F26A4F,#EE3B23)}
.eco__ic--n{background:linear-gradient(135deg,#3561AE,#1C4384)}
.eco__ic--g{background:linear-gradient(135deg,#3CBF68,#0D7C34)}
.eco__ic--r{background:linear-gradient(135deg,#F26A4F,#C92A15)}
.eco__item b{font:700 16px/1.25 var(--head);color:var(--navy-d);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}
.eco__item small{color:var(--muted);font-size:13px}
.eco__btn{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);padding:13px 30px}
.eco__btn:hover{transform:translateX(-50%) translateY(-2px)}

/* =========================================================
   VISION
   ========================================================= */
.vision{padding:100px 0 90px}
.vision__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:center}
.vision h2{font-size:clamp(26px,3vw,36px);margin-bottom:14px}
.vision .lead{color:var(--muted)}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 26px}
.vm div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:12px;padding:16px}
.vm div:nth-child(2){border-top-color:var(--green)}
.vm b{font:700 16px var(--head);color:var(--navy-d)}
.vm p{margin:6px 0 0;font-size:13.5px;color:var(--muted)}
.vision__tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vision__tiles figure{margin:0;position:relative;border-radius:14px;overflow:hidden;height:210px}
.vision__tiles img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.vision__tiles figure:hover img{transform:scale(1.07)}
.vision__tiles figcaption{position:absolute;right:0;bottom:0;left:0;padding:40px 14px 12px;text-align:right;background:linear-gradient(transparent,rgba(11,29,64,.85));color:#fff;font:700 16px/1.2 var(--head)}

/* =========================================================
   STATS
   ========================================================= */
.stats{padding:60px 0;background:linear-gradient(180deg,#FFF3F0,#fff)}
.stats__title{text-align:center;font-size:clamp(22px,2.4vw,28px);margin-bottom:30px;color:var(--navy)}
.stats__title span{color:var(--orange)}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{border-radius:16px;padding:28px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:.25s}
.stat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.stat svg{font-size:30px;margin-bottom:10px}
.stat strong{font:800 clamp(28px,3vw,38px)/1 var(--head)}
.stat span{margin-top:8px;color:var(--muted);font-size:14px}
.stat--1{background:#FDEAE6}.stat--1 svg,.stat--1 strong{color:#C92A15}
.stat--2{background:#E8EEF8}.stat--2 svg,.stat--2 strong{color:var(--navy)}
.stat--3{background:#E5F5EB}.stat--3 svg,.stat--3 strong{color:#0D7C34}
.stat--4{background:#FDEAE6}.stat--4 svg,.stat--4 strong{color:#C92A15}

/* =========================================================
   CYCLE
   ========================================================= */
.cycle{padding:80px 0;background:#FCE8E4}
.cycle .sec-head{margin-bottom:34px}
.cycle__row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:26px}
.cy{position:relative;background:#fff;border-radius:14px;padding:26px 14px 22px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:.25s}
.cy:hover{transform:translateY(-5px)}
.cy:not(:last-child)::after{content:"→";position:absolute;right:-21px;top:50%;transform:translateY(-50%);font:700 20px var(--head);color:var(--navy-d)}
.cy__n{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font:800 18px var(--head);margin-bottom:12px}
.cy b{display:block;font:700 16px var(--head);color:var(--navy-d);margin-bottom:4px}
.cy small{color:var(--muted);font-size:13px}
.cy--1 .cy__n{background:#EE3B23}.cy--2 .cy__n{background:var(--navy)}.cy--3 .cy__n{background:var(--green)}.cy--4 .cy__n{background:#C92A15}.cy--5 .cy__n{background:#0E2654}

/* =========================================================
   IMPACT
   ========================================================= */
.impact{padding:80px 0 0;background:#FFF7F5}
.impact__line{font-weight:600;color:var(--navy-d)!important;margin-bottom:6px!important}
.hindi{font:400 clamp(20px,2.2vw,26px)/1.5 'Tiro Devanagari Hindi',serif;color:var(--orange)!important;margin:4px auto 10px!important}
.impact__icons{list-style:none;padding:0;margin:0 0 50px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;text-align:center}
.impact__icons li{display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:600;font-size:14px;color:var(--navy-d)}
.ii{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.9),0 8px 18px rgba(0,0,0,.12)}
.ii--1{background:linear-gradient(135deg,#F26A4F,#C92A15)}
.ii--2{background:linear-gradient(135deg,#4E7BC4,#1C4384)}
.ii--3{background:linear-gradient(135deg,#3CBF68,#0D7C34)}
.ii--4{background:linear-gradient(135deg,#F26A4F,#C92A15)}
.ii--5{background:linear-gradient(135deg,#1C4384,#0E2654)}
.impact__strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 6px}
.impact__strip figure{margin:0;position:relative;height:280px;overflow:hidden;border-radius:10px}
.impact__strip img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.impact__strip figure:hover img{transform:scale(1.08)}
.impact__strip figcaption{position:absolute;inset:auto 0 0 0;padding:50px 16px 14px;color:#fff;font:600 14px/1.35 var(--body);background:linear-gradient(transparent,rgba(0,0,0,.75));transform:translateY(8px);opacity:.92;transition:.35s}
.impact__strip figure:hover figcaption{transform:none;opacity:1}

/* =========================================================
   VOICES
   ========================================================= */
.voices{padding:90px 0;background:#fff}
.voices__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:center}
.voices h2{font-size:clamp(26px,3vw,36px);margin-bottom:14px}
.voices__text p{color:var(--muted)}
.faces{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end}
.face{margin:0;position:relative}
.face img{width:100%;height:300px;object-fit:cover;border-radius:120px 120px 16px 16px}
.face--2{transform:translateY(-34px)}
.face figcaption{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);white-space:nowrap;background:#fff;padding:8px 14px;border-radius:30px;box-shadow:var(--shadow);font:600 12.5px/1.25 var(--body);text-align:center;color:var(--navy-d)}
.face--1 img{object-position:center 20%}
.face--3 img{object-position:center 15%}

/* =========================================================
   CERTS
   ========================================================= */
.certs{padding:70px 0 90px;background:linear-gradient(180deg,#F6F8FC,#fff)}
.certs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cert{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:.25s;position:relative;overflow:hidden}
.cert::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--orange),var(--orange-2),var(--green))}
.cert:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.cert span{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:var(--navy);background:#EEF2FB;margin-bottom:14px;border:2px dashed #C8D3EE}
.cert b{font:700 16px var(--head);color:var(--navy-d)}
.cert small{color:var(--muted)}

/* =========================================================
   JOIN CTA
   ========================================================= */
.join{position:relative;display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;min-height:260px;background:linear-gradient(100deg,#EE3B23 0%,#EE3B23 45%,#C92A15 100%);overflow:hidden;color:#fff}
.join__img{align-self:stretch;position:relative}
.join__img img{width:100%;height:100%;object-fit:cover;-webkit-mask:linear-gradient(90deg,#000 60%,transparent);mask:linear-gradient(90deg,#000 60%,transparent)}
.join__copy{text-align:center;padding:40px 16px}
.join h2{color:#fff;font-size:clamp(26px,3vw,38px);margin-bottom:8px}
.join__copy p{opacity:.92;margin-bottom:20px}
.join__quote{justify-self:center;margin:0;font:700 clamp(24px,2.6vw,34px)/1.2 'Caveat',cursive;transform:rotate(-6deg);background:rgba(255,255,255,.12);padding:16px 26px;border-radius:10px;border:1px dashed rgba(255,255,255,.5)}

/* =========================================================
   CONTACT
   ========================================================= */
.contact{padding:80px 0}
.contact__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;max-width:1000px;margin:0 auto}
.cinfo{background:linear-gradient(150deg,var(--orange) 0%,#C92A15 55%,var(--navy-d) 100%);color:#fff;border-radius:18px;padding:32px}
.cinfo h3{color:#fff;font-size:20px;margin-bottom:22px}
.cinfo p{display:flex;gap:12px;align-items:flex-start;font-size:14px}
.cinfo p svg{font-size:20px;margin-top:2px;color:#F9B3A5}
.social{display:flex;gap:10px;margin-top:22px}
.social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-size:17px;transition:.2s}
.social a:hover{background:var(--orange-2);color:#fff;transform:translateY(-3px)}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.cform .full{grid-column:1/-1}
.cform input,.cform select,.cform textarea{font:inherit;font-size:14px;padding:13px 15px;border:1px solid #DCE1EA;border-radius:8px;background:#fff;width:100%;color:var(--ink);transition:.2s}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:none;border-color:var(--orange-2);box-shadow:0 0 0 3px rgba(238,59,35,.18)}
.cform button{justify-self:end;grid-column:1/-1}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{background:#0B1D40;color:#BAC1CF;padding-top:60px;font-size:14px}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.f-logo{display:inline-block;background:#fff;border-radius:10px;padding:8px 12px;margin-bottom:16px}
.f-logo img{height:64px;width:auto}
.footer h4{color:#fff;font-size:16px;margin-bottom:16px;position:relative;padding-bottom:10px}
.footer h4::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:3px;background:var(--orange-2)}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.footer ul a:hover,.f-line a:hover{color:var(--orange-2)}
.f-line{display:flex;gap:10px;align-items:flex-start}
.f-line svg{color:var(--orange-2);font-size:17px;margin-top:3px}
.social--dark a{background:rgba(255,255,255,.08);color:#fff}
.footer__bar{margin-top:44px;border-top:1px solid rgba(255,255,255,.08);padding:16px 0;text-align:center;font-size:13px}
.footer__bar a:hover{color:var(--orange-2)}

/* Live support pill (like recording) */
.live{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:8px}
.live span{background:#EE3B23;color:#fff;font:600 13px/1 var(--body);padding:9px 14px;border-radius:20px;box-shadow:0 6px 16px rgba(238,59,35,.35)}
.live i{width:46px;height:46px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 6px 16px rgba(0,0,0,.2)}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1360px){
  .menu>ul>li>a{padding:16px 5px;font-size:13.4px}
  .menu>ul>li>a::after{left:5px;right:5px}
  .btn-appoint{padding:10px 10px;font-size:13px}
}
@media (max-width:1240px){
  .burger{display:flex}
  .btn-appoint{display:none}
  .menu{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:var(--shadow);max-height:0;overflow:hidden;transition:max-height .35s ease;display:block}
  .menu>ul{flex-direction:column;align-items:stretch;padding:8px 18px}
  .menu>ul>li>a{padding:12px 4px;border-bottom:1px solid #f2f2f2;justify-content:space-between}
  .menu>ul>li>a::after{display:none}
  .dd,.dd--side{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s}
  .has-dd:hover>.dd,.has-dd:focus-within>.dd{max-height:600px;padding:4px 0 8px 12px}
  .has-dd2:hover>.dd,.has-dd2:focus-within>.dd{max-height:300px;padding-left:12px}
  .btn-appoint--mobile{display:block;text-align:center;margin:10px 18px 18px}
  .nav-toggle:checked~.menu{max-height:80vh;overflow-y:auto}
  .nav-toggle:checked+.burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle:checked+.burger span:nth-child(2){opacity:0}
  .nav-toggle:checked+.burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .audience,.stats__grid,.certs__grid{grid-template-columns:repeat(2,1fr)}
  .story__track{grid-template-columns:repeat(2,1fr)}
  .st:nth-child(2)::after{display:none}
  .eco__box{grid-template-columns:repeat(2,1fr);row-gap:26px}
  .eco__item:nth-child(2){border-right:0}
  .cycle__row{grid-template-columns:repeat(3,1fr)}
  .cy:nth-child(3)::after{display:none}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .hero{height:auto;min-height:620px}
  .slide__in,.slide__in--rev,.s1 .slide__in{grid-template-columns:1fr;gap:18px;align-content:center;padding:40px 0 70px;text-align:center}
  .s1 .copy{order:0}
  .copy h2{font-size:clamp(22px,6vw,30px)}
  .media--circle{width:min(280px,80%)}
  .media--person{height:340px;width:min(300px,86%)}
  .media--circle .bar{display:none}
  .media--fade{width:100%;opacity:.22!important}
  .media--fade img{-webkit-mask:none;mask:none}
  .s2 .copy{margin:auto}
  .media--cut{height:300px;justify-self:center;width:min(320px,90%);align-self:center}
  .media--grid{max-width:420px;margin:auto;gap:10px}
  .media--diamond{height:300px;width:300px;margin:auto;transform:scale(.72)!important;transform-origin:top center;margin-bottom:-90px}
  .media--tall img{height:220px}
  .hero__arrow{top:auto;bottom:10px;margin:0;width:40px;height:40px}
  .hero__arrow--prev{left:16px}.hero__arrow--next{right:16px}
  .intro__grid,.vision__grid,.voices__grid,.livelihood__grid,.contact__grid{grid-template-columns:1fr}
  .intro__visual{min-height:360px}
  .intro__photo{width:72%}
  .journey__steps{grid-template-columns:repeat(3,1fr);row-gap:24px}
  .journey__steps::before{display:none}
  .impact__icons{grid-template-columns:repeat(3,1fr);row-gap:26px}
  .impact__strip{grid-template-columns:1fr 1fr}
  .impact__strip figure{height:200px}
  .join{grid-template-columns:1fr}
  .join__img{height:200px}
  .join__img img{-webkit-mask:linear-gradient(180deg,#000 60%,transparent);mask:linear-gradient(180deg,#000 60%,transparent)}
  .join__copy{padding:10px 16px 0}
  .join__quote{margin:10px 0 34px}
  .livelihood__grid{padding:24px}
}
@media (max-width:600px){
  .topbar__info a:first-child{font-size:12px}
  .hide-sm{display:none!important}
  .chip{padding:5px 7px;font-size:11px}
  .topbar__btns .chip:nth-child(3){display:none}
  .topbar__in{padding:5px 8px}
  .navbar__in{padding:6px 10px}
  .brand img{height:44px}
  .story__track,.eco__box,.vm,.cform{grid-template-columns:1fr}
  .audience,.stats__grid,.certs__grid{gap:12px}
  .aud,.stat,.cert{padding:18px 10px}
  .eco__item{border-right:0;border-bottom:1px solid var(--line);padding-bottom:20px}
  .eco__item:nth-child(4){border-bottom:0}
  .st::after{display:none}
  .cycle__row{grid-template-columns:1fr 1fr}
  .cy::after{display:none}
  .faces{gap:10px}.face img{height:190px}
  .face figcaption{font-size:11px;padding:6px 10px}
  .footer__grid{grid-template-columns:1fr}
  .live span{display:none}
  .intro__visual{min-height:330px}
  .think{font-size:15px;padding:12px 16px}
  .bubble{font-size:13px;max-width:240px;padding:14px 16px}
  .vision__tiles figure{height:150px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* =========================================================
   INNER PAGES – About Vone (Company Profile, Leadership, Our Team)
   ========================================================= */
.dd a.is-current{color:var(--orange);font-weight:600;background:var(--cream)}
.btn--ghost{border-color:rgba(255,255,255,.7);color:#fff}
.btn--ghost:hover{background:#fff;color:var(--orange)}

/* page hero – same stripe language as the home slider */
.pg-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fafafa);min-height:400px}
.pg-hero .stripe-o{width:18%}
.pg-hero .tri-br{width:22%;height:45%}
.pg-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:56px 0}
.crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin-bottom:18px}
.crumb a:hover{color:var(--orange)}
.crumb b{color:var(--orange);font-weight:600}
.pg-hero h1{font:700 clamp(30px,3.6vw,46px)/1.18 var(--head);color:var(--brown);margin-bottom:14px}
.pg-hero h1 em{font-style:normal;color:var(--orange)}
.pg-hero__copy p{color:var(--muted);max-width:520px;font-size:15.5px}
.pg-hero__media{position:relative;height:300px}
.pg-hero__media img{position:absolute;object-fit:cover;border:6px solid #fff;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.pg-hero__a{width:64%;height:250px;right:0;top:0;border-radius:18px}
.pg-hero__b{width:46%;height:190px;left:4%;bottom:-6px;border-radius:120px 120px 18px 18px;z-index:2}
.pg-hero__ring{position:absolute;width:120px;height:120px;border-radius:50%;border:14px solid var(--navy);border-right-color:transparent;border-bottom-color:var(--green);left:32%;top:-18px;transform:rotate(-30deg)}

.subnav{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}
.subnav__in{display:flex;gap:6px;overflow-x:auto}
.subnav a{padding:16px 18px;font-weight:600;font-size:14.5px;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}
.subnav a:hover{color:var(--orange)}
.subnav a.on{color:var(--orange);border-bottom-color:var(--orange)}

.pg-sec{padding:84px 0}
.pg-sec--cream{background:var(--cream)}
.pg-sec--navy{background:linear-gradient(135deg,#0E2654 0%,#1C4384 60%,#1C4384 100%);color:#D9E0F0}
.pg-sec--navy h2{color:#fff}
.pg-sec h2{font-size:clamp(24px,2.8vw,34px)}

/* company profile */
.overview{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:start}
.overview h2{margin-bottom:16px}
.overview__text p{color:var(--muted)}
.iso-pill{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:10px 16px;border-radius:30px;background:#E5F5EB;color:#0D7C34;font-weight:600}
.iso-pill svg{font-size:20px}
.factsheet{background:#fff;border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.factsheet h3{font-size:19px;margin-bottom:16px}
.factsheet dl{margin:0;display:grid}
.factsheet dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14px}
.factsheet dl div:last-child{border-bottom:0}
.factsheet dt{color:var(--muted)}
.factsheet dd{margin:0;font-weight:600;color:var(--navy-d)}

.pg-stats{background:linear-gradient(90deg,var(--orange-2),var(--orange) 55%,#C92A15)}
.pg-stats__grid{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;color:#fff}
.pg-stats__grid div{padding:30px 10px;border-right:1px solid rgba(255,255,255,.25)}
.pg-stats__grid div:last-child{border-right:0}
.pg-stats strong{display:block;font:800 clamp(26px,3vw,38px)/1 var(--head)}
.pg-stats span{font-size:13.5px;opacity:.92}

.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.area{background:#fff;border-radius:16px;padding:28px 22px;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:.25s}
.area:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.area__ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:28px;color:#fff;margin-bottom:16px}
.area__ic--o{background:linear-gradient(135deg,#F26A4F,#EE3B23)}.area__ic--n{background:linear-gradient(135deg,#3561AE,#1C4384)}
.area__ic--g{background:linear-gradient(135deg,#3CBF68,#0D7C34)}.area__ic--r{background:linear-gradient(135deg,#F26A4F,#C92A15)}
.area h3{font-size:18px;margin-bottom:8px}
.area p{color:var(--muted);font-size:14px;margin:0}

.story-split{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.story-split h2{margin-bottom:16px}
.story-split p{color:var(--muted)}
.story-split__img{position:relative}
.story-split__img>img{width:100%;height:460px;object-fit:cover;border-radius:22px 22px 22px 120px}
.story-split__badge{position:absolute;right:-18px;bottom:30px;background:var(--orange);color:#fff;border-radius:16px;padding:16px 22px;text-align:center;box-shadow:0 14px 30px rgba(238,59,35,.35)}
.story-split__badge b{display:block;font-size:13px;font-weight:500}
.story-split__badge strong{font:800 34px/1 var(--head)}
.milestones{list-style:none;padding:0;margin:22px 0 0;border-left:3px solid #FBD3CB;display:grid;gap:16px}
.milestones li{position:relative;padding-left:22px;display:grid;grid-template-columns:70px 1fr;gap:10px;font-size:14.5px}
.milestones li::before{content:"";position:absolute;left:-9px;top:4px;width:15px;height:15px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #fff}
.milestones b{font-family:var(--head);color:var(--navy-d)}
.milestones span{color:var(--muted)}

.vmq{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vmq article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px 22px;backdrop-filter:blur(4px);transition:.25s}
.vmq article:hover{background:rgba(255,255,255,.12);transform:translateY(-5px)}
.vmq span{font:800 34px/1 var(--head);color:var(--orange-2)}
.vmq h3{color:#fff;font-size:19px;margin:10px 0 8px}
.vmq p{font-size:14px;margin:0;color:#CBD3E6}

.values{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.val{text-align:center;padding:26px 16px;border-radius:16px;border:1px solid var(--line);transition:.25s;background:#fff}
.val:hover{border-color:var(--orange-2);transform:translateY(-5px);box-shadow:var(--shadow)}
.val svg{width:54px;height:54px;padding:13px;border-radius:50%;background:var(--cream);color:var(--orange);margin-bottom:12px}
.val h3{font-size:17px;margin-bottom:6px}
.val p{font-size:13.5px;color:var(--muted);margin:0}

.diff{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:start}
.diff h2{margin-bottom:20px}
.ticks--lg li{font-size:15px;align-items:flex-start}
.ticks--lg svg{margin-top:2px}
.ticks--light li{color:#E3E8F3}
.presence{background:#fff;border-radius:18px;padding:28px;box-shadow:var(--shadow)}
.presence h3{display:flex;align-items:center;gap:8px;font-size:20px;margin-bottom:6px}
.presence h3 svg{color:var(--orange)}
.presence>p{color:var(--muted);font-size:14px}
.loc{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.loc li{padding:11px 14px;border-radius:10px;background:#F6F8FC;border-left:4px solid var(--navy)}
.loc li.hq{grid-column:1/-1;background:#FDEAE6;border-left-color:var(--orange)}
.loc b{display:block;font-family:var(--head);color:var(--navy-d)}
.loc small{color:var(--muted)}

.pg-cta{background:linear-gradient(100deg,#EE3B23 0%,#EE3B23 45%,#C92A15 100%);color:#fff;padding:50px 0}
.pg-cta__in{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap}
.pg-cta h2{color:#fff;font-size:clamp(22px,2.4vw,30px);margin-bottom:6px}
.pg-cta p{margin:0;opacity:.92}
.pg-cta .btn-row{margin:0}

/* leadership */
.msg{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}
.msg__visual{position:relative}
.msg__visual>img{width:100%;height:440px;object-fit:cover;border-radius:200px 200px 22px 22px}
.msg__seal{position:absolute;right:-14px;bottom:26px;width:120px;height:120px;border-radius:50%;background:#fff;display:grid;place-items:center;padding:18px;box-shadow:var(--shadow);border:4px solid var(--orange-2)}
.msg__seal img{width:100%;height:auto}
.msg__text h2{font:600 clamp(20px,2.2vw,27px)/1.45 var(--head);color:var(--navy-d);margin-bottom:18px;position:relative;padding-left:26px;border-left:5px solid var(--orange)}
.msg__text p{color:var(--muted)}
.sign{margin-top:18px;display:flex;flex-direction:column}
.sign b{font:700 18px var(--head);color:var(--orange)}
.sign span{color:var(--muted);font-size:13.5px}
.leaders{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.leader-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:.25s;text-align:center}
.leader-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.leader-card__photo{position:relative;height:230px;background:linear-gradient(160deg,#FDE0DA,#F6F8FC);display:grid;place-items:center}
.leader-card__photo img{width:96px;opacity:.35;filter:grayscale(.3)}
.leader-card__photo span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#9B6B61}
.leader-card__body{padding:20px 18px 24px;position:relative}
.leader-card h3{font-size:18px}
.leader-card .role{color:var(--orange);font-weight:600;font-size:14px;margin:4px 0 8px}
.leader-card .focus{color:var(--muted);font-size:13px;margin:0 0 12px}
.leader-card .li{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#EEF2FB;color:var(--navy);font-size:15px}
.leader-card .li:hover{background:var(--navy);color:#fff}
.note{display:flex;align-items:center;justify-content:center;gap:8px;margin:26px 0 0;color:var(--muted);font-size:13.5px}
.note svg{color:var(--orange)}
.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pr{padding:26px 22px;border-radius:16px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden;transition:.25s}
.pr:hover{border-color:var(--orange-2);transform:translateY(-5px)}
.pr span{position:absolute;right:14px;top:8px;font:800 46px/1 var(--head);color:#FBE3DE}
.pr h3{font-size:17px;margin:8px 0 8px;position:relative}
.pr p{font-size:14px;color:var(--muted);margin:0;position:relative}
.gov{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}
.gov h2{margin-bottom:12px}
.gov__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gov__list li{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px}
.gov__list svg{font-size:26px;color:var(--orange-2);margin-top:2px}
.gov__list b{display:block;color:#fff;font-family:var(--head)}
.gov__list span{font-size:13.5px}

/* our team */
.team-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.team-intro p{color:var(--muted)}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.mini-stats div{background:var(--cream);border-radius:14px;padding:16px;text-align:center}
.mini-stats strong{display:block;font:800 26px/1 var(--head);color:var(--orange)}
.mini-stats span{font-size:12.5px;color:var(--muted)}
.depts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dept{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:.25s}
.dept:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.dept__img{height:190px;overflow:hidden}
.dept__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.dept:hover .dept__img img{transform:scale(1.07)}
.dept__body{padding:20px 22px 24px;border-top:4px solid var(--orange-2)}
.dept:nth-child(2) .dept__body{border-top-color:var(--navy)}.dept:nth-child(3) .dept__body{border-top-color:var(--green)}
.dept:nth-child(4) .dept__body{border-top-color:#C92A15}.dept:nth-child(5) .dept__body{border-top-color:#1C4384}.dept:nth-child(6) .dept__body{border-top-color:var(--green)}
.dept h3{font-size:18px;margin-bottom:8px}
.dept p{font-size:14px;color:var(--muted);margin:0}
.members{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.member{text-align:center;padding:26px 18px;border-radius:18px;border:1px dashed #F3CFC7;background:#FFFBFA}
.member__photo{width:120px;height:120px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#FDE0DA,#EEF2FB);color:#D9A99F;font-size:44px;border:4px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.member h3{font-size:17px}
.member p{color:var(--orange);font-weight:600;font-size:13.5px;margin:4px 0 0}
.culture{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
.culture__img img{width:100%;height:400px;object-fit:cover;border-radius:22px 120px 22px 22px}
.culture h2{margin-bottom:18px}
.culture .ticks{margin-bottom:24px}

@media (max-width:1100px){
  .areas,.principles,.leaders,.members{grid-template-columns:repeat(2,1fr)}
  .vmq{grid-template-columns:repeat(2,1fr)}
  .values{grid-template-columns:repeat(3,1fr)}
  .depts{grid-template-columns:repeat(2,1fr)}
  .pg-stats__grid{grid-template-columns:repeat(3,1fr)}
  .pg-stats__grid div:nth-child(3){border-right:0}
}
@media (max-width:860px){
  .pg-hero__in,.overview,.story-split,.diff,.msg,.gov,.team-intro,.culture{grid-template-columns:1fr}
  .pg-hero__in{padding:40px 0 50px;text-align:left}
  .pg-hero__media{height:240px}
  .pg-hero__a{height:200px}.pg-hero__b{height:150px}
  .story-split__img img,.msg__visual img{height:320px}
  .story-split__badge,.msg__seal{right:10px}
  .culture__img img{height:280px}
  .pg-sec{padding:60px 0}
}
@media (max-width:600px){
  .areas,.principles,.vmq,.depts,.gov__list,.loc{grid-template-columns:1fr}
  .leaders,.members,.values{grid-template-columns:1fr 1fr;gap:12px}
  .leader-card__photo{height:150px}
  .member__photo{width:84px;height:84px;font-size:32px}
  .pg-stats__grid{grid-template-columns:1fr 1fr}
  .pg-stats__grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
  .factsheet dl div{grid-template-columns:1fr;gap:2px}
  .mini-stats strong{font-size:20px}
  .val{padding:18px 10px}
}

/* =========================================================
   FULL WEBSITE (Oct 2026) – components for the new page set
   ========================================================= */
.muted{color:var(--muted)}
.center{text-align:center}
.t-o{color:var(--orange)}
.t-light{color:#FFB3A5}
.h2-lg{font-size:clamp(28px,3.2vw,40px);margin-bottom:10px}
.h2-lg span{color:var(--orange)}
.center-cta{text-align:center;margin-top:34px}
.btn-row--c{justify-content:center}
.chip svg{font-size:12px;margin-right:4px;vertical-align:-1px}
.btn-appoint{display:inline-flex;align-items:center;gap:7px}
.btn-appoint svg{display:inline;font-size:15px}
.btn-appoint--ghost{background:#fff;color:var(--orange);border:2px solid var(--orange)}
.menu .btn-appoint--mobile{display:none}

/* hero copy additions */
.copy h1{font:700 clamp(26px,3.3vw,44px)/1.22 var(--head);color:var(--brown);letter-spacing:.2px}
.copy h1 em{font-style:normal;color:var(--orange)}
.copy .sub{margin:16px 0 0;font-size:clamp(14px,1.25vw,17px);color:var(--muted);max-width:560px}
.copy .sub b{color:var(--navy-d)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-cta .btn{padding:13px 22px}
.slide .copy .hero-cta{transition-delay:.5s}

/* three pillars */
.pillars{position:relative;z-index:6;margin-top:-46px}
.pillars__box{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(14,38,84,.14);overflow:hidden}
.pillar{display:flex;gap:16px;align-items:flex-start;padding:26px 24px;border-top:5px solid;position:relative}
.pillar+.pillar{border-left:1px solid var(--line)}
.pillar--o{border-top-color:var(--orange)}.pillar--n{border-top-color:var(--navy)}.pillar--g{border-top-color:var(--green)}
.pillar__ic{flex:none;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:26px;color:#fff}
.pillar--o .pillar__ic{background:var(--orange)}.pillar--n .pillar__ic{background:var(--navy)}.pillar--g .pillar__ic{background:var(--green)}
.pillar h3{font-size:20px;margin-bottom:4px}
.pillar p{margin:0;color:var(--muted);font-size:14px}

/* services cards */
.svc{padding:90px 0 80px}
.svc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.svc-card{display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(14,38,84,.08);transition:.3s;border-bottom:4px solid}
.svc-card--o{border-color:var(--orange)}.svc-card--n{border-color:var(--navy)}.svc-card--g{border-color:var(--green)}.svc-card--r{border-color:#C92A15}
.svc-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(14,38,84,.16)}
.svc-card__img{position:relative;height:170px}
.svc-card__img img{width:100%;height:100%;object-fit:cover}
.svc-card__ic{position:absolute;left:18px;bottom:-24px;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:24px;color:#fff;background:var(--orange);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.svc-card--n .svc-card__ic{background:var(--navy)}.svc-card--g .svc-card__ic{background:var(--green)}.svc-card--r .svc-card__ic{background:#C92A15}
.svc-card__body{padding:36px 20px 22px;display:flex;flex-direction:column;flex:1}
.svc-card__body small{color:var(--orange);font-weight:600;font-size:12px;letter-spacing:.02em}
.svc-card__body h3{font-size:19px;margin:4px 0 8px}
.svc-card__body p{color:var(--muted);font-size:13.8px;flex:1}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--navy);font-size:14px}
.svc-card:hover .more{color:var(--orange)}

/* numbered process steps */
.fsteps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:fs}
.fsteps--7{grid-template-columns:repeat(7,1fr)}
.fsteps--5{grid-template-columns:repeat(5,1fr)}
.fsteps--12{grid-template-columns:repeat(4,1fr);gap:18px}
.fsteps li{position:relative;background:#fff;border-radius:14px;padding:22px 14px 18px;text-align:center;box-shadow:0 6px 18px rgba(14,38,84,.07);display:flex;flex-direction:column;align-items:center;transition:.25s}
.fsteps li:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.fsteps--7 li:not(:last-child)::after,.fsteps--5 li:not(:last-child)::after{content:"";position:absolute;right:-13px;top:38px;width:10px;height:10px;border-top:3px solid var(--orange);border-right:3px solid var(--orange);transform:rotate(45deg);z-index:2}
.fs__n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 15px var(--head);color:#fff;background:var(--orange);margin-bottom:12px;box-shadow:0 0 0 5px #FDEAE6}
.fsteps li:nth-child(3n+2) .fs__n{background:var(--navy);box-shadow:0 0 0 5px #E8EEF8}
.fsteps li:nth-child(3n) .fs__n{background:var(--green);box-shadow:0 0 0 5px #E5F5EB}
.fsteps b{font:700 15.5px/1.3 var(--head);color:var(--navy-d);margin-bottom:6px}
.fsteps small{color:var(--muted);font-size:12.8px;line-height:1.5}
.fsteps--12 li{text-align:left;align-items:flex-start;padding:20px}

/* industry preview chain */
.ip-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}
.ip-grid h2{margin-bottom:14px}
.ip-benefits{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.ip-benefits li{display:flex;gap:8px;align-items:center;font-weight:500;font-size:14.5px}
.ip-benefits svg{color:#fff;background:var(--green);border-radius:50%;padding:3px;width:20px;height:20px}
.chain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:c}
.chain li{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 12px 12px 50px;font:600 14px/1.35 var(--head);color:var(--navy-d);min-height:62px;display:flex;flex-direction:column;justify-content:center;transition:.25s}
.chain li small{font:500 11.5px/1.3 var(--body);color:var(--muted)}
.chain li span{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:800 12px var(--head);color:#fff;background:var(--navy)}
.chain li:nth-child(4){border-color:var(--orange);background:#FFF3F0}
.chain li:nth-child(4) span,.chain li:last-child span{background:var(--orange)}
.chain li:last-child{border-color:var(--green);background:#E5F5EB}
.chain li:last-child span{background:var(--green)}
.chain li:hover{transform:translateY(-3px);box-shadow:var(--shadow)}

/* live impact dashboard + CSS counters */
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
.cnt{--n:var(--to);counter-reset:n var(--n);animation:cntUp 2.2s cubic-bezier(.2,.7,.2,1) both}
.cnt::after{content:counter(n)}
@keyframes cntUp{from{--n:0}}
@supports (animation-timeline:view()){.cnt{animation-timeline:view();animation-range:entry 0% cover 35%}}
.dash{position:relative;padding:80px 0;background:linear-gradient(135deg,#0E2654 0%,#1C4384 60%,#22489B 100%);overflow:hidden}
.dash::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(238,59,35,.3),transparent 70%);left:-160px;top:-180px}
.dash::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(19,161,69,.25),transparent 70%);right:-140px;bottom:-200px}
.dash .wrap{position:relative;z-index:1}
.dash__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dash__item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:24px 18px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;transition:.25s;backdrop-filter:blur(4px)}
.dash__item:hover{background:rgba(255,255,255,.14);transform:translateY(-5px)}
.dash__item svg{font-size:30px;margin-bottom:10px;color:#FF8A73}
.dash__item.t-n svg{color:#9DB8EC}.dash__item.t-g svg{color:#6FDB95}
.dash__item strong{font:800 clamp(26px,2.8vw,36px)/1.1 var(--head);color:#fff;white-space:nowrap}
.dash__item>span{margin-top:6px;font-size:13.5px;color:#CBD3E6}
.dash__grid--light .dash__item{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:0 6px 18px rgba(14,38,84,.06)}
.dash__grid--light .dash__item strong{color:var(--navy-d)}
.dash__grid--light .dash__item>span{color:var(--muted)}
.dash__grid--light .dash__item svg{color:var(--orange)}
.dash__grid--light .dash__item.t-n svg{color:var(--navy)}.dash__grid--light .dash__item.t-g svg{color:var(--green)}

/* outcomes */
.out-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
.out-grid h2{margin-bottom:22px}
.out-media{position:relative}
.out-media img{width:100%;height:420px;object-fit:cover;border-radius:22px 120px 22px 22px}
.out-play{position:absolute;left:22px;bottom:22px;display:flex;align-items:center;gap:10px;background:#fff;padding:10px 18px 10px 10px;border-radius:40px;font-weight:600;color:var(--navy-d);box-shadow:var(--shadow)}
.out-play svg{font-size:40px;color:var(--orange)}
.out-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.out-stats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;border-left:4px solid var(--orange)}
.out-stats div:nth-child(3n+2){border-left-color:var(--navy)}.out-stats div:nth-child(3n){border-left-color:var(--green)}
.out-stats strong{display:block;font:800 22px/1.15 var(--head);color:var(--navy-d)}
.out-stats span{font-size:13px;color:var(--muted)}
.out-stats--wide{grid-template-columns:repeat(6,1fr)}

/* benefits */
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.benefits--2{grid-template-columns:repeat(2,1fr)}
.ben{background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 6px 20px rgba(14,38,84,.06);border-top:5px solid var(--orange);transition:.25s}
.ben:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.ben--n{border-top-color:var(--navy)}.ben--g{border-top-color:var(--green)}
.ben__ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;color:#fff;background:var(--orange);margin-bottom:14px}
.ben--n .ben__ic{background:var(--navy)}.ben--g .ben__ic{background:var(--green)}
.ben h3{font-size:20px;margin-bottom:12px}
.ben .ticks li{font-size:14px;align-items:flex-start}
.ben .ticks svg{margin-top:2px}
.note-sm{font-size:12.5px;color:#9B6B61;margin:8px 0 0}

/* journey strip */
.tl-strip{list-style:none;margin:0;padding:30px 0 0;display:grid;grid-template-columns:repeat(7,1fr);gap:14px;position:relative}
.tl-strip::before{content:"";position:absolute;left:0;right:0;top:44px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--orange),var(--navy) 50%,var(--green))}
.tl-strip li{position:relative;padding-top:34px}
.tl-strip li::before{content:"";position:absolute;left:0;top:6px;width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid var(--orange)}
.tl-strip li:nth-child(3n+2)::before{border-color:var(--navy)}.tl-strip li:nth-child(3n)::before{border-color:var(--green)}
.tl-strip b{display:block;font:800 18px var(--head);color:var(--navy-d);margin-bottom:6px}
.tl-strip p{font-size:13px;color:var(--muted);margin:0}
.tl-strip li:last-child b{color:var(--orange)}

/* strengths */
.strengths{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.str{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 4px 14px rgba(14,38,84,.05);transition:.25s;border-left:4px solid var(--orange)}
.str:nth-child(4n+2),.str:nth-child(4n+3){border-left-color:var(--navy)}
.str:nth-child(5n){border-left-color:var(--green)}
.str:hover{transform:translateX(5px);box-shadow:var(--shadow)}
.str>svg{flex:none;width:46px;height:46px;padding:11px;border-radius:12px;background:#FFF3F0;color:var(--orange)}
.str h3{font-size:16.5px;margin-bottom:4px}
.str p{margin:0;font-size:13.8px;color:var(--muted)}

/* orchid pace */
.orchid{background:linear-gradient(135deg,#0B1D40 0%,#1C4384 100%);color:#D9E0F0;position:relative;overflow:hidden}
.orchid::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(19,161,69,.3),transparent 70%)}
.orchid__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.orchid h2{color:#fff;margin-bottom:12px}
.orchid__feat{list-style:none;padding:0;margin:20px 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.orchid__feat li{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px}
.orchid__feat svg{font-size:24px;color:#FF8A73;flex:none}
.orchid__feat b{display:block;color:#fff;font-family:var(--head)}
.orchid__feat span{font-size:13px}
.mock{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:perspective(1200px) rotateY(-8deg) rotateX(3deg)}
.mock__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F2F4F9;border-bottom:1px solid #E6E9F0}
.mock__bar i{width:10px;height:10px;border-radius:50%;background:#EE3B23}.mock__bar i:nth-child(2){background:#F6B33B}.mock__bar i:nth-child(3){background:var(--green)}
.mock__bar span{margin-left:10px;font-size:11px;color:var(--muted)}
.mock__body{display:grid;grid-template-columns:54px 1fr;min-height:300px}
.mock__side{background:var(--navy-d);padding:14px 10px;display:flex;flex-direction:column;gap:12px}
.mock__side b{height:30px;border-radius:8px;background:rgba(255,255,255,.12)}
.mock__side b.on{background:var(--orange)}
.mock__main{padding:16px;display:grid;gap:14px}
.mock__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mock__cards div{border:1px solid var(--line);border-radius:10px;padding:10px;border-top:3px solid var(--orange)}
.mock__cards div:nth-child(2){border-top-color:var(--navy)}.mock__cards div:nth-child(3){border-top-color:var(--green)}
.mock__cards small{display:block;font-size:10.5px;color:var(--muted)}
.mock__cards strong{font:800 17px var(--head);color:var(--navy-d)}
.mock__chart{height:110px;display:flex;align-items:flex-end;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px}
.mock__chart span{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--navy),#4E7BC4)}
.mock__chart span:last-child{background:linear-gradient(180deg,var(--orange),#F26A4F)}
.mock__rows p{margin:0 0 6px;font-size:12px;color:var(--ink);display:flex;align-items:center;gap:8px;padding:7px 10px;background:#F6F8FC;border-radius:8px}
.mock__rows i{width:8px;height:8px;border-radius:2px;background:var(--green)}

/* downloads */
.dl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dl-grid:has(> :nth-child(5)){grid-template-columns:repeat(5,1fr)}
.dl{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;transition:.25s;position:relative}
.dl:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:var(--shadow)}
.dl__ic{flex:none;width:46px;height:52px;border-radius:8px;display:grid;place-items:center;background:#FFF3F0;color:var(--orange);font-size:30px}
.dl b{display:block;font:700 14.5px/1.3 var(--head);color:var(--navy-d)}
.dl small{font-size:12.5px;color:var(--muted)}
.dl__go{margin-left:auto;flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:15px}
.dl--inline{margin-top:20px;max-width:440px}
.esg .dl-grid,.dl-grid:has(> :nth-child(5)) .dl{flex-direction:column;text-align:center}
.esg .dl-grid{grid-template-columns:1fr 1fr}
.esg .dl,.dl-grid:has(> :nth-child(5)) .dl{align-items:center}
.esg .dl__go,.dl-grid:has(> :nth-child(5)) .dl__go{margin:6px 0 0}
.quick-start{margin-top:26px;display:flex;align-items:center;gap:16px;background:linear-gradient(90deg,#FFF3F0,#E8EEF8);border-radius:16px;padding:18px 22px;border:1px dashed #F3CFC7}
.quick-start>svg{font-size:34px;color:var(--orange);flex:none}
.quick-start b{display:block;font-family:var(--head);color:var(--navy-d)}
.quick-start span{font-size:14px;color:var(--muted)}
.quick-start .btn{margin-left:auto;flex:none}

/* sectors */
.sectors{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.sector{background:#fff;border-radius:14px;padding:20px 10px;text-align:center;box-shadow:0 4px 14px rgba(14,38,84,.06);display:flex;flex-direction:column;align-items:center;gap:10px;transition:.25s;border-bottom:3px solid var(--orange)}
.sector:nth-child(3n+2){border-bottom-color:var(--navy)}.sector:nth-child(3n){border-bottom-color:var(--green)}
.sector:hover{transform:translateY(-5px)}
.sector svg{font-size:30px;color:var(--navy)}
.sector b{font:600 14px var(--head);color:var(--navy-d)}

/* newsletter + footer */
.newsletter{background:linear-gradient(90deg,var(--orange),#C92A15);color:#fff}
.newsletter__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;flex-wrap:wrap}
.newsletter__txt{display:flex;gap:14px;align-items:center}
.newsletter__txt>svg{font-size:36px;flex:none}
.newsletter h3{color:#fff;font-size:20px;margin-bottom:2px}
.newsletter p{margin:0;opacity:.92;font-size:14px}
.newsletter__form{display:flex;gap:8px;flex:0 1 460px}
.newsletter__form input{flex:1;font:inherit;padding:13px 16px;border-radius:8px;border:0;min-width:0}
.newsletter__form .btn{background:var(--navy-d);box-shadow:none}
.footer__grid--5{grid-template-columns:1.5fr 1fr 1.2fr 1.2fr .9fr}
.f-about .f-line{font-size:13.5px}
.orchid-float{position:fixed;left:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:10px 16px 10px 12px;border-radius:40px;box-shadow:0 10px 24px rgba(14,38,84,.35);font-size:11.5px;line-height:1.15;transition:.25s;border:2px solid #fff}
.orchid-float svg{font-size:22px;padding:6px;width:34px;height:34px;border-radius:50%;background:var(--orange)}
.orchid-float b{font-size:13.5px}
.orchid-float:hover{transform:translateY(-3px);background:#0E2654}

/* about */
.lead-in{font-size:16px;color:var(--ink)!important;background:#FFF3F0;border-left:4px solid var(--orange);padding:14px 16px;border-radius:0 10px 10px 0}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.badges span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:30px;background:#E8EEF8;color:var(--navy);font-weight:600;font-size:13px}
.badges span:nth-child(2n){background:#E5F5EB;color:#0D7C34}
.badges svg{font-size:17px}
.vmq--2{grid-template-columns:repeat(2,1fr)}
.areas--3{grid-template-columns:repeat(3,1fr)}
.areas--4{grid-template-columns:repeat(4,1fr)}
.vtl{list-style:none;margin:0 auto;padding:0;max-width:980px;position:relative}
.vtl::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:4px;background:linear-gradient(180deg,var(--orange),var(--navy) 50%,var(--green))}
.vtl__item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:26px}
.vtl__year{justify-self:end;align-self:center;font:800 24px var(--head);color:var(--navy-d);background:#fff;padding:6px 16px;border-radius:30px;box-shadow:0 6px 16px rgba(14,38,84,.1)}
.vtl__item::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:6px solid var(--orange)}
.vtl__item:nth-child(3n+2)::after{border-color:var(--navy)}.vtl__item:nth-child(3n)::after{border-color:var(--green)}
.vtl__card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:0 6px 18px rgba(14,38,84,.06)}
.vtl__card h3{font-size:17px;margin-bottom:6px;color:var(--orange)}
.vtl__card p{margin:0;font-size:14px;color:var(--muted)}
.vtl__item:nth-child(even) .vtl__year{order:2;justify-self:start}
.vtl__item:nth-child(even) .vtl__card{order:1}
.vtl__item:last-child .vtl__card{border:2px solid var(--orange);background:#FFF3F0}
.mini-stats--wide{grid-template-columns:repeat(4,1fr);margin:0 0 50px}

/* services pages */
.svc-row{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.svc-row--rev .svc-row__img{order:2}
.svc-row__img{position:relative}
.svc-row__img img{width:100%;height:380px;object-fit:cover;border-radius:22px}
.svc-row__n{position:absolute;right:-16px;top:-16px;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font:800 28px var(--head);color:#fff;background:var(--orange);border:6px solid #fff;box-shadow:var(--shadow)}
.svc-row h2{margin-bottom:16px}
.svc-row .ticks{margin-bottom:22px}
.story-split--rev .story-split__img{order:2}
.cat-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}
.cat-box{border-radius:16px;padding:22px;color:#fff;display:flex;flex-direction:column}
.cat-box--o{background:linear-gradient(135deg,#F26A4F,#C92A15)}.cat-box--n{background:linear-gradient(135deg,#3561AE,#0E2654)}.cat-box--g{background:linear-gradient(135deg,#3CBF68,#0D7C34)}
.cat-box strong{font:800 40px/1 var(--head)}
.cat-box b{font:700 18px var(--head);margin-top:6px}
.cat-box span{font-size:13px;opacity:.9}
.table-wrap{overflow-x:auto;border-radius:14px;box-shadow:0 6px 18px rgba(14,38,84,.06)}
.catalog{width:100%;border-collapse:collapse;background:#fff;min-width:560px}
.catalog th{background:var(--navy-d);color:#fff;font:600 14px var(--head);padding:14px 16px;text-align:left}
.catalog td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}
.catalog td:first-child{font-weight:600;color:var(--navy-d);display:flex;align-items:center;gap:10px}
.catalog td:first-child svg{color:var(--orange);font-size:18px}
.catalog td svg{color:var(--green);font-size:18px}
.catalog tr:nth-child(even) td{background:#FAFBFD}
.cpb input{position:absolute;opacity:0;pointer-events:none}
.cpb__tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.cpb__tabs label{cursor:pointer;padding:14px 12px;border-radius:12px;border:2px solid var(--line);background:#fff;font:600 14px/1.3 var(--head);color:var(--navy-d);text-align:center;transition:.2s}
.cpb__tabs label:hover{border-color:var(--orange)}
.cpb__p{display:none;background:#fff;border-radius:16px;padding:28px;box-shadow:var(--shadow);border-left:6px solid var(--orange)}
.cpb__p h3{font-size:21px;margin-bottom:8px}
.cpb__p p{color:var(--muted)}
#cpb1:checked~.cpb__tabs label[for=cpb1],#cpb2:checked~.cpb__tabs label[for=cpb2],#cpb3:checked~.cpb__tabs label[for=cpb3],#cpb4:checked~.cpb__tabs label[for=cpb4]{background:var(--orange);border-color:var(--orange);color:#fff}
#cpb1:checked~.cpb__panels .cpb__p:nth-child(1),#cpb2:checked~.cpb__panels .cpb__p:nth-child(2),#cpb3:checked~.cpb__panels .cpb__p:nth-child(3),#cpb4:checked~.cpb__panels .cpb__p:nth-child(4){display:block}
.cpb input:focus-visible~.cpb__tabs{outline:2px dashed var(--navy);outline-offset:4px}
.apply-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}
.apply-grid h2{margin-bottom:12px}
.apply-grid .ticks{margin-top:14px}
.apply-grid .cform{background:#fff;border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.form-note{grid-column:1/-1;font-size:12.5px;color:var(--muted);margin:0}
.form-title{font-size:24px;margin-bottom:16px}

/* student journey stages */
.stages{display:grid;gap:34px}
.stage{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.stage--rev .stage__img{order:2}
.stage__img{position:relative}
.stage__img img{width:100%;height:280px;object-fit:cover;border-radius:20px}
.stage__img span{position:absolute;left:-14px;top:-14px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font:800 22px var(--head);color:#fff;background:var(--orange);border:5px solid #fff;box-shadow:var(--shadow)}
.stage:nth-child(3n+2) .stage__img span{background:var(--navy)}.stage:nth-child(3n) .stage__img span{background:var(--green)}
.stage__body small{color:var(--orange);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.stage__body h3{font-size:clamp(22px,2.4vw,28px);margin:4px 0 8px}
.stage__body p{color:var(--muted)}

/* industry partnership */
.mou{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
.mou__p{background:#fff;border-radius:18px;padding:30px 24px;text-align:center;box-shadow:0 8px 24px rgba(14,38,84,.08);border-top:6px solid var(--orange)}
.mou__p--n{border-top-color:var(--navy)}.mou__p--g{border-top-color:var(--green)}
.mou__p>svg{width:64px;height:64px;padding:16px;border-radius:50%;color:#fff;background:var(--orange);margin-bottom:14px}
.mou__p--n>svg{background:var(--navy)}.mou__p--g>svg{background:var(--green)}
.mou__p h3{font-size:19px;margin-bottom:8px}
.mou__p p{margin:0;color:var(--muted);font-size:14px}
.case-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.case{background:#fff;border-radius:16px;padding:22px;border:1px solid var(--line)}
.case b{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.case h3{font-size:18px;margin:6px 0}
.case p{margin:0;color:var(--muted);font-size:14px}

/* impact page */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.case-lg{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(14,38,84,.07);transition:.25s}
.case-lg:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.case-lg img{width:100%;height:180px;object-fit:cover}
.case-lg div{padding:20px 22px 24px}
.case-lg b{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.case-lg h3{font-size:18px;margin:4px 0 8px}
.case-lg p{margin:0;color:var(--muted);font-size:14px}
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vid{margin:0;position:relative;border-radius:18px;overflow:hidden;height:240px}
.vid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.vid:hover img{transform:scale(1.06)}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(11,29,64,.85))}
.vid>svg{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:64px;color:#fff;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.vid figcaption{position:absolute;left:18px;bottom:16px;z-index:1;color:#fff;font:700 17px var(--head)}
.news{display:grid;gap:12px;margin-bottom:22px}
.news article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;border-left:4px solid var(--orange)}
.news article:nth-child(3n+2){border-left-color:var(--navy)}.news article:nth-child(3n){border-left-color:var(--green)}
.news time{font-size:12px;font-weight:600;color:var(--orange);letter-spacing:.06em}
.news h3{font-size:16px;margin:4px 0 0}
.news p{margin:6px 0 0;font-size:13.5px;color:var(--muted)}
.news--grid{grid-template-columns:repeat(3,1fr);gap:18px}
.esg h2{margin-bottom:10px}

/* careers */
.board{background:#fff;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.board__filters{display:flex;flex-wrap:wrap;gap:8px;padding:18px 20px;background:#F6F8FC;border-bottom:1px solid var(--line)}
.fchip{padding:8px 14px;border-radius:30px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600;color:var(--navy-d)}
.fchip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.board__empty{text-align:center;padding:50px 20px}
.board__empty>svg{width:76px;height:76px;padding:18px;border-radius:50%;background:#FFF3F0;color:var(--orange);margin-bottom:12px}
.board__empty h3{font-size:21px;margin-bottom:6px}
.board__empty p{color:var(--muted);max-width:520px;margin:0 auto 18px}

/* resources */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
.faq-wrap .sec-head{text-align:left;margin-left:0}
.faq-wrap .center{text-align:left}
.faqs{display:grid;gap:10px}
.faq{background:#fff;border-radius:12px;border:1px solid var(--line);overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:16px 50px 16px 18px;font:600 15.5px var(--head);color:var(--navy-d);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#FFF3F0;color:var(--orange);font-size:18px;transition:.2s}
.faq[open] summary::after{content:"–";background:var(--orange);color:#fff}
.faq[open] summary{border-bottom:1px solid var(--line)}
.faq p{margin:0;padding:14px 18px 18px;color:var(--muted);font-size:14.5px}

/* orchid page + contact */
.portal{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.portal__card{background:#fff;border-radius:18px;padding:30px 24px;text-align:center;box-shadow:0 8px 24px rgba(14,38,84,.08);border-top:6px solid var(--orange);display:flex;flex-direction:column;align-items:center;transition:.25s}
.portal__card--n{border-top-color:var(--navy)}.portal__card--g{border-top-color:var(--green)}
.portal__card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.portal__card>svg{width:64px;height:64px;padding:16px;border-radius:50%;color:#fff;background:var(--orange);margin-bottom:14px}
.portal__card--n>svg{background:var(--navy)}.portal__card--g>svg{background:var(--green)}
.portal__card h3{font-size:20px;margin-bottom:6px}
.portal__card p{color:var(--muted);font-size:14px;flex:1}
.presence .cform{grid-template-columns:1fr 1fr}
.contact__grid--wide{max-width:none;grid-template-columns:.8fr 1.2fr;gap:40px}
.map{border-radius:18px;overflow:hidden;box-shadow:var(--shadow);min-height:380px;background:#E8EEF8}
.map iframe{width:100%;height:100%;min-height:380px;border:0;display:block}
.pg-hero--slim{min-height:0}
.pg-hero__in--one{grid-template-columns:1fr}
.legal{max-width:860px}
.legal h2{font-size:22px;margin:26px 0 8px}
.legal p{color:var(--muted)}

/* responsive for the new components */
@media (max-width:1240px){
  .menu .btn-appoint--mobile{display:flex;justify-content:center;margin:8px 18px}
  .menu .btn-appoint--mobile:last-child{margin-bottom:18px}
  .svc__grid{grid-template-columns:repeat(2,1fr)}
  .fsteps--7{grid-template-columns:repeat(4,1fr)}
  .fsteps--7 li::after{display:none}
  .tl-strip{grid-template-columns:repeat(4,1fr);row-gap:26px}
  .tl-strip::before{display:none}
  .sectors{grid-template-columns:repeat(4,1fr)}
  .dl-grid,.dl-grid:has(> :nth-child(5)){grid-template-columns:repeat(2,1fr)}
  .dl-grid:has(> :nth-child(5)) .dl{flex-direction:row;text-align:left}
  .dl-grid:has(> :nth-child(5)) .dl__go{margin:0 0 0 auto}
  .out-stats--wide{grid-template-columns:repeat(3,1fr)}
  .footer__grid--5{grid-template-columns:1fr 1fr 1fr}
  .areas--4{grid-template-columns:repeat(2,1fr)}
  .news--grid,.cases{grid-template-columns:repeat(2,1fr)}
  .orchid-float span{display:none}
  .orchid-float{padding:8px}
}
@media (max-width:860px){
  .pillars{margin-top:0}
  .pillars__box{grid-template-columns:1fr;border-radius:0}
  .pillar+.pillar{border-left:0;border-top-width:5px}
  .ip-grid,.out-grid,.orchid__grid,.svc-row,.apply-grid,.stage,.faq-wrap,.contact__grid--wide{grid-template-columns:1fr}
  .svc-row--rev .svc-row__img,.stage--rev .stage__img,.story-split--rev .story-split__img{order:0}
  .dash__grid{grid-template-columns:repeat(2,1fr)}
  .fsteps--5,.fsteps--12{grid-template-columns:repeat(2,1fr)}
  .fsteps--5 li::after{display:none}
  .benefits,.mou,.portal,.case-row,.videos,.cat-sum,.areas--3{grid-template-columns:1fr}
  .vtl::before{left:12px}
  .vtl__item{grid-template-columns:1fr;gap:10px;padding-left:40px}
  .vtl__item::after{left:13px;top:22px}
  .vtl__year,.vtl__item:nth-child(even) .vtl__year{justify-self:start;order:0}
  .vtl__item:nth-child(even) .vtl__card{order:1}
  .mock{transform:none}
  .cpb__tabs{grid-template-columns:1fr 1fr}
  .mini-stats--wide{grid-template-columns:repeat(2,1fr)}
  .out-media img{height:300px}
  .quick-start{flex-wrap:wrap}
  .quick-start .btn{margin-left:0}
  .copy .sub{margin-left:auto;margin-right:auto}
  .hero-cta{justify-content:center}
}
@media (max-width:600px){
  .svc__grid,.strengths,.chain,.dl-grid,.dl-grid:has(> :nth-child(5)),.news--grid,.cases,.ip-benefits,.orchid__feat,.esg .dl-grid,.footer__grid--5{grid-template-columns:1fr}
  .fsteps--7,.fsteps--5,.fsteps--12{grid-template-columns:1fr}
  .tl-strip{grid-template-columns:1fr 1fr}
  .sectors{grid-template-columns:repeat(2,1fr)}
  .out-stats,.out-stats--wide{grid-template-columns:1fr 1fr}
  .dash__grid{grid-template-columns:1fr 1fr;gap:10px}
  .dash__item{padding:18px 8px}
  .dash__item strong{font-size:22px}
  .cpb__tabs{grid-template-columns:1fr}
  .newsletter__form{flex:1 1 100%;width:100%;max-width:100%}
  .newsletter__form input{width:100%}
  .newsletter__in{flex-direction:column;align-items:stretch}
  .presence .cform{grid-template-columns:1fr}
  .svc-row__img img,.stage__img img{height:230px}
  .hero-cta .btn{padding:11px 16px;font-size:13px}
}
.diff .sectors{grid-template-columns:repeat(4,1fr)}
@media (max-width:600px){.diff .sectors{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){
  .hero{min-height:760px}
  .slide__in,.slide__in--rev,.s1 .slide__in{padding-bottom:96px}
  .navbar .btn-appoint{margin-left:auto}
  .burger{margin-left:8px}
}
@media (max-width:600px){
  .navbar .btn-appoint{padding:9px 11px;font-size:12px}
  .navbar .btn-appoint svg{display:none}
  .hero{min-height:800px}
}
@media (max-width:860px){
  .navbar .btn-appoint{order:2}
  .burger{order:3}
  .x-1,.x-2,.x-3{display:none}
  .s3 .slide__in{background:none}
  .slide.is-active .media--diamond,.slide .media--diamond{transform:scale(.62)!important;transform-origin:top center;margin:0 auto -150px}
  .media--cut{height:260px}
}
@media (max-width:860px){
  .slide.is-active .media--diamond,.slide .media--diamond{transform:none!important;margin:0 auto;width:290px;height:270px}
  .media--diamond .dm{width:120px;height:120px;border-width:5px;border-radius:20px}
  .media--diamond .dm--1{left:95px;top:6px}.media--diamond .dm--2{left:8px;top:96px}.media--diamond .dm--3{left:150px;top:132px}
}