:root {
  --tl-navy: #0b2b5c;
  --tl-blue: #0863ce;
  --tl-cyan: #2eb3e8;
  --tl-ink: #102445;
  --tl-muted: #64748f;
  --tl-bg: #f3f7fc;
  --tl-line: #d6e2f1;
  --tl-green: #16975a;
  --tl-white: #fff;
  --tl-radius: 20px;
  --tl-shadow: 0 18px 42px rgba(22, 55, 96, .09);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.public-preview {
  margin: 0;
  color: var(--tl-ink);
  background: var(--tl-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}
body.public-preview a { color: inherit; text-decoration: none; }
body.public-preview button, body.public-preview input, body.public-preview select { font: inherit; }
.preview-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.preview-header {
  position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.94);
  border-bottom: 1px solid var(--tl-line); backdrop-filter: blur(14px); transition:box-shadow .25s ease,background .25s ease;
}
.preview-header.is-scrolled { background:rgba(255,255,255,.9); box-shadow:0 10px 28px rgba(15,45,82,.09); }
.preview-nav { min-height: 78px; display: flex; align-items: center; gap: 32px; }
.preview-logo img { width: 190px; display: block; }
.preview-links { display: flex; align-items: center; justify-content: center; gap: 30px; margin-left: auto; font-weight: 700; font-size: .94rem; }
.preview-links a:hover { color: var(--tl-blue); }
.preview-actions { display: flex; align-items: center; gap: 10px; }
.preview-btn {
  min-height: 46px; padding: 0 20px; border: 1px solid var(--tl-blue); border-radius: 11px;
  display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.preview-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(8,99,206,.2); }
.preview-btn i { transition:transform .22s ease; }.preview-btn:hover i { transform:translateX(4px); }
.preview-btn-primary { color: #fff !important; background: var(--tl-blue); }
.preview-btn-secondary { background: #fff; color: var(--tl-blue); }
.preview-menu { display: none; width: 44px; height: 44px; border: 1px solid var(--tl-line); background: #fff; border-radius: 10px; color: var(--tl-navy); }
.preview-language { min-height:40px; padding:0 9px; display:flex; align-items:center; gap:5px; border:1px solid var(--tl-line); border-radius:10px; background:#fff; color:var(--tl-blue); }
.preview-language select { border:0; outline:0; color:var(--tl-ink); background:transparent; font-size:.8rem; font-weight:800; cursor:pointer; }

@media (max-width: 1360px) {
  .preview-links { display:none; position:absolute; top:78px; left:20px; right:20px; padding:18px; flex-direction:column; background:#fff; border:1px solid var(--tl-line); border-radius:14px; box-shadow:var(--tl-shadow); }
  .preview-links.open { display:flex; }
  .preview-menu { display:block; }
  .preview-nav { gap:12px; }
  .preview-actions { margin-left:auto; }
  .preview-actions .preview-btn-primary { display:none; }
  .preview-actions .preview-btn-secondary { display:inline-flex; }
  .preview-language { width:100%; justify-content:center; }
}

.preview-main { padding: 24px 0 0; overflow: hidden; }
.preview-hero {
  position: relative; min-height: 590px; padding: 18px; display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: 18px;
  border: 1px solid var(--tl-line); border-radius: 24px; overflow: hidden; color: var(--tl-ink); background: linear-gradient(135deg,#fff 0%,#f8fcff 48%,#edf8ff 100%);
  box-shadow: 0 22px 48px rgba(22, 55, 96, .12); isolation: isolate;
}
.preview-hero::before { content:""; position:absolute; width:360px; height:360px; left:-190px; top:-200px; border-radius:50%; background:radial-gradient(circle,rgba(46,179,232,.16),transparent 68%); z-index:-1; }
.preview-hero::after { content:""; position:absolute; inset:0; z-index:-1; opacity:.3; pointer-events:none; background-image:radial-gradient(rgba(8,99,206,.17) .7px,transparent .7px); background-size:18px 18px; mask-image:linear-gradient(90deg,#000,transparent 48%); }
.preview-hero-copy { min-height: 552px; padding: 52px 30px 48px 38px; display: flex; flex-direction: column; justify-content: center; }
.preview-eyebrow { margin: 0 0 16px; color: var(--tl-blue); text-transform: uppercase; letter-spacing: .13em; font-size: .76rem; font-weight: 900; }
.preview-hero h1 { margin: 0; max-width: 560px; font-size: clamp(2.55rem, 4.2vw, 4.25rem); line-height: 1.02; letter-spacing: -.05em; }
.preview-hero-copy > p:not(.preview-eyebrow) { max-width: 520px; margin: 24px 0; font-size: 1.1rem; color: var(--tl-muted); }
.preview-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.preview-hero .preview-btn-secondary { color: var(--tl-blue); border-color: #b7cee6; }
.preview-hero-media { --pointer-x:72%; --pointer-y:24%; position:relative; width:100%; min-width:0; min-height:0; aspect-ratio:16/9; align-self:center; overflow:hidden; border-radius:18px; background:#dcebf5; box-shadow:inset 0 0 0 1px rgba(12,64,112,.08); }
.preview-hero-media::after { content:""; position:absolute; inset:auto 0 0; height:30%; background:linear-gradient(0deg,rgba(5,30,61,.25),transparent); pointer-events:none; }
.preview-hero-media::before { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.42; background:radial-gradient(260px circle at var(--pointer-x) var(--pointer-y),rgba(123,224,255,.22),transparent 70%); transition:opacity .25s ease; mix-blend-mode:screen; }.preview-hero-media:hover::before { opacity:.72; }
.preview-hero-media video { width:100%; height:100%; object-fit:cover; display:block; animation:hero-breathe 14s ease-in-out infinite alternate; }
.hero-video-controls { position:absolute; z-index:3; right:16px; bottom:16px; display:flex; align-items:center; gap:7px; padding:6px; border:1px solid rgba(205,232,249,.48); border-radius:999px; background:rgba(8,37,78,.72); box-shadow:0 8px 22px rgba(3,22,49,.2); backdrop-filter:blur(10px); }
.hero-video-control { width:38px; height:38px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; color:#fff; background:transparent; font:inherit; cursor:pointer; transition:background .2s ease,transform .2s ease; }
.hero-video-control:hover { transform:translateY(-1px); background:rgba(255,255,255,.16); }
.hero-video-control:focus-visible { outline:3px solid rgba(85,202,248,.7); outline-offset:2px; }
.hero-video-control i { width:16px; text-align:center; }
@keyframes hero-breathe { from { transform:scale(1.005); } to { transform:scale(1.035); } }
.reveal-on-scroll { opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal-on-scroll.is-visible { opacity:1; transform:none; }
.stagger-group > * { opacity:0; transform:translateY(22px); transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.25,1); }
.is-visible .stagger-group > * { opacity:1; transform:none; }.is-visible .stagger-group > *:nth-child(2){transition-delay:.09s}.is-visible .stagger-group > *:nth-child(3){transition-delay:.18s}.is-visible .stagger-group > *:nth-child(4){transition-delay:.27s}

.value-strip { position: relative; z-index: 2; margin: 14px auto 0; display: grid; grid-template-columns: repeat(3,1fr); background: #fff; border: 1px solid var(--tl-line); border-radius: 17px; box-shadow: var(--tl-shadow); }
.value-item { display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: center; padding: 23px 28px; }
.value-item + .value-item { border-left: 1px solid var(--tl-line); }
.icon-disc { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; color: var(--tl-blue); background: #edf5ff; font-size: 1.15rem; }
.value-item strong { display: block; font-size: 1rem; }.value-item span { color: var(--tl-muted); font-size: .83rem; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.certificate-strip { margin-top:18px; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; gap:28px; border:1px solid var(--tl-line); border-radius:17px; background:#fff; box-shadow:0 10px 24px rgba(22,55,96,.045); }
.certificate-copy { display:flex; align-items:center; gap:14px; min-width:0; }.certificate-icon { width:46px; height:46px; flex:none; display:grid; place-items:center; border-radius:13px; color:var(--tl-blue); background:#edf5ff; font-size:1.2rem; }.certificate-copy strong { display:block; }.certificate-copy span:not(.certificate-icon) { display:block; color:var(--tl-muted); font-size:.83rem; }
.certificate-form { width:min(500px,48%); display:grid; grid-template-columns:minmax(150px,1fr) auto; gap:10px; }.certificate-form input { width:100%; min-height:46px; padding:0 15px; color:var(--tl-ink); border:1px solid #cbd9e9; border-radius:11px; background:#fbfdff; outline:none; }.certificate-form input:focus { border-color:var(--tl-blue); box-shadow:0 0 0 3px rgba(8,99,206,.12); }

.preview-section { padding: 92px 0 0; }
.section-kicker { color: var(--tl-blue); font-weight: 900; text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; }
.section-heading { max-width: 730px; margin-bottom: 34px; }
.section-heading.center { text-align: center; margin-inline: auto; }
.section-heading h2 { margin: 8px 0 11px; font-size: clamp(2rem, 3.6vw, 3rem); letter-spacing: -.035em; line-height: 1.08; }
.section-heading p { margin: 0; color: var(--tl-muted); font-size: 1.04rem; }
.process-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.process-grid { position:relative; }.process-grid::before { content:""; position:absolute; left:16.5%; right:16.5%; top:50%; height:2px; z-index:-1; background:linear-gradient(90deg,transparent,#98d8f3 18%,#1683e5 50%,#98d8f3 82%,transparent); transform:scaleX(0); transform-origin:left; transition:transform 1s .3s ease; }.is-visible .process-grid::before { transform:scaleX(1); }
.process-card, .skill-card { border: 1px solid var(--tl-line); border-radius: var(--tl-radius); background: #fff; overflow: hidden; box-shadow: 0 10px 24px rgba(22,55,96,.05); }
.process-card, .skill-card { transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.process-card:hover, .skill-card:hover { transform:translateY(-6px); border-color:#b9d5ee; box-shadow:0 18px 36px rgba(22,55,96,.12); }
.process-visual { height: 230px; padding: 17px; background: linear-gradient(145deg,#eaf5ff,#f8fbff); }
.process-visual img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.process-copy { padding: 22px; }.step-number { display: inline-grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; color: #fff; background: var(--tl-blue); font-weight: 900; font-size: .78rem; }
.process-copy h3 { margin: 12px 0 7px; font-size: 1.22rem; }.process-copy p { margin: 0; color: var(--tl-muted); font-size: .9rem; }
.feedback-ui, .measure-ui { height: 100%; padding: 17px; border: 1px solid #dbe7f4; border-radius: 13px; background: #fff; }
.ui-title { display:flex; justify-content:space-between; font-weight:850; font-size:.84rem; padding-bottom:12px; border-bottom:1px solid #e6edf6; }
.score-pill { color:#087b45; background:#ddf7e9; border-radius:20px; padding:2px 8px; font-size:.72rem; }
.feedback-line { display:grid; grid-template-columns:22px 1fr auto; gap:7px; padding:12px 0; border-bottom:1px solid #edf1f6; font-size:.75rem; align-items:center; }
.feedback-line i { color:var(--tl-green); }.feedback-line em { color:var(--tl-green); font-style:normal; font-weight:800; }
.measure-top { display:grid; grid-template-columns:105px 1fr; align-items:center; gap:14px; margin-top:17px; }
.score-ring { --score:76; width:94px; aspect-ratio:1; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--tl-blue) calc(var(--score)*1%), #e5edf7 0); position:relative; }
.is-visible .score-ring { animation:ring-arrive .9s .25s both; }
@keyframes ring-arrive { from { transform:scale(.72) rotate(-24deg); opacity:.2; } to { transform:scale(1) rotate(0); opacity:1; } }
.score-ring::after { content:""; position:absolute; inset:10px; border-radius:50%; background:#fff; }.score-ring strong { z-index:1; font-size:1.55rem; }
.mini-bars div { margin:9px 0; height:7px; border-radius:6px; background:#e4ebf5; overflow:hidden; }.mini-bars i { display:block; height:100%; background:var(--tl-blue); border-radius:6px; transform-origin:left; }.is-visible .mini-bars i { animation:bar-grow .8s .4s both; } @keyframes bar-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }

.skills-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.skill-media { height:155px; overflow:hidden; position:relative; background:#eaf4fb; }.skill-media img { width:100%; height:100%; object-fit:cover; }.skill-icon { position:absolute; left:16px; bottom:14px; width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--tl-blue); color:#fff; }
.skill-copy { padding:20px; min-height:170px; display:flex; flex-direction:column; }.skill-copy h3 { margin:0 0 7px; }.skill-copy p { margin:0; color:var(--tl-muted); font-size:.88rem; }.skill-copy a { margin-top:auto; color:var(--tl-blue); font-weight:850; font-size:.86rem; }
.tailored-program-card { margin-top:20px; padding:28px 30px; display:grid; grid-template-columns:62px minmax(0,1fr) auto; gap:22px; align-items:center; color:#fff; border-radius:var(--tl-radius); background:linear-gradient(110deg,#0b2b5c,#0873bb); box-shadow:0 16px 34px rgba(13,55,101,.14); }
.tailored-program-icon { width:58px; height:58px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.23); border-radius:16px; background:rgba(255,255,255,.1); color:#8ee2fb; font-size:1.35rem; }.tailored-program-card .section-kicker { color:#91e0fa; }.tailored-program-copy h3 { margin:4px 0 6px; font-size:1.35rem; }.tailored-program-copy p { margin:0; max-width:770px; color:#dcebf8; font-size:.9rem; }.tailored-program-card .preview-btn { color:var(--tl-blue); border-color:#fff; white-space:nowrap; }
.tailored-program-icon i { animation:icon-float 3s ease-in-out infinite; }
@keyframes icon-float { 50% { transform:translateY(-4px) rotate(4deg); } }

.impact-panel { padding:48px; display:grid; grid-template-columns:.85fr 1.15fr; gap:58px; align-items:center; border:1px solid #cfe0ef; border-radius:24px; background:#fff; box-shadow:var(--tl-shadow); position:relative; overflow:hidden; }
.impact-panel::before { content:""; position:absolute; left:-100px; bottom:-160px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle,rgba(46,179,232,.12),transparent 68%); pointer-events:none; }.impact-intro { position:relative; }.impact-intro h2 { margin:8px 0 14px; font-size:clamp(2rem,3.4vw,2.8rem); line-height:1.08; letter-spacing:-.04em; }.impact-intro p { margin:0 0 25px; color:var(--tl-muted); }.impact-outcomes { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.impact-outcomes article { min-height:150px; padding:21px; display:grid; grid-template-columns:38px 1fr; gap:12px; border:1px solid #dbe6f1; border-radius:16px; background:#f8fbff; transition:transform .25s ease,border-color .25s ease,background .25s ease; }.impact-outcomes article:hover { transform:translateY(-3px); border-color:#9fd2ed; background:#f0f9ff; }.outcome-number { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:var(--tl-blue); background:#e3f3ff; font-size:.72rem; font-weight:900; }.impact-outcomes strong { display:block; margin:4px 0 6px; }.impact-outcomes p { margin:0; color:var(--tl-muted); font-size:.82rem; }
.evidence-section { padding-top:92px; }.evidence-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.evidence-card { min-height:260px; padding:30px; display:grid; grid-template-columns:180px 1fr; gap:28px; align-items:center; border:1px solid var(--tl-line); border-radius:20px; background:#fff; box-shadow:0 12px 28px rgba(22,55,96,.06); transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }.evidence-card:hover { transform:translateY(-5px); border-color:#add3ed; box-shadow:0 20px 38px rgba(22,55,96,.12); }.evidence-visual { height:180px; display:grid; place-items:center; border-radius:17px; background:linear-gradient(145deg,#eef8ff,#fff); }.evidence-visual img { max-width:145px; max-height:145px; }.evidence-copy>span { color:var(--tl-muted); font-size:.9rem; }.evidence-copy>strong { display:block; margin:6px 0 0; color:var(--tl-blue); font-size:clamp(2.7rem,5vw,4.2rem); line-height:1; letter-spacing:-.05em; }.evidence-copy h3 { margin:3px 0 16px; color:var(--tl-navy); font-size:1.45rem; }.evidence-copy small { color:var(--tl-muted); }.evidence-note { max-width:900px; margin:17px auto 0; text-align:center; color:var(--tl-muted); font-size:.72rem; }.evidence-note i { margin-right:7px; color:var(--tl-cyan); }

.insights-band { display:grid; grid-template-columns:.8fr 1.35fr; gap:38px; align-items:center; padding:42px; border-radius:24px; background:linear-gradient(135deg,#e8f7ff,#f7fbff); border:1px solid #cce3f4; }
.insights-copy h2 { margin:7px 0 12px; font-size:2.25rem; line-height:1.08; letter-spacing:-.035em; }.insights-copy > p { color:var(--tl-muted); }.insight-list { display:grid; gap:17px; margin:24px 0 28px; }.insight-list div { display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:center; }.insight-list i { width:34px; height:34px; display:grid; place-items:center; align-self:center; border-radius:10px; color:var(--tl-blue); background:#fff; }.insight-list p { margin:0; }.insight-list strong { display:block; }.insight-list span { color:var(--tl-muted); font-size:.82rem; }
.dashboard { border:1px solid #d8e4f2; background:#fff; border-radius:16px; padding:17px; box-shadow:0 20px 35px rgba(25,74,119,.12); }
.dashboard { transition:transform .35s ease,box-shadow .35s ease; transform:perspective(900px) rotateY(-1.5deg); }.dashboard:hover { transform:perspective(900px) rotateY(0) translateY(-4px); box-shadow:0 26px 44px rgba(25,74,119,.17); }
.dash-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid #e7edf5; font-weight:850; }.dash-filters { display:flex; gap:6px; }.dash-filters span { border:1px solid #dce5ef; padding:5px 8px; border-radius:6px; color:var(--tl-muted); font-size:.6rem; }
.dash-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:12px 0; }.dash-metric { padding:12px; border:1px solid #e1e9f3; border-radius:10px; }.dash-metric span { color:var(--tl-muted); font-size:.62rem; }.dash-metric strong { display:block; font-size:1.45rem; margin-top:4px; }
.dash-main { display:grid; grid-template-columns:1.15fr .85fr; gap:10px; }.dash-panel { border:1px solid #e1e9f3; border-radius:10px; padding:12px; min-height:155px; }.dash-panel h4 { margin:0 0 12px; font-size:.72rem; }.competency-row { display:grid; grid-template-columns:75px 1fr 22px; gap:7px; margin:11px 0; align-items:center; font-size:.6rem; }.competency-row div { height:5px; background:#e5ecf5; border-radius:4px; overflow:hidden; }.competency-row i { display:block; height:100%; background:var(--tl-blue); transform-origin:left; }.is-visible .competency-row i { animation:bar-grow .9s .35s both; }.team-row { display:flex; justify-content:space-between; padding:7px 0; border-bottom:1px solid #eef2f7; font-size:.62rem; }

.competency-demo { padding:14px; }.competency-demo .dash-head { padding:3px 4px 12px; }.competency-demo-layout { display:grid; grid-template-columns:155px minmax(0,1fr); gap:12px; margin-top:12px; }.demo-categories { padding:12px 10px; border:1px solid #e1e9f3; border-radius:11px; background:#fff; }.demo-categories>strong { display:block; margin-bottom:8px; font-size:.7rem; }.demo-category { padding:8px 5px; display:grid; grid-template-columns:39px 1fr; gap:7px; align-items:center; border-bottom:1px solid #edf2f7; }.demo-category.active { border-radius:8px; border:1px solid #b9d6ed; background:#eef8ff; }.demo-category p,.demo-profile-head p,.demo-coaching p { margin:0; }.demo-category b { display:block; font-size:.57rem; line-height:1.25; }.demo-category small,.demo-profile-head small,.demo-coaching small { display:block; color:var(--tl-muted); font-size:.48rem; }.demo-mini-ring { width:36px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; font-size:.58rem; font-weight:900; background:radial-gradient(circle at center,#fff 55%,transparent 57%),conic-gradient(var(--tl-blue) 72%,#e5edf7 0); }.demo-mini-ring.amber { background:radial-gradient(circle at center,#fff 55%,transparent 57%),conic-gradient(#efaa22 62%,#e5edf7 0); }.demo-mini-ring small { font-size:.38rem; color:var(--tl-ink); }.demo-detail { min-width:0; border:1px solid #e1e9f3; border-radius:11px; overflow:hidden; background:#fff; }.demo-profile-head { min-height:82px; display:grid; grid-template-columns:60px 1fr 1fr 1fr; align-items:center; gap:8px; padding:10px 12px; border-bottom:1px solid #e5edf5; }.demo-score-ring { width:54px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at center,#fff 59%,transparent 61%),conic-gradient(var(--tl-blue) 72%,#e5edf7 0); }.demo-score-ring strong { text-align:center; font-size:.8rem; line-height:.8; }.demo-score-ring small { display:block; font-size:.45rem; }.demo-profile-head>div:nth-child(2)>b { display:block; font-size:.62rem; }.demo-pill { display:inline-block; margin-top:4px; padding:2px 6px; border-radius:999px; color:#fff; font-size:.42rem; font-weight:900; text-transform:uppercase; }.demo-pill.blue { background:var(--tl-blue); }.demo-grade,.demo-completion { min-height:45px; display:flex; gap:7px; align-items:center; padding-left:10px; border-left:1px solid #e5edf5; }.demo-grade i { color:var(--tl-blue); font-size:1.25rem; }.demo-completion i { color:#20c5c9; }.demo-grade b,.demo-completion b { font-size:.67rem; }.demo-coaching { padding:10px 12px; border-bottom:1px solid #e5edf5; }.demo-coaching h4,.demo-criteria h4 { margin:0 0 7px; font-size:.6rem; }.demo-coaching h4 i { margin-right:5px; color:var(--tl-blue); }.demo-coaching>div { display:grid; grid-template-columns:21px 1fr; gap:6px; align-items:center; padding:5px 0; border-top:1px solid #eff3f7; }.demo-coaching b { font-size:.53rem; }.demo-criteria { padding:10px 12px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.demo-criteria h4 { grid-column:1/-1; }.demo-criteria>div { padding-right:7px; border-right:1px solid #e9eef4; }.demo-criteria>div:last-child { border:0; }.demo-criteria span,.demo-criteria b { display:block; font-size:.48rem; }.demo-criteria b { margin:3px 0; color:var(--tl-blue); }.demo-criteria i { display:block; height:4px; border-radius:4px; overflow:hidden; background:#e5edf5; }.demo-criteria em { display:block; height:100%; border-radius:4px; }.demo-criteria em.blue { background:var(--tl-blue); }.demo-criteria em.amber { background:#efaa22; }
.metric-band { display:grid; grid-template-columns:repeat(3,1fr); margin-top:22px; background:#fff; border:1px solid var(--tl-line); border-radius:17px; }
.metric-item { padding:25px 30px; display:grid; grid-template-columns:48px 1fr; gap:13px; align-items:center; }.metric-item + .metric-item { border-left:1px solid var(--tl-line); }.metric-item strong { display:block; font-size:1.3rem; }.metric-item span { color:var(--tl-muted); font-size:.8rem; }
.final-cta { margin-top:92px; padding:48px 54px; display:flex; align-items:center; justify-content:space-between; gap:30px; color:#fff; border-radius:24px; background:linear-gradient(110deg,#072858,#076cb8); position:relative; overflow:hidden; }.final-cta::after { content:""; position:absolute; width:300px; height:300px; border:1px solid rgba(255,255,255,.15); border-radius:50%; right:28%; top:-190px; box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02); }.final-cta h2 { margin:0 0 8px; font-size:2.2rem; }.final-cta p { margin:0; color:#d5e7f8; }.final-cta .preview-btn { position:relative; z-index:2; flex:none; background:#fff; color:var(--tl-blue); border-color:#fff; }
.contact-section { margin-top:92px; padding:clamp(30px,5vw,58px); display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(34px,6vw,72px); align-items:center; border:1px solid #cbdff0; border-radius:24px; background:linear-gradient(135deg,#eaf7ff 0%,#f8fcff 48%,#fff 100%); box-shadow:var(--tl-shadow); position:relative; overflow:hidden; }
.pricing-section{padding-top:92px}.pricing-heading{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:end;margin-bottom:30px}.pricing-heading h2{max-width:670px;margin:8px 0 0;font-size:clamp(2.1rem,4vw,3.25rem);line-height:1.06;letter-spacing:-.045em}.pricing-heading>p{margin:0;color:var(--tl-muted);font-size:1rem}.pricing-drivers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--tl-line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--tl-shadow)}.pricing-drivers article{min-height:245px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s ease,transform .25s ease}.pricing-drivers article+article{border-left:1px solid var(--tl-line)}.pricing-drivers article:hover{background:#f4faff}.pricing-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;color:var(--tl-blue);background:linear-gradient(145deg,#e5f4ff,#f8fcff);font-size:1.35rem}.pricing-drivers small{display:block;margin:22px 0 5px;color:var(--tl-cyan);font-size:.65rem;font-weight:900;letter-spacing:.1em}.pricing-drivers h3{margin:0 0 8px;font-size:1.15rem}.pricing-drivers p{margin:0;color:var(--tl-muted);font-size:.84rem}.pricing-cta{margin-top:16px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #bedcf0;border-radius:17px;background:linear-gradient(110deg,#eaf7ff,#fff)}.pricing-cta strong,.pricing-cta span{display:block}.pricing-cta span{margin-top:3px;color:var(--tl-muted);font-size:.8rem}.pricing-cta .preview-btn{flex:none}
.contact-section::before { content:""; position:absolute; width:380px; height:380px; left:-190px; bottom:-230px; border-radius:50%; background:radial-gradient(circle,rgba(46,179,232,.18),transparent 68%); pointer-events:none; }
.contact-intro { position:relative; }.contact-intro h2 { margin:8px 0 16px; font-size:clamp(2.2rem,4vw,3.35rem); line-height:1.04; letter-spacing:-.045em; }.contact-intro>p { margin:0; color:var(--tl-muted); font-size:1.02rem; }
.contact-reasons { display:grid; gap:16px; margin-top:30px; }.contact-reasons>div { display:grid; grid-template-columns:42px 1fr; gap:13px; align-items:center; }.contact-reasons i { width:40px; height:40px; display:grid; place-items:center; border-radius:11px; color:var(--tl-blue); background:#fff; box-shadow:0 7px 16px rgba(22,55,96,.07); }.contact-reasons strong,.contact-reasons span { display:block; }.contact-reasons span { color:var(--tl-muted); font-size:.8rem; }.contact-reasons strong { color:var(--tl-ink); font-size:.9rem; }
.contact-card { padding:28px; display:grid; gap:17px; border:1px solid #d5e3f0; border-radius:19px; background:#fff; box-shadow:0 20px 42px rgba(22,55,96,.1); }.contact-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.contact-card label { display:grid; gap:7px; color:var(--tl-ink); font-size:.77rem; font-weight:800; }.contact-card input,.contact-card textarea { width:100%; padding:12px 14px; color:var(--tl-ink); border:1px solid #cbd9e9; border-radius:10px; background:#fbfdff; font:inherit; outline:none; }.contact-card input { min-height:47px; }.contact-card textarea { min-height:125px; resize:vertical; }.contact-card input:focus,.contact-card textarea:focus { border-color:var(--tl-blue); box-shadow:0 0 0 3px rgba(8,99,206,.11); background:#fff; }.contact-card input:invalid:not(:placeholder-shown),.contact-card textarea:invalid:not(:placeholder-shown) { border-color:#d99191; }.contact-submit { justify-self:start; min-width:170px; }.contact-submit[disabled] { opacity:.65; cursor:wait; }.contact-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; }.contact-status { min-height:21px; margin:-5px 0 0; font-size:.8rem; font-weight:750; }.contact-status.success { color:#087b45; }.contact-status.error { color:#b4232c; }.contact-privacy { color:var(--tl-muted); }.contact-privacy i { margin-right:7px; color:var(--tl-green); }
.preview-footer { margin-top:50px; padding:48px 0 28px; background:#fff; border-top:1px solid var(--tl-line); }.footer-grid { display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:38px; }.footer-brand img { width:175px; }.footer-brand p { color:var(--tl-muted); max-width:270px; font-size:.83rem; }.footer-col strong { display:block; margin-bottom:13px; }.footer-col a { display:block; margin:8px 0; color:var(--tl-muted); font-size:.82rem; }.footer-col a:hover { color:var(--tl-blue); }.footer-bottom { margin-top:35px; padding-top:22px; border-top:1px solid var(--tl-line); display:flex; justify-content:space-between; color:var(--tl-muted); font-size:.75rem; }

@media (max-width: 920px) {
  .preview-links { display:none; position:absolute; top:78px; left:20px; right:20px; padding:18px; flex-direction:column; background:#fff; border:1px solid var(--tl-line); border-radius:14px; box-shadow:var(--tl-shadow); }
  .preview-links.open { display:flex; }.preview-menu { display:block; }.preview-nav { gap:12px; }.preview-actions { margin-left:auto; }.preview-actions .preview-btn-primary { display:none; }.preview-actions .preview-btn-secondary { display:inline-flex; }
  .preview-language { width:100%; justify-content:center; }
  .preview-hero { grid-template-columns:1fr; }.preview-hero-copy { min-height:auto; padding:52px 34px 32px; }.preview-hero-media { min-height:0; }.process-grid { grid-template-columns:1fr; }.process-card { display:grid; grid-template-columns:.9fr 1fr; }.skills-grid { grid-template-columns:repeat(2,1fr); }.insights-band { grid-template-columns:1fr; }.footer-grid { grid-template-columns:repeat(2,1fr); }.footer-brand { grid-column:1/-1; }
  .certificate-strip { align-items:flex-start; }.certificate-form { width:52%; grid-template-columns:1fr; }
  .tailored-program-card { grid-template-columns:58px 1fr; }.tailored-program-card .preview-btn { grid-column:2; justify-self:start; }
  .impact-panel { grid-template-columns:1fr; gap:34px; }.impact-outcomes article { min-height:130px; }
  .contact-section { grid-template-columns:1fr; }
  .pricing-heading{grid-template-columns:1fr;gap:12px}.pricing-drivers{grid-template-columns:1fr}.pricing-drivers article{min-height:0;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center}.pricing-drivers article+article{border-left:0;border-top:1px solid var(--tl-line)}.pricing-drivers small{margin:0 0 4px}
  .competency-demo-layout { grid-template-columns:1fr; }.demo-categories { display:none; }
  .evidence-card { grid-template-columns:125px 1fr; }.evidence-visual { height:135px; }.evidence-visual img { max-width:110px; max-height:110px; }
  .process-grid::before { display:none; }
}
@media (max-width: 640px) {
  .preview-shell { width:min(100% - 24px,1180px); }.preview-logo img { width:145px; }.preview-actions .preview-btn { padding:0 13px; min-height:42px; font-size:.8rem; }
  .preview-main { padding-top:12px; }.preview-hero { min-height:0; padding:10px; gap:8px; }.preview-hero-copy { min-height:0; padding:42px 18px 28px; justify-content:center; }.preview-hero h1 { font-size:2.55rem; }.preview-hero-copy > p:not(.preview-eyebrow) { font-size:1rem; }.preview-hero-media { min-height:0; border-radius:15px; }
  .value-strip, .metric-band { grid-template-columns:1fr; }.value-item + .value-item, .metric-item + .metric-item { border-left:0; border-top:1px solid var(--tl-line); }.preview-section { padding-top:68px; }.process-card { display:block; }.skills-grid { grid-template-columns:1fr; }.insights-band { padding:28px 20px; }.dash-main { grid-template-columns:1fr; }.dash-metrics { grid-template-columns:1fr; }.final-cta { padding:35px 25px; flex-direction:column; align-items:flex-start; }.footer-grid { grid-template-columns:1fr 1fr; gap:28px 18px; }.footer-bottom { flex-direction:column; gap:8px; }
  .certificate-strip { flex-direction:column; gap:16px; }.certificate-form { width:100%; }.certificate-form .preview-btn { width:100%; }
  .tailored-program-card { padding:25px 22px; grid-template-columns:1fr; }.tailored-program-card .preview-btn { grid-column:1; width:100%; }.tailored-program-icon { width:50px; height:50px; }
  .impact-panel { padding:30px 20px; }.impact-outcomes { grid-template-columns:1fr; }
  .contact-section { padding:32px 20px; }.contact-card { padding:22px 16px; }.contact-form-grid { grid-template-columns:1fr; }.contact-submit { width:100%; }
  .pricing-drivers article{padding:22px 18px;grid-template-columns:48px 1fr}.pricing-icon{width:48px;height:48px;border-radius:13px}.pricing-cta{padding:22px;flex-direction:column;align-items:flex-start}.pricing-cta .preview-btn{width:100%}
  .demo-profile-head { grid-template-columns:52px 1fr 1fr; }.demo-completion { grid-column:1/-1; border-left:0; border-top:1px solid #e5edf5; padding:7px 0 0; }.demo-criteria { grid-template-columns:1fr; }.demo-criteria h4 { grid-column:1; }.demo-criteria>div { border-right:0; }
  .evidence-grid { grid-template-columns:1fr; }.evidence-card { min-height:0; padding:22px; grid-template-columns:95px 1fr; gap:17px; }.evidence-visual { height:105px; }.evidence-visual img { max-width:85px; max-height:85px; }.evidence-copy>strong { font-size:2.6rem; }.evidence-copy h3 { font-size:1.15rem; margin-bottom:8px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.preview-hero video,.tailored-program-icon i,.is-visible .score-ring,.is-visible .mini-bars i,.is-visible .competency-row i { animation:none; }.preview-btn,.preview-btn i,.process-card,.skill-card,.dashboard,.impact-outcomes article,.preview-header { transition:none; }.reveal-on-scroll,.stagger-group>* { opacity:1; transform:none; transition:none; }.process-grid::before { transform:scaleX(1); transition:none; }.preview-hero-media::before { display:none; } }

/* Faithful, compact competency profile preview. */
.evidence-visual{overflow:hidden;background:linear-gradient(145deg,#edf8ff,#f9fcff)}
.evidence-symbol{position:relative;width:124px;height:124px;display:grid;place-items:center;border:1px solid rgba(8,99,206,.13);border-radius:31px;color:var(--tl-blue);background:linear-gradient(145deg,#fff,#e7f4ff);box-shadow:0 18px 32px rgba(18,63,111,.12);transform:rotate(-3deg);transition:transform .3s ease}
.evidence-symbol>i{font-size:3.25rem}.evidence-symbol>span{position:absolute;right:-12px;bottom:-10px;width:48px;height:48px;display:grid;place-items:center;border:5px solid #eef8ff;border-radius:50%;color:#fff;background:var(--tl-green);box-shadow:0 8px 18px rgba(22,151,90,.22);font-size:1rem}
.evidence-symbol.productivity{color:#fff;border:0;background:linear-gradient(145deg,var(--tl-blue),#15499d);transform:rotate(3deg)}.evidence-symbol.productivity>span{left:-12px;right:auto;color:var(--tl-navy);background:#65d7ed;box-shadow:0 8px 18px rgba(46,179,232,.25)}.evidence-card:hover .evidence-symbol{transform:rotate(0) translateY(-3px)}
.evidence-note{display:none}
.competency-demo-layout{grid-template-columns:172px minmax(0,1fr)}
.demo-categories{padding:12px 8px}.demo-category{grid-template-columns:42px minmax(0,1fr) 8px;padding:9px 5px}.demo-category>i{color:#c88612;font-size:.52rem}.demo-category.active{border:1.5px solid var(--tl-blue);box-shadow:inset 3px 0 #11223d;background:#f3f5f8}
.demo-mini-ring,.demo-score-ring{position:relative;isolation:isolate;background:conic-gradient(from 0deg,var(--ring-color,var(--tl-blue)) calc(var(--ring-score)*1%),#e3ebf5 0)}
.demo-mini-ring::before,.demo-score-ring::before{content:"";position:absolute;z-index:0;border-radius:50%;background:#fff}
.demo-mini-ring::before{inset:4px}.demo-score-ring::before{inset:5px}
.demo-mini-ring>span,.demo-score-ring>span{position:relative;z-index:1;display:grid;place-items:center;line-height:.85;text-align:center}.demo-mini-ring.amber{--ring-color:#f1b537}.demo-mini-ring.green{--ring-color:#16975a}.demo-mini-ring.red{--ring-color:#df343d}.demo-mini-ring small{display:block}
.demo-category-icon{width:36px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#64748f;background:#eef2f6;font-size:.8rem}
.demo-category-title{margin:0;padding:10px 13px 5px;color:#c88612;font-size:.78rem;font-weight:700}
.demo-profile-head{min-height:64px;padding:5px 12px;grid-template-columns:52px .8fr 1fr 1fr}.demo-score-ring{width:48px}.demo-score-ring strong{font-size:.72rem}.demo-score-ring small{font-size:.4rem}.demo-wolf{font-size:1.25rem}.demo-grade,.demo-completion{min-height:38px}.demo-profile-head>div:nth-child(2)>b{font-size:.57rem}
.demo-practice-balance{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:5px 12px 9px;color:var(--tl-muted);font-size:.43rem;border-bottom:1px solid #e5edf5}.demo-practice-balance>i{height:5px;border-radius:5px;overflow:hidden;background:#e5edf5}.demo-practice-balance em{display:block;width:72%;height:100%;background:#c88612}
.demo-coaching{padding:8px 12px}.demo-coaching>div{grid-template-columns:24px 1fr;padding:5px 0}.demo-coaching>div>span{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#f1f4f7;font-size:.62rem}.demo-coaching>div:nth-of-type(2)>p b{color:#138548}.demo-coaching>div:nth-of-type(3)>p b{color:#c57908}.demo-coaching small{font-size:.44rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-criteria{grid-template-columns:repeat(3,1fr);padding:8px 12px}.demo-criteria h4 i{margin-right:5px}.demo-criteria>div{display:grid;grid-template-columns:1fr auto;gap:2px 5px}.demo-criteria>div>i{grid-column:1/-1}.demo-criteria em.green{background:#19a153}
@media(max-width:920px){.competency-demo-layout{grid-template-columns:1fr}.demo-categories{display:none}}
@media(max-width:640px){.demo-category-title{font-size:.68rem}.demo-profile-head{grid-template-columns:48px 1fr 1fr}.demo-completion{grid-column:1/-1}.demo-practice-balance{grid-template-columns:auto 1fr}.demo-practice-balance span:last-child{display:none}.demo-criteria{grid-template-columns:1fr 1fr}.demo-criteria h4{grid-column:1/-1}}
@media(max-width:920px){.evidence-symbol{width:96px;height:96px;border-radius:24px}.evidence-symbol>i{font-size:2.45rem}.evidence-symbol>span{width:40px;height:40px}}
@media(max-width:640px){.evidence-symbol{width:76px;height:76px;border-radius:19px}.evidence-symbol>i{font-size:1.9rem}.evidence-symbol>span{right:-8px;bottom:-8px;width:32px;height:32px;border-width:4px;font-size:.7rem}.evidence-symbol.productivity>span{left:-8px}}