/*
Theme Name: BEC Education Platform - Reference Match
Theme URI: https://www.bishwakarmaeduconsultant.com/
Author: Bishwakarma Edu Consultant
Description: Frontend-only BEC theme closely matching the supplied reference image. Existing WordPress backend/plugins remain untouched.
Version: 2.8.5
*/
:root{
 --navy:#092b55;--navy2:#061d3b;--blue:#0969e8;--blue2:#1f8fff;--cyan:#18b6e8;
 --green:#23bd8b;--orange:#ff922d;--purple:#8e45e8;--ink:#10233f;--text:#34445a;
 --muted:#6d7b8e;--line:#e2e9f2;--bg:#f6f9fd;--white:#fff;
 --shadow:0 16px 45px rgba(13,42,76,.11);--radius:18px;--container:min(1160px,92%);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
.bec-container{width:var(--container);margin:auto}

/* top strip */
.bec-top{height:30px;background:var(--navy2);color:#dce9f7;font-size:10px}
.bec-top .bec-container{height:100%;display:flex;align-items:center;justify-content:space-between}
.bec-top-left,.bec-top-right{display:flex;align-items:center;gap:18px}
.bec-top a{color:#fff}

/* header */
.bec-header{height:64px;background:#fff;border-bottom:1px solid #e8edf3;position:sticky;top:0;z-index:999}
.bec-nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.bec-logo{display:flex;align-items:center;gap:9px;min-width:300px}
.bec-logo img{height:48px;width:auto;object-fit:contain}
.bec-logo-mark{width:42px;height:42px;background:var(--navy);border-radius:9px;color:#fff;display:grid;place-items:center;font-weight:900}
.bec-logo-text strong{display:block;color:#10243e;font-size:18px;line-height:1}
.bec-logo-text small{display:block;font-size:8px;letter-spacing:.06em;color:#728094;margin-top:3px}
.bec-menu{display:flex;align-items:center;gap:2px;list-style:none;padding:0;margin:0;font-size:12px;font-weight:750}
.bec-menu li>a{display:block;padding:8px 10px;border-radius:8px}
.bec-menu li>a:hover,.bec-menu .current-menu-item>a{color:var(--blue);background:#f0f6ff}
.bec-menu .bec-login{border:1px solid #a9c8ef;color:var(--blue);margin-left:8px;padding-inline:18px}
.bec-menu .bec-start{background:var(--blue);color:#fff;padding-inline:20px;margin-left:2px;box-shadow:0 7px 18px rgba(9,105,232,.2)}
.bec-menu .bec-start:hover{background:#0558c9;color:#fff}
.bec-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;font-size:18px}

/* hero */
.bec-hero{position:relative;min-height:320px;overflow:hidden;background:#eef5fd}
.bec-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.91) 31%,rgba(247,251,255,.22) 57%,rgba(247,251,255,.02) 78%),url('assets/hero-students.jpg');background-size:cover;background-position:center right;filter:none}
.bec-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 310px;gap:45px;align-items:center;min-height:320px}
.bec-hero-copy{padding:34px 0 30px;max-width:610px}
.bec-hero h1{margin:0 0 12px;color:#0c2342;font-size:43px;line-height:1.02;letter-spacing:-.045em;font-weight:850}
.bec-hero h1 span{color:var(--blue)}
.bec-hero p{font-size:14px;max-width:560px;margin:0;color:#43536a;line-height:1.55}
.bec-buttons{display:flex;gap:10px;margin-top:20px}
.bec-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:7px;font-size:12px;font-weight:800}
.bec-btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(9,105,232,.2)}
.bec-btn-outline{background:#fff;border:1px solid var(--blue);color:var(--blue)}
.bec-trust{display:flex;gap:22px;margin-top:18px;font-size:10px;font-weight:700;color:#536378}
.bec-trust b{color:var(--blue);margin-right:4px}

/* audience panel */
.bec-audience{background:rgba(255,255,255,.96);border-radius:10px;padding:14px;box-shadow:var(--shadow);border:1px solid #e4ebf3}
.bec-audience h3{font-size:14px;color:var(--ink);margin:0 0 10px}
.bec-audience-card{display:flex;align-items:center;gap:10px;border-radius:8px;padding:9px;margin:6px 0;background:#f1f6ff}
.bec-audience-card:nth-child(3){background:#edfaf6}.bec-audience-card:nth-child(4){background:#fff6ea}.bec-audience-card:nth-child(5){background:#f5efff}
.bec-a-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#dcecff;color:var(--blue);font-size:15px}
.bec-audience-card:nth-child(3) .bec-a-icon{background:#d9f7ed;color:var(--green)}
.bec-audience-card:nth-child(4) .bec-a-icon{background:#ffe9d1;color:var(--orange)}
.bec-audience-card:nth-child(5) .bec-a-icon{background:#eadbff;color:var(--purple)}
.bec-audience-card strong{display:block;color:#172a43;font-size:11px}.bec-audience-card span{display:block;color:#718095;font-size:9px}.bec-arrow{margin-left:auto;color:var(--blue);font-weight:900}

/* service cards */
.bec-services-wrap{background:#fff;padding:10px 0 12px}
.bec-services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.bec-service{padding:13px 15px 14px;border:1px solid #e5ebf2;border-radius:10px;min-height:102px;box-shadow:0 4px 15px rgba(16,35,63,.035)}
.bec-service:nth-child(2){background:#f4fcf9}.bec-service:nth-child(3){background:#fffaf4}.bec-service:nth-child(4){background:#fbf8ff}
.bec-service-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#dcecff;color:var(--blue);float:left;margin-right:10px;font-size:19px}
.bec-service:nth-child(2) .bec-service-icon{background:#d7f5e9;color:var(--green)}
.bec-service:nth-child(3) .bec-service-icon{background:#ffe8d0;color:var(--orange)}
.bec-service:nth-child(4) .bec-service-icon{background:#eadbff;color:var(--purple)}
.bec-service h3{font-size:13px;line-height:1.15;color:var(--ink);margin:2px 0 4px}.bec-service p{font-size:9px;line-height:1.35;margin:0;color:#6d7b8e}.bec-service a{display:inline-block;color:var(--blue);font-size:9px;font-weight:800;margin-top:7px}

/* stats */
.bec-stats{background:var(--navy);color:#fff}
.bec-stats-inner{min-height:76px;display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;align-items:center}
.bec-stat{display:flex;align-items:center;gap:10px;padding:0 18px;border-right:1px solid rgba(255,255,255,.16)}
.bec-stat-icon{font-size:24px;color:#2db8f3}.bec-stat:nth-child(3) .bec-stat-icon{color:#ffad39}
.bec-stat strong{display:block;font-size:20px;line-height:1}.bec-stat span{display:block;font-size:9px;color:#d7e4f1;margin-top:4px}
.bec-global{display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;font-weight:800;font-size:11px}.bec-global-icon{font-size:31px}

/* sections */
.bec-section{padding:24px 0}.bec-title{text-align:center;margin-bottom:18px}.bec-title h2{margin:0;color:#102640;font-size:26px;letter-spacing:-.025em}.bec-title h2 span{color:var(--blue)}.bec-title p{margin:3px 0 0;color:#718095;font-size:11px}

/* steps */
.bec-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}.bec-steps:before{content:"";position:absolute;left:9%;right:9%;top:24px;border-top:2px dashed #d6dfeb;z-index:0}
.bec-step{position:relative;z-index:1;background:#f2f7ff;border:1px solid #e1eaf5;border-radius:9px;padding:11px 12px;min-height:65px}
.bec-step:nth-child(2){background:#effbf7}.bec-step:nth-child(3){background:#fff8ef}.bec-step:nth-child(4){background:#f7f0ff}
.bec-step-num{float:left;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;margin-right:9px}.bec-step:nth-child(2) .bec-step-num{background:var(--green)}.bec-step:nth-child(3) .bec-step-num{background:var(--orange)}.bec-step:nth-child(4) .bec-step-num{background:var(--purple)}
.bec-step h3{font-size:11px;color:var(--ink);margin:2px 0}.bec-step p{font-size:9px;color:#6d7b8e;margin:0;line-height:1.3}

/* platform */
.bec-platform{background:linear-gradient(90deg,#f6faff,#edf6ff);padding:24px 0}
.bec-platform-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:38px;align-items:center}
.bec-device{min-height:145px;display:grid;place-items:center;color:var(--blue);font-size:65px}
.bec-platform h4{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);margin:0}.bec-platform h2{font-size:25px;line-height:1.08;color:var(--ink);margin:4px 0 8px}.bec-platform p{font-size:10px;color:#65758a;max-width:430px;margin:0}.bec-why{background:#eef5ff;border-radius:9px;padding:14px;margin-top:12px}.bec-why h3{margin:0 0 8px;color:var(--blue);font-size:15px}.bec-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bec-benefit{display:flex;gap:8px;align-items:center;font-size:9px;color:#40516a}.bec-benefit i{width:28px;height:28px;border-radius:8px;background:#dcecff;display:grid;place-items:center;color:var(--blue);font-style:normal}

/* footer */
.bec-footer{background:#061b34;color:#aebfd2;padding:26px 0 12px}.bec-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:28px}.bec-footer-brand{padding-right:15px}.bec-footer-brand h3{color:#fff;margin:0 0 7px;font-size:18px}.bec-footer-brand p{font-size:9px;line-height:1.5;margin:0}.bec-footer h4{font-size:10px;color:#fff;margin:0 0 8px}.bec-footer ul{list-style:none;padding:0;margin:0}.bec-footer li{font-size:9px;margin:5px 0}.bec-footer a:hover{color:#fff}.bec-social{display:flex;gap:7px;margin-top:10px}.bec-social a{width:21px;height:21px;border-radius:5px;background:#0b4c92;display:grid;place-items:center;color:#fff;font-size:10px}.bec-footer-bottom{border-top:1px solid rgba(255,255,255,.11);margin-top:18px;padding-top:9px;display:flex;justify-content:space-between;font-size:8px}

/* content pages */
.bec-page{padding:55px 0;min-height:55vh}.bec-page-title{color:var(--ink);font-size:40px;line-height:1.1;margin:0 0 24px}.bec-content{max-width:100%;font-size:15px}.bec-content a{color:var(--blue)}
.bec-content input,.bec-content select,.bec-content textarea{max-width:100%}

/* responsive */
@media(max-width:1050px){.bec-logo{min-width:220px}.bec-menu li>a{padding-inline:6px}.bec-hero-inner{grid-template-columns:1fr 280px}.bec-stats-inner{grid-template-columns:repeat(4,1fr)}.bec-global{display:none}.bec-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
@media(max-width:820px){
 .bec-top-right{display:none}.bec-header{height:60px}.bec-toggle{display:block}.bec-menu{display:none;position:absolute;top:90px;left:4%;right:4%;background:#fff;padding:10px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.bec-menu.open{display:flex}.bec-menu li>a{padding:10px}.bec-hero-inner{grid-template-columns:1fr;gap:8px;padding-bottom:20px}.bec-audience{max-width:360px}.bec-services,.bec-steps{grid-template-columns:1fr 1fr}.bec-steps{gap:12px}.bec-steps:before{display:none}.bec-platform-grid{grid-template-columns:1fr}.bec-footer-grid{grid-template-columns:1fr 1fr}.bec-footer-brand{grid-column:1/-1}
}
@media(max-width:560px){
 .bec-logo-text strong{font-size:14px}.bec-logo-text small{display:none}.bec-hero h1{font-size:35px}.bec-services,.bec-steps,.bec-benefits,.bec-footer-grid{grid-template-columns:1fr}.bec-stat{padding:9px}.bec-stat strong{font-size:16px}.bec-stat span{font-size:8px}.bec-footer-brand{grid-column:auto}.bec-footer-bottom{display:block}.bec-footer-bottom div+div{margin-top:5px}
}


/* v2.1.1 — Force the BEC theme shell and suppress duplicate legacy
   theme/page-builder headers and footers outside the BEC shell. */
body.bec-force-shell header:not(.bec-header),
body.bec-force-shell footer:not(.bec-footer),
body.bec-force-shell .site-header,
body.bec-force-shell .site-footer,
body.bec-force-shell .main-header,
body.bec-force-shell .main-footer,
body.bec-force-shell .elementor-location-header,
body.bec-force-shell .elementor-location-footer,
body.bec-force-shell [data-elementor-type="header"],
body.bec-force-shell [data-elementor-type="footer"],
body.bec-force-shell .wp-block-template-part.header,
body.bec-force-shell .wp-block-template-part.footer{
  display:none!important;
}
body.bec-force-shell .bec-header{display:block!important}
body.bec-force-shell .bec-footer{display:block!important}
body.bec-force-shell .bec-header,
body.bec-force-shell .bec-header a,
body.bec-force-shell .bec-footer,
body.bec-force-shell .bec-footer a{
  font-family:Inter,Segoe UI,Arial,sans-serif;
}

/* v2.2.0 — standalone BEC shell on the homepage */
.bec-standalone-header{position:relative;z-index:1000}
.bec-standalone-footer{position:relative;z-index:1000}
.bec-standalone-logo{display:block;width:285px;height:auto;object-fit:contain}
.bec-footer-logo-img{display:block;width:265px;height:auto;margin-bottom:10px}
.bec-reference-hero{background-position:center right}
.bec-reference-hero .bec-hero-bg{background-image:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.91) 31%,rgba(247,251,255,.22) 57%,rgba(247,251,255,.02) 78%),url('assets/bec-hero-reference.jpg')}
@media(max-width:820px){.bec-standalone-logo{width:220px}.bec-footer-logo-img{width:220px}}

/* ============================================================
   BEC v2.3.0 — reference-accurate typography, alignment & shell
   ============================================================ */
body.bec-v23-home,
body.bec-v23-home *{
  font-family:Arial,Helvetica,sans-serif!important;
}
body.bec-v23-home{
  color:#23344d!important;
  background:#fff!important;
  overflow-x:hidden;
}
.bec-v23-home h1,.bec-v23-home h2,.bec-v23-home h3,.bec-v23-home h4,
.bec-v23-home p,.bec-v23-home span,.bec-v23-home a{
  letter-spacing:normal;
}
.bec-v23-home .bec-container{max-width:1160px!important;width:calc(100% - 56px)!important}
.bec-v23-home .bec-header{background:#fff!important;border-bottom:1px solid #e8edf4!important}
.bec-v23-home .bec-menu{font-size:12px!important}
.bec-v23-home .bec-menu li>a{font-weight:700!important;color:#10233f!important}
.bec-v23-home .bec-menu li>a:hover{color:#0969e8!important}
.bec-v23-home .bec-menu .bec-login{color:#0969e8!important;background:#fff!important}
.bec-v23-home .bec-menu .bec-start{color:#fff!important;background:#0969e8!important}
.bec-v23-home .bec-hero{
  min-height:320px!important;
  height:320px!important;
}
.bec-v23-home .bec-hero-inner{
  min-height:320px!important;
  height:320px!important;
  grid-template-columns:minmax(0,1fr) 310px!important;
  gap:38px!important;
}
.bec-v23-home .bec-hero-copy{padding:30px 0!important;max-width:600px!important}
.bec-v23-home .bec-hero h1{
  font-size:42px!important;line-height:1.02!important;font-weight:800!important;
  letter-spacing:-1.5px!important;color:#0b2341!important;margin:0 0 13px!important;
}
.bec-v23-home .bec-hero h1 span{color:#0969e8!important}
.bec-v23-home .bec-hero p{font-size:13px!important;line-height:1.55!important;color:#344b67!important}
.bec-v23-home .bec-buttons{margin-top:18px!important}
.bec-v23-home .bec-btn{font-size:12px!important;font-weight:700!important}
.bec-v23-home .bec-trust{font-size:10px!important;margin-top:15px!important}
.bec-v23-home .bec-audience{padding:14px!important}
.bec-v23-home .bec-audience h3{font-size:15px!important;font-weight:800!important}
.bec-v23-home .bec-audience-card{padding:9px!important}
.bec-v23-home .bec-audience-card strong{font-size:11px!important}
.bec-v23-home .bec-audience-card span{font-size:9px!important}
.bec-v23-home .bec-services-wrap{padding:12px 0 13px!important}
.bec-v23-home .bec-services{gap:15px!important}
.bec-v23-home .bec-service{min-height:104px!important;padding:13px 15px!important}
.bec-v23-home .bec-service h3{font-size:13px!important;font-weight:800!important}
.bec-v23-home .bec-service p{font-size:9px!important}
.bec-v23-home .bec-service a{font-size:9px!important}
.bec-v23-home .bec-stats{
  background:#092f60 url('assets/bec-world-map.png') right center/auto 100% no-repeat!important;
}
.bec-v23-home .bec-stats-inner{min-height:76px!important}
.bec-v23-home .bec-stat strong{font-size:20px!important;font-weight:800!important}
.bec-v23-home .bec-stat span{font-size:9px!important}
.bec-v23-home .bec-section{padding:27px 0!important}
.bec-v23-home .bec-title{margin-bottom:19px!important}
.bec-v23-home .bec-title h2{font-size:27px!important;font-weight:800!important}
.bec-v23-home .bec-title p{font-size:11px!important}
.bec-v23-home .bec-step h3{font-size:13px!important;font-weight:800!important}
.bec-v23-home .bec-step p{font-size:9px!important}
.bec-v23-home .bec-platform{padding:28px 0 30px!important}
.bec-v23-home .bec-platform h2{font-size:28px!important;line-height:1.08!important;font-weight:800!important}
.bec-v23-home .bec-platform p{font-size:11px!important;line-height:1.5!important}
.bec-v23-home .bec-platform h4{font-size:10px!important;font-weight:800!important}
.bec-v23-home .bec-device{
  min-height:160px!important;
  background:url('assets/bec-device-mockup.jpg') center center/contain no-repeat!important;
  color:transparent!important;
}
.bec-v23-home .bec-device span{display:none!important}

/* Why Choose BEC moved to the TOP of the platform section, as requested. */
.bec-v23-home .bec-why-top{
  max-width:1040px!important;margin:0 auto 25px!important;
  background:#eef5ff!important;border-radius:12px!important;
  padding:16px 20px!important;
}
.bec-v23-home .bec-why-top h3{
  margin:0 0 11px!important;color:#0969e8!important;
  font-size:19px!important;font-weight:800!important;text-align:center!important;
}
.bec-v23-home .bec-why-top .bec-benefits{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;
}
.bec-v23-home .bec-benefit{font-size:10px!important}
.bec-v23-home .bec-benefit i{flex:0 0 30px!important}
.bec-v23-home .bec-platform-main{
  display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;
  gap:55px!important;align-items:center!important;
}
.bec-v23-home .bec-footer{
  padding:28px 0 12px!important;background:#061d38!important;
}
.bec-v23-home .bec-footer-grid{
  grid-template-columns:1.55fr 1fr 1fr 1fr 1.25fr!important;
  gap:30px!important;
}
.bec-v23-home .bec-footer-brand p{font-size:10px!important;color:#d4dfeb!important}
.bec-v23-home .bec-footer h4{font-size:11px!important;font-weight:800!important}
.bec-v23-home .bec-footer li{font-size:9px!important}
.bec-v23-home .bec-footer-bottom{font-size:8px!important}
.bec-v23-home .bec-office-address{
  color:#d4dfeb!important;font-size:9px!important;line-height:1.45!important;margin-top:7px!important;
}
.bec-v23-home .bec-footer-logo-img{
  width:270px!important;height:auto!important;max-height:58px!important;object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:820px){
  .bec-v23-home .bec-container{width:calc(100% - 30px)!important}
  .bec-v23-home .bec-hero,.bec-v23-home .bec-hero-inner{height:auto!important;min-height:0!important}
  .bec-v23-home .bec-hero-inner{grid-template-columns:1fr!important}
  .bec-v23-home .bec-hero-copy{padding:45px 0 10px!important}
  .bec-v23-home .bec-audience{margin-bottom:20px!important}
  .bec-v23-home .bec-why-top .bec-benefits{grid-template-columns:1fr 1fr!important}
  .bec-v23-home .bec-platform-main{grid-template-columns:1fr!important;gap:18px!important}
  .bec-v23-home .bec-device{min-height:190px!important}
  .bec-v23-home .bec-footer-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
  .bec-v23-home .bec-hero h1{font-size:34px!important}
  .bec-v23-home .bec-services,.bec-v23-home .bec-steps{grid-template-columns:1fr!important}
  .bec-v23-home .bec-why-top .bec-benefits{grid-template-columns:1fr!important}
  .bec-v23-home .bec-footer-grid{grid-template-columns:1fr!important}
}

/* v2.4.0 — real configurable navigation targets */
.bec-v23-home a[href="#"]{pointer-events:none}
.bec-v23-home .bec-menu a,
.bec-v23-home .bec-footer a,
.bec-v23-home .bec-audience-card,
.bec-v23-home .bec-service a,
.bec-v23-home .bec-btn{cursor:pointer}
.bec-v23-home .bec-menu a:focus-visible,
.bec-v23-home .bec-footer a:focus-visible,
.bec-v23-home .bec-btn:focus-visible,
.bec-v23-home .bec-audience-card:focus-visible{outline:3px solid rgba(9,105,232,.35);outline-offset:2px}
@media(max-width:820px){
  .bec-v23-home .bec-menu{display:none!important}
  .bec-v23-home .bec-menu.open{display:flex!important;position:absolute!important;top:100%!important;left:15px!important;right:15px!important;background:#fff!important;padding:14px!important;box-shadow:0 12px 30px rgba(0,0,0,.15)!important;flex-direction:column!important;z-index:10000!important}
  .bec-v23-home .bec-toggle{display:block!important}
}

/* ============================================================
   BEC v2.5.0 — Mobile + Tablet Experience
   Additive frontend-only responsive layer.
   ============================================================ */

/* Prevent horizontal overflow caused by legacy/page-builder content. */
html,body{max-width:100%;overflow-x:hidden}
.bec-container{max-width:1160px}

/* Touch-friendly defaults */
.bec-menu a,
.bec-btn,
.bec-audience-card,
.bec-service a,
.bec-footer a,
.bec-help-link{ -webkit-tap-highlight-color:transparent }

/* Keep the standalone header predictable on every viewport. */
.bec-standalone-header{width:100%}
.bec-standalone-header .bec-container{width:min(1160px,calc(100% - 40px))}

/* Tablet: use comfortable two-column cards instead of compressed four-column cards. */
@media (max-width:1024px){
  .bec-v23-home .bec-container{
    width:calc(100% - 40px)!important;
    max-width:960px!important;
  }

  .bec-v23-home .bec-header{
    height:70px!important;
  }

  .bec-v23-home .bec-nav{
    gap:12px!important;
  }

  .bec-v23-home .bec-logo{
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .bec-v23-home .bec-standalone-logo{
    width:245px!important;
    max-width:100%!important;
  }

  .bec-v23-home .bec-menu{
    gap:0!important;
  }

  .bec-v23-home .bec-menu li>a{
    padding:8px 7px!important;
    font-size:11px!important;
  }

  .bec-v23-home .bec-menu .bec-login{
    margin-left:4px!important;
    padding-inline:12px!important;
  }

  .bec-v23-home .bec-menu .bec-start{
    padding-inline:13px!important;
  }

  .bec-v23-home .bec-hero,
  .bec-v23-home .bec-hero-inner{
    height:auto!important;
    min-height:0!important;
  }

  .bec-v23-home .bec-hero-inner{
    grid-template-columns:minmax(0,1fr) 285px!important;
    gap:24px!important;
    padding-top:15px!important;
    padding-bottom:15px!important;
  }

  .bec-v23-home .bec-hero-copy{
    padding:32px 0 28px!important;
  }

  .bec-v23-home .bec-hero h1{
    font-size:38px!important;
  }

  .bec-v23-home .bec-services{
    grid-template-columns:1fr 1fr!important;
    gap:16px!important;
  }

  .bec-v23-home .bec-service{
    min-height:130px!important;
    padding:17px!important;
  }

  .bec-v23-home .bec-service h3{
    font-size:15px!important;
  }

  .bec-v23-home .bec-service p{
    font-size:11px!important;
    line-height:1.5!important;
  }

  .bec-v23-home .bec-service a{
    font-size:11px!important;
  }

  .bec-v23-home .bec-stats-inner{
    grid-template-columns:1fr 1fr!important;
    min-height:0!important;
  }

  .bec-v23-home .bec-stat{
    min-height:72px!important;
    padding:12px 18px!important;
  }

  .bec-v23-home .bec-global{
    display:flex!important;
    grid-column:1/-1!important;
    min-height:68px!important;
    justify-content:center!important;
  }

  .bec-v23-home .bec-steps{
    grid-template-columns:1fr 1fr!important;
    gap:18px!important;
  }

  .bec-v23-home .bec-step{
    min-height:88px!important;
    padding:14px!important;
  }

  .bec-v23-home .bec-step h3{
    font-size:14px!important;
  }

  .bec-v23-home .bec-step p{
    font-size:10px!important;
  }

  .bec-v23-home .bec-platform-main{
    grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)!important;
    gap:30px!important;
  }

  .bec-v23-home .bec-device{
    min-height:220px!important;
  }

  .bec-v23-home .bec-footer-grid{
    grid-template-columns:1.5fr 1fr 1fr!important;
    gap:26px!important;
  }

  .bec-v23-home .bec-footer-brand{
    grid-column:1/-1!important;
  }
}

/* Main mobile breakpoint: deliberately generous spacing and large touch targets. */
@media (max-width:820px){
  .bec-top{
    height:auto!important;
    min-height:34px!important;
    padding:7px 0!important;
  }

  .bec-top .bec-container{
    width:calc(100% - 28px)!important;
    min-height:20px!important;
    height:auto!important;
  }

  .bec-top-left{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    font-size:10px!important;
    line-height:1.35!important;
  }

  .bec-top-right{
    display:none!important;
  }

  .bec-v23-home .bec-header{
    position:sticky!important;
    top:0!important;
    height:68px!important;
  }

  .bec-v23-home .bec-nav{
    width:calc(100% - 28px)!important;
    height:68px!important;
    gap:10px!important;
  }

  .bec-v23-home .bec-standalone-logo{
    width:220px!important;
    max-width:calc(100vw - 90px)!important;
  }

  .bec-v23-home .bec-toggle{
    display:flex!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d8e2ee!important;
    background:#fff!important;
    border-radius:10px!important;
    color:#062b63!important;
    font-size:23px!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:0 3px 10px rgba(13,42,76,.06)!important;
  }

  .bec-v23-home .bec-menu{
    display:none!important;
    position:absolute!important;
    top:68px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:calc(100vh - 82px)!important;
    overflow-y:auto!important;
    background:#fff!important;
    padding:10px!important;
    border:1px solid #dfe7f0!important;
    border-radius:14px!important;
    box-shadow:0 18px 45px rgba(13,42,76,.20)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    z-index:10000!important;
  }

  .bec-v23-home .bec-menu.open{
    display:flex!important;
  }

  .bec-v23-home .bec-menu li{
    width:100%!important;
  }

  .bec-v23-home .bec-menu li>a{
    width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    padding:11px 13px!important;
    border-radius:9px!important;
    font-size:14px!important;
    font-weight:700!important;
  }

  .bec-v23-home .bec-menu .bec-login,
  .bec-v23-home .bec-menu .bec-start{
    margin:3px 0 0!important;
    justify-content:center!important;
    border-radius:9px!important;
  }

  .bec-v23-home .bec-menu .bec-start{
    min-height:48px!important;
  }

  /* Hero becomes a clean stacked mobile layout. */
  .bec-v23-home .bec-hero{
    min-height:0!important;
    height:auto!important;
    background:#f5f9fe!important;
  }

  .bec-v23-home .bec-hero-bg{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:205px!important;
    background-image:
      linear-gradient(180deg,rgba(247,251,255,.08) 0%,rgba(247,251,255,.55) 72%,#f5f9fe 100%),
      url('assets/bec-hero-reference.jpg')!important;
    background-size:cover!important;
    background-position:center top!important;
  }

  .bec-v23-home .bec-hero-inner{
    width:calc(100% - 28px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:18px!important;
    padding:0 0 28px!important;
  }

  .bec-v23-home .bec-hero-copy{
    padding:185px 0 0!important;
    max-width:none!important;
    position:relative!important;
    z-index:2!important;
  }

  .bec-v23-home .bec-hero h1{
    font-size:36px!important;
    line-height:1.04!important;
    letter-spacing:-1px!important;
    margin-bottom:14px!important;
  }

  .bec-v23-home .bec-hero p{
    font-size:14px!important;
    line-height:1.65!important;
    max-width:680px!important;
  }

  .bec-v23-home .bec-buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-top:20px!important;
  }

  .bec-v23-home .bec-btn{
    min-height:48px!important;
    justify-content:center!important;
    padding:12px 14px!important;
    font-size:13px!important;
  }

  .bec-v23-home .bec-trust{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:17px!important;
    font-size:11px!important;
  }

  .bec-v23-home .bec-audience{
    max-width:none!important;
    padding:15px!important;
    border-radius:14px!important;
  }

  .bec-v23-home .bec-audience h3{
    font-size:17px!important;
    margin-bottom:11px!important;
  }

  .bec-v23-home .bec-audience-card{
    min-height:56px!important;
    padding:10px!important;
    margin:7px 0!important;
  }

  .bec-v23-home .bec-audience-card strong{
    font-size:13px!important;
  }

  .bec-v23-home .bec-audience-card span{
    font-size:10px!important;
  }

  .bec-v23-home .bec-services-wrap{
    padding:22px 0!important;
  }

  .bec-v23-home .bec-services{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .bec-v23-home .bec-service{
    min-height:0!important;
    padding:18px!important;
    border-radius:13px!important;
  }

  .bec-v23-home .bec-service-icon{
    width:48px!important;
    height:48px!important;
    font-size:21px!important;
  }

  .bec-v23-home .bec-service h3{
    font-size:16px!important;
    line-height:1.25!important;
  }

  .bec-v23-home .bec-service p{
    font-size:12px!important;
    line-height:1.55!important;
  }

  .bec-v23-home .bec-service a{
    font-size:12px!important;
    margin-top:9px!important;
  }

  .bec-v23-home .bec-stats{
    background:#092f60!important;
  }

  .bec-v23-home .bec-stats-inner{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:calc(100% - 28px)!important;
    min-height:0!important;
  }

  .bec-v23-home .bec-stat{
    min-height:82px!important;
    padding:14px 8px!important;
    gap:8px!important;
  }

  .bec-v23-home .bec-stat-icon{
    font-size:21px!important;
  }

  .bec-v23-home .bec-stat strong{
    font-size:19px!important;
  }

  .bec-v23-home .bec-stat span{
    font-size:9px!important;
    line-height:1.3!important;
  }

  .bec-v23-home .bec-global{
    grid-column:1/-1!important;
    min-height:82px!important;
    padding:14px!important;
    background:rgba(255,255,255,.04)!important;
  }

  .bec-v23-home .bec-section{
    padding:42px 0!important;
  }

  .bec-v23-home .bec-title{
    margin-bottom:25px!important;
  }

  .bec-v23-home .bec-title h2{
    font-size:29px!important;
  }

  .bec-v23-home .bec-title p{
    font-size:12px!important;
  }

  .bec-v23-home .bec-steps{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .bec-v23-home .bec-step{
    min-height:88px!important;
    padding:16px!important;
    border-radius:12px!important;
  }

  .bec-v23-home .bec-step-num{
    width:38px!important;
    height:38px!important;
    font-size:13px!important;
  }

  .bec-v23-home .bec-step h3{
    font-size:15px!important;
    margin-top:3px!important;
  }

  .bec-v23-home .bec-step p{
    font-size:11px!important;
    line-height:1.5!important;
  }

  .bec-v23-home .bec-platform{
    padding:42px 0!important;
  }

  .bec-v23-home .bec-why-top{
    padding:20px 16px!important;
    margin-bottom:25px!important;
  }

  .bec-v23-home .bec-why-top h3{
    font-size:22px!important;
    margin-bottom:15px!important;
  }

  .bec-v23-home .bec-why-top .bec-benefits{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .bec-v23-home .bec-benefit{
    min-height:45px!important;
    font-size:11px!important;
  }

  .bec-v23-home .bec-benefit i{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }

  .bec-v23-home .bec-platform-main{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
  }

  .bec-v23-home .bec-device{
    order:0!important;
    width:100%!important;
    min-height:210px!important;
    background-size:contain!important;
  }

  .bec-v23-home .bec-platform-main>div:last-child{
    order:1!important;
  }

  .bec-v23-home .bec-platform h4{
    font-size:11px!important;
  }

  .bec-v23-home .bec-platform h2{
    font-size:29px!important;
  }

  .bec-v23-home .bec-platform p{
    font-size:12px!important;
    line-height:1.65!important;
  }

  .bec-v23-home .bec-platform .bec-btn{
    width:100%!important;
  }

  .bec-v23-home .bec-footer{
    padding:38px 0 18px!important;
  }

  .bec-v23-home .bec-footer-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .bec-v23-home .bec-footer-brand{
    grid-column:auto!important;
  }

  .bec-v23-home .bec-footer-logo-img{
    width:240px!important;
    max-width:100%!important;
  }

  .bec-v23-home .bec-footer-brand p{
    font-size:11px!important;
    line-height:1.55!important;
  }

  .bec-v23-home .bec-office-address{
    font-size:11px!important;
  }

  .bec-v23-home .bec-footer h4{
    font-size:13px!important;
    margin-bottom:10px!important;
  }

  .bec-v23-home .bec-footer li{
    font-size:11px!important;
    margin:8px 0!important;
  }

  .bec-v23-home .bec-footer-bottom{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    font-size:9px!important;
    line-height:1.5!important;
  }
}

/* Small phones */
@media(max-width:480px){
  .bec-v23-home .bec-standalone-logo{
    width:190px!important;
    max-width:calc(100vw - 78px)!important;
  }

  .bec-v23-home .bec-hero-bg{
    height:180px!important;
  }

  .bec-v23-home .bec-hero-copy{
    padding-top:162px!important;
  }

  .bec-v23-home .bec-hero h1{
    font-size:31px!important;
  }

  .bec-v23-home .bec-buttons{
    grid-template-columns:1fr!important;
  }

  .bec-v23-home .bec-trust{
    gap:6px!important;
  }

  .bec-v23-home .bec-stat{
    min-height:78px!important;
  }

  .bec-v23-home .bec-stat strong{
    font-size:17px!important;
  }

  .bec-v23-home .bec-global{
    min-height:90px!important;
  }

  .bec-v23-home .bec-device{
    min-height:175px!important;
  }
}

/* ============================================================
   Internal pages: consistent responsive shell
   ============================================================ */
body:not(.bec-v23-home) .bec-container{
  width:min(1160px,calc(100% - 40px));
}

body:not(.bec-v23-home) .bec-header .bec-container{
  width:min(1160px,calc(100% - 40px));
}

.bec-global-home{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9980;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:46px;
  padding:11px 17px;
  border-radius:999px;
  background:#0969e8;
  color:#fff!important;
  font-size:13px;
  font-weight:800;
  box-shadow:0 10px 28px rgba(9,105,232,.28);
  border:2px solid rgba(255,255,255,.85);
  transition:transform .2s ease,box-shadow .2s ease;
}

.bec-global-home:hover{
  color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(9,105,232,.34);
}

.bec-global-home:focus-visible{
  outline:3px solid rgba(9,105,232,.35);
  outline-offset:3px;
}

/* Internal page header is mobile-first and never relies on a legacy menu width. */
@media(max-width:820px){
  body:not(.bec-v23-home) .bec-top{
    height:auto!important;
    min-height:34px!important;
    padding:7px 0!important;
  }

  body:not(.bec-v23-home) .bec-top .bec-container{
    width:calc(100% - 28px)!important;
  }

  body:not(.bec-v23-home) .bec-top-left{
    width:100%!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    font-size:10px!important;
  }

  body:not(.bec-v23-home) .bec-top-right{
    display:none!important;
  }

  body:not(.bec-v23-home) .bec-header{
    height:68px!important;
    position:sticky!important;
    top:0!important;
  }

  body:not(.bec-v23-home) .bec-nav{
    width:calc(100% - 28px)!important;
    height:68px!important;
  }

  body:not(.bec-v23-home) .bec-logo{
    min-width:0!important;
    flex:1 1 auto!important;
  }

  body:not(.bec-v23-home) .bec-logo img{
    max-width:calc(100vw - 90px)!important;
    max-height:48px!important;
  }

  body:not(.bec-v23-home) .bec-toggle{
    display:flex!important;
    width:46px!important;
    height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 46px!important;
    cursor:pointer!important;
  }

  body:not(.bec-v23-home) .bec-menu{
    display:none!important;
    position:absolute!important;
    top:68px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:calc(100vh - 82px)!important;
    overflow-y:auto!important;
    background:#fff!important;
    padding:10px!important;
    border:1px solid #dfe7f0!important;
    border-radius:14px!important;
    box-shadow:0 18px 45px rgba(13,42,76,.20)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    z-index:10000!important;
  }

  body:not(.bec-v23-home) .bec-menu.open{
    display:flex!important;
  }

  body:not(.bec-v23-home) .bec-menu li,
  body:not(.bec-v23-home) .bec-menu li>a{
    width:100%!important;
  }

  body:not(.bec-v23-home) .bec-menu li>a{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    padding:11px 13px!important;
    font-size:14px!important;
  }

  body:not(.bec-v23-home) .bec-menu .bec-login,
  body:not(.bec-v23-home) .bec-menu .bec-start{
    margin:3px 0 0!important;
    justify-content:center!important;
  }

  .bec-page{
    padding:38px 0 70px!important;
  }

  .bec-page-title{
    font-size:32px!important;
    line-height:1.15!important;
    margin-bottom:20px!important;
  }

  .bec-content{
    font-size:15px!important;
  }

  .bec-content img,
  .bec-content iframe,
  .bec-content video{
    max-width:100%!important;
  }

  .bec-global-home{
    right:14px!important;
    bottom:14px!important;
    min-height:44px!important;
    padding:10px 15px!important;
    font-size:12px!important;
  }
}

@media(max-width:480px){
  body:not(.bec-v23-home) .bec-logo img{
    max-width:calc(100vw - 78px)!important;
  }

  .bec-global-home{
    min-height:42px!important;
    padding:9px 14px!important;
    font-size:12px!important;
  }
}

/* ============================================================
   BEC v2.7.0 — Education Ecosystem premium visual system
   ============================================================ */
body.bec-v27-home{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;color:#10233f!important;background:#fff!important;overflow-x:hidden}
body.bec-v27-home .bec-container{width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important}
body.bec-v27-home .bec-header{height:78px;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px);border-bottom:1px solid #e8eef6!important;box-shadow:0 8px 30px rgba(14,38,68,.05);position:sticky;top:0}
body.bec-v27-home .bec-nav{height:100%}
body.bec-v27-home .bec-standalone-logo{width:245px!important;max-height:58px}
body.bec-v27-home .bec-menu{font-size:12px!important;gap:3px!important}
body.bec-v27-home .bec-menu li>a{padding:10px 10px!important;border-radius:9px;color:#21344d!important;font-weight:700!important;transition:.2s ease}
body.bec-v27-home .bec-menu li>a:hover,body.bec-v27-home .bec-menu li>a.is-active{color:#0868e8!important;background:#f1f6ff!important}
body.bec-v27-home .bec-menu .bec-login{border:1px solid #c8d9ed!important;background:#fff!important;color:#0868e8!important;margin-left:8px}
body.bec-v27-home .bec-menu .bec-start{background:#0868e8!important;color:#fff!important;border-radius:9px!important;padding:10px 15px!important;box-shadow:0 9px 25px rgba(8,104,232,.22)!important}
body.bec-v27-home .bec-menu .bec-start span{display:inline-block;margin-left:4px}
body.bec-v27-home .bec-top{height:32px!important;background:#071c38!important;font-size:10px!important}
body.bec-v27-home .bec-top-inner{height:100%;display:flex;justify-content:space-between;align-items:center}
body.bec-v27-home .bec-top-left{gap:10px}.bec-top-left span{opacity:.4}.bec-top-right{color:#bcd0e5}

/* hero */
.bec-hero27{position:relative;min-height:650px;background:linear-gradient(135deg,#f7fbff 0%,#edf6ff 52%,#f8fbff 100%);overflow:hidden;padding:55px 0 20px}
.bec-hero27-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:65px;align-items:center;position:relative;z-index:2}
.bec-hero27-copy{padding:25px 0 35px}.bec-eyebrow,.bec-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;color:#0868e8;text-transform:uppercase}.bec-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:19px}.bec-eyebrow span{width:26px;height:3px;border-radius:3px;background:#18aee7}
.bec-hero27 h1{font-size:clamp(48px,5vw,76px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:850!important;color:#0a2444!important;margin:0 0 22px!important}.bec-hero27 h1 em,.bec-section-head27 em,.bec-platform27-head em,.bec-cta27 h2 em{font-style:normal;color:#0868e8}
.bec-hero-lead{font-size:17px!important;line-height:1.7!important;color:#53677f!important;max-width:630px;margin:0!important}.bec-hero-lead strong{color:#173655}
.bec-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.bec-btn27{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:0 22px;border-radius:10px;font-size:13px;font-weight:800;transition:.25s ease}.bec-btn27:hover{transform:translateY(-2px)}.bec-btn27.primary{background:#0868e8;color:#fff;box-shadow:0 14px 30px rgba(8,104,232,.23)}.bec-btn27.secondary{background:#fff;color:#0868e8;border:1px solid #c9d9ec}.bec-btn27.white{background:#fff;color:#0a2444}.bec-btn27.ghost{color:#fff;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06)}
.bec-hero-proof{display:flex;align-items:center;gap:18px;margin-top:38px}.bec-hero-proof div{display:flex;flex-direction:column}.bec-hero-proof b{font-size:19px;color:#0a2444}.bec-hero-proof span{font-size:10px;color:#75869a;margin-top:3px}.bec-hero-proof i{width:1px;height:31px;background:#d4e0ec}
.bec-hero-visual{height:500px;position:relative;border-radius:32px}.bec-hero-photo{position:absolute;inset:0;border-radius:32px;background:url('assets/bec-hero-reference.jpg') center/cover no-repeat;box-shadow:0 30px 70px rgba(12,48,89,.2)}.bec-hero-photo-overlay{position:absolute;inset:0;border-radius:32px;background:linear-gradient(135deg,rgba(4,31,65,.05),rgba(4,31,65,.18))}.bec-hero-visual:before{content:"";position:absolute;inset:-16px;border:1px solid #cfe0f2;border-radius:44px;transform:rotate(2deg);z-index:-1}.bec-hero-float{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);border:1px solid rgba(218,229,241,.9);box-shadow:0 18px 45px rgba(10,42,76,.16);border-radius:13px;padding:11px 13px;min-width:215px;animation:becFloat 5s ease-in-out infinite}.bec-hero-float b{display:block;font-size:12px;color:#122c49}.bec-hero-float small{display:block;font-size:9px;color:#708299;margin-top:2px}.bec-hero-float strong{margin-left:auto;color:#0868e8}.float-one{top:72px;left:-38px}.float-two{top:205px;right:-36px;animation-delay:-1.7s}.float-three{bottom:75px;left:-25px;animation-delay:-3.2s}.float-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#e6f0ff;color:#0868e8;font-size:10px;font-weight:900}.float-icon.green{background:#def8ee;color:#14a775}.float-icon.orange{background:#fff0dc;color:#ed8a1b}.bec-hero-badge{position:absolute;right:22px;bottom:18px;padding:9px 12px;border-radius:999px;background:rgba(5,29,60,.76);backdrop-filter:blur(10px);color:#fff;font-size:10px}.bec-hero-badge span{color:#5dd0ff;margin-right:5px}.bec-hero27-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6}.glow-a{width:300px;height:300px;background:rgba(24,182,232,.12);top:-120px;left:-100px}.glow-b{width:380px;height:380px;background:rgba(9,105,232,.08);right:-180px;bottom:-190px}.bec-hero-bottom{display:flex;align-items:center;gap:16px;margin-top:25px;position:relative;z-index:2}.bec-hero-bottom a{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:800;color:#48627d}.bec-hero-bottom b{width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#0868e8;box-shadow:0 4px 15px rgba(20,54,90,.1)}.bec-hero-line{height:1px;background:#d8e4ef;flex:1}.bec-hero-side-note{font-size:9px;color:#8292a5}
@keyframes becFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ecosystem */
.bec-ecosystem27{padding:100px 0 105px;background:#fff}.bec-section-head27{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.bec-section-head27 h2,.bec-platform27-head h2{font-size:44px;line-height:1.04;letter-spacing:-.04em;color:#0b2746;margin:10px 0 0;font-weight:850}.bec-section-head27 p{max-width:470px;color:#65788e;font-size:14px;line-height:1.7;margin:0}.bec-eco-card{position:relative;min-height:285px;padding:30px;border-radius:22px;border:1px solid #e3ebf4;overflow:hidden;transition:.3s ease;display:flex;flex-direction:column}.bec-eco-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(13,47,82,.12)}.bec-eco-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;bottom:-80px;background:rgba(8,104,232,.06)}.bec-eco-card.student{background:linear-gradient(145deg,#f5f9ff,#eef6ff)}.bec-eco-card.teacher{background:linear-gradient(145deg,#f2fcf8,#edfaf5)}.bec-eco-card.school{background:linear-gradient(145deg,#fffaf4,#fff5e8)}.bec-eco-card.services{background:linear-gradient(145deg,#faf7ff,#f5efff)}.bec-ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.eco-number{font-size:10px;font-weight:900;letter-spacing:.12em;color:#8ba0b5}.eco-icon{width:52px;height:52px;border-radius:15px;background:#dfeeff;color:#0868e8;display:grid;place-items:center;font-size:13px;font-weight:900;margin:24px 0 25px}.teacher .eco-icon{background:#d9f7eb;color:#12a778}.school .eco-icon{background:#ffe9d2;color:#eb891c}.services .eco-icon{background:#eadeff;color:#8243dc}.bec-eco-card h3{font-size:22px;color:#102b48;margin:0 0 10px}.bec-eco-card p{font-size:12px;color:#64788f;line-height:1.7;margin:0 0 20px}.bec-eco-card span{margin-top:auto;font-size:10px;color:#0868e8;font-weight:800}.bec-eco-card span b{margin-left:7px}

/* trust */
.bec-trust27{position:relative;overflow:hidden;background:#06244a;color:#fff;padding:55px 0}.bec-world-fade{position:absolute;inset:0;background:url('assets/bec-world-map.png') right center/auto 150% no-repeat;opacity:.14}.bec-trust-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:center}.trust-intro h2{font-size:27px;line-height:1.08;margin:8px 0 0;letter-spacing:-.03em}.trust-intro em{font-style:normal;color:#55caff}.bec-kicker.light{color:#65cfff}.trust-stat{padding:8px 20px;border-left:1px solid rgba(255,255,255,.13)}.trust-stat strong{display:block;font-size:30px;letter-spacing:-.04em}.trust-stat span{font-size:9px;color:#c2d5e9}

/* platform */
.bec-platform27{padding:105px 0;background:#f5f9fe;overflow:hidden}.bec-platform27-head{max-width:740px;margin-bottom:55px}.bec-platform27-head p{color:#697d93;font-size:14px;margin:18px 0 0}.bec-platform27-main{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}.bec-device27-wrap{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.device-glow{position:absolute;width:430px;height:280px;background:rgba(17,137,240,.15);filter:blur(50px);border-radius:50%}.bec-device27{position:relative;z-index:2;width:min(100%,590px);filter:drop-shadow(0 30px 35px rgba(7,35,69,.18));border-radius:8px}.device-tag{position:absolute;z-index:3;padding:9px 12px;background:#fff;border:1px solid #e2eaf3;border-radius:9px;box-shadow:0 12px 25px rgba(13,43,76,.12);font-size:10px;color:#36516d}.device-tag b{color:#0868e8;margin-right:6px}.tag-admission{top:62px;left:5%}.tag-teacher{right:2%;top:45%}.tag-pe{left:12%;bottom:55px}.platform-mini{font-size:10px;letter-spacing:.12em;font-weight:900;color:#0868e8}.platform-mini span{color:#22b98a;margin-right:5px}.bec-platform27-copy h3{font-size:40px;line-height:1.05;letter-spacing:-.04em;color:#0b2948;margin:14px 0}.bec-platform27-copy>p{font-size:14px;line-height:1.75;color:#64778e;max-width:500px}.platform-points{margin:28px 0 22px;display:grid;gap:13px}.platform-points>div{display:flex;gap:13px;align-items:flex-start}.platform-points b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e4f0ff;color:#0868e8;font-size:9px}.platform-points span{font-size:11px;color:#708197}.platform-points strong{display:block;color:#1b3552;font-size:12px;margin-bottom:2px}.bec-text-link{font-size:12px;color:#0868e8;font-weight:850}.bec-text-link b{margin-left:7px}

/* why */
.bec-why27{padding:100px 0;background:#fff}.bec-section-head27.centered{display:block;text-align:center;max-width:780px;margin:0 auto 48px}.bec-section-head27.centered p{margin:17px auto 0}.bec-why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e4ebf3;border-bottom:1px solid #e4ebf3}.bec-why-grid>div{padding:35px 28px;border-right:1px solid #e4ebf3}.bec-why-grid>div:last-child{border-right:0}.bec-why-grid>b,.bec-why-grid>div>b{font-size:10px;color:#0868e8;letter-spacing:.1em}.bec-why-grid h3{font-size:19px;color:#102d4b;margin:22px 0 8px}.bec-why-grid p{font-size:11px;color:#6c7f94;line-height:1.65;margin:0}

/* process */
.bec-process27{padding:100px 0;background:#f8fbff}.bec-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}.bec-process-line{height:1px;background:#d8e5f2;position:relative;top:43px;margin:0 10% -1px}.bec-process-grid>div{background:#fff;border:1px solid #e2ebf4;border-radius:18px;padding:27px 22px;position:relative;z-index:2;box-shadow:0 8px 25px rgba(12,46,80,.05)}.bec-process-grid span{width:36px;height:36px;border-radius:50%;background:#e9f2ff;color:#0868e8;display:grid;place-items:center;font-size:10px;font-weight:900}.bec-process-grid h3{font-size:15px;color:#163350;margin:18px 0 7px}.bec-process-grid p{font-size:10px;color:#728399;margin:0;line-height:1.6}

/* CTA */
.bec-cta27{position:relative;overflow:hidden;background:linear-gradient(120deg,#06234a,#075cb4 65%,#0c73c8);color:#fff;padding:105px 0}.bec-cta-orb{position:absolute;width:450px;height:450px;border-radius:50%;border:1px solid rgba(255,255,255,.13);right:-80px;top:-200px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.bec-cta-inner{text-align:center;position:relative;z-index:2}.bec-cta27 h2{font-size:55px;line-height:1;letter-spacing:-.05em;margin:13px 0}.bec-cta27 h2 em{color:#68d6ff}.bec-cta27 p{font-size:14px;color:#d7e8f7;max-width:590px;margin:0 auto}.bec-cta27 .bec-hero-actions{justify-content:center}

/* footer */
body.bec-v27-home .bec-footer{background:#061a33!important;padding:60px 0 18px!important}.bec-v27-home .bec-footer-grid{grid-template-columns:1.65fr 1fr 1fr 1fr 1fr!important;gap:34px!important}.bec-v27-home .bec-footer-logo-img{width:245px!important;margin-bottom:15px}.bec-v27-home .bec-footer-brand p{font-size:11px!important;line-height:1.7!important;color:#b7c8da!important;max-width:300px}.bec-v27-home .bec-office-address{font-size:10px;color:#9fb3c9;margin-top:17px}.bec-v27-home .bec-social a{width:30px;height:30px;border-radius:8px;background:#0c427d!important;font-size:12px!important}.bec-v27-home .bec-footer h4{font-size:12px!important;margin-bottom:14px!important}.bec-v27-home .bec-footer li{font-size:10px!important;margin:8px 0!important}.bec-v27-home .bec-footer-bottom{font-size:9px!important;margin-top:35px!important;padding-top:17px!important;color:#8097af!important}

/* mobile/tablet */
@media(max-width:1100px){body.bec-v27-home .bec-menu li>a{padding-inline:7px!important}.bec-hero27-grid{grid-template-columns:1fr 400px;gap:35px}.bec-hero27 h1{font-size:58px!important}.bec-ecosystem-grid{grid-template-columns:repeat(2,1fr)}.bec-trust-grid{grid-template-columns:1.3fr repeat(2,1fr);gap:20px}.trust-stat:nth-last-child(-n+2){border-top:1px solid rgba(255,255,255,.13);padding-top:20px}.bec-platform27-main{gap:35px}.bec-why-grid{grid-template-columns:repeat(2,1fr)}.bec-why-grid>div:nth-child(2){border-right:0}.bec-why-grid>div:nth-child(-n+2){border-bottom:1px solid #e4ebf3}.bec-process-grid{grid-template-columns:repeat(2,1fr)}.bec-process-line{display:none}}
@media(max-width:850px){body.bec-v27-home .bec-header{height:68px}.bec-v27-home .bec-standalone-logo{width:205px!important}.bec-v27-home .bec-toggle{display:flex!important;flex-direction:column;gap:4px;width:43px;height:39px;align-items:center;justify-content:center;border:1px solid #d9e4ef;background:#fff;border-radius:10px}.bec-v27-home .bec-toggle span{display:block;width:18px;height:2px;background:#173653;border-radius:2px}.bec-v27-home .bec-menu{display:none;position:absolute;top:68px;left:12px;right:12px;background:#fff;padding:10px;border:1px solid #dce6f1;border-radius:15px;box-shadow:0 25px 55px rgba(10,38,70,.16);flex-direction:column;align-items:stretch;max-height:calc(100vh - 82px);overflow:auto}.bec-v27-home .bec-menu.open{display:flex}.bec-v27-home .bec-menu li>a{padding:12px 13px!important}.bec-v27-home .bec-menu .bec-login,.bec-v27-home .bec-menu .bec-start{margin:3px 0!important;text-align:center}.bec-hero27{padding-top:25px;min-height:auto}.bec-hero27-grid{grid-template-columns:1fr;gap:25px}.bec-hero27-copy{padding-top:20px}.bec-hero27 h1{font-size:51px!important}.bec-hero-lead{font-size:15px!important}.bec-hero-visual{height:390px;order:2}.float-one{left:12px}.float-two{right:8px}.float-three{left:20px;bottom:30px}.bec-hero-bottom{margin-top:18px}.bec-section-head27{display:block}.bec-section-head27 p{margin-top:18px}.bec-ecosystem27,.bec-platform27,.bec-why27,.bec-process27{padding:75px 0}.bec-platform27-main{grid-template-columns:1fr}.bec-device27-wrap{min-height:330px}.bec-platform27-copy h3{font-size:34px}.bec-trust-grid{grid-template-columns:1fr 1fr}.trust-intro{grid-column:1/-1;margin-bottom:12px}.bec-footer-grid{grid-template-columns:repeat(2,1fr)!important}.bec-footer-brand{grid-column:1/-1}.bec-cta27 h2{font-size:45px}}
@media(max-width:560px){body.bec-v27-home .bec-container{width:calc(100% - 30px)!important}.bec-top{height:29px!important}.bec-top-left{font-size:8px!important}.bec-top-left span,.bec-top-right{display:none}.bec-v27-home .bec-standalone-logo{width:178px!important}.bec-hero27{padding-bottom:10px}.bec-hero27 h1{font-size:42px!important;letter-spacing:-.05em!important}.bec-eyebrow{font-size:9px}.bec-hero-lead{font-size:14px!important}.bec-hero-actions{margin-top:22px}.bec-btn27{width:100%;min-height:47px}.bec-hero-proof{gap:10px;margin-top:28px}.bec-hero-proof b{font-size:16px}.bec-hero-proof span{font-size:8px}.bec-hero-visual{height:330px}.bec-hero-photo,.bec-hero-photo-overlay{border-radius:22px}.bec-hero-visual:before{border-radius:28px}.bec-hero-float{min-width:170px;padding:8px 9px}.bec-hero-float b{font-size:10px}.bec-hero-float small{font-size:8px}.float-one{top:28px;left:-4px}.float-two{top:128px;right:-3px}.float-three{bottom:17px;left:-2px}.bec-hero-badge{font-size:8px;right:10px;bottom:10px}.bec-hero-bottom{display:none}.bec-section-head27 h2,.bec-platform27-head h2{font-size:34px}.bec-ecosystem-grid{grid-template-columns:1fr}.bec-eco-card{min-height:235px;padding:25px}.bec-eco-card h3{font-size:20px}.bec-trust-grid{grid-template-columns:1fr 1fr}.trust-stat{padding:15px 10px}.trust-stat strong{font-size:24px}.trust-stat span{font-size:8px}.bec-device27-wrap{min-height:235px}.bec-device27{width:110%}.device-tag{font-size:8px;padding:7px 8px}.tag-admission{top:15px;left:0}.tag-teacher{right:0;top:42%}.tag-pe{left:3%;bottom:5px}.bec-platform27-copy h3{font-size:31px}.bec-why-grid{grid-template-columns:1fr}.bec-why-grid>div{border-right:0!important;border-bottom:1px solid #e4ebf3!important;padding:25px 18px}.bec-why-grid>div:last-child{border-bottom:0!important}.bec-process-grid{grid-template-columns:1fr}.bec-cta27{padding:75px 0}.bec-cta27 h2{font-size:40px}.bec-v27-home .bec-footer-grid{grid-template-columns:1fr 1fr!important}.bec-v27-home .bec-footer-brand{grid-column:1/-1}.bec-v27-home .bec-footer-logo-img{width:205px!important}.bec-footer-bottom{display:block!important}.bec-footer-bottom div+div{margin-top:8px}}


/* ============================================================
   BEC v2.8.0 — PREMIUM INTERACTIVE EXPERIENCE
   Visual-only upgrade. No backend/plugin/API changes.
   ============================================================ */

/* ---- global polish ---- */
body.bec-v27-home{
  --p-blue:#0868e8;
  --p-cyan:#20c6f5;
  --p-navy:#061d3d;
  --p-ink:#092643;
  --p-soft:#f4f8fd;
  background:#fff!important;
  color:var(--p-ink)!important;
}
body.bec-v27-home ::selection{background:#0868e8;color:#fff}
body.bec-v27-home .bec-container{width:min(1200px,calc(100% - 56px))!important;max-width:1200px!important}

/* ---- premium sticky header ---- */
body.bec-v27-home .bec-header{
  height:82px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 1px 0 rgba(12,42,74,.04);
  transition:box-shadow .25s ease,background .25s ease,transform .25s ease;
}
body.bec-v27-home .bec-header.bec-scrolled{
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 12px 35px rgba(7,34,65,.10);
}
body.bec-v27-home .bec-nav{height:82px!important}
body.bec-v27-home .bec-standalone-logo{width:260px!important}
body.bec-v27-home .bec-menu{gap:4px!important}
body.bec-v27-home .bec-menu li>a{
  padding:10px 11px!important;
  border-radius:9px!important;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
body.bec-v27-home .bec-menu li>a:hover{transform:translateY(-1px)}
body.bec-v27-home .bec-menu .bec-login{
  border-color:#c8d9ec!important;
  padding-inline:17px!important;
}
body.bec-v27-home .bec-menu .bec-start{
  padding-inline:20px!important;
  border-radius:10px!important;
}

/* ---- hero: premium depth ---- */
.bec-hero27{
  min-height:720px!important;
  padding:70px 0 35px!important;
  background:
    radial-gradient(circle at 5% 20%,rgba(32,198,245,.10),transparent 28%),
    radial-gradient(circle at 95% 70%,rgba(8,104,232,.08),transparent 30%),
    linear-gradient(180deg,#f7fbff 0%,#fff 80%)!important;
}
.bec-hero27:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(8,104,232,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,104,232,.045) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}
.bec-hero27-grid{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) minmax(430px,560px)!important;gap:70px!important}
.bec-hero27-copy{padding-top:25px!important}
.bec-eyebrow{
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border:1px solid #d8e7f7;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 25px rgba(10,50,90,.05);
  font-size:10px!important;
  font-weight:900;
  letter-spacing:.13em;
  color:#47647f!important;
}
.bec-eyebrow span{
  width:7px;height:7px;border-radius:50%;
  background:#16b889;
  box-shadow:0 0 0 5px rgba(22,184,137,.10);
}
.bec-hero27 h1{
  font-size:clamp(54px,5.5vw,78px)!important;
  line-height:.96!important;
  letter-spacing:-.065em!important;
  margin:24px 0 22px!important;
}
.bec-hero27 h1 em{
  background:linear-gradient(100deg,#0868e8,#18aeea 70%,#1dc8d8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.bec-hero-lead{
  font-size:18px!important;
  max-width:650px!important;
  line-height:1.75!important;
}
.bec-hero-actions{gap:13px!important;margin-top:31px!important}
.bec-btn27{
  min-height:54px!important;
  padding:0 24px!important;
  border-radius:12px!important;
  position:relative;
  overflow:hidden;
}
.bec-btn27.primary:before{
  content:"";
  position:absolute;
  top:0;left:-100%;width:70%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);
  transition:left .6s ease;
}
.bec-btn27.primary:hover:before{left:140%}
.bec-btn27.primary:hover{box-shadow:0 18px 38px rgba(8,104,232,.30)!important}
.bec-hero-proof{margin-top:44px!important}
.bec-hero-proof b{font-size:21px!important}
.bec-hero-proof span{font-size:10px!important}

/* hero visual */
.bec-hero-visual{
  height:560px!important;
  border-radius:38px!important;
  transform:translateZ(0);
}
.bec-hero-photo{
  border-radius:38px!important;
  box-shadow:0 35px 90px rgba(6,35,68,.22)!important;
  background-position:center!important;
}
.bec-hero-photo-overlay{
  background:
    linear-gradient(180deg,rgba(5,29,60,.02),rgba(5,29,60,.18)),
    linear-gradient(135deg,rgba(32,198,245,.08),transparent 45%)!important;
}
.bec-hero-visual:after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:31px;
  border:1px solid rgba(255,255,255,.32);
  pointer-events:none;
}
.bec-hero-float{
  min-width:235px!important;
  padding:13px 15px!important;
  border-radius:15px!important;
  backdrop-filter:blur(12px);
  box-shadow:0 20px 55px rgba(7,40,77,.19)!important;
}
.float-one{left:-52px!important;top:75px!important}
.float-two{right:-48px!important;top:220px!important}
.float-three{left:-38px!important;bottom:78px!important}
.bec-hero-badge{
  right:20px!important;
  bottom:20px!important;
  padding:10px 14px!important;
  font-size:10px!important;
}
.bec-hero-bottom{margin-top:31px!important}
.bec-hero-line{background:linear-gradient(90deg,#cbdbea,transparent)!important}

/* ---- ecosystem section ---- */
.bec-ecosystem27{
  padding:125px 0 130px!important;
  position:relative;
  overflow:hidden;
}
.bec-ecosystem27:before{
  content:"";
  position:absolute;
  width:500px;height:500px;
  right:-260px;top:30px;border-radius:50%;
  background:radial-gradient(circle,rgba(8,104,232,.07),transparent 68%);
}
.bec-section-head27{margin-bottom:55px!important}
.bec-kicker{letter-spacing:.14em!important;font-size:10px!important;font-weight:900!important;color:#0868e8!important}
.bec-section-head27 h2,.bec-platform27-head h2{
  font-size:clamp(38px,4.2vw,54px)!important;
  letter-spacing:-.055em!important;
}
.bec-section-head27 h2 em,.bec-platform27-head h2 em{
  color:#0868e8!important;font-style:normal;
}
.bec-eco-card{
  min-height:320px!important;
  padding:34px!important;
  border-radius:26px!important;
  border:1px solid rgba(218,229,241,.9)!important;
  box-shadow:0 10px 35px rgba(9,44,80,.035);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease!important;
}
.bec-eco-card:hover{
  transform:translateY(-10px)!important;
  box-shadow:0 30px 70px rgba(8,50,90,.14)!important;
  border-color:#c7d9ed!important;
}
.bec-eco-card:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .35s ease;
  background:linear-gradient(135deg,rgba(255,255,255,.4),transparent 50%);
}
.bec-eco-card:hover:before{opacity:1}
.bec-eco-card .eco-icon{
  width:58px!important;height:58px!important;
  border-radius:17px!important;
  box-shadow:0 10px 25px rgba(8,104,232,.10);
}
.bec-eco-card h3{font-size:25px!important;margin-top:22px!important}
.bec-eco-card p{font-size:13px!important;line-height:1.75!important}
.bec-eco-card span:last-child{font-size:11px!important;margin-top:auto!important}

/* ---- stats become a premium band ---- */
.bec-trust27{
  position:relative;
  overflow:hidden;
  padding:55px 0!important;
  background:
    radial-gradient(circle at 10% 30%,rgba(32,198,245,.14),transparent 25%),
    linear-gradient(120deg,#041a36,#073c78 58%,#075fae)!important;
}
.bec-trust27:after{
  content:"";
  position:absolute;
  width:700px;height:700px;
  right:-330px;top:-310px;border-radius:50%;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018);
}
.bec-trust-grid{position:relative;z-index:2}
.trust-stat{
  min-height:90px;
  padding-left:24px!important;
  border-left:1px solid rgba(255,255,255,.13);
}
.trust-stat strong{
  font-size:34px!important;
  letter-spacing:-.04em;
  background:linear-gradient(90deg,#fff,#78dfff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.trust-stat span{font-size:10px!important;color:#c5d9ec!important}

/* ---- platform: product showcase ---- */
.bec-platform27{
  padding:130px 0!important;
  background:
    radial-gradient(circle at 15% 55%,rgba(24,182,232,.10),transparent 30%),
    linear-gradient(180deg,#f7fbff,#edf6ff)!important;
  position:relative;
  overflow:hidden;
}
.bec-platform27:before{
  content:"";
  position:absolute;inset:0;
  background-image:radial-gradient(rgba(8,104,232,.12) 1px,transparent 1px);
  background-size:24px 24px;
  mask-image:linear-gradient(90deg,black,transparent 65%);
  opacity:.25;
}
.bec-platform27-head,.bec-platform27-main{position:relative;z-index:2}
.bec-platform27-main{
  margin-top:60px!important;
  grid-template-columns:1.15fr .85fr!important;
  gap:70px!important;
}
.bec-device27-wrap{min-height:500px!important}
.device-glow{
  width:600px!important;height:360px!important;
  background:radial-gradient(circle,rgba(8,104,232,.20),rgba(24,198,245,.06),transparent 70%)!important;
  filter:blur(25px)!important;
}
.bec-device27{
  width:min(100%,680px)!important;
  filter:drop-shadow(0 35px 45px rgba(5,35,68,.23))!important;
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.bec-device27-wrap:hover .bec-device27{transform:translateY(-7px) scale(1.015)}
.device-tag{
  padding:11px 14px!important;
  border-radius:11px!important;
  font-size:10px!important;
  box-shadow:0 15px 35px rgba(9,43,78,.15)!important;
}
.bec-platform27-copy h3{
  font-size:46px!important;
  letter-spacing:-.055em!important;
}
.bec-platform27-copy>p{font-size:15px!important;line-height:1.8!important}
.platform-points{gap:16px!important}
.platform-points>div{
  padding:13px 0;
  border-bottom:1px solid #dbe7f2;
}
.platform-points>div:last-child{border-bottom:0}
.platform-points b{width:32px!important;height:32px!important;border-radius:10px!important}

/* ---- why BEC as premium pillars ---- */
.bec-why27{
  padding:125px 0!important;
  background:#fff!important;
}
.bec-why-grid{
  border:0!important;
  gap:16px;
}
.bec-why-grid>div{
  border:1px solid #e1eaf3!important;
  border-radius:20px;
  padding:35px 28px!important;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 8px 30px rgba(8,43,78,.045);
  transition:transform .3s ease,box-shadow .3s ease;
}
.bec-why-grid>div:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 45px rgba(8,43,78,.10);
}
.bec-why-grid>div>b{
  display:inline-grid;
  place-items:center;
  width:35px;height:35px;
  border-radius:10px;
  background:#eaf3ff;
  color:#0868e8!important;
}
.bec-why-grid h3{font-size:21px!important;margin:22px 0 10px!important}
.bec-why-grid p{font-size:12px!important;line-height:1.75!important}

/* ---- process ---- */
.bec-process27{
  padding:125px 0!important;
  background:#f6faff!important;
  position:relative;
}
.bec-process27:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 49.9%,rgba(8,104,232,.035) 50%,transparent 50.1%);
}
.bec-process-grid{gap:24px!important}
.bec-process-grid>div{
  min-height:200px;
  padding:30px!important;
  border-radius:21px!important;
  transition:transform .3s ease,box-shadow .3s ease;
}
.bec-process-grid>div:hover{
  transform:translateY(-6px);
  box-shadow:0 25px 50px rgba(8,43,78,.10);
}
.bec-process-grid span{
  width:43px!important;height:43px!important;
  font-size:11px!important;
  box-shadow:0 8px 20px rgba(8,104,232,.15);
}
.bec-process-grid h3{font-size:18px!important;margin:21px 0 9px!important}
.bec-process-grid p{font-size:11px!important}

/* ---- CTA ---- */
.bec-cta27{
  padding:130px 0!important;
  background:
    radial-gradient(circle at 20% 50%,rgba(32,198,245,.16),transparent 28%),
    linear-gradient(125deg,#041b39,#075bb3 62%,#0a79ca)!important;
}
.bec-cta27:before{
  content:"";
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:linear-gradient(to bottom,black,transparent);
}
.bec-cta27 h2{font-size:clamp(46px,5vw,68px)!important}
.bec-cta27 p{font-size:15px!important;line-height:1.8!important}

/* ---- footer ---- */
body.bec-v27-home .bec-footer{
  padding:78px 0 22px!important;
  background:
    radial-gradient(circle at 10% 0,rgba(20,107,185,.18),transparent 28%),
    #04172f!important;
}
body.bec-v27-home .bec-footer-grid{gap:45px!important}
body.bec-v27-home .bec-footer h4{color:#fff!important;letter-spacing:.04em}
body.bec-v27-home .bec-footer li{margin:10px 0!important}
body.bec-v27-home .bec-footer li a{transition:color .2s ease,transform .2s ease}
body.bec-v27-home .bec-footer li a:hover{color:#5bd3ff!important}
body.bec-v27-home .bec-social a{transition:transform .2s ease,background .2s ease}
body.bec-v27-home .bec-social a:hover{transform:translateY(-3px);background:#0868e8!important}

/* ---- reveal animation ---- */
body.bec-v27-home .bec-reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);
}
body.bec-v27-home .bec-reveal.is-visible{
  opacity:1;transform:none;
}
body.bec-v27-home .bec-reveal-delay-1{transition-delay:.08s}
body.bec-v27-home .bec-reveal-delay-2{transition-delay:.16s}
body.bec-v27-home .bec-reveal-delay-3{transition-delay:.24s}

/* ---- mobile bottom quick navigation ---- */
.bec-mobile-quick{
  display:none;
}
@media(max-width:820px){
  body.bec-v27-home .bec-header{height:70px!important}
  body.bec-v27-home .bec-nav{height:70px!important}
  body.bec-v27-home .bec-standalone-logo{width:205px!important}
  body.bec-v27-home .bec-menu{top:70px!important}
  .bec-hero27{padding:48px 0 30px!important;min-height:auto!important}
  .bec-hero27-grid{grid-template-columns:1fr!important;gap:32px!important}
  .bec-hero27 h1{font-size:clamp(44px,11vw,62px)!important}
  .bec-hero-visual{height:410px!important}
  .bec-hero-float{min-width:205px!important}
  .float-one{left:8px!important}
  .float-two{right:5px!important}
  .float-three{left:15px!important}
  .bec-ecosystem27,.bec-platform27,.bec-why27,.bec-process27{padding:88px 0!important}
  .bec-section-head27{margin-bottom:38px!important}
  .bec-platform27-main{grid-template-columns:1fr!important}
  .bec-device27-wrap{min-height:350px!important}
  .bec-platform27-copy h3{font-size:38px!important}
  body.bec-v27-home{
    padding-bottom:88px!important;
  }
  body.bec-v27-home.bec-menu-open{
    overflow:hidden!important;
  }
  .bec-mobile-quick{
    position:fixed;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    left:12px;right:12px;bottom:12px;
    z-index:10020;
    padding:7px;
    border:1px solid rgba(216,228,240,.9);
    border-radius:17px;
    background:rgba(255,255,255,.90);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 45px rgba(4,32,63,.18);
  }
  .bec-mobile-quick a{
    min-height:45px;
    display:flex;align-items:center;justify-content:center;
    flex-direction:column;gap:1px;
    border-radius:11px;
    color:#5d7187;
    font-size:9px;font-weight:800;
  }
  .bec-mobile-quick a b{font-size:17px;line-height:1}
  .bec-mobile-quick a.active,.bec-mobile-quick a:hover{background:#eaf3ff;color:#0868e8}
  body.bec-v27-home .bec-menu{
    z-index:10030!important;
  }
  body.bec-v27-home .bec-menu.open{
    display:flex!important;
  }
  body.bec-v27-home .bec-toggle{
    position:relative;
    z-index:10040!important;
  }
}
@media(max-width:560px){
  body.bec-v27-home .bec-container{width:calc(100% - 30px)!important}
  body.bec-v27-home .bec-standalone-logo{width:178px!important}
  .bec-hero27{padding-top:36px!important}
  .bec-hero-lead{font-size:14px!important}
  .bec-hero-actions{gap:9px!important}
  .bec-btn27{width:100%;min-height:50px!important}
  .bec-hero-proof{gap:9px!important}
  .bec-hero-proof b{font-size:16px!important}
  .bec-hero-visual{height:330px!important}
  .bec-hero-float{min-width:165px!important;padding:9px!important}
  .float-one{left:-3px!important;top:24px!important}
  .float-two{right:-2px!important;top:125px!important}
  .float-three{left:-1px!important;bottom:15px!important}
  .bec-section-head27 h2,.bec-platform27-head h2{font-size:35px!important}
  .bec-eco-card{min-height:255px!important}
  .bec-trust-grid{grid-template-columns:1fr 1fr!important}
  .trust-intro{grid-column:1/-1!important}
  .trust-stat{border-left:0!important}
  .bec-device27-wrap{min-height:245px!important}
  .bec-platform27-copy h3{font-size:32px!important}
  .bec-cta27{padding:88px 0!important}
  body.bec-v27-home .bec-footer{padding-bottom:100px!important}
}
@media(max-width:560px){
  body.bec-v27-home{
    padding-bottom:92px!important;
  }
  .bec-mobile-quick{
    left:8px;right:8px;bottom:8px;
    border-radius:15px;
  }
  .bec-mobile-quick a{
    min-height:44px;
    font-size:8px;
  }
  .bec-mobile-quick a b{font-size:16px}
  body.bec-v27-home .bec-menu{
    left:8px!important;
    right:8px!important;
    max-height:calc(100vh - 92px)!important;
    border-radius:16px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  body.bec-v27-home .bec-reveal{opacity:1!important;transform:none!important}
}


/* ============================================================
   BEC v2.8.1 — MOBILE MENU + CONTRAST CORRECTIONS
   ============================================================ */

/* The previous inline homepage toggle handler has been removed.
   menu.js is now the single source of truth for menu state. */
body.bec-v27-home .bec-cta27 h2{
  color:#fff!important;
}
body.bec-v27-home .bec-cta27 h2 em{
  color:#68d6ff!important;
}
body.bec-v27-home .bec-cta27 p{
  color:#dceeff!important;
}
body.bec-v27-home .bec-footer li a{
  color:#d8e6f5!important;
}
body.bec-v27-home .bec-footer li a:hover{
  color:#68d6ff!important;
}
body.bec-v27-home .bec-footer h4{
  color:#fff!important;
}
body.bec-v27-home .bec-footer-bottom{
  color:#8ea6bd!important;
}
body.bec-v27-home .bec-footer-bottom a{
  color:#bcd0e3!important;
}

/* Make the mobile menu unmistakable and easy to operate. */
@media(max-width:820px){
  body.bec-v27-home .bec-toggle{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:10040!important;
  }
  body.bec-v27-home .bec-menu{
    visibility:hidden;
    opacity:0;
    transform:translateY(-8px);
    transition:opacity .18s ease,transform .18s ease;
    pointer-events:none;
  }
  body.bec-v27-home .bec-menu.open{
    visibility:visible!important;
    opacity:1!important;
    transform:none;
    pointer-events:auto;
    display:flex!important;
  }
  body.bec-v27-home .bec-menu li>a{
    color:#102d4b!important;
    background:#fff!important;
  }
  body.bec-v27-home .bec-menu li>a:hover,
  body.bec-v27-home .bec-menu li>a:focus-visible{
    color:#0868e8!important;
    background:#eef6ff!important;
  }
  body.bec-v27-home .bec-menu .bec-login{
    color:#0868e8!important;
    border:1px solid #c7daf0!important;
  }
  body.bec-v27-home .bec-menu .bec-start{
    color:#fff!important;
    background:#0868e8!important;
  }
}

/* ============================================================
   BEC v2.8.2 — AUTHENTICATION PAGE POLISH
   Visual-only. Preserves existing login/register form handlers.
   ============================================================ */
body.bec-auth-page{
  --auth-blue:#0868e8;
  --auth-navy:#08294e;
  --auth-ink:#10243e;
  --auth-muted:#687b91;
  background:
    radial-gradient(circle at 8% 18%,rgba(24,182,232,.13),transparent 28%),
    radial-gradient(circle at 92% 82%,rgba(8,104,232,.10),transparent 30%),
    linear-gradient(135deg,#f4f9ff 0%,#ffffff 48%,#f3f8ff 100%)!important;
  min-height:100vh;
}
body.bec-auth-page .bec-page{
  min-height:calc(100vh - 115px)!important;
  padding:54px 20px 70px!important;
  position:relative;
  overflow:hidden;
}
body.bec-auth-page .bec-page:before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  right:-170px;top:-170px;
  background:rgba(8,104,232,.055);
  pointer-events:none;
}
body.bec-auth-page .bec-page:after{
  content:"";
  position:absolute;
  width:300px;height:300px;
  border-radius:50%;
  left:-150px;bottom:-120px;
  background:rgba(32,198,245,.06);
  pointer-events:none;
}
body.bec-auth-page .bec-container{
  width:min(1080px,100%)!important;
  position:relative;
  z-index:2;
}
body.bec-auth-page .bec-content{
  width:min(520px,100%);
  margin:0 auto;
  padding:38px 42px 42px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(205,220,237,.95);
  border-radius:28px;
  box-shadow:0 30px 80px rgba(12,45,80,.14);
  text-align:center;
  backdrop-filter:blur(16px);
}
body.bec-auth-page .bec-page-title{display:none!important}
body.bec-auth-page .bec-content,
body.bec-auth-page .bec-content *{
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
}
body.bec-auth-page .bec-content img{
  display:block;
  width:auto!important;
  max-width:150px!important;
  max-height:120px!important;
  object-fit:contain;
  margin:0 auto 20px!important;
  border-radius:18px;
}
body.bec-auth-page .bec-content h1,
body.bec-auth-page .bec-content h2,
body.bec-auth-page .bec-content h3{
  color:var(--auth-ink)!important;
  letter-spacing:-.035em!important;
  line-height:1.12!important;
  margin:8px 0 12px!important;
  font-weight:800!important;
}
body.bec-auth-page .bec-content h1{font-size:32px!important}
body.bec-auth-page .bec-content h2{font-size:27px!important}
body.bec-auth-page .bec-content h3{font-size:21px!important}
body.bec-auth-page .bec-content p{
  color:var(--auth-muted)!important;
  font-size:14px!important;
  line-height:1.65!important;
}
body.bec-auth-page .bec-content form{
  width:100%;
  margin:24px auto 0;
  text-align:left;
}
body.bec-auth-page .bec-content label{
  display:block;
  margin:0 0 7px;
  color:#213852!important;
  font-size:12px!important;
  line-height:1.4;
  font-weight:750!important;
}
body.bec-auth-page .bec-content input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.bec-auth-page .bec-content select,
body.bec-auth-page .bec-content textarea{
  width:100%!important;
  min-height:48px;
  border:1px solid #d6e1ed!important;
  background:#f8fbff!important;
  color:#172c46!important;
  border-radius:11px!important;
  padding:12px 14px!important;
  outline:none!important;
  font-size:14px!important;
  box-shadow:inset 0 1px 1px rgba(10,40,70,.02)!important;
  transition:border-color .2s,box-shadow .2s,background .2s!important;
}
body.bec-auth-page .bec-content input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus,
body.bec-auth-page .bec-content select:focus,
body.bec-auth-page .bec-content textarea:focus{
  border-color:#75aef5!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(8,104,232,.10)!important;
}
body.bec-auth-page .bec-content input[type="checkbox"],
body.bec-auth-page .bec-content input[type="radio"]{
  accent-color:var(--auth-blue);
}
body.bec-auth-page .bec-content button,
body.bec-auth-page .bec-content input[type="submit"],
body.bec-auth-page .bec-content input[type="button"],
body.bec-auth-page .bec-content .wp-element-button,
body.bec-auth-page .bec-content a.button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#0868e8,#0b7bf2)!important;
  color:#fff!important;
  padding:12px 20px!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(8,104,232,.22)!important;
  transition:transform .2s,box-shadow .2s,filter .2s!important;
}
body.bec-auth-page .bec-content button:hover,
body.bec-auth-page .bec-content input[type="submit"]:hover,
body.bec-auth-page .bec-content input[type="button"]:hover,
body.bec-auth-page .bec-content .wp-element-button:hover,
body.bec-auth-page .bec-content a.button:hover{
  transform:translateY(-1px);
  filter:brightness(.98);
  box-shadow:0 16px 32px rgba(8,104,232,.28)!important;
}
body.bec-auth-page .bec-content form button,
body.bec-auth-page .bec-content form input[type="submit"]{
  width:100%!important;
  margin-top:8px;
}
body.bec-auth-page .bec-content a{
  color:var(--auth-blue)!important;
  font-weight:650;
}
body.bec-auth-page .bec-content .login-remember,
body.bec-auth-page .bec-content .remember-me,
body.bec-auth-page .bec-content .form-row:has(input[type="checkbox"]){
  font-size:12px!important;
}
body.bec-auth-page .bec-content .notice,
body.bec-auth-page .bec-content .error,
body.bec-auth-page .bec-content .success,
body.bec-auth-page .bec-content .woocommerce-error,
body.bec-auth-page .bec-content .woocommerce-message{
  border-radius:10px!important;
  padding:11px 13px!important;
  margin:12px 0!important;
  font-size:12px!important;
  text-align:left;
}
body.bec-auth-page .bec-content hr{border:0;border-top:1px solid #e7edf4;margin:24px 0}
body.bec-auth-page .bec-content .auth-divider{display:flex;align-items:center;gap:10px;color:#93a2b4;font-size:11px;margin:20px 0}
body.bec-auth-page .bec-content .auth-divider:before,
body.bec-auth-page .bec-content .auth-divider:after{content:"";height:1px;background:#e3eaf2;flex:1}

/* Desktop: give the auth page a more deliberate product feel. */
@media(min-width:901px){
  body.bec-login-page .bec-page .bec-content:before{
    content:"SECURE BEC ACCOUNT";
    display:inline-block;
    padding:6px 10px;
    margin:0 auto 18px;
    border-radius:999px;
    background:#edf5ff;
    color:#0868e8;
    font-size:9px;
    font-weight:900;
    letter-spacing:.13em;
  }
}

@media(max-width:700px){
  body.bec-auth-page .bec-page{
    padding:28px 14px 48px!important;
    min-height:calc(100vh - 95px)!important;
  }
  body.bec-auth-page .bec-content{
    width:100%;
    padding:28px 20px 30px;
    border-radius:22px;
  }
  body.bec-auth-page .bec-content img{
    max-width:125px!important;
    max-height:105px!important;
    margin-bottom:16px!important;
  }
  body.bec-auth-page .bec-content h1{font-size:27px!important}
  body.bec-auth-page .bec-content h2{font-size:24px!important}
  body.bec-auth-page .bec-content p{font-size:13px!important}
  body.bec-auth-page .bec-content form{margin-top:18px}
}


/* ============================================================
   BEC v2.8.3 — IMAGE SHARPNESS + COMPACT LAYOUT
   Replaces oversized low-resolution device artwork with a crisp CSS
   platform preview and uses the cleaner student photo in the hero.
   ============================================================ */
body.bec-v27-home .bec-hero27{min-height:585px!important;padding:42px 0 16px!important}
body.bec-v27-home .bec-hero27-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.88fr)!important;gap:48px!important}
body.bec-v27-home .bec-hero-visual{height:410px!important;max-width:500px;margin-left:auto!important}
body.bec-v27-home .bec-hero-photo{border-radius:28px!important;background-image:url('assets/hero-students.jpg')!important;background-position:68% center!important;background-size:cover!important}
body.bec-v27-home .bec-hero-photo-overlay{border-radius:28px!important;background:linear-gradient(180deg,rgba(4,31,65,.02),rgba(4,31,65,.10))!important}
body.bec-v27-home .bec-hero-visual:before{inset:-11px!important;border-radius:36px!important}
body.bec-v27-home .bec-hero-float{min-width:190px!important;padding:10px 12px!important}
body.bec-v27-home .float-one{left:-28px!important;top:48px!important}
body.bec-v27-home .float-two{right:-24px!important;top:165px!important}
body.bec-v27-home .float-three{left:-20px!important;bottom:48px!important}
body.bec-v27-home .bec-hero-badge{right:14px!important;bottom:13px!important;font-size:9px!important}
body.bec-v27-home .bec-ecosystem27{padding:78px 0 82px!important}
body.bec-v27-home .bec-eco-card{min-height:255px!important;padding:26px!important}
body.bec-v27-home .bec-trust27{padding:45px 0!important}
body.bec-v27-home .bec-platform27{padding:76px 0 82px!important}
body.bec-v27-home .bec-platform27-head{margin-bottom:38px!important}
body.bec-v27-home .bec-platform27-main{grid-template-columns:1fr .82fr!important;gap:48px!important}
body.bec-v27-home .bec-device27-wrap{min-height:315px!important}
body.bec-v27-home .device-glow{width:330px!important;height:210px!important}
body.bec-v27-home .bec-device27{position:relative!important;width:min(100%,500px)!important;height:285px!important;filter:drop-shadow(0 22px 28px rgba(7,35,69,.15))!important;border-radius:0!important;display:block!important}

/* Crisp CSS laptop */
.bec-laptop-ui{position:absolute;left:5%;top:18px;width:88%;height:220px;border:7px solid #172b45;border-radius:13px 13px 8px 8px;background:#fff;box-shadow:0 18px 28px rgba(7,35,69,.18);overflow:hidden}
.bec-laptop-ui:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-22px;height:25px;background:#142941;border-radius:50% 50% 7px 7px}
.bec-ui-top{height:32px;background:#f7fbff;border-bottom:1px solid #e1e9f2;display:flex;align-items:center;padding:0 10px;gap:9px}.bec-ui-logo{font-weight:900;color:#0868e8;font-size:13px}.bec-ui-search{width:80px;height:7px;border-radius:99px;background:#dce8f5;margin-left:auto}.bec-ui-dot{width:9px;height:9px;border-radius:50%;background:#21b98a}
.bec-ui-body{display:flex;height:calc(100% - 32px)}.bec-ui-side{width:45px;background:#092c55;padding:15px 12px;display:grid;gap:12px;align-content:start}.bec-ui-side i{height:6px;border-radius:5px;background:rgba(255,255,255,.5)}.bec-ui-side i:first-child{background:#35c8ff}
.bec-ui-main{flex:1;padding:16px;background:#f5f9fd}.bec-ui-welcome{font-size:12px;font-weight:850;color:#173a5e}.bec-ui-welcome small{display:block;font-size:6px;color:#8294a8;font-weight:600;margin-top:3px}.bec-ui-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.bec-ui-cards span{height:55px;border-radius:8px;background:linear-gradient(135deg,#dff1ff,#fff);border:1px solid #dce8f3;position:relative}.bec-ui-cards span:after{content:"";position:absolute;left:10px;right:18px;bottom:10px;height:7px;background:#0b78e8;border-radius:4px;opacity:.75}.bec-ui-cards span:nth-child(2){background:linear-gradient(135deg,#e2faef,#fff)}.bec-ui-cards span:nth-child(2):after{background:#16aa7a}.bec-ui-cards span:nth-child(3){background:linear-gradient(135deg,#fff0dc,#fff)}.bec-ui-cards span:nth-child(3):after{background:#f19a32}.bec-ui-panel{margin-top:12px;height:62px;border-radius:8px;background:#fff;border:1px solid #e0e8f1;padding:9px}.bec-ui-panel b{font-size:7px;color:#284966}.bec-ui-panel i{display:block;height:5px;margin-top:8px;border-radius:4px;background:#dce7f2;width:82%}.bec-ui-panel i:nth-child(3){width:62%}.bec-ui-panel i:nth-child(4){width:72%}
.bec-phone-ui{position:absolute;right:3%;bottom:17px;width:82px;height:145px;border:5px solid #172b45;border-radius:16px;background:linear-gradient(#f8fcff,#eef7ff);box-shadow:0 18px 30px rgba(7,35,69,.22);padding:25px 9px 10px;color:#123b61}.bec-phone-notch{position:absolute;top:7px;left:25px;width:27px;height:4px;border-radius:5px;background:#172b45}.bec-phone-ui b{font-size:9px;color:#0868e8}.bec-phone-ui small{display:block;font-size:6px;color:#71869d;margin-top:4px}.bec-phone-ui span{display:block;height:16px;margin-top:8px;border-radius:5px;background:#dff0ff}.bec-phone-ui span:nth-of-type(2){background:#dff8ed}.bec-phone-ui span:nth-of-type(3){background:#fff0dc}

@media(max-width:1024px){body.bec-v27-home .bec-hero27{min-height:560px!important}body.bec-v27-home .bec-hero27-grid{gap:30px!important;grid-template-columns:minmax(0,1fr) 390px!important}body.bec-v27-home .bec-hero-visual{height:360px!important}.bec-laptop-ui{height:195px}.bec-phone-ui{transform:scale(.9);transform-origin:bottom right}.bec-ui-cards span{height:45px}.bec-ui-panel{height:50px}}
@media(max-width:820px){body.bec-v27-home .bec-hero27{padding:32px 0 10px!important;min-height:0!important}body.bec-v27-home .bec-hero27-grid{grid-template-columns:1fr!important;gap:20px!important}body.bec-v27-home .bec-hero-visual{height:300px!important;width:100%!important;max-width:none!important}body.bec-v27-home .bec-hero27-copy{padding:12px 0 4px!important}body.bec-v27-home .bec-hero27 h1{font-size:44px!important}body.bec-v27-home .bec-hero-float{min-width:160px!important}.float-one{left:6px!important;top:24px!important}.float-two{right:5px!important;top:105px!important}.float-three{left:6px!important;bottom:20px!important}body.bec-v27-home .bec-platform27-main{grid-template-columns:1fr!important;gap:28px!important}body.bec-v27-home .bec-platform27{padding:58px 0 65px!important}body.bec-v27-home .bec-device27-wrap{min-height:270px!important}.bec-device27{height:245px!important;max-width:480px;margin:auto}.bec-laptop-ui{top:14px;height:175px}.bec-phone-ui{height:125px;width:70px;right:3%;bottom:12px}.bec-ui-main{padding:11px}.bec-ui-cards{gap:5px;margin-top:8px}.bec-ui-cards span{height:38px}.bec-ui-panel{margin-top:8px;height:42px}.bec-ui-side{width:34px;padding:12px 9px;gap:9px}.bec-ui-top{height:26px}.bec-ui-body{height:calc(100% - 26px)}body.bec-v27-home .bec-ecosystem27{padding:58px 0 65px!important}}
@media(max-width:560px){body.bec-v27-home .bec-hero-visual{height:265px!important}body.bec-v27-home .bec-hero27 h1{font-size:38px!important}body.bec-v27-home .bec-hero-lead{font-size:14px!important}body.bec-v27-home .bec-hero-proof{margin-top:24px!important}.bec-hero-float{min-width:145px!important;padding:8px!important}.bec-hero-float b{font-size:9px!important}.bec-hero-float small{font-size:7px!important}.bec-hero-float .float-icon{width:27px;height:27px}.bec-laptop-ui{left:4%;width:91%;height:155px;border-width:5px}.bec-phone-ui{transform:scale(.82);right:1%;bottom:8px}.bec-ui-main{padding:8px}.bec-ui-welcome{font-size:9px}.bec-ui-welcome small{font-size:5px}.bec-ui-cards span{height:31px}.bec-ui-panel{height:35px}.bec-device27{height:215px!important}.bec-device27-wrap{min-height:235px!important}.bec-device27-wrap .device-tag{font-size:7px;padding:6px 7px}.bec-platform27-head{margin-bottom:25px!important}}

/* ============================================================
   BEC v2.8.4 — ExamsGyan student gateway
   ============================================================ */
body.bec-v27-home .bec-students-menu{position:relative}
body.bec-v27-home .bec-menu .bec-students-menu>a .bec-menu-chevron{font-size:12px;margin-left:3px;color:#5f7690;transition:transform .2s ease}
body.bec-v27-home .bec-menu .bec-students-menu:hover>a .bec-menu-chevron,
body.bec-v27-home .bec-menu .bec-students-menu:focus-within>a .bec-menu-chevron{transform:rotate(180deg)}
body.bec-v27-home .bec-submenu{position:absolute;top:calc(100% + 10px);left:0;width:270px;margin:0;padding:9px;list-style:none;background:#fff;border:1px solid #dce7f2;border-radius:15px;box-shadow:0 22px 55px rgba(7,38,70,.16);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s ease;z-index:10050}
body.bec-v27-home .bec-students-menu:hover>.bec-submenu,
body.bec-v27-home .bec-students-menu:focus-within>.bec-submenu{opacity:1;visibility:visible;transform:translateY(0)}
body.bec-v27-home .bec-submenu li{margin:0!important}
body.bec-v27-home .bec-submenu li a{display:block!important;padding:12px 13px!important;border-radius:11px!important;color:#173653!important;background:#fff!important;text-decoration:none}
body.bec-v27-home .bec-submenu li a:hover{background:#f1f6ff!important;color:#0868e8!important;transform:none!important}
body.bec-v27-home .bec-submenu strong{display:block;font-size:12px;font-weight:800}
body.bec-v27-home .bec-submenu small{display:block;margin-top:3px;font-size:9px;font-weight:500;color:#71839a}
body.bec-v27-home .bec-student-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;position:relative;z-index:2}
body.bec-v27-home .bec-student-links a{display:inline-flex;align-items:center;gap:5px;padding:9px 11px;border-radius:9px;background:#f0f6ff;color:#0868e8;font-size:10px;font-weight:800;text-decoration:none;transition:.2s ease}
body.bec-v27-home .bec-student-links a:first-child{background:#0868e8;color:#fff;box-shadow:0 8px 18px rgba(8,104,232,.18)}
body.bec-v27-home .bec-student-links a:hover{transform:translateY(-1px)}
@media(max-width:850px){
  body.bec-v27-home .bec-students-menu>a .bec-menu-chevron{display:none}
  body.bec-v27-home .bec-submenu{position:static;width:auto;margin:2px 0 5px;padding:6px;background:#f7fbff;border:1px solid #e1ebf5;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}
  body.bec-v27-home .bec-students-menu.open>.bec-submenu{display:block}
  body.bec-v27-home .bec-students-menu>a{cursor:pointer}
  body.bec-v27-home .bec-student-links{gap:7px}
}
@media(max-width:560px){
  body.bec-v27-home .bec-student-links{display:grid;grid-template-columns:1fr 1fr}
  body.bec-v27-home .bec-student-links a{justify-content:center;text-align:center}
}


/* ============================================================
   BEC v2.8.5 — GLOBAL INTERNAL-PAGE NAVIGATION + ACCOUNT STATE
   ============================================================ */
body:not(.bec-v27-home) .bec-internal-logo{
  display:block!important;
  width:auto!important;
  height:48px!important;
  max-width:285px!important;
  object-fit:contain!important;
}
body:not(.bec-v27-home) .bec-header{
  height:76px!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid #e6edf5!important;
  box-shadow:0 6px 24px rgba(10,38,70,.05);
  position:sticky!important;
  top:0!important;
}
body:not(.bec-v27-home) .bec-nav{
  min-height:76px!important;
  position:relative;
}
body:not(.bec-v27-home) .bec-menu{
  gap:3px!important;
  white-space:nowrap;
}
body:not(.bec-v27-home) .bec-menu li{position:relative;list-style:none}
body:not(.bec-v27-home) .bec-menu li>a{
  color:#21344d!important;
  font-weight:750!important;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
body:not(.bec-v27-home) .bec-menu li>a:hover,
body:not(.bec-v27-home) .bec-menu li>a:focus-visible{
  color:#0868e8!important;
  background:#f1f6ff!important;
}
body:not(.bec-v27-home) .bec-menu .bec-login{
  color:#0868e8!important;
  background:#fff!important;
  border:1px solid #c7daf0!important;
  margin-left:5px!important;
}
body:not(.bec-v27-home) .bec-menu .bec-start,
body:not(.bec-v27-home) .bec-menu .bec-dashboard-link{
  color:#fff!important;
  background:#0868e8!important;
  border-radius:9px!important;
  margin-left:3px!important;
  box-shadow:0 8px 20px rgba(8,104,232,.18);
}
body:not(.bec-v27-home) .bec-menu .bec-dashboard-link:hover,
body:not(.bec-v27-home) .bec-menu .bec-start:hover{
  background:#0759cb!important;
  color:#fff!important;
}
body:not(.bec-v27-home) .bec-menu .bec-logout{
  color:#0868e8!important;
}
body:not(.bec-v27-home) .bec-menu-chevron{margin-left:5px;font-size:11px}
body:not(.bec-v27-home) .bec-submenu{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  width:270px;
  padding:8px;
  margin:0;
  list-style:none;
  background:#fff;
  border:1px solid #dce7f2;
  border-radius:14px;
  box-shadow:0 20px 45px rgba(10,38,70,.16);
  z-index:10020;
}
body:not(.bec-v27-home) .bec-students-menu:hover>.bec-submenu,
body:not(.bec-v27-home) .bec-students-menu:focus-within>.bec-submenu,
body:not(.bec-v27-home) .bec-students-menu.open>.bec-submenu{display:block}
body:not(.bec-v27-home) .bec-submenu li a{
  display:block!important;
  padding:11px 12px!important;
  border-radius:10px!important;
}
body:not(.bec-v27-home) .bec-submenu strong{display:block;font-size:13px;color:#102b4a}
body:not(.bec-v27-home) .bec-submenu small{display:block;margin-top:2px;font-size:11px;color:#718196;font-weight:500}

@media(max-width:1120px) and (min-width:821px){
  body:not(.bec-v27-home) .bec-logo{min-width:210px!important}
  body:not(.bec-v27-home) .bec-menu{font-size:11px!important}
  body:not(.bec-v27-home) .bec-menu li>a{padding-inline:6px!important}
  body:not(.bec-v27-home) .bec-menu .bec-login{margin-left:2px!important}
}

@media(max-width:820px){
  body:not(.bec-v27-home) .bec-header{height:68px!important}
  body:not(.bec-v27-home) .bec-nav{height:68px!important;min-height:68px!important}
  body:not(.bec-v27-home) .bec-internal-logo{height:45px!important;max-width:calc(100vw - 90px)!important}
  body:not(.bec-v27-home) .bec-toggle{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    width:44px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d9e4ef!important;
    border-radius:10px!important;
    background:#fff!important;
    cursor:pointer!important;
    flex:0 0 44px!important;
  }
  body:not(.bec-v27-home) .bec-toggle span{display:block!important;width:18px!important;height:2px!important;background:#173653!important;border-radius:2px!important}
  body:not(.bec-v27-home) .bec-menu{
    top:68px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:calc(100vh - 82px)!important;
    overflow-y:auto!important;
    padding:10px!important;
  }
  body:not(.bec-v27-home) .bec-submenu{
    position:static!important;
    width:auto!important;
    margin:0 0 4px!important;
    padding:5px!important;
    box-shadow:none!important;
    border:1px solid #e3ebf4!important;
    background:#f8fbff!important;
  }
  body:not(.bec-v27-home) .bec-students-menu>.bec-submenu{display:none}
  body:not(.bec-v27-home) .bec-students-menu.open>.bec-submenu{display:block}
  body:not(.bec-v27-home) .bec-submenu li a{padding:10px 12px!important}
  body:not(.bec-v27-home) .bec-menu .bec-login,
  body:not(.bec-v27-home) .bec-menu .bec-start,
  body:not(.bec-v27-home) .bec-menu .bec-dashboard-link{margin:3px 0 0!important;justify-content:center!important;text-align:center!important}
}

/* ============================================================
   BEC v2.8.6 — GLOBAL SHELL FALLBACK FOR APPLICATION PAGES
   ============================================================ */
body:not(.bec-v27-home) .bec-top{display:block!important;background:#06264c!important;color:#fff!important;font-size:11px!important}
body:not(.bec-v27-home) .bec-top .bec-container{min-height:30px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
body:not(.bec-v27-home) .bec-top-left{color:#d9e7f6!important}
body:not(.bec-v27-home) .bec-top-right{color:#b9d8f7!important;font-weight:700!important}
body:not(.bec-v27-home) .bec-header{z-index:10040!important}
body:not(.bec-v27-home) .bec-logo img{max-height:48px!important;width:auto!important;object-fit:contain!important}
body:not(.bec-v27-home) .bec-menu.open{display:flex!important}
@media(max-width:820px){
 body:not(.bec-v27-home) .bec-top{font-size:9px!important}
 body:not(.bec-v27-home) .bec-top .bec-container{padding:5px 12px!important;min-height:27px!important}
 body:not(.bec-v27-home) .bec-top-right{display:none!important}
 body:not(.bec-v27-home) .bec-menu{display:none!important;position:absolute!important;z-index:10050!important;background:#fff!important;border:1px solid #dce7f2!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(7,38,70,.16)!important}
 body:not(.bec-v27-home) .bec-menu.open{display:block!important}
 body:not(.bec-v27-home) .bec-menu>li>a{display:flex!important;align-items:center!important}
}


/* ============================================================
   BEC v2.9.0 — GLOBAL HEADER + ACCOUNT AREA POLISH
   Frontend only. No application/plugin/backend data is changed.
   ============================================================ */

/* One consistent BEC brand mark everywhere. */
.bec-brand-logo{
  display:block!important;
  width:268px!important;
  height:auto!important;
  max-height:62px!important;
  object-fit:contain!important;
}
body:not(.bec-v27-home) .bec-internal-logo.bec-brand-logo{
  width:268px!important;
  height:auto!important;
  max-height:62px!important;
}
body.bec-v27-home .bec-standalone-logo{
  width:268px!important;
  height:auto!important;
  max-height:62px!important;
}
.bec-footer-brand-logo{
  display:block;
  width:250px;
  max-width:100%;
  height:auto;
  margin:0 0 15px;
}

/* Global header proportions. */
body.bec-force-shell .bec-top{
  min-height:32px;
  background:#071c38!important;
}
body.bec-force-shell .bec-header{
  min-height:76px;
}
body.bec-force-shell .bec-nav{
  min-height:76px;
}
body.bec-force-shell .bec-logo{
  min-width:270px!important;
  flex:0 0 auto;
}
body.bec-force-shell .bec-menu{
  margin-left:auto!important;
}
body.bec-force-shell .bec-toggle{
  width:44px;
  height:44px;
  padding:0!important;
  align-items:center;
  justify-content:center;
}
body.bec-force-shell .bec-toggle span{
  display:block;
  width:19px;
  height:2px;
  margin:3px auto;
  background:#123b61;
  border-radius:4px;
}

/* Dashboard / account pages use the same sans-serif visual language. */
body.bec-dashboard-page,
body.bec-profile-page,
body.bec-applications-page,
body.bec-degree-page,
body.bec-documents-page{
  background:#f5f8fc!important;
  color:#102a43!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
body.bec-dashboard-page h1,
body.bec-dashboard-page h2,
body.bec-dashboard-page h3,
body.bec-dashboard-page h4,
body.bec-profile-page h1,
body.bec-profile-page h2,
body.bec-profile-page h3,
body.bec-profile-page h4,
body.bec-applications-page h1,
body.bec-degree-page h1,
body.bec-documents-page h1{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:-.025em!important;
}

/* Remove the oversized generic WordPress page-title treatment. */
body.bec-dashboard-page .bec-page,
body.bec-profile-page .bec-page,
body.bec-applications-page .bec-page,
body.bec-degree-page .bec-page,
body.bec-documents-page .bec-page{
  padding:36px 0 70px!important;
}
body.bec-dashboard-page .bec-container,
body.bec-profile-page .bec-container,
body.bec-applications-page .bec-container,
body.bec-degree-page .bec-container,
body.bec-documents-page .bec-container{
  width:min(1240px,calc(100% - 40px))!important;
}
body.bec-dashboard-page .bec-page-title,
body.bec-profile-page .bec-page-title,
body.bec-applications-page .bec-page-title,
body.bec-degree-page .bec-page-title,
body.bec-documents-page .bec-page-title{
  margin:0 0 20px!important;
  font-size:clamp(30px,4vw,46px)!important;
  line-height:1.08!important;
  font-weight:850!important;
  color:#0b2341!important;
}
body.bec-dashboard-page .bec-content,
body.bec-profile-page .bec-content,
body.bec-applications-page .bec-content,
body.bec-degree-page .bec-content,
body.bec-documents-page .bec-content{
  max-width:none!important;
  font-size:15px!important;
}

/* Profile UI from the existing BEC application page. */
body.bec-profile-page .bec-profile-section{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  background:transparent!important;
}
body.bec-profile-page .bec-profile-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:22px!important;
  align-items:center!important;
  padding:30px 34px!important;
  margin:0 0 18px!important;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important;
  border:1px solid #dce7f2!important;
  border-radius:24px!important;
  box-shadow:0 16px 40px rgba(13,53,92,.08)!important;
}
body.bec-profile-page .bec-profile-header h1{
  margin:7px 0 7px!important;
  font-size:clamp(30px,4vw,48px)!important;
  color:#0b2341!important;
}
body.bec-profile-page .bec-section-label{
  color:#0868e8!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}
body.bec-profile-page .bec-profile-header p{
  margin:0!important;
  color:#617389!important;
}
body.bec-profile-page .bec-profile-completion{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 16px!important;
  background:#fff!important;
  border:1px solid #dce7f2!important;
  border-radius:16px!important;
}
body.bec-profile-page .bec-completion-circle{
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#eaf4ff,#d7eaff)!important;
  color:#0868e8!important;
  font-weight:900!important;
}
body.bec-profile-page .bec-profile-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:10px!important;
  margin:0 0 18px!important;
  background:#fff!important;
  border:1px solid #dce7f2!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(13,53,92,.06)!important;
}
body.bec-profile-page .bec-profile-tab{
  border:0!important;
  background:#f6f9fc!important;
  color:#36506b!important;
  border-radius:10px!important;
  padding:10px 13px!important;
  font-weight:750!important;
  cursor:pointer!important;
  transition:.2s ease!important;
}
body.bec-profile-page .bec-profile-tab:hover{
  background:#edf5ff!important;
  color:#0868e8!important;
}
body.bec-profile-page .bec-profile-tab.active{
  background:#0868e8!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(8,104,232,.18)!important;
}
body.bec-profile-page .bec-profile-panel{
  background:#fff!important;
  border:1px solid #dce7f2!important;
  border-radius:22px!important;
  box-shadow:0 14px 38px rgba(13,53,92,.07)!important;
  padding:30px!important;
}
body.bec-profile-page .bec-panel-heading{
  padding-bottom:17px!important;
  margin-bottom:22px!important;
  border-bottom:1px solid #e4ebf2!important;
}
body.bec-profile-page .bec-panel-heading h2{
  margin:0 0 6px!important;
  font-size:28px!important;
  color:#0b2341!important;
}
body.bec-profile-page .bec-panel-heading p{
  margin:0!important;
  color:#718196!important;
}
body.bec-profile-page .bec-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
body.bec-profile-page .bec-form-group label{
  display:block!important;
  margin:0 0 7px!important;
  color:#24405d!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.bec-profile-page .bec-form-group input,
body.bec-profile-page .bec-form-group select,
body.bec-profile-page .bec-form-group textarea{
  width:100%!important;
  min-height:46px!important;
  border:1px solid #cbd9e6!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#173653!important;
  padding:12px 13px!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
}
body.bec-profile-page .bec-form-group input:focus,
body.bec-profile-page .bec-form-group select:focus,
body.bec-profile-page .bec-form-group textarea:focus{
  border-color:#0868e8!important;
  box-shadow:0 0 0 4px rgba(8,104,232,.09)!important;
  outline:0!important;
}

/* Dashboard cards if the existing dashboard template exposes these common classes. */
body.bec-dashboard-page .bec-section,
body.bec-dashboard-page #bec-dashboard-section{
  max-width:1180px!important;
  margin:0 auto!important;
}
body.bec-dashboard-page .bec-welcome{
  padding:30px 34px!important;
  border:1px solid #dce7f2!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#eef6ff 100%)!important;
  box-shadow:0 16px 40px rgba(13,53,92,.08)!important;
  margin-bottom:20px!important;
}
body.bec-dashboard-page .bec-welcome h1{
  color:#0b2341!important;
  font-size:clamp(28px,3.4vw,44px)!important;
}
body.bec-dashboard-page .bec-stats-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:20px!important;
}
body.bec-dashboard-page .bec-stat-card{
  border:1px solid #dce7f2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(13,53,92,.06)!important;
}
body.bec-dashboard-page .bec-actions-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.bec-dashboard-page .bec-action-card,
body.bec-dashboard-page .bec-quick-card{
  border:1px solid #dce7f2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(13,53,92,.06)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
body.bec-dashboard-page .bec-action-card:hover,
body.bec-dashboard-page .bec-quick-card:hover{
  transform:translateY(-3px)!important;
  border-color:#b9d5f2!important;
  box-shadow:0 16px 35px rgba(13,53,92,.10)!important;
}

/* Keep the global floating Home control unobtrusive. */
body.bec-force-shell .bec-global-home{
  z-index:9990!important;
}

/* Strong mobile account layout. */
@media(max-width:820px){
  body.bec-force-shell .bec-brand-logo,
  body:not(.bec-v27-home) .bec-internal-logo.bec-brand-logo{
    width:min(225px,calc(100vw - 78px))!important;
    max-height:50px!important;
  }
  body.bec-dashboard-page .bec-page,
  body.bec-profile-page .bec-page,
  body.bec-applications-page .bec-page,
  body.bec-degree-page .bec-page,
  body.bec-documents-page .bec-page{
    padding:22px 0 60px!important;
  }
  body.bec-dashboard-page .bec-container,
  body.bec-profile-page .bec-container,
  body.bec-applications-page .bec-container,
  body.bec-degree-page .bec-container,
  body.bec-documents-page .bec-container{
    width:calc(100% - 28px)!important;
  }
  body.bec-profile-page .bec-profile-header{
    grid-template-columns:1fr!important;
    padding:22px!important;
  }
  body.bec-profile-page .bec-profile-completion{
    justify-content:flex-start!important;
  }
  body.bec-profile-page .bec-profile-tabs{
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    scrollbar-width:thin;
  }
  body.bec-profile-page .bec-profile-tab{
    white-space:nowrap!important;
  }
  body.bec-profile-page .bec-profile-panel{
    padding:20px!important;
    border-radius:18px!important;
  }
  body.bec-profile-page .bec-form-grid{
    grid-template-columns:1fr!important;
  }
  body.bec-dashboard-page .bec-stats-grid{
    grid-template-columns:1fr 1fr!important;
  }
  body.bec-dashboard-page .bec-actions-grid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:520px){
  body.bec-dashboard-page .bec-stats-grid,
  body.bec-dashboard-page .bec-actions-grid{
    grid-template-columns:1fr!important;
  }
  body.bec-profile-page .bec-profile-header h1{
    font-size:32px!important;
  }
}

/* Accessibility / reduced motion. */
@media(prefers-reduced-motion:reduce){
  body.bec-dashboard-page *,
  body.bec-profile-page *{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}