:root{--green:#0b4f3c;--green2:#176650;--gold:#b58a32;--cream:#f8f3e7;--ink:#15221d;--muted:#607069;--white:#fff;--line:#e5dfd2;--shadow:0 18px 55px rgba(10,48,37,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.topbar{background:var(--green);color:#fff;text-align:center;padding:7px 16px;font-size:13px;letter-spacing:.03em}.topbar strong{color:#f4d990}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(11,79,60,.12)}
.navwrap{max-width:1240px;margin:auto;display:flex;align-items:center;gap:22px;padding:10px 18px}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand img{width:150px;height:62px;object-fit:cover;object-position:center 36%;border-radius:8px}.brandtext{font-size:11px;color:var(--green);font-weight:800;letter-spacing:.08em;line-height:1.2}.nav{display:flex;align-items:center;gap:18px;margin-left:auto}.nav a{font-size:14px;font-weight:700;color:#294238}.nav a:hover,.nav a.active{color:var(--gold)}
.header-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 18px;border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer;transition:.2s}.btn-primary{background:var(--green);color:#fff;box-shadow:0 9px 24px rgba(11,79,60,.2)}.btn-primary:hover{background:var(--green2);transform:translateY(-1px)}.btn-gold{background:var(--gold);color:#fff}.btn-light{background:#fff;color:var(--green);border-color:#d8ddd9}.btn-ghost{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}.menu{display:none;border:none;background:transparent;font-size:26px;color:var(--green)}
.hero{min-height:670px;position:relative;display:flex;align-items:center;background:url('assets/hero-broadcast.jpg') center/cover no-repeat;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,31,24,.94) 0%,rgba(4,31,24,.79) 48%,rgba(4,31,24,.28) 100%)}.hero .inner{position:relative;z-index:2;max-width:1240px;margin:auto;padding:90px 20px;width:100%}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:#dbbd6e;margin-bottom:12px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(45px,6vw,78px);line-height:1.03;max-width:780px;margin:0 0 20px}.hero p{font-size:20px;max-width:720px;color:#edf5f1;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.chip{padding:8px 12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.23);border-radius:999px;font-size:13px;backdrop-filter:blur(4px)}
.section{padding:82px 20px}.section.alt{background:var(--cream)}.container{max-width:1180px;margin:auto}.section-title{max-width:800px;margin-bottom:36px}.section-title h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,52px);line-height:1.1;margin:5px 0 14px;color:var(--green)}.section-title p{font-size:18px;color:var(--muted);margin:0}.grid{display:grid;gap:22px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 10px 30px rgba(20,40,32,.05)}.card h3{margin:8px 0 8px;color:var(--green);font-size:21px}.card p{margin:0;color:var(--muted)}.icon{width:44px;height:44px;border-radius:13px;background:#edf5f1;color:var(--green);display:grid;place-items:center;font-size:20px;font-weight:900}.number{font-family:Georgia,serif;color:var(--gold);font-size:37px;font-weight:700;line-height:1}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;position:relative}.step strong{display:block;color:var(--green);font-size:18px;margin-top:6px}.step span{font-size:13px;color:var(--muted)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.photo{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);position:relative}.photo img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;bottom:18px;left:18px;right:18px;padding:14px 16px;background:rgba(255,255,255,.94);border-radius:14px;color:var(--green);font-weight:800}.quote{font-family:Georgia,serif;font-size:27px;color:var(--green);line-height:1.4;border-left:4px solid var(--gold);padding-left:22px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.fact{background:#f1f6f3;border-radius:16px;padding:17px}.fact strong{display:block;font-size:22px;color:var(--green)}.fact span{font-size:13px;color:var(--muted)}
.page-hero{background:linear-gradient(135deg,var(--green),#083a2d);color:#fff;padding:90px 20px 75px}.page-hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}.page-hero h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,66px);line-height:1.08;margin:0 0 16px}.page-hero p{font-size:19px;color:#dceae4;max-width:700px}.mini-photo{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.2)}.mini-photo img{aspect-ratio:4/3;object-fit:cover}
.module{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}.module:last-child{border-bottom:none}.module b{min-width:38px;color:var(--gold);font-family:Georgia,serif;font-size:23px}.module strong{color:var(--green);display:block}.module span{color:var(--muted);font-size:14px}.notice{background:#fff8e5;border:1px solid #ead3a1;border-radius:16px;padding:18px;color:#654f1f}.notice strong{color:#4f3d16}.salary{font-family:Georgia,serif;color:var(--gold);font-size:22px}.timeline{display:grid;gap:16px}.tl{display:grid;grid-template-columns:95px 1fr;gap:18px;align-items:start}.tl .yr{background:var(--green);color:#fff;border-radius:14px;padding:13px;text-align:center;font-weight:900}.tl .body{border-left:2px solid #d8e1dc;padding-left:20px}.tl .body h3{margin:0 0 4px;color:var(--green)}
.form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800;color:#345146}.field input,.field select,.field textarea{border:1px solid #ccd8d2;border-radius:12px;padding:13px 14px;font:inherit;background:#fff}.field textarea{min-height:110px;resize:vertical}.demo-note{font-size:12px;color:#7a6d4e;background:#fff8e5;border-radius:10px;padding:10px;margin:13px 0}.form-success{display:none;background:#edf7f2;color:var(--green);padding:14px;border-radius:12px;margin-top:12px;font-weight:700}
.cta{background:linear-gradient(120deg,#0b4f3c,#133d32);color:#fff;border-radius:28px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-family:Georgia,serif;font-size:38px;margin:0 0 8px}.cta p{margin:0;color:#d9e9e2}.footer{background:#071d17;color:#cfe0d9;padding:55px 20px 28px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer h4{color:#fff;margin:0 0 12px}.footer a{display:block;color:#cfe0d9;margin:6px 0;font-size:14px}.footer-bottom{max-width:1180px;margin:35px auto 0;border-top:1px solid rgba(255,255,255,.13);padding-top:20px;font-size:12px;color:#91aaa0;display:flex;justify-content:space-between;gap:20px}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:100;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modalbox{background:#fff;max-width:520px;border-radius:22px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.3)}.modalbox h3{color:var(--green);margin-top:0}.close{float:right;border:none;background:#edf3ef;border-radius:999px;width:36px;height:36px;font-size:20px;cursor:pointer}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.on{opacity:1;transform:none}
@media(max-width:1050px){.nav{display:none;position:absolute;top:83px;left:15px;right:15px;background:#fff;border:1px solid var(--line);padding:16px;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu{display:block;margin-left:auto}.header-actions .btn-light{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.split,.page-hero .container{grid-template-columns:1fr}.journey{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.brand img{width:120px;height:52px}.brandtext{display:none}.navwrap{gap:8px}.header-actions .btn-primary{padding:9px 13px;font-size:12px}.hero{min-height:620px}.hero .inner{padding:70px 18px}.hero p{font-size:17px}.section{padding:60px 18px}.grid-4,.grid-3,.grid-2,.facts,.journey,.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.cta{padding:30px;align-items:flex-start;flex-direction:column}.cta h2{font-size:31px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{padding-top:65px}.page-hero .container{display:block}.mini-photo{margin-top:28px}.tl{grid-template-columns:75px 1fr}}

/* ===== SAARS HOME V2 — compact premium broadcast theme ===== */
.home-page{background:#071713;color:#eef6f2}
.home-topbar{background:#071713;border-bottom:1px solid rgba(255,255,255,.08);color:#9fb9af;text-transform:uppercase;font-size:11px;letter-spacing:.14em;padding:7px 16px}.home-topbar span{color:#d0a94c;margin:0 9px}
.home-header{background:rgba(7,23,19,.92);border-bottom:1px solid rgba(255,255,255,.08)}
.home-header .brandtext,.home-header .menu{color:#d8e8e1}.home-header .nav a{color:#d8e8e1}.home-header .nav a:hover,.home-header .nav a.active{color:#e8c76e}.home-header .btn-primary{background:#d2aa4c;color:#0c211a;box-shadow:none}.home-header .btn-primary:hover{background:#e2c16f}
.home-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(35,149,132,.20),transparent 25%),linear-gradient(135deg,#071713 0%,#0a251e 48%,#071713 100%)}
.home-hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-260px;top:-260px;border:1px solid rgba(205,171,85,.20);box-shadow:0 0 0 80px rgba(205,171,85,.025),0 0 0 160px rgba(205,171,85,.018);pointer-events:none}
.hero-scanline{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.home-hero-inner{position:relative;z-index:2;max-width:1240px;margin:auto;padding:62px 20px 54px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:50px;min-height:575px}
.live-label{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);padding:7px 12px;border-radius:999px;font-size:11px;letter-spacing:.15em;font-weight:900;color:#d2ded9}.live-label i{width:8px;height:8px;background:#e65345;border-radius:50%;box-shadow:0 0 0 0 rgba(230,83,69,.45);animation:livePulse 1.8s infinite}.home-hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,5.3vw,73px);line-height:1.02;letter-spacing:-.035em;margin:19px 0 18px;color:#fff}.home-hero-copy h1 span{display:block;color:#d8b85b}.home-hero-copy>p{font-size:18px;line-height:1.65;color:#bdd0c8;max-width:610px;margin:0 0 25px}.home-hero-copy .btn-ghost{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.035)}.btn-wide{min-width:168px}.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.hero-proof span{font-size:12px;font-weight:700;color:#b8cbc3;padding:7px 10px;border-left:2px solid #d2aa4c;background:rgba(255,255,255,.035)}
.broadcast-stage{position:relative;height:430px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 90px rgba(0,0,0,.34)}.stage-image{position:absolute;inset:0;overflow:hidden}.stage-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,20,16,.05),rgba(5,20,16,.35))}.stage-image img{width:100%;height:100%;object-fit:cover;animation:heroDrift 11s ease-in-out infinite alternate;transform-origin:center}.stage-frame{position:absolute;inset:18px;border:1px solid rgba(218,185,95,.55);border-radius:21px;pointer-events:none}.stage-frame:before,.stage-frame:after{content:"";position:absolute;width:46px;height:3px;background:#d8b85b;top:-2px}.stage-frame:before{left:35px}.stage-frame:after{right:35px}.stage-tag{position:absolute;background:rgba(5,24,19,.78);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.15);padding:9px 13px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:tagFloat 4s ease-in-out infinite}.stage-tag b{display:block;color:#fff;font-size:13px;letter-spacing:.1em}.stage-tag small{font-size:9px;color:#d9bf73;letter-spacing:.13em}.tag-live{left:34px;top:36px}.tag-ott{right:35px;top:72px;animation-delay:-1.4s}.tag-edit{left:70px;bottom:35px;animation-delay:-2.6s}.signal-bars{position:absolute;right:38px;bottom:34px;height:33px;display:flex;gap:4px;align-items:flex-end}.signal-bars i{display:block;width:4px;border-radius:3px;background:#d8b85b;animation:eq 1.2s ease-in-out infinite alternate}.signal-bars i:nth-child(1){height:11px}.signal-bars i:nth-child(2){height:23px;animation-delay:-.2s}.signal-bars i:nth-child(3){height:16px;animation-delay:-.5s}.signal-bars i:nth-child(4){height:30px;animation-delay:-.8s}.signal-bars i:nth-child(5){height:20px;animation-delay:-.35s}.signal-bars i:nth-child(6){height:9px;animation-delay:-.65s}
.media-ticker{position:relative;z-index:3;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#0d2b23;overflow:hidden;white-space:nowrap;height:42px;display:flex;align-items:center}.ticker-track{display:inline-flex;align-items:center;gap:18px;min-width:max-content;animation:ticker 34s linear infinite;font-size:10px;font-weight:900;letter-spacing:.18em;color:#b8cbc4}.ticker-track i{color:#d2aa4c;font-style:normal}
.home-compact-section{background:#f6f3eb;color:#14251e;padding:60px 20px 54px}.home-heading{display:grid;grid-template-columns:1fr .8fr;gap:55px;align-items:end;margin-bottom:28px}.home-heading h2,.explore-intro h2{font-family:Georgia,'Times New Roman',serif;color:#0b4f3c;font-size:clamp(32px,3.6vw,47px);line-height:1.08;margin:4px 0 0}.home-heading>p{margin:0;color:#617068;font-size:16px;line-height:1.7}
.visual-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.visual-card{height:245px;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 16px 38px rgba(10,37,28,.11);isolation:isolate}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,18,14,.86) 100%);z-index:1}.visual-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.visual-card:hover img{transform:scale(1.07)}.visual-card-overlay{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.visual-card-overlay>span{font-family:Georgia,serif;font-size:25px;color:#d8b85b}.visual-card-overlay b{display:block;font-size:16px}.visual-card-overlay small{display:block;color:#c5d5ce;font-size:11px;margin-top:1px}.visual-card-overlay strong{font-size:22px;color:#d8b85b;transition:transform .25s}.visual-card:hover .visual-card-overlay strong{transform:translateX(4px)}
.home-explore-section{padding:60px 20px;background:#fff;color:#14251e}.home-explore-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:start}.explore-intro p{font-size:16px;color:#65756d;max-width:440px}.micro-roadmap{margin-top:25px;display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;font-weight:900;letter-spacing:.09em;color:#0b4f3c}.micro-roadmap i{font-style:normal;color:#c0993d}
.home-accordion{border-top:1px solid #dbe2de}.home-accordion details{border-bottom:1px solid #dbe2de}.home-accordion summary{cursor:pointer;list-style:none;padding:16px 4px;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:12px;color:#17382d}.home-accordion summary::-webkit-details-marker{display:none}.home-accordion summary b{font-size:16px}.home-accordion summary em{font-style:normal;font-size:24px;color:#b38c35;transition:transform .25s}.home-accordion details[open] summary em{transform:rotate(45deg)}.acc-no{font-family:Georgia,serif;color:#b38c35;font-size:18px}.acc-body{padding:0 42px 17px 54px;color:#66776f;font-size:14px;line-height:1.7}.acc-body a{color:#0b4f3c;font-weight:900;white-space:nowrap}
.home-final-section{background:#0a211b;padding:44px 20px}.home-final-cta{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:34px 38px;background:linear-gradient(120deg,rgba(29,111,91,.48),rgba(8,30,24,.7)),url('hero-broadcast.jpg') center 45%/cover;display:flex;justify-content:space-between;align-items:center;gap:35px}.home-final-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,21,.94),rgba(6,27,21,.65) 66%,rgba(6,27,21,.28));z-index:0}.home-final-cta>*{position:relative;z-index:1}.cta-kicker{font-size:10px;letter-spacing:.18em;color:#d9bd6d;font-weight:900}.home-final-cta h2{font-family:Georgia,serif;font-size:clamp(28px,3vw,39px);max-width:720px;line-height:1.1;margin:5px 0 8px;color:#fff}.home-final-cta p{margin:0;color:#bfd2ca}.final-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.compact-footer{padding-top:38px}.compact-footer .footer-grid{grid-template-columns:1.5fr .8fr .8fr}
@keyframes heroDrift{0%{transform:scale(1.01) translate3d(0,0,0)}100%{transform:scale(1.08) translate3d(-1.5%,1%,0)}}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(230,83,69,.45)}70%{box-shadow:0 0 0 7px rgba(230,83,69,0)}100%{box-shadow:0 0 0 0 rgba(230,83,69,0)}}
@keyframes tagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes eq{0%{transform:scaleY(.45);opacity:.6}100%{transform:scaleY(1);opacity:1}}
@keyframes ticker{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.stage-image img,.stage-tag,.signal-bars i,.ticker-track,.live-label i{animation:none!important}.visual-card img{transition:none}}
@media(max-width:1050px){.home-header .nav{top:83px;background:#0b251e;border-color:rgba(255,255,255,.1)}.home-hero-inner{grid-template-columns:1fr;gap:28px;padding-top:48px}.home-hero-copy{max-width:720px}.broadcast-stage{height:390px}.home-heading,.home-explore-grid{grid-template-columns:1fr;gap:28px}.home-heading{align-items:start}.home-heading>p{max-width:720px}.home-explore-grid{gap:32px}.compact-footer .footer-grid{grid-template-columns:1.3fr 1fr 1fr}}
@media(max-width:700px){.home-topbar{font-size:9px;letter-spacing:.09em}.home-header .brand img{background:#fff}.home-hero-inner{padding:38px 18px 37px;min-height:auto}.home-hero-copy h1{font-size:44px}.home-hero-copy>p{font-size:16px}.broadcast-stage{height:285px;border-radius:21px}.stage-frame{inset:11px;border-radius:15px}.stage-tag{padding:6px 9px}.tag-live{left:21px;top:25px}.tag-ott{right:22px;top:52px}.tag-edit{left:40px;bottom:24px}.signal-bars{right:24px;bottom:25px}.media-ticker{height:38px}.home-compact-section,.home-explore-section{padding:44px 18px}.home-heading{margin-bottom:22px}.visual-cards{grid-template-columns:1fr}.visual-card{height:205px}.home-heading h2,.explore-intro h2{font-size:34px}.home-final-section{padding:30px 18px}.home-final-cta{padding:27px 24px;align-items:flex-start;flex-direction:column}.final-actions{justify-content:flex-start}.acc-body{padding-left:50px;padding-right:8px}.compact-footer .footer-grid{grid-template-columns:1fr}}


/* ===== SAARS HOME v3 — Premium Light Broadcast Theme ===== */
.home-page{background:#f5f6f7;color:#122331}
.home-topbar{background:#0a1c2a;color:#c8d7dd;border-bottom:1px solid rgba(255,255,255,.08)}
.home-topbar span{color:#28a69a}
.home-header{background:rgba(255,255,255,.96);border-bottom:1px solid #dce5e7;box-shadow:0 10px 28px rgba(10,28,42,.06);backdrop-filter:blur(12px)}
.home-header .brandtext{color:#173449}
.home-header .nav a{color:#395462}
.home-header .nav a:hover,.home-header .nav a.active{color:#0c746c}
.home-header .nav a.active:after{background:#0c746c}
.home-header .menu{color:#173449;border-color:#cad9dd}
.home-header .btn-primary{background:#0c746c;border-color:#0c746c;color:#fff;box-shadow:0 8px 20px rgba(12,116,108,.18)}

.home-hero{background:
  radial-gradient(circle at 84% 18%,rgba(22,137,128,.11),transparent 28%),
  radial-gradient(circle at 8% 72%,rgba(190,155,78,.08),transparent 25%),
  linear-gradient(135deg,#fbfbf8 0%,#eef4f4 56%,#f8f6f0 100%);color:#10293b;border-bottom:1px solid #dce5e7}
.home-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(115deg,transparent 0 47%,rgba(12,116,108,.06) 48%,transparent 49%),linear-gradient(65deg,transparent 0 52%,rgba(10,28,42,.035) 53%,transparent 54%);background-size:160px 160px,220px 220px}
.home-hero:after{border-color:rgba(12,116,108,.13);box-shadow:0 0 0 76px rgba(12,116,108,.025),0 0 0 152px rgba(10,28,42,.018)}
.hero-scanline{opacity:.18;background-image:linear-gradient(rgba(10,28,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(10,28,42,.018) 1px,transparent 1px);mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.home-hero-inner{min-height:520px;padding-top:48px;padding-bottom:44px;gap:54px}
.live-label{background:#fff;border:1px solid #d6e2e3;color:#35545c;box-shadow:0 8px 24px rgba(10,28,42,.05)}
.live-label i{background:#e45148}
.home-hero-copy h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#10293b;font-weight:800;font-size:clamp(45px,5vw,69px);letter-spacing:-.045em;line-height:.98;margin-top:21px}
.home-hero-copy h1 span{color:#0c746c;display:block}
.home-hero-copy>p{color:#506b77;font-size:17px;max-width:640px}
.home-hero-copy .btn-gold{background:#0a1c2a;border-color:#0a1c2a;color:#fff;box-shadow:0 10px 24px rgba(10,28,42,.16)}
.home-hero-copy .btn-gold:hover{background:#15344a;border-color:#15344a}
.home-hero-copy .btn-ghost{background:#fff;color:#0c746c;border-color:#bfcfd3;box-shadow:0 8px 20px rgba(10,28,42,.05)}
.home-hero-copy .btn-ghost:hover{border-color:#0c746c;background:#f3fbfa}
.hero-proof{margin-top:20px}.hero-proof span{background:rgba(255,255,255,.70);color:#536c75;border-left-color:#c4a25c;box-shadow:0 6px 16px rgba(10,28,42,.035)}

.broadcast-stage{height:385px;border-radius:26px;border:1px solid #cbdadc;box-shadow:0 28px 60px rgba(12,39,53,.18);background:#0a1c2a}
.stage-image:after{background:linear-gradient(180deg,rgba(7,24,35,.03),rgba(7,24,35,.34))}
.stage-frame{border-color:rgba(232,203,126,.72)}
.stage-frame:before,.stage-frame:after{background:#d6b35e}
.stage-tag{background:rgba(7,27,39,.82);border-color:rgba(255,255,255,.18)}
.stage-tag small{color:#e3c87e}.signal-bars i{background:#e1bd63}
.media-ticker{height:39px;background:#0a1c2a;border-color:#163246}.ticker-track{color:#c6d7dc}.ticker-track i{color:#49b9ae}

.home-compact-section{background:#fff;color:#132c3b;padding-top:50px;padding-bottom:48px}
.home-heading{margin-bottom:24px}.home-heading h2,.explore-intro h2{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:780;color:#10293b;letter-spacing:-.03em}
.home-heading>p,.explore-intro p{color:#627984}
.home-compact-section .eyebrow,.home-explore-section .eyebrow{color:#0c746c;letter-spacing:.14em}
.visual-cards{gap:18px}.visual-card{height:220px;border-radius:18px;box-shadow:0 16px 34px rgba(15,45,61,.10);border:1px solid #d9e3e5}.visual-card:after{background:linear-gradient(180deg,rgba(4,20,29,.02) 22%,rgba(4,20,29,.88) 100%)}.visual-card-overlay>span,.visual-card-overlay strong{color:#e4c26e}.visual-card-overlay small{color:#d3e0e3}

.home-explore-section{background:#f1f5f5;color:#132c3b;padding-top:50px;padding-bottom:50px;border-top:1px solid #e1e8e9}.micro-roadmap{color:#0c746c}.micro-roadmap i{color:#b28a37}.home-accordion{border-top-color:#cfdcde}.home-accordion details{border-bottom-color:#cfdcde;background:rgba(255,255,255,.44)}.home-accordion details[open]{background:#fff;box-shadow:0 8px 24px rgba(15,45,61,.05)}.home-accordion summary{color:#17394a;padding-left:12px;padding-right:10px}.home-accordion summary em,.acc-no{color:#0c746c}.acc-body{color:#667d86}.acc-body a{color:#0c746c}

.home-final-section{background:#0a1c2a;padding-top:38px;padding-bottom:38px}.home-final-cta{border-color:rgba(255,255,255,.13);background:linear-gradient(105deg,rgba(7,27,39,.80),rgba(6,37,48,.55)),url('hero-broadcast.jpg') center 45%/cover}.home-final-cta:after{background:linear-gradient(90deg,rgba(7,25,37,.96),rgba(7,25,37,.68) 64%,rgba(7,25,37,.24))}.cta-kicker{color:#62c4b9}.home-final-cta p{color:#c5d7dc}.home-final-cta .btn-gold{background:#fff;border-color:#fff;color:#0a1c2a}.home-final-cta .btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);color:#fff}
.compact-footer{background:#07141e}

@media(max-width:1050px){.home-header .nav{background:#fff;border-color:#d7e1e3}.home-header .nav a{color:#284653}.home-header .nav a.active{color:#0c746c}}
@media(max-width:700px){.home-header .brand img{background:#fff}.home-hero-inner{padding-top:34px;padding-bottom:32px}.home-hero-copy h1{font-size:42px}.broadcast-stage{height:265px}.home-compact-section,.home-explore-section{padding-top:40px;padding-bottom:40px}.visual-card{height:190px}.home-final-section{padding-top:27px;padding-bottom:27px}}

/* ===== SAARS HOME v4 — Electric Broadcast / Media World Theme ===== */
.home-page{
  --media-ink:#071827;
  --media-blue:#006dff;
  --media-cyan:#00bfcf;
  --media-violet:#6c4cff;
  --media-red:#ff493d;
  --media-ice:#f4f9fd;
  --media-line:#d8e6ef;
  background:#f4f9fd;
  color:#102536;
}
.home-topbar{
  background:linear-gradient(90deg,#071827 0%,#0c2840 55%,#102c47 100%);
  color:#d6e9f4;
  border-bottom:1px solid rgba(255,255,255,.1);
  letter-spacing:.16em;
}
.home-topbar span{color:#00d8e8}
.home-header{
  background:rgba(250,253,255,.94);
  border-bottom:1px solid #d7e4ed;
  box-shadow:0 12px 32px rgba(17,53,80,.08);
}
.home-header .brandtext{color:#17344b;letter-spacing:.095em}
.home-header .nav a{color:#314f63;font-weight:800}
.home-header .nav a:hover,.home-header .nav a.active{color:#006dff}
.home-header .nav a.active:after{background:linear-gradient(90deg,#006dff,#00bfcf)}
.home-header .menu{color:#0f344f;border-color:#bdd2df}
.home-header .btn-primary{
  background:linear-gradient(105deg,#006dff 0%,#00a9d6 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 10px 25px rgba(0,109,255,.22)
}

.home-hero{
  background:
    radial-gradient(circle at 88% 13%,rgba(0,191,207,.18),transparent 24%),
    radial-gradient(circle at 72% 78%,rgba(108,76,255,.13),transparent 27%),
    radial-gradient(circle at 7% 87%,rgba(0,109,255,.10),transparent 26%),
    linear-gradient(135deg,#f9fcff 0%,#edf7fc 48%,#f5f3ff 100%);
  color:#071827;
  border-bottom:1px solid #d6e5ef;
  overflow:hidden;
}
.home-hero:before{
  opacity:.48;
  background-image:
    linear-gradient(120deg,transparent 0 48%,rgba(0,109,255,.055) 49%,transparent 50%),
    linear-gradient(60deg,transparent 0 52%,rgba(0,191,207,.05) 53%,transparent 54%);
  background-size:150px 150px,220px 220px;
}
.home-hero:after{
  border-color:rgba(0,109,255,.14);
  box-shadow:0 0 0 70px rgba(0,191,207,.025),0 0 0 142px rgba(108,76,255,.018)
}
.hero-scanline{
  opacity:.28;
  background-image:linear-gradient(rgba(9,54,84,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,54,84,.025) 1px,transparent 1px);
  background-size:34px 34px;
}
.home-hero-inner{min-height:540px;padding-top:50px;padding-bottom:46px;gap:56px}
.live-label{
  background:rgba(255,255,255,.86);
  border:1px solid #cde0ea;
  color:#1f526c;
  box-shadow:0 10px 25px rgba(16,56,84,.07);
  font-family:"Bahnschrift SemiCondensed","Arial Narrow","Segoe UI",sans-serif;
  font-weight:800;
  letter-spacing:.13em;
}
.live-label i{background:var(--media-red);animation:livePulse 1.8s infinite}
.home-hero-copy h1{
  font-family:"Bahnschrift SemiCondensed","Arial Narrow","Arial Black","Segoe UI",sans-serif;
  font-weight:800;
  font-stretch:condensed;
  text-transform:uppercase;
  letter-spacing:-.032em;
  line-height:.90;
  color:#071827;
  font-size:clamp(48px,5.35vw,76px);
  margin-top:22px;
  text-wrap:balance;
}
.home-hero-copy h1 span{
  display:block;
  color:transparent;
  background:linear-gradient(95deg,#006dff 0%,#00aeca 52%,#6c4cff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 12px 34px rgba(0,109,255,.09);
}
.home-hero-copy>p{color:#4b6a7d;font-size:17px;line-height:1.7;max-width:650px}
.home-hero-copy .btn-gold{
  background:linear-gradient(105deg,#006dff 0%,#00b6d0 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 12px 28px rgba(0,109,255,.23)
}
.home-hero-copy .btn-gold:hover{background:linear-gradient(105deg,#005dde,#009fb8);transform:translateY(-2px)}
.home-hero-copy .btn-ghost{
  background:rgba(255,255,255,.78);
  color:#0b5da8;
  border-color:#b9d4e4;
  box-shadow:0 8px 22px rgba(17,57,83,.06)
}
.home-hero-copy .btn-ghost:hover{border-color:#006dff;background:#fff;color:#006dff}
.hero-proof span{
  background:rgba(255,255,255,.75);
  color:#49687a;
  border-left:3px solid #00bfcf;
  box-shadow:0 7px 18px rgba(16,58,83,.045)
}

.broadcast-stage{
  height:395px;
  border-radius:28px;
  border:1px solid #bcd5e2;
  background:#061a28;
  box-shadow:0 32px 78px rgba(16,55,83,.23),0 0 0 7px rgba(255,255,255,.46)
}
.stage-image:after{background:linear-gradient(180deg,rgba(5,19,29,.02),rgba(4,22,35,.32))}
.stage-frame{border-color:rgba(0,224,238,.74);box-shadow:inset 0 0 32px rgba(0,191,207,.08)}
.stage-frame:before,.stage-frame:after{background:#00d3e2;box-shadow:0 0 18px rgba(0,211,226,.55)}
.stage-tag{background:rgba(4,20,33,.86);border-color:rgba(0,217,232,.28);box-shadow:0 8px 25px rgba(0,0,0,.24)}
.stage-tag b{font-family:"Bahnschrift SemiCondensed","Arial Narrow",sans-serif;letter-spacing:.05em}
.stage-tag small{color:#7deaf2}.tag-live b{color:#fff}.tag-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff493d;box-shadow:0 0 0 5px rgba(255,73,61,.15);margin-right:5px;display:inline-block}
.signal-bars i{background:linear-gradient(to top,#006dff,#00d7e4);box-shadow:0 0 10px rgba(0,200,220,.35)}
.media-ticker{height:42px;background:linear-gradient(90deg,#071827,#0d2b44 55%,#102d4a);border-color:#163b5a}
.ticker-track{color:#d3e8f3;font-family:"Bahnschrift SemiCondensed","Arial Narrow","Segoe UI",sans-serif;font-weight:700;letter-spacing:.13em}.ticker-track i{color:#00d7e4}

.home-compact-section{background:#ffffff;color:#102536;padding-top:52px;padding-bottom:50px}
.home-heading h2,.explore-intro h2,.home-final-cta h2{
  font-family:"Bahnschrift SemiCondensed","Arial Narrow","Arial Black","Segoe UI",sans-serif;
  font-weight:800;
  font-stretch:condensed;
  letter-spacing:-.02em;
}
.home-heading h2,.explore-intro h2{
  text-transform:uppercase;
  color:#0a2940;
  line-height:1.02;
}
.home-heading>p,.explore-intro p{color:#60798a}
.home-compact-section .eyebrow,.home-explore-section .eyebrow{
  color:#006dff;
  font-family:"Bahnschrift SemiCondensed","Arial Narrow","Segoe UI",sans-serif;
  letter-spacing:.16em;
}
.visual-cards{gap:19px}
.visual-card{
  height:226px;
  border-radius:20px;
  border:1px solid #d3e3ec;
  box-shadow:0 18px 42px rgba(13,54,82,.12);
  background:#071827;
}
.visual-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(0,109,255,.05),transparent 45%,rgba(0,191,207,.08));pointer-events:none}
.visual-card:after{background:linear-gradient(180deg,rgba(3,18,30,.02) 18%,rgba(3,18,30,.90) 100%)}
.visual-card:hover{transform:translateY(-5px);box-shadow:0 25px 55px rgba(13,54,82,.17)}
.visual-card-overlay>span,.visual-card-overlay strong{color:#69ebf2}
.visual-card-overlay b{font-family:"Bahnschrift SemiCondensed","Arial Narrow","Segoe UI",sans-serif;font-size:20px;letter-spacing:.015em;text-transform:uppercase}
.visual-card-overlay small{color:#d5e7ee}

.home-explore-section{
  background:
    radial-gradient(circle at 90% 0,rgba(0,191,207,.08),transparent 27%),
    linear-gradient(180deg,#f1f7fb 0%,#f7fbfe 100%);
  color:#102536;
  border-top:1px solid #d8e7ef;
  padding-top:52px;padding-bottom:52px
}
.micro-roadmap{color:#006dff;font-family:"Bahnschrift SemiCondensed","Arial Narrow","Segoe UI",sans-serif;letter-spacing:.12em}.micro-roadmap i{color:#00aab9}
.home-accordion{border-top-color:#cadce7}
.home-accordion details{border-bottom-color:#cadce7;background:rgba(255,255,255,.58)}
.home-accordion details[open]{background:#fff;box-shadow:0 12px 30px rgba(16,57,84,.07);border-left:3px solid #00bfcf}
.home-accordion summary{color:#173f56}
.home-accordion summary b{font-family:"Bahnschrift SemiCondensed","Arial Narrow","Segoe UI",sans-serif;font-size:17px;letter-spacing:.01em}
.home-accordion summary em,.acc-no{color:#006dff}.acc-body{color:#657d8c}.acc-body a{color:#006dff}

.home-final-section{background:linear-gradient(135deg,#061623,#0b2840 58%,#102a43);padding-top:40px;padding-bottom:40px}
.home-final-cta{border-color:rgba(113,230,239,.22);background:linear-gradient(105deg,rgba(4,20,34,.83),rgba(6,46,69,.54)),url('hero-broadcast.jpg') center 45%/cover;box-shadow:0 25px 60px rgba(0,0,0,.20)}
.home-final-cta:after{background:linear-gradient(90deg,rgba(5,20,33,.96),rgba(5,35,53,.76) 61%,rgba(7,42,58,.32))}
.cta-kicker{color:#63e3eb;font-family:"Bahnschrift SemiCondensed","Arial Narrow",sans-serif;letter-spacing:.19em}
.home-final-cta h2{color:#fff;text-transform:uppercase;line-height:.98;letter-spacing:-.015em}
.home-final-cta p{color:#c9dee9}
.home-final-cta .btn-gold{background:linear-gradient(105deg,#006dff,#00b9cc);border-color:transparent;color:#fff;box-shadow:0 10px 28px rgba(0,129,255,.25)}
.home-final-cta .btn-ghost{background:rgba(255,255,255,.07);border-color:rgba(112,229,239,.35);color:#fff}
.compact-footer{background:#05121d}

@media(max-width:1050px){.home-header .nav{background:#fbfdff;border-color:#d5e4ec}.home-header .nav a{color:#244a60}.home-header .nav a.active{color:#006dff}}
@media(max-width:700px){
  .home-hero-copy h1{font-size:46px;line-height:.92}
  .home-hero-copy>p{font-size:16px}
  .broadcast-stage{height:275px;border-radius:22px}
  .home-heading h2,.explore-intro h2{font-size:35px}
  .visual-card{height:198px}
}

/* ===== SAARS HOME v5 — brochure-derived visual language (DESIGN ONLY; website content unchanged) ===== */
.home-page{
  --brochure-green:#063a31;
  --brochure-green-deep:#052f29;
  --brochure-green-ink:#0a3c34;
  --brochure-ivory:#f6f1e3;
  --brochure-paper:#fbf8ef;
  --brochure-gold:#c89a16;
  --brochure-red:#e84c3f;
  --brochure-text:#263b35;
  --brochure-muted:#6a756f;
  --brochure-line:#d8d1c0;
  background:var(--brochure-paper);
  color:var(--brochure-text);
  font-family:"Poppins","Segoe UI",Arial,sans-serif;
}
.home-page .home-topbar{
  position:relative;
  background:var(--brochure-green-deep);
  color:#e7e4d9;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.18);
  font-family:"IBM Plex Mono","Courier New",monospace;
  font-size:10px;
  font-weight:500;
  letter-spacing:.16em;
  padding:9px 24px;
}
.home-page .home-topbar:before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brochure-red);margin-right:10px;vertical-align:1px;box-shadow:0 0 0 4px rgba(232,76,63,.08)
}
.home-page .home-topbar span{color:var(--brochure-gold);margin:0 10px}
.home-page .home-header{
  background:rgba(246,241,227,.97);
  border-bottom:1px solid #d7cfbd;
  box-shadow:none;
  backdrop-filter:blur(12px)
}
.home-page .home-header .navwrap{padding-top:8px;padding-bottom:8px}
.home-page .home-header .brand img{border-radius:0;background:var(--brochure-ivory)}
.home-page .home-header .brandtext{color:var(--brochure-green);font-family:"IBM Plex Mono","Courier New",monospace;font-size:9.5px;font-weight:600;letter-spacing:.10em}
.home-page .home-header .nav a{color:#314b43;font-family:"Oswald","Arial Narrow",sans-serif;font-size:13px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}
.home-page .home-header .nav a:hover,.home-page .home-header .nav a.active{color:var(--brochure-green)}
.home-page .home-header .nav a.active:after{background:var(--brochure-gold);height:2px}
.home-page .home-header .btn-primary{
  border-radius:2px;background:var(--brochure-green);color:#fff;border:1px solid var(--brochure-green);box-shadow:none;
  font-family:"Oswald","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.055em;font-size:13px;padding:10px 16px
}
.home-page .home-header .btn-primary:hover{background:#0a4a3e;border-color:#0a4a3e}

.home-page .home-hero{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
    radial-gradient(circle at 94% 91%,rgba(200,154,22,.07),transparent 29%),
    var(--brochure-green-deep);
  color:#fff;border-bottom:0
}
.home-page .home-hero:before{
  opacity:.65;background-image:
    linear-gradient(90deg,transparent 0 75%,rgba(200,154,22,.055) 75% 75.15%,transparent 75.15%),
    linear-gradient(0deg,transparent 0 82%,rgba(255,255,255,.035) 82% 82.1%,transparent 82.1%);
  background-size:100% 100%
}
.home-page .home-hero:after{
  width:510px;height:510px;right:-230px;top:auto;bottom:-285px;border:1px solid rgba(200,154,22,.19);
  box-shadow:0 0 0 70px rgba(200,154,22,.025),0 0 0 140px rgba(200,154,22,.018),0 0 0 210px rgba(200,154,22,.012)
}
.home-page .hero-scanline{opacity:.13;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px);background-size:100% 4px}
.home-page .home-hero-inner{min-height:555px;padding-top:54px;padding-bottom:48px;gap:62px;grid-template-columns:.92fr 1.08fr}
.home-page .live-label{
  border:0;border-radius:0;background:transparent;box-shadow:none;color:#e9e7dd;padding:0;
  font-family:"IBM Plex Mono","Courier New",monospace;font-size:10px;font-weight:500;letter-spacing:.16em
}
.home-page .live-label:after{content:"";display:block;width:64px;height:1px;background:rgba(255,255,255,.28);margin-left:5px}
.home-page .live-label i{background:var(--brochure-red);width:7px;height:7px}
.home-page .home-hero-copy h1{
  font-family:"Oswald","Arial Narrow","Arial Black",sans-serif;font-weight:600;text-transform:uppercase;
  color:#f5f1e8;font-size:clamp(54px,5.7vw,82px);line-height:.96;letter-spacing:-.022em;margin:24px 0 22px;max-width:690px
}
.home-page .home-hero-copy h1 span{display:block;color:var(--brochure-gold);background:none;-webkit-background-clip:initial;background-clip:initial;text-shadow:none}
.home-page .home-hero-copy>p{font-family:"Poppins","Segoe UI",sans-serif;color:#e1e2d9;font-size:16px;line-height:1.75;max-width:640px;margin-bottom:27px;font-weight:400}
.home-page .hero-actions{gap:10px}
.home-page .hero-actions .btn{border-radius:2px;padding:11px 19px;font-family:"Oswald","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.055em;font-size:13px;box-shadow:none}
.home-page .home-hero-copy .btn-gold{background:var(--brochure-gold);border-color:var(--brochure-gold);color:#102f29}
.home-page .home-hero-copy .btn-gold:hover{background:#d6aa2d;border-color:#d6aa2d;transform:translateY(-1px)}
.home-page .home-hero-copy .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.48)}
.home-page .home-hero-copy .btn-ghost:hover{background:rgba(255,255,255,.06);color:#fff;border-color:#fff}
.home-page .hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.18);margin-top:31px;max-width:645px;padding-top:18px}
.home-page .hero-proof span{
  min-height:48px;display:flex;align-items:flex-start;background:transparent;border-left:1px solid rgba(255,255,255,.17);box-shadow:none;
  color:#e6e2d6;padding:1px 16px 0;font-family:"IBM Plex Mono","Courier New",monospace;font-size:9.5px;font-weight:500;line-height:1.55;letter-spacing:.06em;text-transform:uppercase
}
.home-page .hero-proof span:first-child{border-left:0;padding-left:0}

.home-page .broadcast-stage{
  height:405px;border-radius:0;border:1px solid rgba(200,154,22,.52);background:#052f29;
  box-shadow:0 28px 70px rgba(0,0,0,.25);overflow:visible
}
.home-page .stage-image{overflow:hidden}
.home-page .stage-image img{filter:saturate(.82) contrast(1.02) brightness(.86)}
.home-page .stage-image:after{background:linear-gradient(180deg,rgba(5,47,41,.04),rgba(5,47,41,.42))}
.home-page .stage-frame{inset:15px;border-radius:0;border-color:rgba(246,241,227,.52);box-shadow:none}
.home-page .stage-frame:before,.home-page .stage-frame:after{height:3px;width:50px;background:var(--brochure-gold);box-shadow:none}
.home-page .stage-tag{border-radius:0;background:rgba(5,47,41,.90);border:1px solid rgba(246,241,227,.34);padding:8px 11px;box-shadow:none;backdrop-filter:blur(5px)}
.home-page .stage-tag b{font-family:"Oswald","Arial Narrow",sans-serif;color:#fff;font-size:12px;font-weight:600;letter-spacing:.08em}
.home-page .stage-tag small{font-family:"IBM Plex Mono","Courier New",monospace;color:#d5b75b;font-size:8px;letter-spacing:.12em}
.home-page .tag-live:before{background:var(--brochure-red);box-shadow:none}
.home-page .signal-bars i{background:var(--brochure-gold);box-shadow:none;border-radius:0}
.home-page .media-ticker{height:39px;background:#0a4339;border-color:#0a4339}
.home-page .ticker-track{font-family:"IBM Plex Mono","Courier New",monospace;color:#e7e4d9;font-size:9px;font-weight:500;letter-spacing:.15em}
.home-page .ticker-track i{color:var(--brochure-gold)}

.home-page .home-compact-section,
.home-page .home-explore-section{
  background-color:var(--brochure-paper);
  background-image:radial-gradient(rgba(6,58,49,.055) .7px,transparent .7px);
  background-size:7px 7px;
  color:var(--brochure-text)
}
.home-page .home-compact-section{padding-top:54px;padding-bottom:52px}
.home-page .home-heading{align-items:start;margin-bottom:30px}
.home-page .home-heading h2,.home-page .explore-intro h2{
  font-family:"Oswald","Arial Narrow",sans-serif;font-weight:600;text-transform:uppercase;color:var(--brochure-green);
  font-size:clamp(34px,3.55vw,48px);letter-spacing:-.015em;line-height:1.04;margin-top:5px
}
.home-page .home-heading>p,.home-page .explore-intro p{font-family:"Poppins","Segoe UI",sans-serif;color:#68756f;font-size:14.5px;line-height:1.75}
.home-page .home-compact-section .eyebrow,.home-page .home-explore-section .eyebrow{
  color:#a97e0b;font-family:"IBM Plex Mono","Courier New",monospace;font-size:9.5px;letter-spacing:.15em;font-weight:500
}
.home-page .home-compact-section .eyebrow:before,.home-page .home-explore-section .eyebrow:before{content:"";display:inline-block;width:21px;height:2px;background:var(--brochure-gold);margin-right:9px;vertical-align:3px}
.home-page .visual-cards{gap:18px}
.home-page .visual-card{
  height:226px;border-radius:0;border:1px solid #d5d0c3;background:#fff;box-shadow:0 8px 20px rgba(31,57,49,.055)
}
.home-page .visual-card:before{background:linear-gradient(180deg,rgba(6,58,49,.02),transparent 45%,rgba(6,58,49,.08))}
.home-page .visual-card:after{background:linear-gradient(180deg,transparent 22%,rgba(5,40,34,.92) 100%)}
.home-page .visual-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(31,57,49,.10)}
.home-page .visual-card-overlay{left:17px;right:17px;bottom:14px}
.home-page .visual-card-overlay>span{font-family:"Oswald","Arial Narrow",sans-serif;color:var(--brochure-gold);font-size:25px;font-weight:600}
.home-page .visual-card-overlay b{font-family:"Oswald","Arial Narrow",sans-serif;color:#fff;font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.home-page .visual-card-overlay small{font-family:"Poppins","Segoe UI",sans-serif;color:#e0e4dd;font-size:10.5px}
.home-page .visual-card-overlay strong{color:var(--brochure-gold)}

.home-page .home-explore-section{border-top:1px solid #ddd5c5;padding-top:54px;padding-bottom:54px}
.home-page .micro-roadmap{font-family:"IBM Plex Mono","Courier New",monospace;color:var(--brochure-green);font-size:9px;letter-spacing:.11em;margin-top:24px}
.home-page .micro-roadmap i{color:var(--brochure-gold)}
.home-page .home-accordion{border-top:1px solid #cfc8b8}
.home-page .home-accordion details{background:rgba(255,255,255,.72);border-bottom:1px solid #cfc8b8}
.home-page .home-accordion details[open]{background:#fff;border-left:3px solid var(--brochure-gold);box-shadow:none}
.home-page .home-accordion summary{color:var(--brochure-green);padding:16px 13px}
.home-page .home-accordion summary b{font-family:"Oswald","Arial Narrow",sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.018em}
.home-page .home-accordion summary em,.home-page .acc-no{color:var(--brochure-gold)}
.home-page .acc-no{font-family:"Oswald","Arial Narrow",sans-serif;font-size:18px;font-weight:600}
.home-page .acc-body{font-family:"Poppins","Segoe UI",sans-serif;color:#66736e;font-size:13.5px;line-height:1.75}
.home-page .acc-body a{color:var(--brochure-green);font-weight:700}

.home-page .home-final-section{background:var(--brochure-ivory);padding-top:37px;padding-bottom:37px;border-top:1px solid #d7cfbd}
.home-page .home-final-cta{border-radius:0;border:0;border-left:5px solid var(--brochure-gold);background:var(--brochure-green-deep);box-shadow:none;padding:35px 38px}
.home-page .home-final-cta:after{background:linear-gradient(90deg,rgba(5,47,41,.99),rgba(5,47,41,.89) 67%,rgba(5,47,41,.72))}
.home-page .cta-kicker{font-family:"IBM Plex Mono","Courier New",monospace;color:var(--brochure-gold);font-size:9px;font-weight:500;letter-spacing:.16em}
.home-page .home-final-cta h2{font-family:"Oswald","Arial Narrow",sans-serif;font-weight:600;text-transform:uppercase;color:#fff;font-size:clamp(29px,3vw,41px);letter-spacing:-.012em;line-height:1.04}
.home-page .home-final-cta p{font-family:"Poppins","Segoe UI",sans-serif;color:#dedfd6;font-size:14px}
.home-page .home-final-cta .btn{border-radius:2px;font-family:"Oswald","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.055em;font-size:13px}
.home-page .home-final-cta .btn-gold{background:var(--brochure-gold);border-color:var(--brochure-gold);color:#17352f;box-shadow:none}
.home-page .home-final-cta .btn-ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.home-page .compact-footer{background:#052f29;color:#dedfd5}
.home-page .compact-footer h4{font-family:"Oswald","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.025em;font-weight:600}
.home-page .compact-footer a,.home-page .compact-footer p{font-family:"Poppins","Segoe UI",sans-serif}
.home-page .compact-footer .footer-bottom{font-family:"IBM Plex Mono","Courier New",monospace;color:#aeb8b0;letter-spacing:.025em}

@media(max-width:1050px){
  .home-page .home-header .nav{background:var(--brochure-paper);border-color:#d7cfbd}
  .home-page .home-header .nav a{color:#29463e}
  .home-page .home-header .nav a.active{color:var(--brochure-green)}
}
@media(max-width:700px){
  .home-page .home-topbar{font-size:8.5px;letter-spacing:.10em;padding-left:12px;padding-right:12px}
  .home-page .home-hero-inner{padding-top:40px;padding-bottom:35px;gap:32px}
  .home-page .home-hero-copy h1{font-size:48px;line-height:.96}
  .home-page .home-hero-copy>p{font-size:14.5px}
  .home-page .hero-proof{grid-template-columns:1fr;gap:9px;border-top:0;padding-top:3px}
  .home-page .hero-proof span{border-left:2px solid var(--brochure-gold);padding:4px 0 4px 10px;min-height:auto}
  .home-page .hero-proof span:first-child{border-left:2px solid var(--brochure-gold);padding-left:10px}
  .home-page .broadcast-stage{height:275px}
  .home-page .home-heading h2,.home-page .explore-intro h2{font-size:35px}
  .home-page .visual-card{height:198px}
  .home-page .home-final-cta{padding:29px 26px}
}


/* ===== SAARS v6 — brochure visual system across all internal pages ===== */
.media-page{--sg:#063a31;--sgd:#052f29;--gold:#c89a16;--paper:#f7f2e6;--ivory:#eee6d5;--red:#df4b40;--text:#17352f;--muted2:#66736e;background:var(--paper);color:var(--text);font-family:"Poppins","Segoe UI",Arial,sans-serif;background-image:radial-gradient(rgba(6,58,49,.045) .7px,transparent .7px);background-size:7px 7px}
.media-topbar{background:var(--sgd);color:#e7e4d9;font-family:"IBM Plex Mono","Courier New",monospace;font-size:9px;letter-spacing:.13em;border-bottom:1px solid rgba(255,255,255,.1)}.media-topbar b{color:var(--gold);font-weight:400}.status-dot{width:6px;height:6px;background:var(--red);display:inline-block;border-radius:50%;margin-right:7px;animation:softBlink 1.8s infinite}
.media-header{background:rgba(247,242,230,.96);border-bottom:1px solid #d7cfbd;box-shadow:0 7px 22px rgba(31,57,49,.055)}.media-header .brand img{background:#fff;border-radius:0}.media-header .brandtext{color:var(--sg);font-family:"Oswald","Arial Narrow",sans-serif;font-size:10px;letter-spacing:.09em}.media-header .nav a{font-family:"Oswald","Arial Narrow",sans-serif;text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.03em;color:#29463e}.media-header .nav a.active,.media-header .nav a:hover{color:#9b7611}.media-header .nav a.active{position:relative}.media-header .nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--gold)}.media-header .btn-primary{background:var(--sg);color:#fff;border-radius:2px;border:0;box-shadow:none;font-family:"Oswald","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.05em}
.media-page-hero{position:relative;background:var(--sgd);color:#fff;overflow:hidden;border-bottom:4px solid var(--gold)}.media-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:31px 31px;opacity:.7}.media-page-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(200,154,22,.18);border-radius:50%;right:-155px;bottom:-180px;box-shadow:0 0 0 60px rgba(200,154,22,.025),0 0 0 120px rgba(200,154,22,.018)}
.media-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding-top:52px;padding-bottom:52px}.media-kicker{font-family:"IBM Plex Mono","Courier New",monospace;color:#d7b44d;font-size:9px;letter-spacing:.17em;text-transform:uppercase}.media-kicker i{display:inline-block;width:22px;height:2px;background:var(--gold);margin-right:9px;vertical-align:3px}.media-hero-copy h1{font-family:"Oswald","Arial Narrow","Arial Black",sans-serif;text-transform:uppercase;font-weight:600;font-size:clamp(42px,5vw,67px);line-height:.98;letter-spacing:-.018em;margin:15px 0 15px;max-width:760px}.media-hero-copy p{color:#dfdfd5;font-size:14.5px;line-height:1.72;max-width:720px;margin:0 0 20px}.hero-mini-actions{display:flex;gap:9px;flex-wrap:wrap}.media-page .btn{border-radius:2px;font-family:"Oswald","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:12px;padding:10px 16px}.media-page .btn-gold{background:var(--gold);border-color:var(--gold);color:#17352f}.media-page .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.42)}
.media-hero-visual{position:relative;height:300px;border:1px solid rgba(200,154,22,.55);overflow:hidden;background:#092f29}.media-hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.02) brightness(.78);animation:mediaFloat 8s ease-in-out infinite alternate}.media-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,47,41,.03),rgba(5,47,41,.33));pointer-events:none}.media-corners{position:absolute;inset:13px;border:1px solid rgba(255,255,255,.44);z-index:2}.media-corners:before,.media-corners:after{content:"";position:absolute;width:48px;height:3px;background:var(--gold);top:-2px}.media-corners:before{left:-2px}.media-corners:after{right:-2px}.media-scan{position:absolute;z-index:3;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 12px rgba(200,154,22,.45);animation:scanMove 5.5s linear infinite}.hero-fade-labels{position:absolute;z-index:5;left:25px;bottom:22px;display:flex;gap:7px}.hero-fade-labels span{background:rgba(5,47,41,.88);border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 9px;font-family:"IBM Plex Mono","Courier New",monospace;font-size:8px;letter-spacing:.13em;animation:labelFade 4.8s infinite}.hero-fade-labels span:nth-child(2){animation-delay:1.6s}.hero-fade-labels span:nth-child(3){animation-delay:3.2s}
.broadcast-ribbon{height:35px;background:#0b433a;color:#ebe7dc;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.07)}.broadcast-ribbon-track{white-space:nowrap;display:inline-block;min-width:200%;font-family:"IBM Plex Mono","Courier New",monospace;font-size:8.5px;letter-spacing:.16em;line-height:35px;animation:ribbonMove 30s linear infinite}.broadcast-ribbon-track i{font-style:normal;color:var(--gold);margin:0 15px}
.media-section{padding:48px 20px}.compact-heading{display:grid;grid-template-columns:1fr .85fr;gap:34px;align-items:end;margin-bottom:24px}.compact-heading span{font-family:"IBM Plex Mono","Courier New",monospace;font-size:9px;color:#a47b0d;letter-spacing:.16em}.compact-heading h2{font-family:"Oswald","Arial Narrow",sans-serif;font-weight:600;text-transform:uppercase;color:var(--sg);font-size:clamp(30px,3.5vw,44px);line-height:1.02;letter-spacing:-.014em;margin:5px 0 0}.compact-heading p{margin:0;color:var(--muted2);font-size:13.5px;line-height:1.7}.media-gap-top{margin-top:27px}
.media-card-grid{display:grid;gap:15px}.media-card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.media-card-grid.cols-4{grid-template-columns:repeat(4,1fr)}.media-card{background:rgba(255,255,255,.82);border:1px solid #d4cdbc;border-top:3px solid var(--gold);padding:18px;min-height:145px;box-shadow:0 7px 18px rgba(31,57,49,.045);transition:.25s}.media-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(31,57,49,.085)}.media-card-no{font-family:"Oswald","Arial Narrow",sans-serif;font-size:25px;color:var(--gold);line-height:1}.media-card h3{font-family:"Oswald","Arial Narrow",sans-serif;text-transform:uppercase;color:var(--sg);font-size:18px;line-height:1.05;margin:8px 0}.media-card p{font-size:12.5px;color:var(--muted2);line-height:1.65;margin:0}
.compact-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:25px;align-items:stretch}.animated-photo{position:relative;min-height:300px;overflow:hidden;border:1px solid #cfc6b3;background:var(--sgd)}.animated-photo img{width:100%;height:100%;min-height:300px;object-fit:cover;filter:saturate(.78) brightness(.83);transition:transform 8s ease}.animated-photo.on img{transform:scale(1.055)}.photo-tag{position:absolute;left:14px;bottom:14px;background:var(--sgd);color:#fff;border-left:3px solid var(--gold);padding:8px 10px;font-family:"IBM Plex Mono","Courier New",monospace;font-size:8px;letter-spacing:.12em}.photo-signal{position:absolute;width:150px;height:150px;border:1px solid rgba(200,154,22,.33);border-radius:50%;right:-45px;bottom:-55px;box-shadow:0 0 0 28px rgba(200,154,22,.05),0 0 0 56px rgba(200,154,22,.025);animation:signalPulse 3.5s ease-in-out infinite}
.media-detail-stack{border-top:1px solid #cfc8b8}.media-detail{background:rgba(255,255,255,.78);border-bottom:1px solid #cfc8b8}.media-detail[open]{background:#fff;border-left:3px solid var(--gold)}.media-detail summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 13px;color:var(--sg)}.media-detail summary::-webkit-details-marker{display:none}.media-detail summary em{font-style:normal;color:var(--gold);font-family:"IBM Plex Mono","Courier New",monospace;font-size:8px;letter-spacing:.08em}.media-detail summary b{font-family:"Oswald","Arial Narrow",sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.02em}.media-detail summary>span{font-family:"Oswald",sans-serif;color:var(--gold);font-size:20px;transition:.2s}.media-detail[open] summary>span{transform:rotate(45deg)}.detail-body{padding:0 15px 16px 44px;color:var(--muted2);font-size:12.5px;line-height:1.7}.detail-body p{margin:0 0 8px}.detail-body blockquote{margin:13px 0 0;border-left:3px solid var(--gold);padding-left:14px;font-family:Georgia,serif;color:var(--sg);font-size:17px}.clean-list{margin:0;padding-left:18px;columns:2;column-gap:28px}.clean-list li{margin:0 0 6px}
.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.module-tile{background:var(--paper);border:1px solid #ddd4c1;padding:12px}.module-tile b{display:block;color:var(--gold);font-family:"Oswald",sans-serif;font-size:19px}.module-tile strong{display:block;color:var(--sg);font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:13px;margin:2px 0 5px}.module-tile span{display:block;color:var(--muted2);font-size:11.5px;line-height:1.55}
.wide-photo{position:relative;height:235px;overflow:hidden;border:1px solid #cec5b3}.wide-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.76);transition:transform 9s ease}.wide-photo.on img{transform:scale(1.06)}.wide-photo-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(180deg,transparent 28%,rgba(5,47,41,.9));color:#fff}.wide-photo-overlay b{font-family:"Oswald",sans-serif;text-transform:uppercase;color:#e0b847;font-size:20px}.wide-photo-overlay span{font-size:11.5px;color:#e4e3db}
.process-line{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #d2cbb9;background:#fff;margin-bottom:18px}.process-line>div{padding:15px;border-right:1px solid #ddd5c4}.process-line>div:last-child{border-right:0}.process-line b{font-family:"Oswald",sans-serif;color:var(--gold);font-size:21px}.process-line strong{display:block;color:var(--sg);font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:13px}.process-line span{display:block;color:var(--muted2);font-size:10.5px;margin-top:2px}
.role-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.role-chip{background:#fff;border:1px solid #d8d0be;border-left:3px solid var(--gold);padding:12px;transition:.2s}.role-chip:hover{transform:translateX(3px)}.role-chip b{display:block;font-family:"Oswald",sans-serif;text-transform:uppercase;color:var(--sg);font-size:13px}.role-chip span{display:block;color:var(--muted2);font-size:11.5px;line-height:1.5;margin-top:3px}
.admission-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.admission-steps>div{background:#fff;border:1px solid #d9d0bd;padding:12px 9px;min-height:128px;position:relative}.admission-steps b{font-family:"Oswald",sans-serif;color:var(--gold);font-size:21px}.admission-steps strong{display:block;font-family:"Oswald",sans-serif;text-transform:uppercase;color:var(--sg);font-size:12px}.admission-steps span{display:block;font-size:10px;color:var(--muted2);line-height:1.45;margin-top:4px}
.form{border-radius:0;border:1px solid #d5cdbb;box-shadow:0 8px 20px rgba(31,57,49,.05);background:rgba(255,255,255,.9);padding:22px}.form-title{font-family:"Oswald",sans-serif;text-transform:uppercase;color:var(--sg);font-size:27px;margin:5px 0}.form-intro{font-size:12px;color:var(--muted2);margin-top:0}.field input,.field select,.field textarea{border-radius:0;background:#fffdf7;border-color:#cfc6b3;padding:10px 11px}.field label{color:var(--sg);font-size:11px}.field textarea{min-height:78px}.demo-note{border-radius:0;background:#f2ead7;color:#665522;font-size:10.5px;padding:8px}.form-success{border-radius:0}.notice{border-radius:0;background:#f3ead4;border:1px solid #d8c28c;color:#655225;font-size:12px;padding:13px}
.visual-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.visual-story{position:relative;height:255px;overflow:hidden;background:var(--sgd);border:1px solid #d0c7b4}.visual-story img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.72);transition:transform 7s ease}.visual-story.on img{transform:scale(1.07)}.visual-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,47,41,.95))}.visual-story>div{position:absolute;z-index:2;left:15px;right:15px;bottom:14px;color:#fff}.visual-story b{font-family:"Oswald",sans-serif;color:#e0b847;text-transform:uppercase;font-size:17px}.visual-story p{font-size:11px;line-height:1.5;margin:4px 0 0;color:#e2e4db}.visual-story>span{position:absolute;z-index:3;right:10px;top:10px;background:rgba(5,47,41,.88);color:#fff;border-left:2px solid var(--gold);padding:5px 7px;font-family:"IBM Plex Mono",monospace;font-size:7px;letter-spacing:.11em;animation:labelFade 5s infinite}
.media-final-strip{background:var(--sgd);color:#fff;border-top:1px solid rgba(255,255,255,.1);border-bottom:4px solid var(--gold);padding:25px 20px}.media-final-strip .container{display:flex;justify-content:space-between;align-items:center;gap:24px}.media-final-strip span{font-family:"IBM Plex Mono",monospace;color:var(--gold);font-size:8px;letter-spacing:.15em}.media-final-strip h2{font-family:"Oswald",sans-serif;text-transform:uppercase;font-weight:600;font-size:27px;margin:3px 0 0}.media-footer{background:#052f29;color:#dedfd5;padding-top:38px}.media-footer h4{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.02em}.media-footer a,.media-footer p{font-size:12px}.media-footer .footer-bottom{font-family:"IBM Plex Mono",monospace;font-size:9px;color:#aeb8b0}
.pulse-cta{animation:ctaPulse 2.5s ease-in-out infinite}.soft-blink{animation:softButton 2.8s ease-in-out infinite}
@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 0 rgba(200,154,22,0)}50%{box-shadow:0 0 0 6px rgba(200,154,22,.15)}}
@keyframes softButton{0%,100%{filter:brightness(1)}50%{filter:brightness(1.13)}}
@keyframes softBlink{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes mediaFloat{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.07) translate3d(-1.2%,1%,0)}}
@keyframes scanMove{0%{top:8%;opacity:0}8%{opacity:.8}90%{opacity:.75}100%{top:92%;opacity:0}}
@keyframes labelFade{0%,18%,100%{opacity:.25;transform:translateY(4px)}30%,65%{opacity:1;transform:none}}
@keyframes signalPulse{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@keyframes ribbonMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(max-width:1050px){.media-header .nav{background:var(--paper);border-color:#d7cfbd}.media-hero-grid{grid-template-columns:1fr;gap:28px}.media-hero-visual{height:265px}.media-card-grid.cols-4{grid-template-columns:repeat(2,1fr)}.admission-steps{grid-template-columns:repeat(4,1fr)}.role-chip-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.media-topbar{font-size:7.5px;letter-spacing:.08em}.media-hero-grid{padding-top:36px;padding-bottom:36px}.media-hero-copy h1{font-size:42px}.media-hero-copy p{font-size:13.5px}.media-hero-visual{height:230px}.broadcast-ribbon{height:31px}.broadcast-ribbon-track{line-height:31px;font-size:7.5px}.media-section{padding:37px 16px}.compact-heading{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.media-card-grid.cols-3,.media-card-grid.cols-4,.compact-split,.visual-story-grid{grid-template-columns:1fr}.media-card{min-height:auto}.animated-photo{min-height:220px}.animated-photo img{min-height:220px}.module-grid{grid-template-columns:1fr}.process-line{grid-template-columns:repeat(2,1fr)}.process-line>div{border-bottom:1px solid #ddd5c4}.admission-steps{grid-template-columns:repeat(2,1fr)}.role-chip-grid{grid-template-columns:1fr}.clean-list{columns:1}.media-final-strip .container{align-items:flex-start;flex-direction:column}.media-final-strip h2{font-size:24px}.hero-fade-labels{left:15px;bottom:14px}.media-footer{padding-top:32px}}


/* =========================================================
   SAARS HOME HERO v6.5
   ORIGINAL v6 BROCHURE GREEN PRESERVED.
   Slow alternating line entrance, followed by a DIFFERENT
   per-letter mirror ripple. The lines remain fixed in place.
   ========================================================= */

.home-page .home-header .brand img{
  width:210px;
  height:108px;
  object-fit:contain;
  border-radius:0;
  background:var(--brochure-ivory);
  display:block;
}
.home-page .home-header .brandtext{display:none}
.home-page .home-header .navwrap{padding-top:6px;padding-bottom:6px;gap:16px}
.home-page .home-header .nav{gap:14px}
.home-page .home-header .nav a{font-size:12px}
.home-page .home-header .btn-primary{padding:10px 13px;font-size:12px}

/* Keep the exact original v6 hero background declaration. */
.home-page .home-hero{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
    radial-gradient(circle at 94% 91%,rgba(200,154,22,.07),transparent 29%),
    var(--brochure-green-deep) !important;
}

.home-page .home-hero-copy .animated-hero-title{
  overflow:visible;
  max-width:690px;
  perspective:1000px;
}

.home-page .home-hero-copy .animated-hero-title .hero-word{
  display:block;
  width:max-content;
  max-width:100%;
  opacity:0;
  transform-style:preserve-3d;
  will-change:transform,opacity;
}

/* Slow LEFT / RIGHT / LEFT / RIGHT entrance only.
   After entrance, the line itself never moves again. */
.home-page .home-hero-copy .animated-hero-title .hero-word:nth-child(1){
  animation:saarsLineLeft 2.15s cubic-bezier(.16,.76,.22,1) .25s forwards;
}
.home-page .home-hero-copy .animated-hero-title .hero-word:nth-child(2){
  animation:saarsLineRight 2.15s cubic-bezier(.16,.76,.22,1) 1.40s forwards;
}
.home-page .home-hero-copy .animated-hero-title .hero-word:nth-child(3){
  animation:saarsLineLeft 2.15s cubic-bezier(.16,.76,.22,1) 2.55s forwards;
}
.home-page .home-hero-copy .animated-hero-title .hero-word:nth-child(4){
  animation:saarsLineRight 2.15s cubic-bezier(.16,.76,.22,1) 3.70s forwards;
}

@keyframes saarsLineLeft{
  0%{opacity:0;transform:translateX(-225px)}
  76%{opacity:1;transform:translateX(9px)}
  100%{opacity:1;transform:translateX(0)}
}
@keyframes saarsLineRight{
  0%{opacity:0;transform:translateX(225px)}
  76%{opacity:1;transform:translateX(-9px)}
  100%{opacity:1;transform:translateX(0)}
}

/* Each letter becomes a tiny "mirror face".
   The line does not slide/bounce; only the individual letter plane turns
   briefly, catching fixed light, then returns flat. */
.home-page .animated-hero-title .mirror-char{
  display:inline-block;
  transform-origin:50% 52%;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  will-change:transform,filter,text-shadow;
  animation:saarsLetterMirror 7.2s cubic-bezier(.42,0,.2,1) infinite;
  animation-delay:calc(6.55s + (var(--line) * .48s) + (var(--char) * .075s));
}

.home-page .animated-hero-title .mirror-space{
  display:inline-block;
  width:.28em;
}

@keyframes saarsLetterMirror{
  0%,56%,78%,100%{
    transform:rotateY(0deg) rotateX(0deg) scaleX(1);
    filter:brightness(1) contrast(1);
    text-shadow:none;
  }
  62%{
    transform:rotateY(-24deg) rotateX(1.5deg) scaleX(.97);
    filter:brightness(1.08) contrast(1.03);
    text-shadow:1px 0 3px rgba(255,255,255,.12);
  }
  66%{
    transform:rotateY(54deg) rotateX(-1deg) scaleX(.91);
    filter:brightness(1.72) contrast(1.12);
    text-shadow:
      -1px 0 2px rgba(255,255,255,.80),
      0 0 9px rgba(255,245,205,.34);
  }
  70%{
    transform:rotateY(-10deg) rotateX(.6deg) scaleX(.99);
    filter:brightness(1.12) contrast(1.02);
    text-shadow:1px 0 3px rgba(255,255,255,.18);
  }
}

/* Make the reflection slightly richer on the gold final line. */
.home-page .animated-hero-title .hero-word-gold .mirror-char{
  text-shadow:0 0 0 rgba(255,255,255,0);
}

@media(max-width:1180px){
  .home-page .home-header .nav{
    display:none;
    position:absolute;
    top:116px;
    left:15px;
    right:15px;
    background:var(--brochure-ivory);
    border:1px solid #d7cfbd;
    padding:16px;
    flex-direction:column;
    align-items:stretch;
    z-index:60;
  }
  .home-page .home-header .nav.open{display:flex}
  .home-page .home-header .menu{display:block;margin-left:auto}
}

@media(max-width:700px){
  .home-page .home-header .brand{min-width:0;flex:1}
  .home-page .home-header .brand img{width:148px;height:82px;object-fit:contain}
  .home-page .home-header .navwrap{padding:4px 12px;gap:7px}
  .home-page .home-header .header-actions{display:none}
  .home-page .home-header .nav{top:91px}
  .home-page .home-hero-copy .animated-hero-title{font-size:44px;line-height:.91}
}

/* Reduced-motion users get the fully settled, static heading. */
@media(prefers-reduced-motion:reduce){
  .home-page .home-hero-copy .animated-hero-title .hero-word{
    opacity:1 !important;
    animation:none !important;
    transform:none !important;
  }
  .home-page .animated-hero-title .mirror-char{
    animation:none !important;
    transform:none !important;
    filter:none !important;
    text-shadow:none !important;
  }
}


/* =========================================================
   SAARS HOME HERO v6.6
   FIX: real 4-line LEFT / RIGHT entrance is restored.
   NEW: sparkling particles travel with each moving line.
   After settling, the existing per-letter mirror ripple remains.
   ========================================================= */

/* Make the entry unmistakable, and hold the final position. */
.home-page .home-hero-copy .animated-hero-title .hero-word{
  position:relative;
  overflow:visible;
  opacity:0;
  animation-fill-mode:both !important;
}

.home-page .home-hero-copy .animated-hero-title .hero-word:nth-child(1){
  animation:saarsEntryLeftSpark 2.35s cubic-bezier(.16,.78,.20,1) .30s both !important;
}
.home-page .home-hero-copy .animated-hero-title .hero-word:nth-child(2){
  animation:saarsEntryRightSpark 2.35s cubic-bezier(.16,.78,.20,1) 1.55s both !important;
}
.home-page .home-hero-copy .animated-hero-title .hero-word:nth-child(3){
  animation:saarsEntryLeftSpark 2.35s cubic-bezier(.16,.78,.20,1) 2.80s both !important;
}
.home-page .home-hero-copy .animated-hero-title .hero-word:nth-child(4){
  animation:saarsEntryRightSpark 2.35s cubic-bezier(.16,.78,.20,1) 4.05s both !important;
}

@keyframes saarsEntryLeftSpark{
  0%{opacity:0;transform:translateX(-360px) scale(.97);filter:blur(2px)}
  18%{opacity:.32}
  68%{opacity:1;transform:translateX(18px) scale(1);filter:blur(0)}
  84%{transform:translateX(-5px)}
  100%{opacity:1;transform:translateX(0);filter:blur(0)}
}
@keyframes saarsEntryRightSpark{
  0%{opacity:0;transform:translateX(360px) scale(.97);filter:blur(2px)}
  18%{opacity:.32}
  68%{opacity:1;transform:translateX(-18px) scale(1);filter:blur(0)}
  84%{transform:translateX(5px)}
  100%{opacity:1;transform:translateX(0);filter:blur(0)}
}

/* A bright spark cluster that physically travels with the moving word.
   Left-entering lines leave the spark behind on the left;
   right-entering lines leave the spark behind on the right. */
.home-page .animated-hero-title .hero-word::before,
.home-page .animated-hero-title .hero-word::after{
  content:"";
  position:absolute;
  top:54%;
  width:5px;
  height:5px;
  border-radius:50%;
  pointer-events:none;
  z-index:4;
  opacity:0;
  background:#fff7c9;
  box-shadow:
    0 0 5px rgba(255,255,255,.98),
    0 0 11px rgba(255,227,125,.88),
    0 0 20px rgba(255,207,61,.48),
    -15px -7px 0 -1px rgba(255,248,207,.78),
    -29px 6px 0 -1.5px rgba(255,220,91,.58),
    -44px -3px 0 -1.6px rgba(255,255,255,.48);
}

.home-page .animated-hero-title .hero-word-left::before{
  left:-14px;
  animation:saarsSparkLeft 2.35s ease-out .30s both;
}
.home-page .animated-hero-title .hero-word-right::before{
  right:-14px;
  box-shadow:
    0 0 5px rgba(255,255,255,.98),
    0 0 11px rgba(255,227,125,.88),
    0 0 20px rgba(255,207,61,.48),
    15px -7px 0 -1px rgba(255,248,207,.78),
    29px 6px 0 -1.5px rgba(255,220,91,.58),
    44px -3px 0 -1.6px rgba(255,255,255,.48);
}

/* Each line gets its own matching sparkle timing. */
.home-page .animated-hero-title .hero-word:nth-child(1)::before{
  animation:saarsSparkLeft 2.35s ease-out .30s both;
}
.home-page .animated-hero-title .hero-word:nth-child(2)::before{
  animation:saarsSparkRight 2.35s ease-out 1.55s both;
}
.home-page .animated-hero-title .hero-word:nth-child(3)::before{
  animation:saarsSparkLeft 2.35s ease-out 2.80s both;
}
.home-page .animated-hero-title .hero-word:nth-child(4)::before{
  animation:saarsSparkRight 2.35s ease-out 4.05s both;
}

/* Secondary tiny twinkle close to the face of the moving word. */
.home-page .animated-hero-title .hero-word::after{
  width:3px;
  height:3px;
  top:30%;
  background:#ffffff;
  box-shadow:
    0 0 5px rgba(255,255,255,.9),
    0 0 12px rgba(255,220,95,.7);
}
.home-page .animated-hero-title .hero-word:nth-child(1)::after{
  left:10%; animation:saarsTwinkle 2.35s ease-out .30s both;
}
.home-page .animated-hero-title .hero-word:nth-child(2)::after{
  right:12%; animation:saarsTwinkle 2.35s ease-out 1.55s both;
}
.home-page .animated-hero-title .hero-word:nth-child(3)::after{
  left:14%; animation:saarsTwinkle 2.35s ease-out 2.80s both;
}
.home-page .animated-hero-title .hero-word:nth-child(4)::after{
  right:14%; animation:saarsTwinkle 2.35s ease-out 4.05s both;
}

@keyframes saarsSparkLeft{
  0%,7%{opacity:0;transform:scale(.45) rotate(0deg)}
  18%{opacity:1;transform:scale(1.45) rotate(30deg)}
  46%{opacity:.95;transform:scale(1) rotate(90deg)}
  75%{opacity:.62;transform:scale(.82) rotate(160deg)}
  92%,100%{opacity:0;transform:scale(.25) rotate(210deg)}
}
@keyframes saarsSparkRight{
  0%,7%{opacity:0;transform:scale(.45) rotate(0deg)}
  18%{opacity:1;transform:scale(1.45) rotate(-30deg)}
  46%{opacity:.95;transform:scale(1) rotate(-90deg)}
  75%{opacity:.62;transform:scale(.82) rotate(-160deg)}
  92%,100%{opacity:0;transform:scale(.25) rotate(-210deg)}
}
@keyframes saarsTwinkle{
  0%,12%,100%{opacity:0;transform:scale(.2)}
  31%{opacity:1;transform:scale(1.8)}
  40%{opacity:.25;transform:scale(.7)}
  54%{opacity:.92;transform:scale(1.35)}
  70%{opacity:0;transform:scale(.3)}
}

/* Keep the mirror-letter effect starting only after all lines have settled. */
.home-page .animated-hero-title .mirror-char{
  animation-delay:calc(7.30s + (var(--line) * .48s) + (var(--char) * .075s)) !important;
}

@media(prefers-reduced-motion:reduce){
  .home-page .animated-hero-title .hero-word::before,
  .home-page .animated-hero-title .hero-word::after{
    animation:none !important;
    display:none !important;
  }
}


/* =========================================================
   SAARS HOME HERO v6.7
   Only "Room" keeps the gold color and mirror ripple effect.
   All other words remain white and static after entry.
   Spark/light trail on entry remains unchanged for all lines.
   ========================================================= */

/* Ensure first three lines stay white. */
.home-page .home-hero-copy .animated-hero-title .hero-word,
.home-page .home-hero-copy .animated-hero-title .hero-word .mirror-char{
  color:#f5f1e8;
}

/* Keep only Room in the existing gold color. */
.home-page .home-hero-copy .animated-hero-title .hero-word-gold,
.home-page .home-hero-copy .animated-hero-title .hero-word-gold .mirror-char{
  color:var(--brochure-gold) !important;
}

/* Disable the post-settle ripple/tilt on all non-gold lines. */
.home-page .animated-hero-title .hero-word:not(.hero-word-gold) .mirror-char{
  animation:none !important;
  transform:none !important;
  filter:none !important;
  text-shadow:none !important;
}

/* Keep the mirror ripple only on Room. */
.home-page .animated-hero-title .hero-word-gold .mirror-char{
  animation:saarsLetterMirror 7.2s cubic-bezier(.42,0,.2,1) infinite !important;
  animation-delay:calc(7.30s + (var(--char) * .075s)) !important;
}


/* =========================================================
   SAARS v6.8 - ALL INNER-PAGE HERO HEADINGS
   Same alternating LEFT / RIGHT entrance + spark trail.
   Applies only to the main H1 of each normal inner page.
   Homepage v6.7 treatment remains untouched.
   ========================================================= */

.media-page .media-hero-copy .page-animated-title{
  overflow:visible;
  perspective:900px;
}

.media-page .media-hero-copy .page-title-word{
  position:relative;
  display:inline-block;
  opacity:0;
  transform-style:preserve-3d;
  will-change:transform,opacity,filter;
}

/* Start only when the existing hero reveal becomes visible. */
.media-page .media-hero-copy.reveal.on .page-title-left{
  animation:saarsInnerTitleLeft 1.85s cubic-bezier(.16,.78,.20,1) calc(.18s + (var(--i) * .34s)) both;
}
.media-page .media-hero-copy.reveal.on .page-title-right{
  animation:saarsInnerTitleRight 1.85s cubic-bezier(.16,.78,.20,1) calc(.18s + (var(--i) * .34s)) both;
}

@keyframes saarsInnerTitleLeft{
  0%{opacity:0;transform:translateX(-190px) scale(.97);filter:blur(1.6px)}
  20%{opacity:.38}
  72%{opacity:1;transform:translateX(10px) scale(1);filter:blur(0)}
  87%{transform:translateX(-3px)}
  100%{opacity:1;transform:translateX(0);filter:blur(0)}
}
@keyframes saarsInnerTitleRight{
  0%{opacity:0;transform:translateX(190px) scale(.97);filter:blur(1.6px)}
  20%{opacity:.38}
  72%{opacity:1;transform:translateX(-10px) scale(1);filter:blur(0)}
  87%{transform:translateX(3px)}
  100%{opacity:1;transform:translateX(0);filter:blur(0)}
}

/* Spark cluster attached to each moving heading word. */
.media-page .media-hero-copy .page-title-word::before,
.media-page .media-hero-copy .page-title-word::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:5;
  opacity:0;
  border-radius:50%;
}

.media-page .media-hero-copy .page-title-word::before{
  top:52%;
  width:5px;
  height:5px;
  background:#fff7c9;
  box-shadow:
    0 0 5px rgba(255,255,255,.98),
    0 0 11px rgba(255,227,125,.88),
    0 0 20px rgba(255,207,61,.48);
}
.media-page .media-hero-copy .page-title-left::before{left:-14px}
.media-page .media-hero-copy .page-title-right::before{right:-14px}

.media-page .media-hero-copy.reveal.on .page-title-left::before{
  animation:saarsInnerSpark 1.85s ease-out calc(.18s + (var(--i) * .34s)) both;
}
.media-page .media-hero-copy.reveal.on .page-title-right::before{
  animation:saarsInnerSpark 1.85s ease-out calc(.18s + (var(--i) * .34s)) both;
}

.media-page .media-hero-copy .page-title-word::after{
  top:22%;
  width:3px;
  height:3px;
  background:#fff;
  box-shadow:
    0 0 5px rgba(255,255,255,.95),
    0 0 12px rgba(255,220,95,.72);
}
.media-page .media-hero-copy .page-title-left::after{left:14%}
.media-page .media-hero-copy .page-title-right::after{right:14%}

.media-page .media-hero-copy.reveal.on .page-title-word::after{
  animation:saarsInnerTwinkle 1.85s ease-out calc(.18s + (var(--i) * .34s)) both;
}

@keyframes saarsInnerSpark{
  0%,8%{opacity:0;transform:scale(.35) rotate(0deg)}
  22%{opacity:1;transform:scale(1.45) rotate(38deg)}
  48%{opacity:.95;transform:scale(1) rotate(96deg)}
  76%{opacity:.55;transform:scale(.75) rotate(165deg)}
  93%,100%{opacity:0;transform:scale(.2) rotate(220deg)}
}
@keyframes saarsInnerTwinkle{
  0%,14%,100%{opacity:0;transform:scale(.2)}
  32%{opacity:1;transform:scale(1.75)}
  43%{opacity:.22;transform:scale(.65)}
  58%{opacity:.9;transform:scale(1.3)}
  75%{opacity:0;transform:scale(.3)}
}

@media(max-width:700px){
  .media-page .media-hero-copy .page-title-word{
    max-width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .media-page .media-hero-copy .page-title-word{
    opacity:1 !important;
    animation:none !important;
    transform:none !important;
    filter:none !important;
  }
  .media-page .media-hero-copy .page-title-word::before,
  .media-page .media-hero-copy .page-title-word::after{
    display:none !important;
    animation:none !important;
  }
}


/* =========================================================
   SAARS v7.0 — UNIFIED HEADER / BRAND / NAVIGATION
   About-page strip dimensions used as the site-wide reference.
   Home-page integrated SAARS logo/name treatment used everywhere.
   ========================================================= */

/* Same header container width and spacing on every page. */
.unified-site-header .navwrap{
  max-width:1240px !important;
  margin:0 auto !important;
  padding:10px 18px !important;
  gap:18px !important;
  min-height:82px;
  box-sizing:border-box;
}

/* Use the Home integrated logo artwork on every page; no duplicate text beside it. */
.unified-site-header .brand{
  min-width:190px !important;
  flex:0 0 190px;
  gap:0 !important;
}
.unified-site-header .brand img{
  width:190px !important;
  height:72px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  background:var(--brochure-ivory,#f7f2e6) !important;
  display:block;
}
.unified-site-header .brandtext{display:none !important}

/* Exact same nav/button rhythm from page to page. */
.unified-site-header .nav{
  margin-left:auto !important;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px !important;
  min-width:0;
}
.unified-site-header .nav a{
  font-size:12px !important;
  white-space:nowrap;
}
.unified-site-header .header-actions{
  flex:0 0 auto;
  margin-left:2px;
}
.unified-site-header .header-actions .btn-primary{
  padding:10px 13px !important;
  font-size:12px !important;
  white-space:nowrap;
  animation:none !important;
}

/* Keep About-page style strip sizing even on Home while retaining Home brand appearance. */
.home-page .unified-site-header .navwrap{
  padding:10px 18px !important;
  gap:18px !important;
}
.home-page .unified-site-header .brand img{
  width:190px !important;
  height:72px !important;
}

/* Home: reduce unused space above BROADCAST • MEDIA • TECHNOLOGY. */
.home-page .home-hero-inner{
  padding-top:18px !important;
}
.home-page .home-hero-copy .live-label{
  margin-top:0 !important;
}

@media(max-width:1180px){
  .unified-site-header .nav{
    display:none;
    position:absolute;
    top:102px !important;
    left:15px;
    right:15px;
    padding:16px;
    flex-direction:column;
    align-items:stretch;
    z-index:60;
  }
  .unified-site-header .nav.open{display:flex}
  .unified-site-header .menu{display:block;margin-left:auto}
  .unified-site-header .header-actions{margin-left:0}
}

@media(max-width:700px){
  .unified-site-header .navwrap{
    padding:6px 12px !important;
    min-height:76px;
    gap:7px !important;
  }
  .unified-site-header .brand{
    min-width:0 !important;
    flex:1 1 auto;
  }
  .unified-site-header .brand img{
    width:150px !important;
    height:62px !important;
  }
  .unified-site-header .header-actions{display:none}
  .unified-site-header .nav{top:78px !important}
  .home-page .home-hero-inner{padding-top:12px !important}
}


/* =========================================================
   SAARS v7.1 — DESKTOP VIEWPORT + WIDTH NORMALISATION
   Goal:
   1) Home ticker visible within normal laptop viewport without scrolling.
   2) Home hero content aligned to same 1180px content grid as inner pages.
   3) Preserve existing header, animations, spark trail, chatbox and content.
   ========================================================= */

/* Inner pages already use the 1180px .container grid. Match Home to it. */
.home-page .home-hero-inner{
  max-width:1180px !important;
  width:100%;
}

/* Desktop/laptop only: compact the unusually tall four-line Home hero. */
@media (min-width:1051px){
  .home-page .home-hero-inner{
    min-height:440px !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
    gap:44px !important;
    align-items:center;
  }

  .home-page .home-hero-copy h1{
    font-size:clamp(52px,4.35vw,62px) !important;
    line-height:.91 !important;
    margin-top:13px !important;
    margin-bottom:13px !important;
  }

  .home-page .home-hero-copy>p{
    font-size:14.5px !important;
    line-height:1.52 !important;
    margin-bottom:15px !important;
  }

  .home-page .hero-actions{
    gap:8px !important;
  }

  .home-page .hero-actions .btn{
    padding-top:9px !important;
    padding-bottom:9px !important;
  }

  .home-page .hero-proof{
    margin-top:14px !important;
    padding-top:10px !important;
  }

  .home-page .hero-proof span{
    min-height:34px !important;
    line-height:1.35 !important;
  }

  .home-page .broadcast-stage{
    height:335px !important;
  }

  .home-page .tag-live{top:25px !important;left:25px !important}
  .home-page .tag-ott{top:54px !important;right:25px !important}
  .home-page .tag-edit{bottom:25px !important;left:48px !important}
  .home-page .signal-bars{right:27px !important;bottom:25px !important}
}

/* Keep all major brochure page content on one common alignment grid. */
.media-page .container,
.home-page .container{
  max-width:1180px !important;
  width:100%;
}

/* Do not disturb tablet/mobile layouts. */
@media (max-width:1050px){
  .home-page .home-hero-inner{
    max-width:1180px !important;
  }
}


/* =========================================================
   SAARS v7.2 — Make the small labels above hero headings readable
   Applies to Home and all inner page hero labels only.
   ========================================================= */
.home-page .home-hero-copy .live-label{
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  letter-spacing:.13em !important;
}

.media-page .media-hero-copy .media-kicker{
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
}

.media-page .media-hero-copy .media-kicker i{
  width:28px !important;
  height:2px !important;
  margin-right:10px !important;
}

@media(max-width:700px){
  .home-page .home-hero-copy .live-label,
  .media-page .media-hero-copy .media-kicker{
    font-size:12px !important;
    letter-spacing:.11em !important;
  }
}


/* =========================================================
   SAARS v7.3 — Smooth seamless tickers
   Fixes the visible jump/reset in the scrolling word bars.
   The bar now exits smoothly on the left while the duplicate
   stream enters continuously from the right.
   ========================================================= */

/* Shared seamless loop engine */
.media-ticker .ticker-track,
.broadcast-ribbon .broadcast-ribbon-track{
  will-change: transform;
  width: max-content !important;
  min-width: max-content !important;
  flex-wrap: nowrap !important;
  animation-name: saarsSeamlessTicker !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
}

.media-ticker .ticker-track{
  display: flex !important;
  align-items: center;
  gap: 0 !important;
  animation-duration: 36s !important;
}

.broadcast-ribbon .broadcast-ribbon-track{
  display: inline-flex !important;
  align-items: center;
  gap: 0 !important;
  min-width: max-content !important;
  animation-duration: 32s !important;
}

.media-ticker .ticker-segment,
.broadcast-ribbon .ticker-segment{
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}

/* Home ticker used gap-based spacing earlier. Reapply spacing inside each loop segment. */
.media-ticker .ticker-segment{
  gap: 18px;
  padding-right: 18px;
}
.media-ticker .ticker-track i{
  margin: 0 !important;
}

/* Inner-page ribbon already spaces via the bullet separator margins. */
.broadcast-ribbon .ticker-segment{
  gap: 0;
  padding-right: 0;
}

/* If any raw text nodes create tiny flex irregularities, keep items from shrinking. */
.media-ticker .ticker-segment > span,
.media-ticker .ticker-segment > i,
.broadcast-ribbon .ticker-segment > span,
.broadcast-ribbon .ticker-segment > i{
  flex-shrink: 0;
}

@keyframes saarsSeamlessTicker{
  from { transform: translate3d(0,0,0); }
  to   { transform: translate3d(-50%,0,0); }
}

@media (prefers-reduced-motion: reduce){
  .media-ticker .ticker-track,
  .broadcast-ribbon .broadcast-ribbon-track{
    animation: none !important;
    transform: none !important;
  }
}


/* =========================================================
   SAARS v7.7 — architecture restored; logo only changed
   IMPORTANT: no navigation/button/page-width compression.
   Uses the stable v7.3 header geometry and only swaps the logo artwork.
   ========================================================= */

/* Keep the original stable brand footprint so navigation remains unchanged. */
.unified-site-header .brand,
.home-page .unified-site-header .brand,
.media-header .brand{
  min-width:190px !important;
  flex:0 0 190px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.unified-site-header .brand img,
.home-page .unified-site-header .brand img,
.media-header .brand img,
.home-page .home-header .brand img{
  width:190px !important;
  height:72px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  display:block !important;
}

/* The uploaded logo already contains the institute name. */
.unified-site-header .brandtext,
.home-page .brandtext,
.media-header .brandtext{display:none !important;}

/* Explicitly restore v7.3 navigation/button dimensions. */
.unified-site-header .navwrap{
  max-width:1240px !important;
  margin:0 auto !important;
  padding:10px 18px !important;
  gap:18px !important;
  min-height:82px !important;
}
.unified-site-header .nav{
  margin-left:auto !important;
  gap:14px !important;
}
.unified-site-header .nav a{
  font-size:12px !important;
  white-space:nowrap !important;
}
.unified-site-header .header-actions{
  margin-left:2px !important;
}
.unified-site-header .header-actions .btn-primary{
  padding:10px 13px !important;
  font-size:12px !important;
}

@media(max-width:1180px){
  .unified-site-header .nav{top:102px !important;}
}

@media(max-width:700px){
  .unified-site-header .navwrap{
    padding:6px 12px !important;
    min-height:76px !important;
    gap:7px !important;
  }
  .unified-site-header .brand{
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  .unified-site-header .brand img,
  .home-page .unified-site-header .brand img,
  .media-header .brand img,
  .home-page .home-header .brand img{
    width:150px !important;
    height:62px !important;
  }
  .unified-site-header .nav{top:78px !important;}
}


/* =========================================================
   SAARS v7.9 — LOGO CONTRAST ONLY
   Stable v7.7 architecture retained exactly.
   Exact SAARS artwork placed on a light cream/ivory field so
   bottle-green letters + gold A remain clearly readable.
   ========================================================= */

:root{
  --saars-logo-cream:#f6f1e3;
  --saars-logo-cream-edge:#d9cfb7;
}

/* Keep v7.7 brand footprint unchanged. */
.unified-site-header .brand,
.home-page .unified-site-header .brand,
.media-header .brand,
.home-page .home-header .brand{
  min-width:190px !important;
  flex:0 0 190px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Only the logo field changes: light cream behind the exact artwork. */
.unified-site-header .brand img,
.home-page .unified-site-header .brand img,
.media-header .brand img,
.home-page .home-header .brand img{
  width:190px !important;
  height:72px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:var(--saars-logo-cream) !important;
  border:1px solid var(--saars-logo-cream-edge) !important;
  border-radius:2px !important;
  box-shadow:0 1px 3px rgba(0,0,0,.07) !important;
  display:block !important;
}

/* Preserve v7.7 header/menu/button geometry exactly. */
.unified-site-header .navwrap{
  max-width:1240px !important;
  margin:0 auto !important;
  padding:10px 18px !important;
  gap:18px !important;
  min-height:82px !important;
}
.unified-site-header .nav{
  margin-left:auto !important;
  gap:14px !important;
}
.unified-site-header .nav a{
  font-size:12px !important;
  white-space:nowrap !important;
}
.unified-site-header .header-actions{margin-left:2px !important;}
.unified-site-header .header-actions .btn-primary{
  padding:10px 13px !important;
  font-size:12px !important;
}

@media(max-width:1180px){
  .unified-site-header .nav{top:102px !important;}
}

@media(max-width:700px){
  .unified-site-header .navwrap{
    padding:6px 12px !important;
    min-height:76px !important;
    gap:7px !important;
  }
  .unified-site-header .brand{
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  .unified-site-header .brand img,
  .home-page .unified-site-header .brand img,
  .media-header .brand img,
  .home-page .home-header .brand img{
    width:150px !important;
    height:62px !important;
  }
  .unified-site-header .nav{top:78px !important;}
}


/* =========================================================
   SAARS v8.0 — larger/readable small section labels site-wide
   Examples:
   "One programme. Many media pathways."
   "Explore without the long scroll"
   "01 / PURPOSE", "02 / CURRICULUM", etc.
   No change to main headings, header geometry, ticker or chatbox.
   ========================================================= */

/* General eyebrow labels used throughout the site. */
.eyebrow,
.home-page .home-compact-section .eyebrow,
.home-page .home-explore-section .eyebrow{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  letter-spacing:.11em !important;
}

/* Small numbered/category labels above inner-page section headings. */
.media-page .compact-heading span{
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
}

/* Small label above the final CTA heading on inner pages. */
.media-page .media-final-strip span{
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
}

/* Keep already-enlarged hero page labels readable and consistent. */
.home-page .home-hero-copy .live-label,
.media-page .media-hero-copy .media-kicker{
  font-size:14px !important;
}

@media(max-width:700px){
  .eyebrow,
  .home-page .home-compact-section .eyebrow,
  .home-page .home-explore-section .eyebrow{
    font-size:13px !important;
    letter-spacing:.09em !important;
  }

  .media-page .compact-heading span{
    font-size:12px !important;
    letter-spacing:.10em !important;
  }

  .media-page .media-final-strip span{
    font-size:11.5px !important;
  }
}


/* =========================================================
   SAARS v8.1 — site-wide small text readability increase
   Goal: increase small lines / words / letters / numbers across all pages
   without disturbing the stable layout, header geometry, ticker, chatbox,
   hero headings or page architecture.
   ========================================================= */

/* --- General micro text on the classic/shared system --- */
.topbar{font-size:14px !important}
.eyebrow{font-size:15px !important; line-height:1.35 !important}
.chip{font-size:14px !important}
.step span{font-size:14px !important; line-height:1.55 !important}
.fact span{font-size:14px !important; line-height:1.55 !important}
.module span{font-size:15px !important; line-height:1.6 !important}
.field label{font-size:14px !important}
.demo-note{font-size:13px !important; line-height:1.55 !important}
.footer-bottom{font-size:13px !important; line-height:1.55 !important}
.hero-proof span{font-size:13px !important; line-height:1.5 !important}
.live-label{font-size:13px !important; line-height:1.4 !important}
.home-topbar{font-size:12px !important}

/* --- Media/brochure system small text --- */
.media-topbar{font-size:10.5px !important; line-height:1.45 !important}
.broadcast-ribbon{height:37px !important}
.broadcast-ribbon-track{font-size:11.5px !important; line-height:37px !important}
.media-kicker{font-size:15px !important; line-height:1.4 !important}
.media-hero-copy p{font-size:15px !important; line-height:1.7 !important}
.compact-heading span{font-size:15px !important; line-height:1.45 !important}
.media-card p{font-size:14px !important; line-height:1.7 !important}
.photo-tag{font-size:10px !important; line-height:1.45 !important}
.media-detail summary em{font-size:10px !important; line-height:1.4 !important}
.detail-body{font-size:14px !important; line-height:1.75 !important}
.module-tile strong{font-size:14px !important; line-height:1.4 !important}
.module-tile span{font-size:13px !important; line-height:1.65 !important}
.wide-photo-overlay span{font-size:13px !important; line-height:1.6 !important}
.process-line span{font-size:12px !important; line-height:1.5 !important}
.role-chip b{font-size:14px !important; line-height:1.4 !important}
.role-chip span{font-size:13px !important; line-height:1.6 !important}
.admission-steps strong{font-size:13px !important; line-height:1.35 !important}
.admission-steps span{font-size:11.5px !important; line-height:1.55 !important}
.form-intro{font-size:13px !important; line-height:1.6 !important}
.form .field label{font-size:12.5px !important; line-height:1.4 !important}
.notice{font-size:13px !important; line-height:1.6 !important}
.visual-story p{font-size:12.5px !important; line-height:1.6 !important}
.visual-story>span{font-size:9px !important; line-height:1.4 !important}
.media-final-strip span{font-size:10px !important; line-height:1.45 !important}
.media-footer a,
.media-footer p{font-size:13px !important; line-height:1.6 !important}
.media-footer .footer-bottom{font-size:10.5px !important; line-height:1.55 !important}
.clean-list li{font-size:14px !important; line-height:1.6 !important}

/* --- Preserve earlier section-label enlargement and slightly reinforce it --- */
.home-page .home-compact-section .eyebrow,
.home-page .home-explore-section .eyebrow{font-size:15px !important}
.media-page .media-final-strip span{font-size:10px !important}
.home-page .home-hero-copy .live-label,
.media-page .media-hero-copy .media-kicker{font-size:15px !important}

/* --- Small-number / small-caption consistency --- */
.media-card-no{font-size:27px !important}
.process-line b{font-size:22px !important}
.admission-steps b{font-size:22px !important}
.module-tile b{font-size:20px !important}
.module b{font-size:24px !important}

/* --- Mobile: keep readable but avoid crowding --- */
@media(max-width:700px){
  .topbar{font-size:13px !important}
  .eyebrow{font-size:13px !important}
  .chip{font-size:13px !important}
  .step span{font-size:13px !important}
  .fact span{font-size:13px !important}
  .module span{font-size:14px !important}
  .field label{font-size:13px !important}
  .demo-note{font-size:12px !important}
  .footer-bottom{font-size:12px !important}
  .hero-proof span{font-size:12px !important}
  .live-label{font-size:12px !important}
  .home-topbar{font-size:10.5px !important}

  .media-topbar{font-size:9px !important}
  .broadcast-ribbon{height:34px !important}
  .broadcast-ribbon-track{font-size:9px !important; line-height:34px !important}
  .media-kicker{font-size:13px !important}
  .media-hero-copy p{font-size:14px !important}
  .compact-heading span{font-size:13px !important}
  .media-card p{font-size:13px !important}
  .photo-tag{font-size:9px !important}
  .media-detail summary em{font-size:9px !important}
  .detail-body{font-size:13px !important}
  .module-tile strong{font-size:13px !important}
  .module-tile span{font-size:12px !important}
  .wide-photo-overlay span{font-size:12px !important}
  .process-line span{font-size:11px !important}
  .role-chip b{font-size:13px !important}
  .role-chip span{font-size:12px !important}
  .admission-steps strong{font-size:12px !important}
  .admission-steps span{font-size:10.5px !important}
  .form-intro{font-size:12px !important}
  .form .field label{font-size:11.5px !important}
  .notice{font-size:12px !important}
  .visual-story p{font-size:11.5px !important}
  .visual-story>span{font-size:8px !important}
  .media-final-strip span{font-size:9px !important}
  .media-footer a,
  .media-footer p{font-size:12px !important}
  .media-footer .footer-bottom{font-size:9.5px !important}
  .clean-list li{font-size:13px !important}
}


/* =========================================================
   SAARS v8.2 — remaining supporting text / micro-copy enlarged
   Includes:
   - LEARN → PRACTICE → PRODUCE → BUILD PORTFOLIO
   - explanatory one-line paragraphs
   - YOUR NEXT STEP and similar kickers
   - small captions / labels / numbers throughout inner pages
   - visual labels and accordion supporting text
   Architecture and main headings remain unchanged.
   ========================================================= */

/* Home supporting copy */
.home-page .home-heading>p,
.home-page .explore-intro p{
  font-size:17px !important;
  line-height:1.72 !important;
}

.home-page .micro-roadmap{
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:900 !important;
  letter-spacing:.075em !important;
  gap:11px !important;
}

.home-page .micro-roadmap span,
.home-page .micro-roadmap i{
  font-size:15px !important;
}

.home-page .cta-kicker{
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
}

.home-page .home-final-cta p{
  font-size:16px !important;
  line-height:1.65 !important;
}

.home-page .acc-body{
  font-size:15px !important;
  line-height:1.75 !important;
}

.home-page .home-accordion summary b{
  font-size:17px !important;
}

.home-page .acc-no{
  font-size:20px !important;
}

.home-page .visual-card-overlay small{
  font-size:12.5px !important;
  line-height:1.45 !important;
}

.home-page .stage-tag small{
  font-size:10.5px !important;
  line-height:1.35 !important;
}

/* Inner-page supporting paragraphs around section headings */
.media-page .compact-heading p{
  font-size:15px !important;
  line-height:1.7 !important;
}

/* Small hero-image labels such as LIVE / MCR/PCR / OTT */
.media-page .hero-fade-labels span{
  font-size:10.5px !important;
  line-height:1.35 !important;
  padding:7px 10px !important;
}

/* Supporting copy and small labels on inner-page visual blocks */
.media-page .photo-tag{
  font-size:11px !important;
  line-height:1.45 !important;
}

.media-page .wide-photo-overlay span{
  font-size:14px !important;
  line-height:1.6 !important;
}

.media-page .visual-story p{
  font-size:13.5px !important;
  line-height:1.6 !important;
}

.media-page .visual-story>span{
  font-size:10px !important;
  line-height:1.35 !important;
}

/* Accordions / details / notes */
.media-page .media-detail summary em{
  font-size:11px !important;
  line-height:1.35 !important;
}

.media-page .detail-body{
  font-size:15px !important;
  line-height:1.72 !important;
}

.media-page .form-intro{
  font-size:14px !important;
  line-height:1.6 !important;
}

.media-page .demo-note{
  font-size:13px !important;
  line-height:1.55 !important;
}

.media-page .notice{
  font-size:14px !important;
  line-height:1.6 !important;
}

/* Process / role / admission support lines */
.media-page .process-line strong{
  font-size:14px !important;
}

.media-page .process-line span{
  font-size:12.5px !important;
  line-height:1.5 !important;
}

.media-page .role-chip span{
  font-size:13.5px !important;
  line-height:1.6 !important;
}

.media-page .admission-steps span{
  font-size:12px !important;
  line-height:1.52 !important;
}

.media-page .module-tile span{
  font-size:13.5px !important;
  line-height:1.62 !important;
}

/* Final-strip micro labels like START WITH CLARITY / SEE THE WORKFLOW */
.media-page .media-final-strip span{
  font-size:11.5px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* Footer micro text */
.media-page .media-footer .footer-bottom{
  font-size:11.5px !important;
  line-height:1.55 !important;
}

/* Chat invitation strip shown on every page */
.saars-chat-footer-strip span{
  font-size:15px !important;
  line-height:1.5 !important;
}

.saars-chat-footer-strip strong{
  font-size:21px !important;
  line-height:1.35 !important;
}

/* Keep mobile readable without making cards too crowded */
@media(max-width:700px){
  .home-page .home-heading>p,
  .home-page .explore-intro p{
    font-size:15px !important;
  }

  .home-page .micro-roadmap,
  .home-page .micro-roadmap span,
  .home-page .micro-roadmap i{
    font-size:12px !important;
  }

  .home-page .cta-kicker{
    font-size:12px !important;
  }

  .home-page .home-final-cta p{
    font-size:14px !important;
  }

  .home-page .acc-body{
    font-size:14px !important;
  }

  .media-page .compact-heading p{
    font-size:14px !important;
  }

  .media-page .hero-fade-labels span{
    font-size:9px !important;
  }

  .media-page .detail-body{
    font-size:14px !important;
  }

  .media-page .media-final-strip span{
    font-size:10px !important;
  }

  .saars-chat-footer-strip span{
    font-size:13.5px !important;
  }

  .saars-chat-footer-strip strong{
    font-size:19px !important;
  }
}


/* =========================================================
   SAARS v8.3 — STRONG readability correction
   User-requested examples:
   LEARN → PRACTICE → PRODUCE → BUILD PORTFOLIO
   YOUR NEXT STEP
   supporting explanatory one-line text
   all comparable small lines / numbers / labels
   ========================================================= */

/* Home process roadmap — deliberately much larger now */
.home-page .micro-roadmap,
.home-page .micro-roadmap span,
.home-page .micro-roadmap i{
  font-size:20px !important;
  line-height:1.45 !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
}
.home-page .micro-roadmap{
  gap:12px !important;
  margin-top:22px !important;
}

/* Home small section labels / kickers */
.home-page .eyebrow,
.home-page .cta-kicker,
.home-page .home-compact-section .eyebrow,
.home-page .home-explore-section .eyebrow{
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}

/* Home supporting explanatory lines */
.home-page .home-heading>p,
.home-page .explore-intro p,
.home-page .home-final-cta p,
.home-page .acc-body{
  font-size:17px !important;
  line-height:1.72 !important;
}

/* Small supporting labels and captions in Home visual blocks */
.home-page .hero-proof span,
.home-page .stage-tag small,
.home-page .visual-card-overlay small{
  font-size:14px !important;
  line-height:1.45 !important;
}

/* Inner-page small labels above section headings / numbered labels */
.media-page .compact-heading span,
.media-page .media-kicker,
.media-page .media-final-strip span{
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}

/* Inner-page explanatory copy around section headings */
.media-page .compact-heading p,
.media-page .media-card p,
.media-page .detail-body,
.media-page .notice{
  font-size:16px !important;
  line-height:1.7 !important;
}

/* Inner-page small process / role / admission / module support text */
.media-page .process-line span,
.media-page .role-chip span,
.media-page .admission-steps span,
.media-page .module-tile span,
.media-page .wide-photo-overlay span,
.media-page .visual-story p{
  font-size:14px !important;
  line-height:1.6 !important;
}

/* Small numbers / codes / tags */
.media-page .media-detail summary em,
.media-page .photo-tag,
.media-page .hero-fade-labels span,
.media-page .visual-story>span{
  font-size:12px !important;
  line-height:1.4 !important;
}

/* Small form/footer/support text */
.media-page .form-intro,
.media-page .form .field label,
.media-page .demo-note,
.media-page .media-footer a,
.media-page .media-footer p,
.media-page .media-footer .footer-bottom{
  font-size:14px !important;
  line-height:1.6 !important;
}

/* Chat callout at bottom of every page */
.saars-chat-footer-strip strong{
  font-size:22px !important;
  line-height:1.35 !important;
}
.saars-chat-footer-strip span{
  font-size:17px !important;
  line-height:1.55 !important;
}

/* Mobile: still substantially larger, but prevent wrapping problems */
@media(max-width:700px){
  .home-page .micro-roadmap,
  .home-page .micro-roadmap span,
  .home-page .micro-roadmap i{
    font-size:15px !important;
    line-height:1.5 !important;
  }

  .home-page .eyebrow,
  .home-page .cta-kicker,
  .home-page .home-compact-section .eyebrow,
  .home-page .home-explore-section .eyebrow{
    font-size:14px !important;
  }

  .home-page .home-heading>p,
  .home-page .explore-intro p,
  .home-page .home-final-cta p,
  .home-page .acc-body{
    font-size:15px !important;
  }

  .media-page .compact-heading span,
  .media-page .media-kicker,
  .media-page .media-final-strip span{
    font-size:14px !important;
  }

  .media-page .compact-heading p,
  .media-page .media-card p,
  .media-page .detail-body,
  .media-page .notice{
    font-size:14px !important;
  }

  .media-page .process-line span,
  .media-page .role-chip span,
  .media-page .admission-steps span,
  .media-page .module-tile span,
  .media-page .wide-photo-overlay span,
  .media-page .visual-story p{
    font-size:12.5px !important;
  }

  .saars-chat-footer-strip strong{
    font-size:19px !important;
  }
  .saars-chat-footer-strip span{
    font-size:14.5px !important;
  }
}


/* SAARS v8.4 — remove duplicate floating chat launcher */
.saars-chat-fab{display:none !important;}


/* =========================================================
   SAARS v8.5 — smooth animated + information boxes
   Applies to Home accordion and all inner-page expandable boxes.
   ========================================================= */

.media-detail,
.home-accordion details{
  transition:
    background-color .42s ease,
    border-color .42s ease,
    box-shadow .42s ease,
    transform .42s ease !important;
}

.media-detail[open],
.home-accordion details[open]{
  box-shadow:0 10px 28px rgba(31,57,49,.08);
}

/* The content itself slides + fades instead of appearing instantly. */
.smooth-accordion-body{
  overflow:hidden !important;
  transform-origin:top center;
  transition:
    height .52s cubic-bezier(.22,.72,.22,1),
    opacity .38s ease,
    transform .52s cubic-bezier(.22,.72,.22,1) !important;
  will-change:height,opacity,transform;
}

/* Make the + sign motion more polished. */
.media-detail summary>span,
.home-accordion summary em{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  transform-origin:center center;
  transition:
    transform .48s cubic-bezier(.2,.75,.25,1),
    color .35s ease,
    text-shadow .35s ease !important;
}

.media-detail[open] summary>span,
.home-accordion details[open] summary em{
  transform:rotate(45deg) scale(1.06) !important;
  text-shadow:0 0 12px rgba(200,154,22,.22);
}

/* Subtle response when the clickable heading is hovered. */
.media-detail summary,
.home-accordion summary{
  transition:background-color .3s ease, padding-left .3s ease !important;
}

@media(hover:hover){
  .media-detail summary:hover,
  .home-accordion summary:hover{
    background:rgba(200,154,22,.055);
  }
}

@media(prefers-reduced-motion:reduce){
  .smooth-accordion-body,
  .media-detail,
  .home-accordion details,
  .media-detail summary>span,
  .home-accordion summary em{
    transition:none !important;
  }
}


/* =========================================================
   SAARS v8.6 — TRUE smooth + boxes
   Native <details> snap is bypassed.
   Every expandable body now grows/collapses through CSS grid animation.
   ========================================================= */

/* Because native details are held open, visual state comes from data-expanded. */
.media-detail[data-expanded="false"],
.home-accordion details[data-expanded="false"]{
  box-shadow:none !important;
}

.media-detail[data-expanded="false"]{
  background:rgba(255,255,255,.78) !important;
  border-left:0 !important;
}

.media-detail[data-expanded="true"]{
  background:#fff !important;
  border-left:3px solid var(--gold) !important;
  box-shadow:0 10px 28px rgba(31,57,49,.07) !important;
}

.home-page .home-accordion details[data-expanded="false"]{
  background:rgba(255,255,255,.72) !important;
  border-left:0 !important;
  box-shadow:none !important;
}

.home-page .home-accordion details[data-expanded="true"]{
  background:#fff !important;
  border-left:3px solid var(--brochure-gold) !important;
  box-shadow:0 10px 26px rgba(31,57,49,.06) !important;
}

/* Body becomes a grid with one animated row. */
.saars-controlled-accordion-body{
  display:grid !important;
  grid-template-rows:0fr;
  overflow:hidden !important;
  opacity:0;
  transform:translateY(-12px);
  padding:0 !important;
  margin:0 !important;
  visibility:hidden;
  transition:
    grid-template-rows .88s cubic-bezier(.20,.72,.18,1),
    opacity .58s ease,
    transform .88s cubic-bezier(.20,.72,.18,1),
    visibility 0s linear .88s !important;
  will-change:grid-template-rows,opacity,transform;
}

.saars-controlled-accordion-body > .saars-accordion-inner{
  min-height:0;
  overflow:hidden;
  box-sizing:border-box;
  transition:
    padding-bottom .88s cubic-bezier(.20,.72,.18,1) !important;
}

/* Preserve original inner-page body spacing inside the new animated wrapper. */
.detail-body.saars-controlled-accordion-body > .saars-accordion-inner{
  padding:0 15px 0 44px;
}

/* Preserve original Home accordion spacing. */
.acc-body.saars-controlled-accordion-body > .saars-accordion-inner{
  padding:0 42px 0 54px;
}

/* Expanded state: visually grows down instead of appearing instantly. */
details[data-expanded="true"] > .saars-controlled-accordion-body{
  grid-template-rows:1fr;
  opacity:1;
  transform:translateY(0);
  visibility:visible;
  transition:
    grid-template-rows .88s cubic-bezier(.20,.72,.18,1),
    opacity .58s .08s ease,
    transform .88s cubic-bezier(.20,.72,.18,1),
    visibility 0s linear 0s !important;
}

.media-detail[data-expanded="true"] > .detail-body > .saars-accordion-inner{
  padding-bottom:16px;
}

.home-accordion details[data-expanded="true"] > .acc-body > .saars-accordion-inner{
  padding-bottom:17px;
}

/* Plus rotates slowly and visibly into an × while the content opens. */
.media-detail summary>span,
.home-accordion summary em{
  transition:
    transform .72s cubic-bezier(.18,.72,.18,1),
    color .45s ease,
    text-shadow .45s ease !important;
}

.media-detail[data-expanded="false"] summary>span,
.home-accordion details[data-expanded="false"] summary em{
  transform:rotate(0deg) scale(1) !important;
}

.media-detail[data-expanded="true"] summary>span,
.home-accordion details[data-expanded="true"] summary em{
  transform:rotate(45deg) scale(1.10) !important;
  text-shadow:0 0 14px rgba(200,154,22,.28) !important;
}

/* Small heading response helps the opening feel intentional rather than abrupt. */
.media-detail summary,
.home-accordion summary{
  transition:
    background-color .46s ease,
    color .46s ease,
    padding-left .46s ease !important;
}

.media-detail[data-expanded="true"] summary,
.home-accordion details[data-expanded="true"] summary{
  background:rgba(200,154,22,.045);
}

/* Initial setup should not animate on page load. */
.saars-no-accordion-motion,
.saars-no-accordion-motion *,
.saars-no-accordion-motion > .saars-controlled-accordion-body{
  transition:none !important;
}

/* Mobile keeps the same visible smoothness, with original compact spacing. */
@media(max-width:700px){
  .acc-body.saars-controlled-accordion-body > .saars-accordion-inner{
    padding-left:50px;
    padding-right:8px;
  }
  .saars-controlled-accordion-body{
    transition:
      grid-template-rows .78s cubic-bezier(.20,.72,.18,1),
      opacity .52s ease,
      transform .78s cubic-bezier(.20,.72,.18,1),
      visibility 0s linear .78s !important;
  }
  details[data-expanded="true"] > .saars-controlled-accordion-body{
    transition:
      grid-template-rows .78s cubic-bezier(.20,.72,.18,1),
      opacity .52s .06s ease,
      transform .78s cubic-bezier(.20,.72,.18,1),
      visibility 0s linear 0s !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .saars-controlled-accordion-body,
  .saars-controlled-accordion-body > .saars-accordion-inner,
  .media-detail summary>span,
  .home-accordion summary em{
    transition:none !important;
  }
}


/* SAARS v8.7 — floating Ask SAARS launcher restored */
.saars-chat-fab{
  display:flex !important;
}


/* ===== SAARS production-preservation fixes ===== */
#counselling-form{scroll-margin-top:110px}
.form-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-consent label{display:flex;gap:9px;align-items:flex-start;line-height:1.55}.form-consent input{margin-top:3px;flex:0 0 auto}.form-consent a{text-decoration:underline;color:inherit}

/* ===== SAARS v8.8 — HERO CONSISTENCY + PROGRAMME CARD CLEANUP ===== */
/* One visual system for Home + every inner-page hero. */
.home-page .home-hero,
.media-page .media-page-hero{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 78% 20%,rgba(35,149,132,.12),transparent 26%),
    linear-gradient(135deg,#052f29 0%,#073a32 52%,#052f29 100%) !important;
}
.media-page .media-page-hero{border-bottom:0 !important}

/* Same content grid and hero rhythm on all desktop pages. */
.home-page .home-hero-inner,
.media-page .media-hero-grid{
  max-width:1180px !important;
  width:calc(100% - 40px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
@media(min-width:1051px){
  .home-page .home-hero-inner,
  .media-page .media-hero-grid{
    min-height:440px !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
    gap:44px !important;
    align-items:center !important;
  }
  .media-page .media-hero-visual{height:335px !important}
}

/* Same small heading-label treatment: red live dot + white label. */
.home-page .home-hero-copy .live-label,
.media-page .media-hero-copy .media-kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  color:#e9e7dd !important;
  font-family:"IBM Plex Mono","Courier New",monospace !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:.13em !important;
  line-height:1.35 !important;
}
.media-page .media-hero-copy .media-kicker i{
  width:7px !important;
  height:7px !important;
  margin:0 !important;
  border-radius:50% !important;
  background:var(--red) !important;
  flex:0 0 7px !important;
  animation:softBlink 1.8s infinite !important;
}
.home-page .home-hero-copy .live-label:after{display:none !important}

/* Ticker/ribbon must touch the hero directly and look identical site-wide. */
.home-page .media-ticker,
.media-page .broadcast-ribbon{
  width:100% !important;
  max-width:none !important;
  height:39px !important;
  margin:0 !important;
  border:0 !important;
  background:#0a4339 !important;
  box-sizing:border-box !important;
}
.home-page .ticker-track,
.media-page .broadcast-ribbon-track{
  font-family:"IBM Plex Mono","Courier New",monospace !important;
  color:#e7e4d9 !important;
  font-size:9px !important;
  font-weight:500 !important;
  letter-spacing:.15em !important;
  line-height:39px !important;
}
.home-page .ticker-track i,
.media-page .broadcast-ribbon-track i{color:var(--brochure-gold,#c89a16) !important}

/* Course page: three equal cards, no squeezed two-column module lists. */
.programme-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:18px !important;
}
.programme-grid>.media-card{
  min-width:0 !important;
  height:100% !important;
  padding:22px !important;
}
.programme-grid>.media-card h3{
  font-size:17px !important;
  line-height:1.22 !important;
  margin:10px 0 10px !important;
}
.programme-grid>.media-card p{
  font-size:13px !important;
  line-height:1.6 !important;
}
.programme-grid .module-list{
  columns:1 !important;
  column-count:1 !important;
  margin-top:14px !important;
  padding-left:22px !important;
}
.programme-grid .module-list li{
  break-inside:avoid !important;
  font-size:13px !important;
  line-height:1.55 !important;
  margin-bottom:7px !important;
}

/* Counselling form landing: keep target clear below the header. */
#counselling-form{scroll-margin-top:125px !important}

@media(max-width:1050px){
  .home-page .home-hero-inner,
  .media-page .media-hero-grid{width:calc(100% - 32px) !important}
  .programme-grid{grid-template-columns:1fr !important}
}
@media(max-width:700px){
  .home-page .home-hero-copy .live-label,
  .media-page .media-hero-copy .media-kicker{font-size:12px !important;letter-spacing:.11em !important}
  .home-page .media-ticker,
  .media-page .broadcast-ribbon{height:34px !important}
  .home-page .ticker-track,
  .media-page .broadcast-ribbon-track{font-size:8px !important;line-height:34px !important}
}


#programmes-offered{scroll-margin-top:125px !important}