@font-face { font-family:"Poppins"; src:url("../workers-comp/assets/fonts/poppins-400.woff2") format("woff2"); font-display:swap; font-weight:400; }
@font-face { font-family:"Poppins"; src:url("../workers-comp/assets/fonts/poppins-600.woff2") format("woff2"); font-display:swap; font-weight:600; }
@font-face { font-family:"Poppins"; src:url("../workers-comp/assets/fonts/poppins-700.woff2") format("woff2"); font-display:swap; font-weight:700; }
@font-face { font-family:"Poppins"; src:url("../workers-comp/assets/fonts/poppins-800.woff2") format("woff2"); font-display:swap; font-weight:800; }
:root { --ink:#000e1b; --night:#07111d; --paper:#f3f4f6; --white:#fff; --signal:#003afe; --signal-dark:#0030d4; --signal-lift:#8eaeff; --muted:#596473; --line:#dfe3e9; --max:1160px; --font:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:82px; } body { min-width:320px; margin:0; color:var(--ink); background:var(--paper); font-family:var(--font); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } h1,h2,h3,p,figure { margin:0; } .shell { width:min(calc(100% - 48px),var(--max)); margin-inline:auto; } .skip-link { position:fixed; top:-60px; left:16px; z-index:100; padding:10px 14px; color:#fff; background:var(--signal); font-weight:700; } .skip-link:focus { top:16px; } :focus-visible { outline:3px solid var(--signal); outline-offset:3px; }
.site-header { position:sticky; top:0; z-index:20; color:#fff; background:var(--ink); border-bottom:1px solid rgba(255,255,255,.13); } .nav-shell { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:76px; } .brand { display:inline-block; width:196px; } .brand img { width:100%; height:auto; } .site-nav { display:flex; align-items:center; gap:26px; } .site-nav > a:not(.button) { color:rgba(255,255,255,.78); font-size:13px; font-weight:600; } .site-nav > a:not(.button):hover { color:#fff; } .button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; gap:14px; padding:13px 22px; color:#fff; background:var(--signal); border:1px solid var(--signal); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; transition:background .16s ease,transform .16s ease; } .button:hover { color:#fff; background:var(--signal-dark); border-color:var(--signal-dark); transform:translateY(-2px); } .button--small { min-height:42px; padding:9px 16px; }
.nav-drop { position:relative; display:flex; align-items:center; align-self:stretch; } .nav-drop-toggle { display:inline-flex; align-items:center; gap:7px; color:rgba(255,255,255,.78); font-size:13px; font-weight:600; } .nav-drop-toggle:hover { color:#fff; } .nav-caret { font-size:9px; opacity:.75; } .nav-drop-menu { position:absolute; top:100%; left:50%; transform:translateX(-50%); display:none; min-width:224px; padding:8px 0; background:var(--ink); border:1px solid rgba(255,255,255,.16); box-shadow:0 20px 44px rgba(0,0,0,.45); z-index:30; } .nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu { display:grid; } .nav-drop-menu a { padding:10px 18px; color:rgba(255,255,255,.78); font-size:13px; font-weight:600; white-space:nowrap; } .nav-drop-menu a:hover { color:#fff; background:rgba(0,58,254,.3); }
.hero { position:relative; isolation:isolate; overflow:hidden; padding:clamp(64px,8vw,108px) 0 clamp(56px,7vw,92px); color:#fff; background:linear-gradient(108deg,#000e1b 0%,#000e1b 52%,#001d55 100%); } .hero::before { position:absolute; z-index:-1; top:-42vw; right:-20vw; width:75vw; height:75vw; content:""; border:1px solid rgba(142,174,255,.26); border-radius:50%; box-shadow:0 0 0 4vw rgba(0,58,254,.12),0 0 0 10vw rgba(0,58,254,.065); } .hero-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(32px,5vw,64px); align-items:center; } .eyebrow,.section-label { color:var(--signal); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .hero .eyebrow { display:flex; align-items:center; gap:10px; color:var(--signal-lift); } .eyebrow span { width:8px; height:8px; background:var(--signal); border-radius:50%; box-shadow:0 0 0 4px rgba(142,174,255,.18); } .hero h1 { margin-top:16px; font-size:clamp(42px,5.4vw,68px); font-weight:800; letter-spacing:-.055em; line-height:1.0; } .hero h1 em { color:var(--signal-lift); font-style:normal; } .hero-intro { max-width:560px; margin-top:22px; color:rgba(255,255,255,.8); font-size:clamp(16px,1.8vw,19px); line-height:1.65; } .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:29px; } .button--ghost { color:#fff; background:transparent; border-color:rgba(255,255,255,.45); } .button--ghost:hover { color:#fff; background:rgba(255,255,255,.08); border-color:#fff; transform:translateY(-2px); } .hero-photo { position:relative; } .hero-photo img { width:100%; height:auto; border:1px solid rgba(142,174,255,.35); box-shadow:0 30px 70px rgba(0,0,0,.45); } .hero-photo::after { content:""; position:absolute; inset:auto -14px -14px auto; width:56%; height:56%; border:1px solid rgba(0,58,254,.55); z-index:-1; }
.trust-band { padding:18px 0; color:#fff; background:var(--signal); } .trust-row { display:flex; flex-wrap:wrap; gap:10px clamp(20px,4vw,54px); justify-content:space-between; margin:0; padding:0; list-style:none; } .trust-row li { display:flex; align-items:center; gap:9px; font-size:13.5px; font-weight:700; letter-spacing:.01em; } .trust-row li::before { content:"✓"; display:grid; place-items:center; width:20px; height:20px; flex:0 0 20px; color:var(--signal); background:#fff; border-radius:50%; font-size:12px; font-weight:800; }
.program-section,.model-section,.about-section,.contact-section { padding:clamp(64px,9vw,108px) 0; }
h2 { max-width:820px; color:var(--ink); font-size:clamp(34px,4.6vw,56px); font-weight:800; letter-spacing:-.05em; line-height:1.04; } .section-label { display:block; margin-bottom:10px; } .section-intro { max-width:710px; margin-top:18px; color:var(--muted); font-size:17px; line-height:1.7; }
.program-section { background:var(--paper); } .program-cards { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:44px; } .program-card { display:flex; flex-direction:column; background:#fff; border-top:4px solid var(--signal); box-shadow:0 18px 44px rgba(0,14,27,.07); } .program-photo { aspect-ratio:16/8.4; overflow:hidden; } .program-photo img { width:100%; height:100%; object-fit:cover; } .program-body { display:flex; flex-direction:column; flex:1; padding:26px 28px 28px; } .pack-flag { margin:0; color:var(--signal); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .program-body h3 { margin-top:8px; font-size:clamp(24px,2.6vw,31px); font-weight:800; letter-spacing:-.04em; line-height:1.1; } .program-promise { margin-top:10px; color:var(--muted); font-size:15px; line-height:1.65; } .program-facts { margin:18px 0 22px; padding:0; list-style:none; border-top:1px solid var(--line); } .program-facts li { padding:10px 0 10px 24px; position:relative; border-bottom:1px solid var(--line); color:var(--ink); font-size:14px; line-height:1.55; } .program-facts li::before { content:""; position:absolute; left:2px; top:17px; width:8px; height:8px; background:var(--signal); } .program-facts strong { font-weight:800; letter-spacing:-.01em; } .program-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; } .button--outline { color:var(--ink); background:transparent; border-color:var(--ink); } .button--outline:hover { color:#fff; background:var(--ink); border-color:var(--ink); } .roster-note { max-width:710px; margin-top:26px; color:var(--muted); font-size:14.5px; line-height:1.7; }
.model-section { background:#fff; } .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:48px 0 0; padding:0; border-top:1px solid var(--line); list-style:none; } .steps li { display:grid; grid-template-columns:40px 1fr; gap:14px; padding:27px 22px 0 0; border-right:1px solid var(--line); } .steps li + li { padding-left:22px; } .steps li:last-child { border-right:0; padding-right:0; } .steps span { color:var(--signal); font-size:12px; font-weight:800; letter-spacing:.06em; } .steps h3 { margin:0 0 9px; font-size:19px; font-weight:700; letter-spacing:-.03em; line-height:1.17; } .steps p { color:var(--muted); font-size:14px; line-height:1.7; }
.about-section { color:#fff; background:var(--ink); } .about-section .section-label { color:var(--signal-lift); } .about-section h2 { color:#fff; } .about-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(32px,5vw,64px); align-items:center; } .about-body { margin-top:20px; color:rgba(255,255,255,.78); font-size:16px; line-height:1.75; } .founder-line { display:flex; align-items:center; gap:16px; margin-top:26px; } .founder-line img { width:64px; height:64px; border-radius:50%; object-fit:cover; border:2px solid rgba(142,174,255,.5); } .founder-line p { display:grid; gap:2px; font-size:14px; } .founder-line strong { font-weight:700; } .founder-line span { color:rgba(255,255,255,.6); font-size:12.5px; } .about-photo img { width:100%; height:auto; border:1px solid rgba(142,174,255,.3); }
.contact-section { color:#fff; background:linear-gradient(120deg,#07111d 0%,#001d55 100%); } .contact-section .section-label { color:var(--signal-lift); } .contact-section h2 { color:#fff; } .contact-intro { max-width:640px; margin-top:18px; color:rgba(255,255,255,.76); font-size:17px; line-height:1.7; } .schedule-cards { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:38px; } .schedule-card { display:grid; gap:8px; padding:26px 28px; background:rgba(255,255,255,.045); border:1px solid rgba(142,174,255,.32); border-top:4px solid var(--signal); transition:background .16s ease,transform .16s ease,border-color .16s ease; } .schedule-card:hover { background:rgba(0,58,254,.16); border-color:var(--signal-lift); transform:translateY(-3px); } .schedule-card .pack-flag { color:var(--signal-lift); } .schedule-card strong { font-size:clamp(19px,2.2vw,24px); font-weight:800; letter-spacing:-.03em; } .schedule-card small { color:rgba(255,255,255,.62); font-size:13px; }
.site-footer { padding:44px 0; background:#fff; border-top:1px solid var(--line); } .footer-grid { display:grid; grid-template-columns:1.3fr auto auto; gap:clamp(30px,6vw,76px); align-items:start; } .site-footer .brand { width:180px; } .footer-grid p { max-width:290px; margin-top:14px; color:var(--muted); font-size:13px; } .footer-grid nav,.footer-grid > div:last-child { display:grid; gap:10px; font-size:14px; } .footer-grid a:hover { color:var(--signal-dark); } .footer-grid .footer-legal { grid-column:1/-1; max-width:none; margin:8px 0 0; padding-top:22px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.7; } .footer-grid .footer-legal a { font-weight:600; text-decoration:underline; }
@media (max-width:900px) { .hero-layout,.about-layout,.program-cards,.schedule-cards { grid-template-columns:1fr; } .hero-photo { order:2; } .footer-grid { grid-template-columns:1fr; gap:28px; } .steps { grid-template-columns:1fr 1fr; } .steps li { border-right:0; border-bottom:1px solid var(--line); padding:24px 0; } .steps li + li { padding-left:0; } }
@media (max-width:680px) { .site-nav > a:not(.button),.site-nav .nav-drop { display:none; } .brand { width:164px; } .hero h1 { font-size:clamp(38px,10vw,52px); } .hero-actions { display:grid; } .hero-actions .button { width:100%; } .steps { grid-template-columns:1fr; } .trust-row { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; } .program-actions .button { flex:1; } .site-footer .brand { width:158px; } }