/* assessment-a1: small visuals for timeline steps 02 and 03 (same card look as the step 01 example recap, muted) */
.tlv{box-sizing:border-box;width:100%;background:#10162A;border:1px solid rgba(148,163,196,.20);border-radius:8px;box-shadow:0 18px 40px -24px rgba(0,0,0,.55);padding:20px 16px;color:#F5F1E8;margin-top:24px}
.tlv-flow{display:flex;align-items:center;justify-content:center;gap:6px}
.tlv-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid rgba(148,163,196,.34);border-radius:999px;font:500 12.5px/1 var(--body);color:rgba(245,241,232,.86);white-space:nowrap}
.tlv-arr{flex:none;color:rgba(245,241,232,.66);font-size:14px;line-height:1}
.tlv-bar{height:8px;border-radius:999px;background:rgba(148,163,196,.20);overflow:hidden}
.tlv-bar i{display:block;height:100%;width:66%;border-radius:999px;background:rgba(34,195,230,.75)}
.tlv-lbls{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;font:500 13px/1.3 var(--body);color:rgba(245,241,232,.78)}
.tlv-lbls span:nth-child(2){text-align:center}
.tlv-lbls span:nth-child(3){text-align:right}
@media (min-width:768px){
  .tl-split>.tlv{margin-top:0;justify-self:end;max-width:300px}
}
@media (max-width:480px),(min-width:768px) and (max-width:879.98px){.tlv{padding:18px 8px}.tlv-chip{padding:7px 8px;font-size:12px}.tlv-flow{gap:4px}}
@media (max-width:379.98px){.tlv-flow{flex-direction:column;gap:6px}.tlv-arr{transform:rotate(90deg)}}
/* nav: the longer button label needs a little more room; keep links on one line and tighten spacing where it gets tight */
.nav a:not(.btn){white-space:nowrap}
@media (min-width:861px) and (max-width:1199.98px){.nav{gap:22px}.nav a{font-size:15px}.nav .btn{font-size:15px;padding:10px 14px}}
/* Step 03: completed 3-step tracker. End state is the default (no JS / reduced motion); JS adds .trk-pre then .trk-go to animate. */
.tlv-trk{padding:22px 16px 18px}
.trk{position:relative;display:grid;grid-template-columns:repeat(3,1fr)}
.trk-line{position:absolute;left:16.6667%;right:16.6667%;top:10px;height:2px;border-radius:2px;background:rgba(148,163,196,.20)}
.trk-line i{display:block;height:100%;width:100%;background:#22C3E6;border-radius:2px;transform-origin:left center}
.trk-st{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}
.trk-dot{width:22px;height:22px;border-radius:50%;background:#22C3E6;box-shadow:0 0 0 4px #10162A;display:flex;align-items:center;justify-content:center}
.trk-dot svg{display:block;width:12px;height:12px}
.trk-dot path{stroke-dasharray:24;stroke-dashoffset:0}
.trk-l{font:400 13px/1.3 var(--body);color:#F5F1E8;white-space:nowrap}
.trk-st:last-child .trk-l{font-weight:500!important}
@media (min-width:768px){.tl-split>.tlv-trk{max-width:300px}}
@media (prefers-reduced-motion:no-preference){
  .trk-pre .trk-line i{transform:scaleX(0)}
  .trk-pre .trk-dot{transform:scale(.4);opacity:0}
  .trk-pre .trk-dot path{stroke-dashoffset:24}
  .trk-pre .trk-l{opacity:0;transform:translateY(4px)}
  .trk-go .trk-line i{transform:scaleX(1);transition:transform 1.2s cubic-bezier(.45,0,.35,1)}
  .trk-go .trk-dot{transform:scale(1);opacity:1;transition:transform .35s cubic-bezier(.3,1.5,.5,1),opacity .2s ease-out;transition-delay:var(--d,0s)}
  .trk-go .trk-dot path{stroke-dashoffset:0;transition:stroke-dashoffset .3s ease-out;transition-delay:calc(var(--d,0s) + .15s)}
  .trk-go .trk-l{opacity:1;transform:none;transition:opacity .3s ease-out,transform .3s ease-out;transition-delay:var(--d,0s)}
}
/* Section 07: left column steps + inline Cal.com calendar card; new footer */
.book .wrap{align-items:start}
.bk-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:14px}
.bk-steps li{display:flex;gap:14px;align-items:baseline;font-size:15px;line-height:1.45;color:var(--tx3)}
.bk-n{flex:none;width:22px;font:500 14px/1 var(--body);color:var(--ac);font-variant-numeric:tabular-nums}
.bk-call{margin:28px 0 0;font-size:16px;line-height:1.5;color:var(--tx2);text-wrap:pretty}
.bk-call a{color:var(--tx);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(245,241,232,.45)}
.bk-call a:hover{text-decoration-color:var(--ac)}
.foot .wrap{display:block;padding-top:44px;padding-bottom:32px}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px}
.foot-l{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.foot-tag{margin:0;font-size:15px;color:var(--tx3)}
.foot-r{margin:0;font-size:15px;color:var(--tx3)}
.foot-r a{color:var(--tx2)}
.foot-copy{margin:28px 0 0;font-size:13px;color:var(--tx3)}
@media (max-width:767.98px){.foot-row{flex-direction:column;align-items:flex-start}}
.foot{border-top:1px solid rgba(245,241,232,.16)}
/* Section 07 intake form (replaces the inline Cal.com embed) */
.bk-card{min-width:0;background:var(--panel);border:1px solid var(--panel-line);border-radius:20px;padding:32px;box-shadow:0 24px 48px -28px rgba(0,0,0,.6)}
.bk-form{display:flex;flex-direction:column;gap:20px}
.bk-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.bk-field label{font-size:15px;line-height:1.3;color:var(--tx2)}
.bk-opt{font-size:13px;color:var(--tx3);font-weight:400}
.bk-form input{box-sizing:border-box;width:100%;min-height:50px;padding:13px 14px;font:inherit;font-size:17px;line-height:1.3;color:var(--tx);background:#1A1D38;border:1px solid rgba(245,241,232,.30);border-radius:10px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.bk-form input::placeholder{color:#8E93A8;opacity:1}
.bk-form input:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 4px rgba(34,195,230,.22)}
.bk-form input[aria-invalid="true"]{border-color:#FF8A7A}
.bk-err{margin:0;font-size:14px;line-height:1.4;color:#FF9C8F}
.bk-form .btn-primary{width:100%;margin-top:4px;font-size:18px}
.bk-fine{margin:0;font-size:14px;line-height:1.4;color:var(--tx3);text-align:center}
@media (max-width:767.98px){.bk-card{padding:24px 20px;border-radius:16px}}