/* ============================================================================
   SSC Result 2026 — frontend.css
   A self-contained, theme-independent design system.
   Palette: deep indigo (trust) + warm amber (achievement) on a soft mist base.
   Type:    Sora (display + numerals) · Plus Jakarta Sans (UI + body).
   ========================================================================== */

:root{
	--ssc-primary:#4F46E5;
	--ssc-accent:#F59E0B;
	--ssc-primary-deep:#3730A3;
	--ssc-ink:#1B1830;
	--ssc-ink-soft:#46435F;
	--ssc-muted:#807C9A;
	--ssc-bg:#F6F6FD;
	--ssc-surface:#FFFFFF;
	--ssc-tint:#EFEEFC;
	--ssc-line:#E4E3F4;
	--ssc-rose:#E5484D;
	--ssc-info:#2D7FF9;
	--ssc-radius:18px;
	--ssc-radius-sm:12px;
	--ssc-radius-lg:26px;
	--ssc-wrap:1120px;
	--ssc-shadow-sm:0 1px 2px rgba(27,24,48,.06);
	--ssc-shadow:0 1px 2px rgba(27,24,48,.05), 0 16px 40px -18px rgba(79,70,229,.30);
	--ssc-shadow-lg:0 30px 70px -28px rgba(79,70,229,.40);
	--ssc-font:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
	--ssc-display:'Sora',var(--ssc-font);
	--ssc-grad:linear-gradient(135deg,var(--ssc-primary),color-mix(in srgb,var(--ssc-primary) 55%,#7C7CF5));
	--ssc-grad-gold:linear-gradient(135deg,var(--ssc-accent),color-mix(in srgb,var(--ssc-accent) 60%,#FBBF24));
}

/* ---- Reset (scoped to our standalone body) ---- */
body.ssc{margin:0;background:var(--ssc-bg);color:var(--ssc-ink);font-family:var(--ssc-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body.ssc *,body.ssc *::before,body.ssc *::after{box-sizing:border-box;}
body.ssc img{max-width:100%;display:block;}
body.ssc a{color:var(--ssc-primary);text-decoration:none;}
body.ssc h1,body.ssc h2,body.ssc h3,body.ssc h4{font-family:var(--ssc-display);color:var(--ssc-ink);margin:0;line-height:1.15;letter-spacing:-.01em;font-weight:700;}
body.ssc p{margin:0;}
body.ssc svg{display:block;}
body.ssc :focus-visible{outline:3px solid color-mix(in srgb,var(--ssc-primary) 45%,#fff);outline-offset:2px;border-radius:6px;}

.ssc-skip{position:absolute;left:-9999px;top:0;background:var(--ssc-primary);color:#fff;padding:10px 16px;border-radius:0 0 10px 0;z-index:1000;}
.ssc-skip:focus{left:0;}

.ssc-wrap{width:100%;max-width:var(--ssc-wrap);margin:0 auto;padding:0 22px;}
.ssc-wrap--narrow{max-width:820px;}
.ssc-muted{color:var(--ssc-muted);font-size:.9rem;}

/* ============================ BUTTONS ============================ */
.ssc-btn{--b:var(--ssc-primary);display:inline-flex;align-items:center;gap:.5em;font-family:var(--ssc-font);font-weight:600;font-size:.95rem;line-height:1;padding:.8em 1.15em;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap;}
.ssc-btn svg{width:18px;height:18px;}
.ssc-btn:active{transform:translateY(1px);}
.ssc-btn--primary{background:var(--ssc-grad);color:#fff !important;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--ssc-primary) 75%,#000);}
.ssc-btn--primary:hover,.ssc-btn--primary:focus,.ssc-btn--primary:active,.ssc-btn--primary:visited{color:#fff !important;}
.ssc-btn--primary:hover{box-shadow:0 14px 30px -10px color-mix(in srgb,var(--ssc-primary) 70%,#000);transform:translateY(-1px);}
.ssc-btn--ghost{background:transparent;border-color:var(--ssc-line);color:var(--ssc-ink);}
.ssc-btn--ghost:hover,.ssc-btn--ghost:focus,.ssc-btn--ghost:active{border-color:var(--ssc-primary);color:var(--ssc-primary);background:color-mix(in srgb,var(--ssc-primary) 7%,#fff);}
.ssc-btn--soft{background:color-mix(in srgb,var(--ssc-primary) 12%,#fff);color:var(--ssc-primary);border-color:color-mix(in srgb,var(--ssc-primary) 20%,#fff);}
.ssc-btn--soft:hover,.ssc-btn--soft:focus,.ssc-btn--soft:active{background:color-mix(in srgb,var(--ssc-primary) 18%,#fff);color:var(--ssc-primary);}
.ssc-btn--lg{padding:1em 1.5em;font-size:1.02rem;}

/* ============================ HEADER ============================= */
.ssc-header{position:sticky;top:0;z-index:200;background:color-mix(in srgb,var(--ssc-surface) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--ssc-line);}
body.admin-bar .ssc-header{top:32px;}
.ssc-header__bar{display:flex;align-items:center;gap:18px;height:68px;}
.ssc-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--ssc-display);font-weight:800;color:var(--ssc-ink);letter-spacing:-.02em;}
.ssc-brand__name{font-size:1.18rem;}
.ssc-brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--ssc-grad);color:#fff;}
.ssc-brand__mark svg{width:21px;height:21px;}
.ssc-brand__logo{height:36px;width:auto;}
.ssc-nav{margin-left:auto;display:flex;gap:6px;align-items:center;}
.ssc-nav a{color:var(--ssc-ink-soft);font-weight:600;font-size:.94rem;padding:.5em .75em;border-radius:9px;transition:background .15s,color .15s;}
.ssc-nav a:hover{background:var(--ssc-tint);color:var(--ssc-primary);}
.ssc-header__actions{display:flex;align-items:center;gap:10px;margin-left:6px;}
.ssc-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid var(--ssc-line);border-radius:11px;background:var(--ssc-surface);cursor:pointer;}
.ssc-burger span{display:block;width:18px;height:2px;background:var(--ssc-ink);margin:0 auto;border-radius:2px;transition:transform .25s,opacity .2s;}
.ssc-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.ssc-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.ssc-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ============================== HERO ============================= */
.ssc-hero{position:relative;overflow:hidden;text-align:center;padding:clamp(48px,8vw,96px) 0 clamp(40px,6vw,72px);}
.ssc-hero__glow{position:absolute;inset:-30% -10% auto;height:560px;background:
	radial-gradient(60% 60% at 30% 20%,color-mix(in srgb,var(--ssc-primary) 22%,transparent),transparent 70%),
	radial-gradient(50% 50% at 80% 10%,color-mix(in srgb,var(--ssc-accent) 22%,transparent),transparent 70%);
	filter:blur(8px);z-index:0;pointer-events:none;}
.ssc-hero__inner{position:relative;z-index:1;max-width:840px;margin:0 auto;}
.ssc-eyebrow{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ssc-primary);background:color-mix(in srgb,var(--ssc-primary) 10%,#fff);border:1px solid color-mix(in srgb,var(--ssc-primary) 18%,#fff);padding:.5em .9em;border-radius:999px;}
.ssc-eyebrow svg{width:15px;height:15px;}
.ssc-hero__title{font-size:clamp(2.3rem,6vw,4rem);font-weight:800;margin:.5em 0 .35em;letter-spacing:-.03em;}
.ssc-hero__subtitle{font-size:clamp(1.02rem,2.2vw,1.22rem);color:var(--ssc-ink-soft);max-width:620px;margin:0 auto;}

/* Countdown — the signature element */
.ssc-countdown{margin:34px auto 8px;max-width:560px;}
.ssc-countdown__label,.ssc-countdown__date{display:inline-flex;align-items:center;gap:8px;color:var(--ssc-ink-soft);font-weight:600;}
.ssc-countdown__label{font-size:.95rem;margin-bottom:14px;}
.ssc-countdown__label svg,.ssc-countdown__date svg{width:17px;height:17px;color:var(--ssc-primary);}
.ssc-countdown__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.ssc-cd{background:var(--ssc-surface);border:1px solid var(--ssc-line);border-radius:var(--ssc-radius);padding:18px 8px 12px;box-shadow:var(--ssc-shadow);position:relative;overflow:hidden;}
.ssc-cd::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--ssc-grad);}
.ssc-cd__num{display:block;font-family:var(--ssc-display);font-weight:800;font-size:clamp(1.9rem,6vw,2.7rem);line-height:1;color:var(--ssc-ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.ssc-cd__num.tick{animation:sscTick .4s ease;}
.ssc-cd__lbl{display:block;margin-top:8px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ssc-muted);font-weight:700;}
.ssc-countdown__date{font-size:.9rem;margin-top:16px;font-weight:500;color:var(--ssc-muted);}
.ssc-countdown__date strong{color:var(--ssc-ink);font-weight:700;}

.ssc-hero__livebar{display:inline-flex;align-items:center;gap:10px;margin:30px auto 6px;background:color-mix(in srgb,var(--ssc-primary) 10%,#fff);border:1px solid color-mix(in srgb,var(--ssc-primary) 22%,#fff);color:var(--ssc-primary);font-weight:700;padding:.7em 1.2em;border-radius:999px;}
.ssc-pulse{width:10px;height:10px;border-radius:50%;background:var(--ssc-primary);position:relative;}
.ssc-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ssc-primary);animation:sscPing 1.6s ease-out infinite;}

.ssc-hero__cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px;}
.ssc-hero__teaser{display:inline-flex;align-items:center;gap:9px;margin-top:24px;color:var(--ssc-ink-soft);font-weight:600;background:color-mix(in srgb,var(--ssc-accent) 14%,#fff);border:1px solid color-mix(in srgb,var(--ssc-accent) 30%,#fff);padding:.6em 1.1em;border-radius:999px;font-size:.95rem;}
.ssc-hero__teaser svg{width:17px;height:17px;color:var(--ssc-accent);}

/* ============================ SECTIONS =========================== */
.ssc-section{padding:clamp(50px,7vw,86px) 0;}
.ssc-section--tint{background:linear-gradient(180deg,var(--ssc-tint),color-mix(in srgb,var(--ssc-tint) 40%,var(--ssc-bg)));}
.ssc-shead{max-width:680px;margin:0 auto clamp(28px,4vw,46px);text-align:center;}
.ssc-shead__kicker{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ssc-primary);margin-bottom:14px;}
.ssc-shead__kicker svg{width:16px;height:16px;}
.ssc-shead h2{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;letter-spacing:-.025em;}
.ssc-shead p{margin-top:12px;color:var(--ssc-ink-soft);font-size:1.05rem;}

.ssc-card{background:var(--ssc-surface);border:1px solid var(--ssc-line);border-radius:var(--ssc-radius-lg);padding:26px;box-shadow:var(--ssc-shadow);}
.ssc-notice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--ssc-radius-sm);font-size:.95rem;}
.ssc-notice svg{width:19px;height:19px;flex:0 0 auto;margin-top:1px;}
.ssc-notice--soft{background:color-mix(in srgb,var(--ssc-primary) 8%,#fff);border:1px solid color-mix(in srgb,var(--ssc-primary) 16%,#fff);color:var(--ssc-ink-soft);}
.ssc-notice--soft svg{color:var(--ssc-primary);}

/* ============================ CHECKER ============================ */
.ssc-checker{background:var(--ssc-surface);border:1px solid var(--ssc-line);border-radius:var(--ssc-radius-lg);box-shadow:var(--ssc-shadow-lg);overflow:hidden;}
.ssc-tabs{display:flex;gap:4px;padding:10px;background:var(--ssc-tint);border-bottom:1px solid var(--ssc-line);overflow-x:auto;}
.ssc-tab{flex:1;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.85em 1em;border:none;border-radius:13px;background:transparent;color:var(--ssc-ink-soft);font-family:var(--ssc-font);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;}
.ssc-tab svg{width:18px;height:18px;}
.ssc-tab:hover{color:var(--ssc-primary);}
.ssc-tab.is-active{background:var(--ssc-grad);color:#fff !important;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--ssc-primary) 70%,#000);}
.ssc-tab.is-active:hover{color:#fff;}
.ssc-tab.is-active svg{color:#fff;}
.ssc-panel{display:none;padding:26px;}
.ssc-panel.is-active{display:block;animation:sscFade .35s ease;}

.ssc-field{display:flex;flex-direction:column;gap:7px;font-size:.85rem;font-weight:600;color:var(--ssc-ink-soft);}
.ssc-input,.ssc-select{font-family:var(--ssc-font);font-size:1rem;color:var(--ssc-ink);background:var(--ssc-surface);border:1.5px solid var(--ssc-line);border-radius:var(--ssc-radius-sm);padding:.8em 1em;width:100%;transition:border-color .15s,box-shadow .15s;}
.ssc-input:focus,.ssc-select:focus{border-color:var(--ssc-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ssc-primary) 18%,transparent);outline:none;}
.ssc-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234F46E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer;}

.ssc-frametools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;}
.ssc-frametools .ssc-field{flex:1 1 220px;}
.ssc-frametools__btns{display:flex;gap:10px;flex-wrap:wrap;}
.ssc-frame{position:relative;border:1px solid var(--ssc-line);border-radius:var(--ssc-radius);overflow:hidden;background:var(--ssc-tint);height:var(--frame-h,640px);}
.ssc-frame iframe{width:100%;height:100%;border:0;display:block;background:#fff;}
.ssc-frame__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--ssc-primary) 5%,#fff),var(--ssc-surface));}
.ssc-frame__ph svg{width:46px;height:46px;color:var(--ssc-primary);opacity:.85;}
.ssc-frame__spin{width:40px;height:40px;border-radius:50%;border:3px solid color-mix(in srgb,var(--ssc-primary) 22%,#fff);border-top-color:var(--ssc-primary);animation:sscSpin .8s linear infinite;}
.ssc-frame__ph h4{font-size:1.12rem;color:var(--ssc-ink);}
.ssc-frame__ph p{color:var(--ssc-ink-soft);max-width:360px;font-size:.95rem;}
.ssc-frame.is-loaded .ssc-frame__ph{display:none;}
.ssc-frame__note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;color:var(--ssc-muted);font-size:.88rem;}
.ssc-frame__note svg{width:18px;height:18px;color:var(--ssc-primary);flex:0 0 auto;margin-top:1px;}

/* SMS simulator */
.ssc-sms{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;}
.ssc-sms__form{display:flex;flex-direction:column;gap:16px;}
.ssc-sms__out{background:var(--ssc-tint);border:1px dashed color-mix(in srgb,var(--ssc-primary) 30%,var(--ssc-line));border-radius:var(--ssc-radius);padding:18px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.ssc-sms__out-label{font-size:.85rem;color:var(--ssc-ink-soft);font-weight:600;}
.ssc-sms__out code{font-family:'Sora',ui-monospace,monospace;font-weight:600;font-size:1.05rem;color:var(--ssc-ink);background:var(--ssc-surface);border:1px solid var(--ssc-line);border-radius:10px;padding:12px 14px;width:100%;letter-spacing:.01em;word-break:break-word;}
.ssc-sms__out code .ssc-hl{color:var(--ssc-primary);font-weight:700;}
.ssc-sms__out code .ssc-ph{color:var(--ssc-muted);font-style:italic;font-weight:600;}
.ssc-sms__actions{display:flex;gap:10px;flex-wrap:wrap;width:100%;}
.ssc-sms__actions .ssc-btn{flex:1 1 auto;justify-content:center;}

/* Phone mock */
.ssc-phone{justify-self:center;width:248px;max-width:100%;background:#0c1714;border-radius:38px;padding:12px;box-shadow:var(--ssc-shadow-lg);position:relative;}
.ssc-phone__notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:96px;height:20px;background:#0c1714;border-radius:0 0 14px 14px;z-index:2;}
.ssc-phone__screen{background:#eef2f0;border-radius:28px;overflow:hidden;height:430px;display:flex;flex-direction:column;}
.ssc-phone__topbar{background:var(--ssc-surface);padding:26px 14px 12px;border-bottom:1px solid var(--ssc-line);text-align:center;}
.ssc-phone__to{font-size:.8rem;color:var(--ssc-ink-soft);font-weight:600;}
.ssc-phone__thread{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden;}
.ssc-bubble{max-width:85%;padding:10px 13px;border-radius:16px;font-size:.85rem;line-height:1.45;}
.ssc-bubble--out{align-self:flex-end;background:var(--ssc-grad);color:#fff;border-bottom-right-radius:5px;font-family:'Sora',monospace;font-weight:600;word-break:break-word;}
.ssc-bubble--in{align-self:flex-start;background:var(--ssc-surface);color:var(--ssc-ink-soft);border:1px solid var(--ssc-line);border-bottom-left-radius:5px;}
.ssc-phone__inputbar{display:flex;align-items:center;gap:8px;padding:10px;background:var(--ssc-surface);border-top:1px solid var(--ssc-line);}
.ssc-phone__inputbar span{flex:1;font-size:.78rem;color:var(--ssc-muted);background:var(--ssc-tint);padding:8px 12px;border-radius:999px;}
.ssc-phone__send{width:32px;height:32px;border:none;border-radius:50%;background:var(--ssc-grad);color:#fff;display:grid;place-items:center;cursor:default;}
.ssc-phone__send svg{width:16px;height:16px;}

/* Institution / app panels */
.ssc-appnote{display:flex;gap:18px;align-items:flex-start;background:var(--ssc-tint);border-radius:var(--ssc-radius);padding:24px;}
.ssc-appnote__icon{flex:0 0 auto;width:54px;height:54px;border-radius:15px;background:var(--ssc-grad);color:#fff;display:grid;place-items:center;}
.ssc-appnote__icon svg{width:26px;height:26px;}
.ssc-appnote h3{margin-bottom:6px;}
.ssc-appnote p{color:var(--ssc-ink-soft);}

/* steps */
.ssc-steps{display:flex;flex-direction:column;gap:14px;}
.ssc-steps--compact{margin-bottom:18px;}
.ssc-step{display:flex;gap:14px;align-items:flex-start;}
.ssc-step__n{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--ssc-primary) 12%,#fff);color:var(--ssc-primary);font-family:var(--ssc-display);font-weight:800;font-size:.95rem;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--ssc-primary) 25%,#fff);}
.ssc-step p{color:var(--ssc-ink-soft);padding-top:3px;}

/* ============================ STATISTICS ========================= */
.ssc-statgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:30px;}
.ssc-statcard{background:var(--ssc-surface);border:1px solid var(--ssc-line);border-radius:var(--ssc-radius);padding:22px 20px;box-shadow:var(--ssc-shadow-sm);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;}
.ssc-statcard--gold{background:linear-gradient(180deg,color-mix(in srgb,var(--ssc-accent) 12%,#fff),var(--ssc-surface));border-color:color-mix(in srgb,var(--ssc-accent) 30%,#fff);}
.ssc-statcard__ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:6px;}
.ssc-statcard__ic svg{width:22px;height:22px;}
.ic-green{background:color-mix(in srgb,var(--ssc-primary) 12%,#fff);color:var(--ssc-primary);}
.ic-gold{background:color-mix(in srgb,var(--ssc-accent) 18%,#fff);color:#B97900;}
.ic-blue{background:color-mix(in srgb,var(--ssc-info) 12%,#fff);color:var(--ssc-info);}
.ssc-statcard__num{font-family:var(--ssc-display);font-weight:800;font-size:clamp(1.5rem,3vw,2rem);color:var(--ssc-ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.ssc-statcard__lbl{font-size:.85rem;color:var(--ssc-muted);font-weight:600;}

.ssc-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px;}
.ssc-chart__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:18px;}
.ssc-chart__head h3{font-size:1.15rem;}
.ssc-chart__svg{width:100%;}
.ssc-chart__svg svg{width:100%;height:auto;overflow:visible;}
.ssc-donut{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;min-height:160px;}
.ssc-donut__legend{display:flex;flex-direction:column;gap:10px;}
.ssc-legend{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--ssc-ink-soft);}
.ssc-legend i{width:12px;height:12px;border-radius:4px;display:inline-block;}

/* board bars */
.ssc-bars__list{display:flex;flex-direction:column;gap:13px;}
.ssc-bar{display:grid;grid-template-columns:120px 1fr 64px;align-items:center;gap:14px;}
.ssc-bar__name{font-weight:600;font-size:.92rem;color:var(--ssc-ink);}
.ssc-bar__track{height:12px;border-radius:999px;background:var(--ssc-tint);overflow:hidden;}
.ssc-bar__fill{display:block;height:100%;width:0;border-radius:999px;background:var(--ssc-grad);transition:width 1.1s cubic-bezier(.22,1,.36,1);}
.ssc-bars.in .ssc-bar__fill{width:var(--val);}
.ssc-bar__val{font-family:var(--ssc-display);font-weight:700;font-size:.9rem;text-align:right;color:var(--ssc-primary);font-variant-numeric:tabular-nums;}
.ssc-bars__note{margin-top:16px;}
.ssc-bars{margin-top:24px;}

/* Board-by-board breakdown table */
.ssc-boardtable .ssc-bt__leads{display:flex;gap:12px;flex-wrap:wrap;margin:2px 0 20px;}
.ssc-bt__lead{display:inline-flex;align-items:center;gap:9px;background:var(--ssc-tint);border:1px solid var(--ssc-line);border-radius:999px;padding:.5em .95em;font-size:.92rem;color:var(--ssc-ink-soft);}
.ssc-bt__lead strong{color:var(--ssc-ink);font-family:var(--ssc-display);font-weight:800;}
.ssc-bt__lead-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;}
.ssc-bt__lead-ic svg{width:17px;height:17px;}
.ssc-bt__lead-ic.ic-gold{background:color-mix(in srgb,var(--ssc-accent) 18%,#fff);color:#B97900;}
.ssc-bt__lead-ic.ic-green{background:color-mix(in srgb,var(--ssc-primary) 14%,#fff);color:var(--ssc-primary);}
.ssc-bt__wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ssc-bt{width:100%;border-collapse:collapse;font-size:.93rem;min-width:440px;}
.ssc-bt thead th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ssc-muted);font-weight:700;padding:0 12px 11px;border-bottom:1px solid var(--ssc-line);}
.ssc-bt thead th:not(:first-child){width:32%;}
.ssc-bt tbody td{padding:13px 12px;border-bottom:1px solid var(--ssc-line);vertical-align:middle;}
.ssc-bt tbody tr:last-child td{border-bottom:none;}
.ssc-bt tbody tr{transition:background .15s;}
.ssc-bt tbody tr:hover{background:color-mix(in srgb,var(--ssc-primary) 4%,#fff);}
.ssc-bt__board{display:flex;align-items:center;gap:11px;min-width:150px;}
.ssc-bt__logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-family:var(--ssc-display);font-weight:800;font-size:.82rem;background:var(--c,var(--ssc-primary));flex:0 0 auto;letter-spacing:.02em;box-shadow:0 4px 10px -5px var(--c,var(--ssc-primary));}
.ssc-bt__name{font-weight:600;color:var(--ssc-ink);}
.ssc-bt__num{display:block;font-family:var(--ssc-display);font-weight:700;font-size:.95rem;color:var(--ssc-primary);font-variant-numeric:tabular-nums;margin-bottom:6px;}
.ssc-bt__num--gold{color:#B97900;}
.ssc-bt__bar{display:block;height:8px;border-radius:999px;background:var(--ssc-tint);overflow:hidden;max-width:220px;}
.ssc-bt__bar>span{display:block;height:100%;width:0;border-radius:999px;background:var(--ssc-grad);transition:width 1.1s cubic-bezier(.22,1,.36,1);}
.ssc-bt__bar--gold>span{background:var(--ssc-grad-gold);}
.ssc-bars.in .ssc-bt__bar>span{width:var(--val);}

.ssc-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.ssc-chip{display:inline-flex;align-items:center;gap:7px;font-size:.85rem;font-weight:600;color:var(--ssc-ink-soft);background:color-mix(in srgb,var(--ssc-primary) 8%,#fff);border:1px solid color-mix(in srgb,var(--ssc-primary) 18%,#fff);padding:.5em .9em;border-radius:999px;}
.ssc-chip svg{width:15px;height:15px;color:var(--ssc-primary);}
.ssc-chip--gold{background:color-mix(in srgb,var(--ssc-accent) 14%,#fff);border-color:color-mix(in srgb,var(--ssc-accent) 30%,#fff);}
.ssc-chip--gold svg{color:#B97900;}

/* ============================ METHODS ============================ */
.ssc-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.ssc-method{background:var(--ssc-surface);border:1px solid var(--ssc-line);border-radius:var(--ssc-radius-lg);padding:24px;box-shadow:var(--ssc-shadow-sm);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;}
.ssc-method:hover{transform:translateY(-4px);box-shadow:var(--ssc-shadow);}
.ssc-method__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.ssc-method__icon{width:50px;height:50px;border-radius:14px;background:var(--ssc-grad);color:#fff;display:grid;place-items:center;}
.ssc-method__icon svg{width:25px;height:25px;}
.ssc-method__no{font-family:var(--ssc-display);font-weight:800;font-size:1.5rem;color:color-mix(in srgb,var(--ssc-primary) 22%,#fff);}
.ssc-method h3{font-size:1.12rem;margin-bottom:6px;}
.ssc-method__desc{color:var(--ssc-muted);font-size:.9rem;margin-bottom:14px;}
.ssc-method__steps{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:10px;margin-top:auto;}
.ssc-method__steps li{counter-increment:s;position:relative;padding-left:28px;font-size:.9rem;color:var(--ssc-ink-soft);}
.ssc-method__steps li::before{content:counter(s);position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:color-mix(in srgb,var(--ssc-primary) 12%,#fff);color:var(--ssc-primary);font-size:.7rem;font-weight:800;display:grid;place-items:center;font-family:var(--ssc-display);}

/* ============================ SPLIT (paperless) ================== */
.ssc-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}
.ssc-split__text .ssc-shead__kicker{margin-bottom:14px;}
.ssc-split__text h2{font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:800;letter-spacing:-.02em;}
.ssc-split__text .ssc-lead{font-size:1.08rem;color:var(--ssc-ink);font-weight:600;margin:12px 0;}
.ssc-split__text p{color:var(--ssc-ink-soft);margin-bottom:14px;}
.ssc-split__card h3{margin-bottom:18px;font-size:1.18rem;}

/* ============================ RESCRUTINY ========================= */
.ssc-rescrut{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;}
.ssc-rescrut__intro p{color:var(--ssc-ink-soft);}
.ssc-rescrut__steps h3{margin-bottom:18px;font-size:1.18rem;}
.ssc-rescrut__steps .ssc-muted{margin-top:16px;display:flex;gap:8px;align-items:flex-start;}
.ssc-rescrut__steps .ssc-muted svg{width:17px;height:17px;color:var(--ssc-primary);flex:0 0 auto;margin-top:2px;}

/* ============================== FAQ ============================== */
.ssc-faq{display:flex;flex-direction:column;gap:12px;}
.ssc-faq__item{background:var(--ssc-surface);border:1px solid var(--ssc-line);border-radius:var(--ssc-radius);box-shadow:var(--ssc-shadow-sm);overflow:hidden;}
.ssc-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;cursor:pointer;font-family:var(--ssc-display);font-weight:700;font-size:1.02rem;color:var(--ssc-ink);list-style:none;}
.ssc-faq__item summary::-webkit-details-marker{display:none;}
.ssc-faq__chev{flex:0 0 auto;color:var(--ssc-primary);transition:transform .25s;}
.ssc-faq__chev svg{width:20px;height:20px;}
.ssc-faq__item[open] .ssc-faq__chev{transform:rotate(180deg);}
.ssc-faq__a{padding:0 22px 20px;color:var(--ssc-ink-soft);line-height:1.65;}
.ssc-faq__item[open] .ssc-faq__a{animation:sscFade .3s ease;}

/* ============================== ADS ============================= */
.ssc-ad{max-width:var(--ssc-wrap);margin:0 auto;padding:18px 22px;text-align:center;}
.ssc-ad__label{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ssc-muted);margin-bottom:8px;}
.ssc-ad__inner{display:flex;justify-content:center;align-items:center;min-height:60px;overflow:hidden;}

/* ============================ FOOTER ============================= */
.ssc-footer{background:var(--ssc-ink);color:#CFCDE6;}
.ssc-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px;padding:56px 22px 40px;}
.ssc-footer__brand .ssc-brand{color:#fff !important;margin-bottom:14px;}
.ssc-footer__brand .ssc-brand__name{color:#fff !important;}
.ssc-footer__brand p{color:#A7A4C8;font-size:.92rem;max-width:42ch;}
.ssc-footer h4{color:#fff;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;}
.ssc-footer__links ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.ssc-footer__links a{color:#C2BFE0 !important;font-size:.92rem;display:inline-flex;align-items:center;gap:6px;transition:color .15s;}
.ssc-footer__links a:hover,.ssc-footer__links a:focus{color:#fff !important;}
.ssc-footer__links a svg{width:14px;height:14px;opacity:.7;}
.ssc-footer__bar{border-top:1px solid rgba(255,255,255,.1);}
.ssc-footer__barin{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;font-size:.85rem;color:#9D9AC0;flex-wrap:wrap;}

/* ============================ REVEAL ============================ */
.ssc-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.ssc-reveal.in{opacity:1;transform:none;}

/* ============================ KEYFRAMES ========================= */
@keyframes sscFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@keyframes sscTick{0%{transform:translateY(-30%);opacity:0;}100%{transform:none;opacity:1;}}
@keyframes sscPing{0%{transform:scale(1);opacity:.7;}80%,100%{transform:scale(2.6);opacity:0;}}
@keyframes sscSpin{to{transform:rotate(360deg);}}

/* ============================ RESPONSIVE ======================== */
@media(max-width:980px){
	.ssc-charts{grid-template-columns:1fr;}
	.ssc-methods{grid-template-columns:repeat(2,1fr);}
	.ssc-statgrid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:860px){
	.ssc-nav{position:fixed;inset:0 0 auto;top:68px;flex-direction:column;align-items:stretch;gap:2px;background:var(--ssc-surface);border-bottom:1px solid var(--ssc-line);box-shadow:var(--ssc-shadow);padding:12px;transform:translateY(-130%);transition:transform .3s ease;z-index:150;}
	body.admin-bar .ssc-nav{top:114px;}
	.ssc-nav.open{transform:translateY(0);}
	.ssc-nav a{padding:.9em 1em;border-radius:11px;}
	.ssc-burger{display:flex;}
	.ssc-header__cta{display:none;}
	.ssc-split,.ssc-rescrut{grid-template-columns:1fr;}
	.ssc-sms{grid-template-columns:1fr;gap:26px;}
	.ssc-phone{order:-1;}
}
@media(max-width:640px){
	.ssc-statgrid{grid-template-columns:repeat(2,1fr);}
	.ssc-methods{grid-template-columns:1fr;}
	.ssc-footer__grid{grid-template-columns:1fr;gap:30px;padding:44px 22px 32px;}
	.ssc-bar{grid-template-columns:88px 1fr 54px;gap:10px;}
	.ssc-bar__name{font-size:.84rem;}
	.ssc-countdown__grid{gap:8px;}
	.ssc-cd{padding:14px 4px 10px;}
	.ssc-panel,.ssc-checker .ssc-tabs{padding:14px;}
	.ssc-tab{min-width:auto;font-size:0;gap:0;padding:.8em;}
	.ssc-tab svg{width:20px;height:20px;}
}
@media(max-width:420px){
	.ssc-statgrid{grid-template-columns:1fr;}
	.ssc-brand__name{font-size:1.05rem;}
}

@media(prefers-reduced-motion:reduce){
	body.ssc *,body.ssc *::before,body.ssc *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
	.ssc-bar__fill{transition:none;width:var(--val);}
	.ssc-bt__bar>span{transition:none;width:var(--val);}
}