/* ClasslyOne 10.1 Client Attraction + Discount Upgrade */
:root{
  --clo-navy:#07245c;
  --clo-blue:#1264e8;
  --clo-sky:#22a7f2;
  --clo-pink:#f04496;
  --clo-green:#008b72;
  --clo-ink:#081f49;
  --clo-muted:#52657f;
  --clo-line:#d8e8ff;
  --clo-soft:#f5faff;
  --clo-shadow:0 24px 70px rgba(8,31,73,.14);
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--clo-ink)!important;background:#fff!important;}
.discount-ticker{position:sticky;top:0;z-index:9999;overflow:hidden;background:linear-gradient(90deg,#07245c,#1264e8 38%,#f04496 74%,#ffb000);color:#fff;box-shadow:0 8px 24px rgba(8,31,73,.18);}
.discount-ticker__track{display:flex;gap:54px;width:max-content;white-space:nowrap;animation:cloTicker 24s linear infinite;padding:9px 0;font-size:14px;font-weight:1000;letter-spacing:.04em;text-transform:uppercase;}
.discount-ticker__track span{padding-left:32px;}
.discount-ticker b{background:#fff;color:#1264e8;border-radius:999px;padding:3px 10px;margin:0 4px;}
@keyframes cloTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.site-header{top:0!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(216,232,255,.9)!important;box-shadow:0 10px 38px rgba(8,31,73,.08)!important;}
.header-shell{min-height:72px!important;padding:8px 24px!important;}
.brand img{width:178px!important;max-width:178px!important;height:auto!important;}
.nav-link{font-size:14px!important;font-weight:900!important;padding:10px 14px!important;color:var(--clo-ink)!important;}
.btn,.btn-primary,.btn-secondary,.btn-ghost,button{border-radius:999px!important;font-weight:1000!important;}
.btn-primary,.portal-main button,.main button{background:linear-gradient(135deg,var(--clo-blue),var(--clo-sky) 55%,var(--clo-pink))!important;color:#fff!important;border:0!important;box-shadow:0 18px 42px rgba(18,100,232,.25)!important;}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 22px 52px rgba(18,100,232,.32)!important;}
.btn-secondary,.btn-ghost{background:#fff!important;color:var(--clo-navy)!important;border:1px solid var(--clo-line)!important;box-shadow:0 14px 36px rgba(8,31,73,.08)!important;}
.clo10-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 15%,rgba(34,167,242,.24),transparent 34%),radial-gradient(circle at 92% 0%,rgba(240,68,150,.18),transparent 32%),linear-gradient(135deg,#f5fbff 0%,#fff 52%,#fff7fb 100%);border-bottom:1px solid var(--clo-line);}
.clo10-hero::after{content:"";position:absolute;inset:auto -10% -35% 50%;height:420px;background:radial-gradient(circle,rgba(18,100,232,.12),transparent 68%);pointer-events:none;}
.clo10-wrap{width:min(1240px,92vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:52px;align-items:center;padding:76px 0 82px;position:relative;z-index:1;}
.clo10-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--clo-green)!important;font-weight:1000;text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;}
.clo10-title{margin:0 0 18px;max-width:690px;font-size:clamp(44px,5.2vw,78px)!important;line-height:.96!important;letter-spacing:-.065em!important;background:linear-gradient(135deg,#07245c,#1264e8 58%,#f04496);-webkit-background-clip:text;background-clip:text;color:transparent!important;}
.clo10-lead{max-width:650px;font-size:clamp(17px,1.45vw,21px)!important;line-height:1.65;color:var(--clo-muted)!important;margin:0 0 26px;}
.clo10-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 22px;}
.clo10-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;max-width:680px;}
.clo10-proof div{background:rgba(255,255,255,.78);border:1px solid var(--clo-line);border-radius:20px;padding:14px 16px;box-shadow:0 16px 40px rgba(8,31,73,.08);}
.clo10-proof strong{display:block;color:var(--clo-navy);font-size:20px;font-weight:1000;}
.clo10-proof span{display:block;color:var(--clo-muted);font-weight:750;font-size:13px;margin-top:2px;}
.clo10-visual{position:relative;min-height:520px;}
.clo10-main-img{position:relative;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.8);box-shadow:var(--clo-shadow);height:520px;}
.clo10-main-img img{width:100%;height:100%;object-fit:cover;display:block;}
.clo10-mini{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid var(--clo-line);border-radius:22px;box-shadow:0 18px 48px rgba(8,31,73,.14);padding:14px 16px;max-width:250px;}
.clo10-mini strong{display:block;color:var(--clo-navy);font-weight:1000;}
.clo10-mini span{display:block;color:var(--clo-muted);font-size:13px;font-weight:760;margin-top:2px;}
.clo10-mini.one{left:-28px;top:30px}.clo10-mini.two{right:-20px;bottom:32px}.clo10-mini.discount{left:30px;bottom:-24px;background:linear-gradient(135deg,#fff,#fff7fb);}
.clo10-discount{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--clo-line);box-shadow:0 18px 48px rgba(8,31,73,.12);border-radius:999px;padding:10px 14px;font-weight:1000;color:var(--clo-navy);margin-top:8px;}
.clo10-discount b{color:#fff;background:linear-gradient(135deg,var(--clo-blue),var(--clo-pink));border-radius:999px;padding:6px 10px;}
.clo10-trust{width:min(1180px,92vw);margin:-34px auto 0;position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.clo10-trust div{background:#fff;border:1px solid var(--clo-line);border-radius:22px;padding:18px;box-shadow:0 16px 44px rgba(8,31,73,.1);}
.clo10-trust strong{display:block;color:var(--clo-navy);font-size:17px;font-weight:1000;}.clo10-trust span{display:block;color:var(--clo-muted);font-size:13px;font-weight:760;margin-top:4px;}
.client-section{width:min(1180px,92vw);margin:0 auto;padding:76px 0;}.client-section.alt{width:100%;max-width:none;background:linear-gradient(180deg,#f6fbff,#fff);}.client-inner{width:min(1180px,92vw);margin:0 auto;}.client-head{text-align:center;max-width:840px;margin:0 auto 34px;}.client-head .eyebrow{color:var(--clo-green)!important;font-size:12px!important;letter-spacing:.15em!important;}.client-head h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:1.04!important;letter-spacing:-.05em!important;color:var(--clo-navy)!important;margin:8px 0 12px;}.client-head p{font-size:18px!important;color:var(--clo-muted)!important;}
.image-program-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}.image-program{background:#fff;border:1px solid var(--clo-line);border-radius:26px;overflow:hidden;box-shadow:0 18px 54px rgba(8,31,73,.1);transition:transform .25s ease,box-shadow .25s ease;}.image-program:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(8,31,73,.16);}.image-program img{width:100%;height:170px;object-fit:cover;display:block;}.image-program div{padding:18px;}.image-program h3{margin:0 0 8px;color:var(--clo-navy);font-size:22px;}.image-program p{margin:0 0 14px;color:var(--clo-muted);font-size:15px;}.image-program a{font-weight:1000;color:var(--clo-blue);}
.split-attract{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;}.split-attract img{width:100%;height:460px;object-fit:cover;border-radius:32px;box-shadow:var(--clo-shadow);}.trust-list{display:grid;gap:14px;}.trust-list div{background:#fff;border:1px solid var(--clo-line);border-radius:20px;padding:16px 18px;box-shadow:0 14px 36px rgba(8,31,73,.08);}.trust-list strong{color:var(--clo-navy);font-weight:1000}.trust-list p{margin:4px 0 0;color:var(--clo-muted)}
.discount-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#07245c,#1264e8 56%,#f04496);border-radius:34px;padding:44px;color:#fff;box-shadow:var(--clo-shadow);}.discount-cta h2{font-size:clamp(34px,4.5vw,62px)!important;line-height:1.02!important;color:#fff!important;margin:0 0 12px;letter-spacing:-.05em;}.discount-cta p{color:rgba(255,255,255,.88)!important;font-size:18px!important;max-width:720px}.discount-cta .btn-secondary{background:#fff!important;color:#07245c!important}.discount-cta::after{content:"10% OFF";position:absolute;right:28px;top:24px;font-size:clamp(44px,9vw,110px);font-weight:1000;color:rgba(255,255,255,.09);letter-spacing:-.08em;}
.discount-note,.discount-price-line{display:inline-flex!important;gap:8px;align-items:center;background:#fff7fb;border:1px solid #ffd0e7;border-radius:999px;padding:8px 12px;color:#9b155c!important;font-weight:1000;margin:8px 0;}.old-price{text-decoration:line-through;color:#8794a8!important;margin-right:6px}.new-price{color:#1264e8!important;font-weight:1000}.price-result-card h2 .discounted,.student-price-card h3 .discounted{color:#1264e8!important;}
@media(max-width:1100px){.clo10-wrap{grid-template-columns:1fr;gap:34px;padding:56px 0 70px}.clo10-visual{min-height:auto}.clo10-main-img{height:430px}.clo10-trust,.image-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-attract{grid-template-columns:1fr}.brand img{width:158px!important;max-width:158px!important}}
@media(max-width:700px){.discount-ticker__track{font-size:12px;padding:8px 0}.clo10-title{font-size:clamp(38px,13vw,58px)!important}.clo10-proof,.clo10-trust,.image-program-grid{grid-template-columns:1fr}.clo10-main-img{height:300px}.clo10-mini{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:12px 0}.client-section{padding:54px 0}.discount-cta{padding:30px}.header-shell{min-height:64px!important}.brand img{width:138px!important;max-width:138px!important}}