:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16253b;background:#f5f8fc;font-synthesis:none;--blue:#1569d1;--ink:#16253b;--muted:#617085;--line:#e4eaf2;--focus:#0b57b7}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 70% 44% at 80% -12%,#e6effd 0,transparent 100%),#f5f8fc}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8ebbf5;outline-offset:4px}[hidden]{display:none!important}.page-shell{max-width:1152px;margin:auto;padding:0 40px}.skip-link{position:fixed;top:-70px;left:16px;z-index:10;background:white;border:2px solid var(--blue);padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:inline-flex;gap:12px;align-items:center}.brand-mark{position:relative;display:flex;align-items:center;justify-content:center;width:49px;height:49px;border:1px solid #bbd4f8;background:#e7f0fe;border-radius:13px;color:#145eba;font-size:13px;letter-spacing:-.5px;font-weight:750}.brand-mark span{position:absolute;width:7px;height:7px;background:#2976da;border:2px solid #f5f8fc;border-radius:50%;right:-2px;top:1px}.brand-type{font-weight:720;font-size:20px;letter-spacing:-.45px;line-height:1.15}.agency-title>span{display:block;font-size:8px;letter-spacing:1.75px;font-weight:650;color:var(--muted);margin-top:7px}.header-note{color:#65758a;font-size:12px;display:flex;gap:8px;align-items:center}.status-dot{background:#478adf;width:5px;height:5px;border-radius:50%}.intro{text-align:center;padding:56px 16px 36px}.eyebrow,.small-label{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:1.75px;line-height:1.6;margin:0 0 13px}h1{font-size:44px;font-weight:670;line-height:1.15;letter-spacing:-1.8px;margin:0 0 17px}.intro-copy{font-size:15px;color:var(--muted);line-height:1.7;margin:0}h2{font-size:25px;font-weight:650;letter-spacing:-.7px;line-height:1.25;margin:0 0 13px}.panel-copy{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.booking-shell{background:white;border:1px solid #dfe7f1;border-radius:20px;box-shadow:0 10px 50px -20px #31558426;overflow:hidden}.booking-progress{display:flex;align-items:center;justify-content:space-between;padding:23px 38px;border-bottom:1px solid var(--line);gap:16px}.booking-progress ol{list-style:none;display:flex;align-items:center;margin:0;padding:0;gap:32px}.booking-progress li{display:flex;align-items:center;gap:9px;color:#8591a1;font-size:12px;font-weight:550}.booking-progress li[aria-current]{color:#195fae}.booking-progress li.completed{color:#526881}.step-number{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#f1f4f8;border:1px solid #e3e9f0;font-size:11px}.booking-progress li[aria-current] .step-number{color:white;background:var(--blue);border-color:var(--blue)}.booking-progress li.completed .step-number{color:#195fae;background:#e9f2fe;border-color:#d7e7fd}.call-length{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;white-space:nowrap}.call-length svg{width:16px;height:16px}.state-stage{display:grid;grid-template-columns:1.2fr 1fr}.state-form-panel{padding:43px 44px 49px}.state-form-panel .panel-copy{max-width:330px}.small-label{font-size:9px;letter-spacing:1.45px;margin-bottom:11px}form{margin-top:28px}label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}.select-wrap{position:relative}.select-wrap>svg{position:absolute;right:15px;top:17px;width:20px;height:20px;pointer-events:none;color:#687b92}select{appearance:none;width:100%;height:54px;padding:0 44px 0 16px;color:var(--ink);background:white;border:1px solid #c9d4e3;border-radius:8px;line-height:1.4;transition:border-color .15s,box-shadow .15s}select:invalid{color:#76859a}select:hover{border-color:#789ecf}select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1569d117}.primary-button{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:52px;border:0;border-radius:8px;margin-top:15px;background:var(--blue);color:white;font-size:13px;font-weight:650;box-shadow:0 3px 6px #1569d11a;transition:background .15s,transform .15s}.primary-button:hover:not(:disabled){background:#0d59b8}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{background:#dfe8f3;color:#8193ab;box-shadow:none}.primary-button svg{width:18px;height:18px}.call-guide{margin:25px 25px 25px 0;padding:30px 34px;background:linear-gradient(130deg,#f0f6fe,#f8fbff);border:1px solid #e5edf8;border-radius:13px}.guide-icon{display:flex;align-items:center;justify-content:center;background:white;border:1px solid #dbe8f9;color:#2c74cf;width:42px;height:42px;border-radius:11px;box-shadow:0 3px 7px #387bd00a}.guide-icon svg{width:23px;height:23px}h3{font-size:23px;font-weight:620;letter-spacing:-.7px;line-height:1.25;margin:19px 0 13px}.call-guide>p{font-size:13px;color:var(--muted);line-height:1.65;margin:0;max-width:270px}.guide-divider{height:1px;background:#dfe9f5;margin:22px 0 17px}.guide-detail{display:flex;gap:9px;align-items:center;font-size:11px;color:#4c6380;line-height:1.5;margin-top:11px}.guide-detail svg{width:16px;height:16px;color:#377cce;flex-shrink:0}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:31px 38px 10px}.calendar-heading h2{margin-bottom:7px}.calendar-heading .small-label{margin-bottom:8px}.calendar-heading .panel-copy{font-size:13px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;background:none;border:0;padding:5px 0;color:#1563bf;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:#093f83}.text-button:disabled{color:#8495ac}.text-button svg{width:16px;height:16px}.calendar-frame-wrap{width:100%;background:white;min-height:950px}.calendar-frame-wrap iframe{display:block;width:100%;height:1050px;border:0;overflow:auto}.calendar-actions{border-top:1px solid var(--line);margin:0 38px;padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.calendar-actions>div{display:flex;flex-direction:column;align-items:flex-start}.actions-title{font-size:12px;color:#5f7187}.calendar-fallback{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#6b7e97;text-decoration:underline;text-underline-offset:3px;line-height:1.5}.calendar-fallback svg{width:14px;height:14px;flex-shrink:0}.feedback-area{padding:17px 38px;border-top:1px solid var(--line);background:#f9fbfe}.feedback-area p{font-size:13px;line-height:1.65;margin:0;color:#516781}.error-message p{color:#a33134}.error-message .text-button{color:#8d292c}.noscript-message{padding:20px 38px;color:#a33134;font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 30px;color:#8794a6;font-size:10px;letter-spacing:.1px}footer>span:first-child{color:#728297}footer>span>span{margin:0 7px}body.calendar-open .intro{padding-top:35px;padding-bottom:28px}body.calendar-open h1{font-size:36px}body.calendar-open .eyebrow{display:none}body.calendar-open .intro-copy{font-size:14px}
@media(min-width:1200px){.page-shell{padding:0 48px}}@media(max-width:760px){.page-shell{padding:0 24px}.site-header{height:97px}.header-note{display:none}.intro{padding:40px 0 28px}h1{font-size:36px;letter-spacing:-1.3px}.intro-copy{font-size:14px}.eyebrow{font-size:8px;letter-spacing:1.4px}.booking-progress{padding:20px 26px}.booking-progress ol{gap:19px}.call-length{font-size:10px;gap:4px}.call-length svg{width:14px;height:14px}.state-form-panel{padding:32px 28px 36px}.call-guide{padding:25px 24px;margin:20px 20px 20px 0}h2{font-size:23px}h3{font-size:21px}.calendar-heading{padding:27px 25px 10px}.calendar-actions{margin:0 25px}.feedback-area{padding:17px 25px}.calendar-frame-wrap iframe{height:1280px}.calendar-frame-wrap{min-height:1280px}}
@media(max-width:600px){.page-shell{padding:0 17px}.site-header{height:88px}.brand-mark{width:41px;height:41px;border-radius:11px;font-size:11px}.brand-type{font-size:18px}.agency-title>span{font-size:7px;letter-spacing:1.5px;margin-top:6px}.intro{padding:32px 4px 26px}.eyebrow{font-size:7px;letter-spacing:1.15px;margin-bottom:12px}h1{font-size:32px;line-height:1.13;letter-spacing:-1.15px;max-width:320px;margin:0 auto 13px}.intro-copy{font-size:13px;line-height:1.65}.desktop-break{display:none}.booking-shell{border-radius:15px}.booking-progress{padding:19px 21px;display:block}.booking-progress ol{gap:29px;justify-content:center}.booking-progress li{font-size:11px}.call-length{justify-content:center;margin-top:13px;font-size:10px}.state-stage{display:flex;flex-direction:column}.state-form-panel{padding:29px 24px 30px}.small-label{font-size:8px;letter-spacing:1.1px}h2{font-size:23px;letter-spacing:-.6px}.panel-copy{font-size:13px}.state-form-panel .panel-copy{max-width:100%}form{margin-top:24px}select{font-size:16px}label{font-size:12px}.primary-button{font-size:13px}.call-guide{margin:0 13px 13px;padding:23px;border-radius:11px}.guide-icon{display:none}h3{font-size:20px;line-height:1.3;margin:0 0 10px}h3 br{display:none}.call-guide>p{max-width:100%;font-size:12px}.guide-divider{margin:17px 0 13px}.guide-detail{font-size:11px;margin-top:9px}.calendar-heading{padding:24px 22px 12px;align-items:flex-start}.calendar-heading .text-button{font-size:10px;white-space:nowrap}.calendar-heading h2{font-size:23px}.calendar-heading .panel-copy{font-size:12px}.calendar-actions{margin:0 22px;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 0}.feedback-area{padding:16px 22px}.calendar-frame-wrap iframe{height:1450px}.calendar-frame-wrap{min-height:1450px}footer{margin:22px 0 25px;font-size:9px}footer>span:last-child{display:none}body.calendar-open .intro{padding:27px 4px 23px}body.calendar-open h1{font-size:29px}body.calendar-open .intro-copy{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Agency Launch webinar palette. The original TPG artwork stays unmodified. */
:root {
  --navy: #0d2645;
  --gold: #f2c230;
  --teal: #126d73;
  --blue: var(--teal);
  --ink: var(--navy);
  --muted: #5c6b7b;
  --line: #e2e8ec;
  --focus: #126d73;
  color: var(--ink);
  background: var(--navy);
}
body {
  min-height: 100vh;
  background: radial-gradient(ellipse at 100% 100%, #164c54 0, transparent 65%),
    linear-gradient(135deg, #0d2645 0%, #102e4d 55%, #103c4b 100%);
  background-attachment: fixed;
}
button:focus-visible, a:focus-visible, select:focus-visible {
  outline-color: var(--focus);
}
.skip-link { color: var(--navy); border-color: var(--teal); }
.site-header {
  height: 118px;
  padding: 13px 30px 13px 19px;
  margin-top: 24px;
  border: 1px solid #ffffff;
  border-bottom: 3px solid var(--gold);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 7px 24px #05152924;
}
.brand { gap: 27px; }
.brand-logo {
  display: block;
  width: 210px;
  height: auto;
  flex-shrink: 0;
  object-fit: contain;
}
.brand-type {
  padding: 7px 0 7px 27px;
  border-left: 1px solid #dce3e9;
  color: var(--navy);
  font-size: 21px;
}
.agency-title > span { color: var(--teal); font-size: 8px; letter-spacing: 1.9px; }
.header-note { color: #56677a; font-size: 11px; }
.status-dot { background: var(--teal); width: 6px; height: 6px; }
.intro { padding-top: 43px; padding-bottom: 34px; }
.eyebrow { color: var(--gold); }
h1 { color: #ffffff; }
.intro-copy { color: #d0deeb; }
.booking-shell {
  border-color: #ffffff;
  border-top: 4px solid var(--gold);
  box-shadow: 0 18px 50px #0517282e;
}
.booking-progress { background: #ffffff; }
.booking-progress li { color: #68788a; }
.booking-progress li[aria-current] { color: var(--navy); font-weight: 700; }
.booking-progress li.completed { color: var(--teal); }
.booking-progress li[aria-current] .step-number {
  color: var(--navy);
  background: var(--gold);
  border-color: var(--gold);
  font-weight: 750;
}
.booking-progress li.completed .step-number {
  color: var(--teal);
  background: #e8f4f1;
  border-color: #c9e3df;
}
.small-label { color: var(--teal); }
.select-wrap > svg { color: #627587; }
select { border-color: #c5d1dc; }
select:invalid { color: #687a8c; }
select:hover { border-color: var(--teal); }
select:focus { border-color: var(--teal); box-shadow: 0 0 0 3px #126d7317; }
.primary-button {
  background: var(--gold);
  color: var(--navy);
  font-weight: 750;
  box-shadow: 0 3px 8px #a57b1117;
}
.primary-button:hover:not(:disabled) { background: #ffda55; }
.primary-button:disabled { background: #f6e7b3; color: #746535; box-shadow: none; }
.call-guide {
  background: linear-gradient(135deg, #edf6f4 0%, #f7fafb 100%);
  border-color: #dcebe8;
}
.guide-icon {
  color: var(--teal);
  border-color: #cce2dd;
  box-shadow: 0 3px 7px #126d730a;
}
.guide-divider { background: #d3e5df; }
.guide-detail { color: #48616a; }
.guide-detail svg { color: var(--teal); }
.text-button { color: var(--teal); }
.text-button:hover { color: var(--navy); }
.text-button:disabled { color: #768892; }
.calendar-heading, .calendar-frame-wrap, .calendar-stage { background: #ffffff; }
.actions-title, .calendar-fallback { color: #596d7c; }
.feedback-area { background: #f4f8f7; }
.feedback-area p { color: #49646c; }
.error-message p { color: #a33134; }
.error-message .text-button { color: #8d292c; }
footer, footer > span:first-child { color: #c0d1df; }
@media (max-width: 900px) {
  .header-note { display: none; }
}
@media (max-width: 760px) {
  .site-header { height: 110px; padding: 12px 24px 12px 14px; margin-top: 20px; }
  .brand { gap: 22px; }
  .brand-logo { width: 200px; }
  .brand-type { padding-left: 22px; font-size: 20px; }
  .intro { padding-top: 35px; padding-bottom: 29px; }
}
@media (max-width: 600px) {
  .site-header { height: auto; min-height: 107px; padding: 8px 15px 8px 8px; margin-top: 17px; border-radius: 12px; }
  .brand { gap: 10px; width: 100%; }
  .brand-logo { width: 185px; }
  .brand-type { font-size: 15px; padding: 6px 0 6px 12px; letter-spacing: -.4px; line-height: 1.2; }
  .agency-title > span { font-size: 6px; letter-spacing: 1.1px; margin-top: 6px; }
  .intro { padding-top: 30px; padding-bottom: 26px; }
  .eyebrow { letter-spacing: 1px; }
  .booking-shell { border-radius: 15px; }
}
@media (max-width: 370px) {
  .site-header { padding-left: 5px; padding-right: 10px; }
  .brand { gap: 5px; }
  .brand-logo { width: 172px; }
  .brand-type { font-size: 14px; padding-left: 9px; }
}

/* The existing Agency Launch rocket badge accompanies the readable wordmark. */
.brand-type { display: flex; align-items: center; gap: 11px; }
.agency-title { display: block; }
.agency-rocket { display: block; width: 58px; height: 58px; flex: 0 0 auto; object-fit: contain; }
@media (max-width: 600px) {
  .brand-logo { width: 145px; }
  .brand-type { gap: 8px; }
  .agency-rocket { width: 42px; height: 42px; }
}
@media (max-width: 370px) {
  .brand-logo { width: 117px; }
  .brand-type { gap: 6px; }
  .agency-rocket { width: 34px; height: 34px; }
}

/* Compact language choice within the existing form. */
#state-form .language-label { display:flex; align-items:center; gap:8px; margin:12px 0 14px; font-size:13px; font-weight:500; line-height:1.4; cursor:pointer; }
.language-label input { width:16px; height:16px; flex:0 0 16px; margin:0; accent-color:#0D2645; }
.language-label input:focus-visible { outline:2px solid #b87d28; outline-offset:3px; }

.identity-input {display:block;width:100%;box-sizing:border-box;border:1px solid #bdcad7;border-radius:10px;padding:13px 14px;font:inherit;color:#0D2645;background:#fff;margin:8px 0 18px;}
.identity-input:focus {outline:3px solid #b5d7f3;outline-offset:2px;}

/* Match the spacing between the candidate's other form fields. */
#recruiter-webinar-details { margin-top:18px; }
