:root{--navy:#262f6b;--blue:#2f8fc9;--gold:#f0b429;--bg:#f5f9fd;--card:#fff;--muted:#5b6678}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--navy);line-height:1.5}
a{color:inherit;text-decoration:none}
nav{display:flex;justify-content:space-between;align-items:center;padding:14px 5%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.08);position:sticky;top:0;z-index:5;flex-wrap:wrap;gap:8px}
.logo{font-weight:bold;font-size:1.4rem}
.logo span{color:var(--blue)}
nav .links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:12px 22px;border-radius:8px;font-weight:bold;border:0;cursor:pointer;font-size:1rem}
.btn.alt{background:#fff;color:var(--blue);border:2px solid var(--blue)}
.btn.gold{background:var(--gold);color:var(--navy)}
.hero{padding:70px 5% 50px;text-align:center;background:linear-gradient(180deg,#eaf1ff,var(--bg))}
.hero h1{font-size:2.5rem;margin:0 0 10px}
.hero .tag{color:var(--blue);font-size:1.2rem;margin:0 0 18px}
.hero p.sub{max-width:620px;margin:0 auto 26px;color:var(--muted)}
.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
section{padding:40px 5%;max-width:1100px;margin:0 auto}
h2{text-align:center;margin:0 0 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:var(--card);border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.card h3{margin:0 0 6px}
.card p{margin:0;color:var(--muted)}
.placeholder{background:#fff8e6;border:2px dashed var(--gold);border-radius:12px;padding:24px;text-align:center;color:var(--muted)}
.steps{counter-reset:s}
.steps .card{position:relative;padding-top:44px}
.steps .card:before{counter-increment:s;content:counter(s);position:absolute;top:12px;left:20px;background:var(--blue);color:#fff;width:26px;height:26px;border-radius:50%;text-align:center;line-height:26px;font-weight:bold}
.price-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:stretch;margin-bottom:26px}
.plan{background:#fff;border-radius:14px;padding:26px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center;position:relative;display:flex;flex-direction:column}
.plan.pop{border:3px solid var(--blue);transform:scale(1.04);box-shadow:0 6px 20px rgba(31,111,235,.25)}
.badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);font-weight:bold;font-size:.8rem;padding:4px 14px;border-radius:20px}
.plan h3{margin:0 0 4px}
.old{text-decoration:line-through;color:#999}
.price{font-size:2.2rem;font-weight:bold;margin:6px 0}
.save{color:#1a8f4c;font-weight:bold;font-size:.9rem}
.perday{color:var(--muted);font-size:.9rem;margin-bottom:10px}
.free{background:#eaf7ef;color:#1a8f4c;border-radius:8px;padding:6px;font-size:.85rem;margin:10px 0}
.plan .btns{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.inc{list-style:none;padding:0;margin:14px 0;text-align:left}
.inc li{padding:4px 0}
.inc li:before{content:"\2713  ";color:var(--blue);font-weight:bold}
.tabs-title{text-align:center;color:var(--muted);margin:30px 0 14px;font-weight:bold}
form{background:#fff;border-radius:14px;padding:28px;box-shadow:0 2px 8px rgba(0,0,0,.08);max-width:560px;margin:0 auto}
label{display:block;font-weight:bold;margin:14px 0 4px}
input,select{width:100%;padding:11px;border:1px solid #cdd5e0;border-radius:8px;font-size:1rem}
.note{font-size:.85rem;color:var(--muted);margin-top:10px;text-align:center}
footer{text-align:center;padding:30px 5%;color:var(--muted);font-size:.9rem}
@media(max-width:700px){.hero h1{font-size:1.9rem}.plan.pop{transform:none}}
.logo img{height:84px;width:auto;display:block}
nav .links a.active{color:var(--blue);font-weight:bold}
.video-box{background:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;max-width:760px;margin:0 auto}
.video-box video{width:100%;display:block;background:#000}
.video-cap{padding:14px 18px;color:var(--muted);font-size:.95rem}
.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.proof-tile{background:#fff8e6;border:2px dashed var(--gold);border-radius:12px;min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:var(--muted)}
.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.s-card{background:#fff;border-radius:14px;padding:26px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.s-icon{width:52px;height:52px;border-radius:14px;color:#fff;font-weight:bold;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.s-card h3{margin:0 0 6px}
.s-card p{margin:0 0 12px;color:var(--muted)}
.s-card a.go{color:var(--blue);font-weight:bold}
.fb{background:#1877f2}.ig{background:#c13584}.yt{background:#e62117}.wa{background:#25d366}
.setup-note{max-width:760px;margin:26px auto 0;background:#fff;border:1px solid #dce5db;border-radius:12px;padding:16px;color:var(--muted);font-size:.9rem}
nav .links a:not(.btn){padding:8px 14px;border-radius:999px;transition:background .15s}
nav .links a:not(.btn):hover{background:#eaf5fb}
nav .links a.active:not(.btn){background:#d6ecf8;color:var(--blue);font-weight:bold}
nav .links a.btn.active{outline:3px solid var(--gold);outline-offset:2px}
.site-footer{background:#262f6b;color:#e3f1fa;text-align:center;padding:36px 5% 40px}
.site-footer a{color:#e3f1fa;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer .f-logo{display:inline-block;background:#fff;border-radius:14px;padding:6px;margin-bottom:14px}
.site-footer .f-logo img{height:64px;width:auto;display:block}
.site-footer p{margin:0 0 16px}
.f-links{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;align-items:center}
.f-more{position:relative}
.f-more summary{list-style:none;cursor:pointer;border:1px solid #e3f1fa;border-radius:999px;padding:6px 16px}
.f-more summary::-webkit-details-marker{display:none}
.f-more div{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);background:#fff;border-radius:12px;padding:8px;display:flex;flex-direction:column;min-width:150px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.f-more div a{color:#262f6b;padding:8px 12px;border-radius:8px;text-align:left}
.f-more div a:hover{background:#eaf5fb;text-decoration:none}

/* ===== v2 design ===== */
body{font-family:"Segoe UI",Roboto,Arial,sans-serif}
nav{padding:8px 5%;gap:12px;border-bottom:1px solid #dcebf5;box-shadow:0 2px 12px rgba(20,33,61,.06)}
.logo img{height:92px;width:auto;display:block}
nav .links{gap:8px}
nav .links a:not(.btn){background:#e4f3fb;color:var(--navy);padding:11px 20px;border-radius:999px;font-weight:600;transition:all .15s}
nav .links a:not(.btn):hover{background:#cbe6f5}
nav .links a.active:not(.btn){background:var(--navy);color:#fff}
nav .links a.btn{background:var(--gold);color:var(--navy);padding:11px 22px;border-radius:999px;margin-left:6px}
nav .links a.btn:hover{filter:brightness(1.06)}
nav .links a.btn.active{outline:3px solid var(--navy);outline-offset:2px}
.btn{border-radius:999px;padding:13px 28px;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(20,33,61,.2)}
.hero{background:linear-gradient(135deg,#262f6b 0%,#2f5fa8 55%,#2f8fc9 100%);color:#fff;padding:84px 5% 70px}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;color:#fff}
.hero .tag{color:#f6d77c;font-weight:600}
.hero p.sub{color:#e3f1fa;font-size:1.08rem}
.hero .btn.alt{background:transparent;color:#fff;border-color:#fff}
.hero .btn:not(.alt):not(.gold){background:var(--gold);color:var(--navy)}
section{padding:54px 5%}
h2{font-size:1.9rem;position:relative;padding-bottom:14px;margin-bottom:30px}
h2:after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--gold);margin:10px auto 0}
.card,.plan,.s-card{border:1px solid #dcebf5;border-radius:18px;box-shadow:0 8px 24px rgba(20,33,61,.07)}
.card{transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,33,61,.13)}
.card h3{color:var(--navy);font-size:1.15rem}
.placeholder{border-radius:18px}
.site-footer{padding:44px 5% 36px;border-top:5px solid var(--gold)}
.site-footer .f-logo{padding:8px 14px;border-radius:18px;margin-bottom:16px}
.site-footer .f-logo img{height:92px}
.site-footer p{color:#d4e3f5}
.f-links a{font-weight:600}
@media(max-width:700px){nav{justify-content:center}.logo img{height:64px}nav .links{justify-content:center}}
.site-footer{padding:20px 5% 18px;border-top-width:4px}
.site-footer .f-logo{padding:4px 8px;border-radius:12px;margin-bottom:8px}
.site-footer .f-logo img{height:52px}
.site-footer p{margin:0 0 10px;font-size:.92rem}
.f-links{gap:18px;font-size:.92rem}
.f-more summary{padding:4px 14px}
.f-more div{bottom:36px}
.f-brand{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:6px}
.f-brand span{color:var(--gold);font-weight:600;font-size:1rem}
.modal-bg{position:fixed;inset:0;background:rgba(38,47,107,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:50}
.modal-bg.show{display:flex}
.modal{background:#fff;border-radius:18px;padding:28px;max-width:420px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.3);border-top:5px solid var(--gold)}
.modal h3{margin:0 0 12px;color:var(--navy)}
.modal p{margin:0 0 6px;color:var(--muted)}
.modal ul{margin:4px 0 10px;padding-left:20px;color:var(--navy);font-weight:600}
.hc{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.hc-btn{display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border:0;border-radius:999px;padding:12px 20px 12px 14px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 8px 22px rgba(38,47,107,.4);transition:transform .15s}
.hc-btn:hover{transform:translateY(-2px)}
.hc-btn svg{width:26px;height:26px;fill:var(--gold)}
.hc-panel{display:none;background:#fff;border-radius:18px;width:270px;box-shadow:0 14px 40px rgba(20,33,61,.28);overflow:hidden;border-top:4px solid var(--gold)}
.hc-panel.open{display:block}
.hc-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:700;color:var(--navy);font-size:1.05rem}
.hc-x{background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--muted)}
.hc-panel a{display:block;padding:12px 16px;border-top:1px solid #e6eef6;color:var(--navy);font-weight:600}
.hc-panel a:hover{background:#eaf5fb}
@media(max-width:600px){.hc{right:12px;bottom:12px}.hc-btn span{display:none}.hc-btn{padding:12px}}
.hc{bottom:34px}
.hc-btn{background:var(--gold);color:var(--navy);border:3px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.hc-btn svg{fill:var(--navy)}
.hc-panel a.hc-chat{color:#0b7a43;display:flex;align-items:center;gap:8px}
.hc-dot{width:10px;height:10px;border-radius:50%;background:#35d07f;display:inline-block}
@media(max-width:600px){.hc{bottom:24px}}
.hc-live{display:flex;align-items:center;gap:8px;background:#12a150;color:#fff;border:3px solid #fff;border-radius:999px;padding:11px 18px 11px 12px;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.hc-live:hover{filter:brightness(1.08)}
.hc-live svg{width:24px;height:24px;fill:#fff}
@media(max-width:600px){.hc-live span{display:none}.hc-live{padding:11px}}
.hc-btn,.hc-live{width:150px;height:54px;padding:0 12px;justify-content:center;font-size:1rem;box-sizing:border-box}
@media(max-width:600px){.hc-btn,.hc-live{width:54px;padding:0}}

.f-credit{border-top:1px solid rgba(255,255,255,.18);margin-top:14px;padding-top:12px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:.88rem;color:#d4e3f5}
.f-credit b{color:var(--gold);font-weight:600}
.site-footer a.f-credit-btn{background:var(--gold);color:var(--navy);font-weight:700;padding:6px 14px;border-radius:8px;white-space:nowrap}
.site-footer a.f-credit-btn:hover{text-decoration:none;filter:brightness(1.05)}

#pageLoader{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .35s ease}
#pageLoader.pl-hide{opacity:0;pointer-events:none}
.pl-box{position:relative;width:170px;height:170px}
.pl-ring{position:absolute;inset:0;width:100%;height:100%}
.pl-spin{transform-box:fill-box;transform-origin:center;animation:plspin 1.1s linear infinite}
.pl-logo{position:absolute;left:50%;top:50%;width:104px;height:auto;transform:translate(-50%,-50%);animation:plpulse 2.2s ease-in-out infinite}
@keyframes plspin{to{transform:rotate(360deg)}}
@keyframes plpulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}
@media(prefers-reduced-motion:reduce){.pl-spin,.pl-logo{animation:none}}

html{-webkit-text-size-adjust:100%}
@media(max-width:700px){
  .site-footer{padding-bottom:84px}
  .site-footer p a,.f-links a{display:inline-block;padding:11px 6px}
  .f-links{gap:2px 14px}
  .site-footer a.f-credit-btn{padding:12px 20px}
  .f-credit{gap:6px 12px;line-height:1.5}
  .social-card a{display:inline-block;padding:12px 18px}
  .card p a{display:inline-block;padding:10px 0}
  .modal{padding:22px 18px}
}

.nav-btn,.nav-x,.nav-ov{display:none}
@media(max-width:700px){
  nav{justify-content:space-between;flex-wrap:nowrap;padding:8px 5%}
  nav.nav-open{z-index:70}
  .logo img{height:56px}
  .nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:46px;height:46px;border-radius:12px;border:1px solid #cdd5e0;background:#fff;cursor:pointer;padding:0}
  .nav-btn i{display:block;width:22px;height:3px;border-radius:2px;background:var(--navy)}
  .nav-ov{display:block;position:fixed;inset:0;background:rgba(38,47,107,.5);opacity:0;pointer-events:none;transition:opacity .25s;z-index:71}
  nav.nav-open .nav-ov{opacity:1;pointer-events:auto}
  nav .links{position:fixed;top:0;right:0;bottom:0;width:min(290px,82vw);background:#fff;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;justify-content:flex-start;gap:0;padding:64px 0 24px;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;z-index:72;box-shadow:-8px 0 24px rgba(20,33,61,.18)}
  nav.nav-open .links{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s}
  nav .links a:not(.btn){background:transparent;color:var(--navy);border-radius:0;padding:16px 22px;font-size:1.05rem;font-weight:600;border-top:1px solid #e6eef6}
  nav .links a.active:not(.btn){background:#eaf5fb;color:var(--navy)}
  nav .links a.btn{margin:18px 18px 0;text-align:center;padding:14px 20px;font-size:1.05rem}
  .nav-x{display:block;position:absolute;top:10px;right:12px;width:44px;height:44px;border-radius:12px;border:1px solid #cdd5e0;background:#fff;color:var(--navy);font-size:28px;line-height:1;cursor:pointer;padding:0}
}

/* login button */
nav .links a.login-link{border:2px solid var(--navy);color:var(--navy);padding:9px 20px;border-radius:999px;font-weight:bold;margin-left:2px;background:transparent}
nav .links a.login-link:hover{background:var(--navy);color:#fff}
@media(max-width:700px){nav .links a.login-link{margin:12px 18px 0;text-align:center;padding:12px 20px;display:block}}

/* login form */
.lg-wrap{display:flex;justify-content:center;padding:0 5% 50px;margin-top:-44px;position:relative}
.lg-card{background:#fff;width:100%;max-width:420px;border-radius:16px;box-shadow:0 8px 30px rgba(38,47,107,.15);padding:22px 24px 18px}
.lg-tabs{display:flex;background:#eaf5fb;border-radius:999px;padding:4px;margin-bottom:16px}
.lg-tab{flex:1;border:0;background:transparent;padding:10px;border-radius:999px;font-weight:bold;color:var(--navy);cursor:pointer;font-size:1rem}
.lg-tab.on{background:var(--navy);color:#fff}
.lg-card h2{color:var(--navy);margin:0 0 10px;font-size:1.3rem}
.lg-card label{display:block;font-weight:bold;color:var(--navy);margin:12px 0 5px;font-size:.95rem}
.lg-card input{width:100%;padding:12px 14px;border:1.5px solid #cfdcea;border-radius:10px;font-size:1rem;font-family:inherit}
.lg-card input:focus{outline:none;border-color:var(--blue)}
.lg-pw{position:relative}
.lg-pw input{padding-right:70px}
.lg-pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--blue);font-weight:bold;cursor:pointer;padding:8px 10px}
.lg-forgot{display:inline-block;margin-top:10px;color:var(--blue);font-size:.95rem;font-weight:bold}
.lg-go{width:100%;margin-top:16px;background:var(--gold);color:var(--navy);text-align:center}
.lg-msg{min-height:1.2em;margin:10px 0 0;color:var(--navy);font-size:.95rem}
.lg-note{color:#5b6678;margin:0 0 6px;font-size:.95rem}
.lg-code{text-align:center;letter-spacing:8px;font-size:1.4rem!important}
.lg-demo{text-align:center;color:#8a93a3;font-size:.85rem;margin:14px 0 0}
.lg-card form{background:transparent;box-shadow:none;padding:0;max-width:none;border-radius:0}
.lg-card h2{text-align:left;font-size:1.3rem;padding-bottom:0;margin-bottom:10px}
.lg-card h2:after{display:none}
.lg-wrap{margin-top:0;padding:40px 5% 60px}
.lg-card{border:2px solid var(--blue);box-shadow:0 8px 30px rgba(38,47,107,.12),0 0 0 5px rgba(240,180,41,.18)}
/* AI chat look */
.hc-live{background:linear-gradient(135deg,#262f6b,#2f8fc9)}
.hc-live svg{fill:#f0b429}

/* jobs page */
.jb-hero{padding:48px 5% 34px;background:linear-gradient(135deg,#262f6b 0%,#2f8fc9 100%);color:#fff}
.jb-hero h1{color:#fff;margin:0 0 10px}
.jb-hero .sub{color:#e3f0fa;margin-bottom:22px}
.jb-kicker{display:inline-block;margin:0 0 12px;padding:5px 14px;border-radius:999px;background:rgba(240,180,41,.18);color:#f0b429;font-weight:bold;font-size:.9rem;letter-spacing:.5px}
.jb-stats{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.jb-stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:12px 22px;min-width:120px}
.jb-stat b{display:block;font-size:1.7rem;color:#f0b429;line-height:1.1}
.jb-stat span{font-size:.9rem;color:#e3f0fa}
.jb-wrap{max-width:1100px;padding:34px 5% 50px}
.jb-tools{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:22px}
.jb-chips{display:flex;gap:8px;flex-wrap:wrap}
.jb-chip{border:2px solid var(--blue);background:#fff;color:var(--blue);padding:8px 18px;border-radius:999px;font-weight:bold;cursor:pointer;font-size:.95rem}
.jb-chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.jb-search{max-width:320px;flex:1 1 220px;padding:11px 16px;border:1.5px solid #cfdcea;border-radius:999px;font-size:1rem;background:#fff}
.jb-search:focus{outline:none;border-color:var(--blue)}
.jb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;align-items:start}
.jb-card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 10px rgba(38,47,107,.1);border-top:4px solid var(--blue);transition:transform .15s,box-shadow .15s}
.jb-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(38,47,107,.15)}
.jb-top{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.jb-ico{flex:0 0 46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.3rem}
.jb-ico.tr{background:#eaf5fb;color:var(--blue)}
.jb-ico.st{background:#fff4d6;color:#a8740a}
.jb-hd h3{margin:0 0 4px;font-size:1.15rem;color:var(--navy)}
.jb-tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:bold}
.jb-tag.tr{background:#eaf5fb;color:var(--blue)}
.jb-tag.st{background:#fff4d6;color:#a8740a}
.jb-about{margin:0 0 12px;color:var(--muted)}
.jb-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.jb-meta span{background:var(--bg);border:1px solid #dbe6f1;border-radius:8px;padding:4px 10px;font-size:.85rem;color:var(--navy)}
.jb-pay{margin:0 0 4px;font-weight:bold;color:var(--navy)}
.jb-last{margin:0 0 14px;font-size:.88rem;color:#8a93a3}
.jb-det{border-top:1px dashed #cfdcea;padding-top:10px;margin-bottom:14px}
.jb-det h4{margin:10px 0 4px;color:var(--navy);font-size:.95rem}
.jb-ul{margin:0;padding-left:20px;color:var(--muted);font-size:.93rem}
.jb-act{display:flex;gap:10px;align-items:center;justify-content:space-between}
.jb-more{background:transparent;border:0;color:var(--blue);font-weight:bold;cursor:pointer;font-size:.95rem;padding:8px 0}
.jb-apply{background:var(--gold);color:var(--navy);padding:10px 22px}
.jb-empty{text-align:center;color:var(--muted);padding:30px 0}
.jb-demo{text-align:center;color:#8a93a3;font-size:.85rem;margin:26px 0 0}
.jb-modal{position:fixed;inset:0;background:rgba(20,28,60,.6);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.jb-modal[hidden]{display:none}
.jb-box{position:relative;background:#fff;width:100%;max-width:460px;border-radius:16px;padding:24px;border:2px solid var(--blue);box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:92vh;overflow-y:auto}
.jb-box h3{margin:0 40px 4px 0;color:var(--navy)}
.jb-modal-sub{margin:0 0 6px;color:var(--muted);font-size:.93rem}
.jb-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:1.8rem;line-height:1;color:var(--navy);cursor:pointer}
.jb-box form{background:transparent;box-shadow:none;padding:0;max-width:none;border-radius:0}
.jb-box label{display:block;font-weight:bold;color:var(--navy);margin:12px 0 5px;font-size:.95rem}
.jb-box input,.jb-box textarea{width:100%;padding:11px 14px;border:1.5px solid #cfdcea;border-radius:10px;font-size:1rem;font-family:inherit}
.jb-box input:focus,.jb-box textarea:focus{outline:none;border-color:var(--blue)}
.jb-hint{margin:5px 0 0;font-size:.82rem;color:#8a93a3}
.jb-send{width:100%;margin-top:16px;background:var(--gold);color:var(--navy);text-align:center}
.jb-msg{min-height:1.2em;margin:10px 0 0;color:var(--navy);font-size:.95rem}
@media(max-width:700px){.jb-grid{grid-template-columns:1fr}.jb-search{max-width:none}.jb-stat{min-width:100px;padding:10px 14px}}

/* navbar: equal-size pills, Login same colour as the other pills */
nav .links a.login-link{background:#e4f3fb;color:var(--navy);border:0;font-weight:600;padding:10px 2px}
nav .links a.login-link:hover{background:#cbe6f5;color:var(--navy)}
@media(min-width:701px){nav .links a:not(.btn){width:88px;padding:10px 2px;font-size:.88rem;text-align:center;white-space:nowrap}}

/* home hero buttons: same size */
.hero .cta .btn{box-sizing:border-box;width:190px;padding:13px 10px;text-align:center;border:2px solid transparent}
.hero .cta .btn.alt{border-color:#fff}

.cnt-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.cnt-row label{margin-bottom:0}
.cnt-badge{background:#e4f3fb;color:var(--navy);font-size:.85rem;font-weight:700;padding:3px 12px;border-radius:999px;white-space:nowrap}
.cnt-badge.warn{background:#fdecc0;color:#7a5600}
.cnt-badge.full{background:#fbd5d5;color:#9b1c1c}

.tr-note{background:#fff7e0;border:1px solid #f0d58a;color:#7a5600;border-radius:12px;padding:10px 16px;max-width:1100px;margin:18px auto 0;font-size:.92rem;text-align:center}
.tr-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px}
.tr-chip{background:#e4f3fb;color:var(--navy);border:0;border-radius:999px;padding:9px 18px;font:inherit;font-weight:600;cursor:pointer}
.tr-chip.on{background:var(--navy);color:#fff}
.tr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.tr-card{background:#fff;border:1px solid #dcebf5;border-radius:18px;box-shadow:0 8px 24px rgba(20,33,61,.07);padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s}
.tr-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,33,61,.13)}
.tr-av{width:92px;height:92px;border-radius:50%;background:linear-gradient(135deg,#262f6b,#2f8fc9);color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:4px solid #f0b429}
.tr-name{margin:6px 0 0;color:var(--navy);font-size:1.2rem}
.tr-role{margin:0;color:var(--muted);font-size:.95rem}
.tr-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.tr-tag{background:#e4f3fb;color:var(--navy);border-radius:999px;padding:3px 12px;font-size:.82rem;font-weight:700}
.tr-meta{display:flex;gap:18px;justify-content:center;color:var(--muted);font-size:.9rem;margin:4px 0}
.tr-meta b{display:block;color:var(--navy);font-size:1.05rem}
.tr-bio{margin:0;color:var(--muted);font-size:.93rem}
.tr-card .btn{margin-top:auto;width:100%;box-sizing:border-box;text-align:center}
.tr-join{background:linear-gradient(135deg,#262f6b,#2f8fc9);color:#fff;border-radius:18px;padding:30px;text-align:center}
.tr-join h2{color:#fff;margin-top:0}
@media(min-width:701px) and (max-width:1500px){nav{padding-left:32px;padding-right:32px}nav .links{gap:6px}}

.lg-tab{text-decoration:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box}

/* ---- Card hover lift (all pages) ---- */
.card,.plan,.s-card,.proof-tile,.jb-card,.tr-card,.video-box,.vr-card{transition:transform .25s ease,box-shadow .25s ease}
.card:hover,.plan:hover,.s-card:hover,.proof-tile:hover,.jb-card:hover,.tr-card:hover,.video-box:hover,.vr-card:hover{transform:translateY(-7px);box-shadow:0 18px 36px rgba(20,33,61,.16)}
.plan.pop:hover{transform:scale(1.04) translateY(-7px)}
@media(max-width:700px){.plan.pop:hover{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.card:hover,.plan:hover,.s-card:hover,.proof-tile:hover,.jb-card:hover,.tr-card:hover,.video-box:hover,.vr-card:hover,.plan.pop:hover{transform:none}}
/* ---- Student video reviews ---- */
.vr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}
.vr-card{background:#fff;border:1px solid #dcebf5;border-radius:20px;box-shadow:0 8px 24px rgba(20,33,61,.08);overflow:hidden;display:flex;flex-direction:column}
.vr-media{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#262f6b,#2f8fc9);overflow:hidden}
.vr-media img,.vr-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;display:block}
.vr-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(20,28,60,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.vr-play:hover{background:rgba(20,28,60,.1)}
.vr-play span{width:68px;height:68px;border-radius:50%;background:#f0b429;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:transform .2s}
.vr-play:hover span{transform:scale(1.1)}
.vr-play svg{width:28px;height:28px;fill:#262f6b;margin-left:4px}
.vr-soon{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;text-align:center;padding:16px}
.vr-soon svg{width:52px;height:52px;fill:none;stroke:#f6d77c;stroke-width:1.6}
.vr-soon b{font-size:1.02rem}
.vr-info{padding:16px 18px 18px}
.vr-info h3{margin:0 0 2px;color:var(--navy);font-size:1.05rem}
.vr-info p{margin:0;color:var(--muted);font-size:.9rem}
.vr-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;display:block}

/* ---- About page ---- */
.ab svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ab-hero{padding:64px 5% 92px;text-align:center;position:relative;overflow:hidden}
.ab-hero:before,.ab-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}
.ab-hero:before{width:380px;height:380px;right:-90px;top:-150px}
.ab-hero:after{width:260px;height:260px;left:-80px;bottom:-130px}
.ab-eyebrow{display:inline-block;background:rgba(255,255,255,.14);color:#f6d77c;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:999px;margin-bottom:16px}
.ab-hero h1{margin:0 0 14px}
.ab-hero p.sub{max-width:700px;margin:0 auto;text-wrap:balance}
.ab-stats{max-width:1000px;margin:-52px auto 0;padding:0 5%;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ab-stat{background:#fff;border:1px solid #dcebf5;border-radius:16px;box-shadow:0 10px 28px rgba(20,33,61,.12);padding:18px 12px;text-align:center}
.ab-stat b{display:block;color:var(--navy);font-size:1.5rem;line-height:1.1}
.ab-stat span{color:var(--muted);font-size:.88rem}
.ab-sec{max-width:1100px;margin:0 auto;padding:60px 5% 10px}
.ab-head{text-align:center;margin-bottom:28px}
.ab-head h2{margin:0 0 8px;color:var(--navy)}
.ab-head h2:after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--gold);margin:10px auto 0}
.ab-head p{margin:0 auto;max-width:620px;color:var(--muted)}
.ab-founders{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:860px;margin:0 auto}
.ab-fc{background:#fff;border:1px solid #dcebf5;border-radius:20px;box-shadow:0 8px 24px rgba(20,33,61,.07);padding:30px 26px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.ab-fc:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--navy),var(--blue),var(--gold))}
.ab-fc:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(20,33,61,.14)}
.ab-photo{width:136px;height:136px;border-radius:50%;border:4px solid #f0b429;background:linear-gradient(135deg,#dbeaf6,#bcd9ee);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;margin-bottom:14px;box-shadow:0 6px 18px rgba(38,47,107,.18)}
.ab-photo img{width:100%;height:100%;object-fit:cover}
.ab-photo svg{width:84%;height:84%;fill:#7fa6c6;stroke:none}
.ab-fc h3{margin:0;color:var(--navy);font-size:1.3rem}
.ab-role{margin:4px 0 0;color:var(--blue);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.ab-note{margin:12px 0 18px;color:var(--muted);line-height:1.6;font-size:.97rem}
.ab-mail{margin-top:auto;display:inline-flex;align-items:center;gap:8px;background:#e4f3fb;color:var(--navy);font-weight:700;text-decoration:none;border-radius:999px;padding:9px 18px;font-size:.92rem;word-break:break-all;transition:background .15s,color .15s}
.ab-mail:hover{background:var(--navy);color:#fff}
.ab-mail svg{width:17px;height:17px}
.ab-photonote{text-align:center;color:#7a5600;background:#fff7e0;border:1px solid #f0d58a;border-radius:12px;padding:8px 14px;max-width:860px;margin:0 auto 18px;font-size:.88rem}
.ab-story{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:stretch}
.ab-story .big{background:#fff;border:1px solid #dcebf5;border-radius:20px;box-shadow:0 8px 24px rgba(20,33,61,.07);padding:30px}
.ab-story .big p{margin:0 0 12px;color:var(--muted);line-height:1.7}
.ab-story .big p:last-child{margin:0}
.ab-quote{background:linear-gradient(135deg,var(--navy),#2f6fb0);color:#fff;border-radius:20px;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.ab-quote b{font-size:1.35rem;line-height:1.3}
.ab-quote span{color:#cfe6f5}
.ab-courses{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-cc{background:#fff;border:1px solid #dcebf5;border-radius:18px;box-shadow:0 8px 24px rgba(20,33,61,.07);padding:24px 20px;display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s;border-top:5px solid var(--blue)}
.ab-cc:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,33,61,.13)}
.ab-cc:nth-child(2){border-top-color:var(--gold)}.ab-cc:nth-child(3){border-top-color:var(--navy)}.ab-cc:nth-child(4){border-top-color:#58b6a5}
.ab-cc h3{margin:0;color:var(--navy);font-size:1.25rem}
.ab-cc p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}
.ab-cc a{margin-top:auto;color:var(--blue);font-weight:700;text-decoration:none;font-size:.92rem}
.ab-cc a:hover{text-decoration:underline}
.ab-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ab-ft{background:#fff;border:1px solid #dcebf5;border-radius:18px;padding:22px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 6px 18px rgba(20,33,61,.06);transition:transform .2s}
.ab-ft:hover{transform:translateY(-3px)}
.ab-ic{flex:none;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#e4f3fb,#cfe6f5);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:24px}
.ab-ft h3{margin:0 0 4px;color:var(--navy);font-size:1.05rem}
.ab-ft p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.5}
.ab-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:s;position:relative}
.ab-step{background:#fff;border:1px solid #dcebf5;border-radius:18px;padding:22px 16px 18px;text-align:center;box-shadow:0 6px 18px rgba(20,33,61,.06);counter-increment:s;position:relative}
.ab-step:before{content:counter(s);position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:800;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg,#f5f9fd)}
.ab-step h3{margin:6px 0 4px;color:var(--navy);font-size:1rem}
.ab-step p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}
.ab-reg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ab-rc{background:#fff;border:1px solid #dcebf5;border-radius:18px;padding:24px;box-shadow:0 6px 18px rgba(20,33,61,.06)}
.ab-rc .ab-ic{margin-bottom:12px}
.ab-rc h3{margin:0 0 6px;color:var(--navy)}
.ab-rc p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}
.ab-prom{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ab-pc{background:linear-gradient(180deg,#fff,#f3f9fd);border:1px solid #dcebf5;border-radius:18px;padding:24px;text-align:center}
.ab-pc .ab-ic{margin:0 auto 10px;background:linear-gradient(135deg,#fdf0c8,#f7dc8a);color:#6b4b00}
.ab-pc h3{margin:0 0 6px;color:var(--navy)}
.ab-pc p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}
.ab-cta{max-width:1100px;margin:56px auto 10px;padding:0 5%}
.ab-cta .in{background:linear-gradient(135deg,#262f6b 0%,#2f5fa8 60%,#2f8fc9 100%);border-radius:24px;padding:44px 28px;text-align:center;color:#fff;position:relative;overflow:hidden}
.ab-cta .in:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.07);right:-80px;top:-120px}
.ab-cta h2{color:#fff;margin:0 0 8px;position:relative}
.ab-cta h2:after{display:none}
.ab-cta p{color:#e3f1fa;margin:0 0 22px;position:relative}
.ab-cta .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
.ab-cta .btn{box-sizing:border-box;min-width:190px;text-align:center;border:2px solid transparent}
.ab-cta .btn.alt{background:transparent;color:#fff;border-color:#fff}
.ab-cta .btn.alt:hover{background:#fff;color:var(--navy)}
.ab-stat,.ab-story .big,.ab-quote,.ab-fc,.ab-cc,.ab-ft,.ab-step,.ab-rc,.ab-pc{transition:transform .25s ease,box-shadow .25s ease;will-change:transform}
.ab-stat:hover,.ab-story .big:hover,.ab-quote:hover,.ab-fc:hover,.ab-cc:hover,.ab-ft:hover,.ab-step:hover,.ab-rc:hover,.ab-pc:hover{transform:translateY(-7px);box-shadow:0 18px 36px rgba(20,33,61,.16)}
.ab-ic{transition:transform .35s ease}
.ab-ft:hover .ab-ic,.ab-rc:hover .ab-ic,.ab-pc:hover .ab-ic{animation:abwig .5s ease}
.ab-photo{transition:transform .3s ease}
.ab-fc:hover .ab-photo{transform:scale(1.06) rotate(-3deg)}
@keyframes abwig{0%{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-6deg)}100%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.ab-stat:hover,.ab-story .big:hover,.ab-quote:hover,.ab-fc:hover,.ab-cc:hover,.ab-ft:hover,.ab-step:hover,.ab-rc:hover,.ab-pc:hover,.ab-fc:hover .ab-photo{transform:none}.ab-ft:hover .ab-ic,.ab-rc:hover .ab-ic,.ab-pc:hover .ab-ic{animation:none}}
.ab-rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.ab-rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.ab-rv{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.ab-courses{grid-template-columns:repeat(2,1fr)}.ab-feat,.ab-reg,.ab-prom{grid-template-columns:repeat(2,1fr)}.ab-steps{grid-template-columns:repeat(2,1fr);gap:26px 12px}.ab-story{grid-template-columns:1fr}.ab-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ab-founders,.ab-feat,.ab-reg,.ab-prom,.ab-courses{grid-template-columns:1fr}.ab-steps{grid-template-columns:1fr}.ab-hero{padding:46px 5% 80px}.ab-sec{padding-top:46px}.ab-cta .btn{width:100%}}

.ab-photo{position:relative}
.ab-photo img{position:absolute;inset:0}