/* Homepage: scheduling workflow, three benefits, then physician self-service. */
.administrator-hero{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:44px;text-align:center;padding-top:68px;padding-bottom:80px}
.administrator-copy{min-width:0;width:100%;max-width:800px}.administrator-hero h1{font-size:clamp(44px,5.2vw,72px);line-height:1.07;max-width:none;text-wrap:balance}
.administrator-copy>p{color:var(--muted);font-size:17px;line-height:1.8;max-width:600px;margin:24px auto 0}
.administrator-copy .hero-actions{margin-top:26px}
.administrator-hero>.film-roster{width:100%;max-width:920px;min-width:0;padding:28px 28px 24px;border-radius:28px;text-align:left}
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:56px 0 70px;border-top:1px solid var(--line)}
.benefits-grid>.feature{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:0;min-width:0}
.benefits-grid .feature-copy{padding:0;min-height:145px}.benefits-grid .feature-copy h2{font-size:27px;line-height:1.18;min-height:64px;max-width:none}
.benefits-grid .feature-copy>p{margin-top:14px;font-size:14px;line-height:1.8;max-width:none}
.benefits-grid .demo-stage{display:flex;flex:1;min-height:340px;padding:17px;border-radius:20px;width:100%;max-width:none}
.benefits-grid .demo{width:100%;padding:16px 13px;border-width:4px;display:flex;flex-direction:column}
.benefits-grid .segmented{gap:15px;justify-content:space-between}.benefits-grid .segmented button{font-size:11px}
.benefits-grid .bar-row{grid-template-columns:53px minmax(0,1fr) 30px;gap:7px;font-size:11px}.benefits-grid .bar-row b{font-size:11px}
.benefits-grid .demo-header{font-size:12px;gap:8px;padding-bottom:14px}.benefits-grid .demo-header>span{font-size:10px}
.benefits-grid .request{font-size:11px;gap:8px;padding:14px 0}.benefits-grid .request>span{font-size:10px;max-width:none}
.benefits-grid .option-row{padding:13px 0}.benefits-grid .option-row strong{font-size:11px}.benefits-grid .option-row span,.benefits-grid .option-row small{font-size:10px}
.benefits-grid .caption{font-size:10px;line-height:1.7;margin-top:auto;padding-top:17px}.benefits-grid .conflict{font-size:11px;padding:10px;margin-top:15px}.benefits-grid .conflict span{font-size:10px}
.benefits-grid .text-button{align-self:flex-start;font-size:11px;min-height:24px;margin-top:13px}
.self-service{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 38px;margin-top:0;padding-top:62px;padding-bottom:30px;border-top:1px solid var(--line)}
.self-service>.roadmap-heading{grid-column:1/-1}.self-service .roadmap-heading h2{margin-bottom:0;font-size:38px;text-wrap:balance}
.self-service>.rule-detail,.self-service>.swap-feature{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:139px auto;gap:24px;align-items:start;padding:0;min-width:0}
.self-service>.rule-detail>div:first-child,.self-service>.swap-feature>.feature-copy{text-align:center;max-width:450px;margin:0 auto;padding:0;align-self:start}
.self-service .rule-detail h3,.self-service .feature-copy h3{font-size:28px;line-height:1.2;padding:0;max-width:none}
.self-service>.rule-detail>div:first-child p,.self-service>.swap-feature>.feature-copy p{font-size:14px;line-height:1.8;max-width:425px;margin:15px auto 0}
.self-service .film-physician,.self-service .film-swap{width:100%;max-width:100%;padding:12px 0 16px}
@media(max-width:1100px) and (min-width:901px){
 .benefits-grid{gap:20px}.benefits-grid .feature-copy h2{font-size:25px}.benefits-grid .feature-copy{min-height:166px}.benefits-grid .demo-stage{padding:12px}.benefits-grid .demo{padding:14px 10px}.benefits-grid .segmented{gap:10px}
}
@media(max-width:1000px){
 .administrator-hero{gap:36px}.administrator-hero>.film-roster{padding:22px 20px 20px}
 .self-service{gap:30px}.self-service>.rule-detail,.self-service>.swap-feature{grid-template-rows:160px auto}.self-service .rule-detail h3,.self-service .feature-copy h3{font-size:26px}
 .self-service .swap-admin-screen{padding:22px 14px}.self-service .swap-calendar-table th:first-child{width:75px;padding-left:7px}.self-service .swap-calendar-table th,.self-service .swap-calendar-table td{padding-left:4px;padding-right:4px}
}
@media(max-width:900px){
 .administrator-hero{gap:34px;padding-top:48px;padding-bottom:50px}.administrator-copy>p{max-width:520px;font-size:16px}
 .benefits-grid{grid-template-columns:minmax(0,1fr);gap:43px;padding:43px 0 50px}.benefits-grid>.feature{width:100%;max-width:580px;justify-self:center;gap:22px}.benefits-grid .feature-copy{min-height:0}.benefits-grid .feature-copy h2{font-size:30px;min-height:0}.benefits-grid .feature-copy>p{max-width:480px}.benefits-grid .demo-stage{padding:25px;min-height:0}.benefits-grid .demo{padding:22px}.benefits-grid .caption{margin-top:0}
 .benefits-grid .segmented button,.benefits-grid .bar-row,.benefits-grid .bar-row b,.benefits-grid .demo-header,.benefits-grid .request{font-size:12px}.benefits-grid .demo-header>span,.benefits-grid .request>span,.benefits-grid .option-row span,.benefits-grid .option-row small,.benefits-grid .caption,.benefits-grid .conflict span{font-size:11px}.benefits-grid .option-row strong,.benefits-grid .conflict,.benefits-grid .text-button{font-size:12px}
 .self-service{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:45px}.self-service>.roadmap-heading{grid-column:1}.self-service>.rule-detail,.self-service>.swap-feature{grid-template-rows:auto auto;gap:25px;width:100%;max-width:580px;justify-self:center}.self-service>.rule-detail>div:first-child,.self-service>.swap-feature>.feature-copy{text-align:left;max-width:none;margin:0}.self-service>.rule-detail>div:first-child p,.self-service>.swap-feature>.feature-copy p{margin:14px 0 0;max-width:480px}.self-service .roadmap-heading h2{font-size:34px}.self-service .rule-detail h3,.self-service .feature-copy h3{font-size:28px}
}
@media(max-width:480px){
 .administrator-hero{padding-top:38px;gap:30px}.administrator-hero h1{font-size:42px;line-height:1.1}.administrator-copy>p{font-size:14px;margin-top:19px}.administrator-copy .hero-actions{margin-top:22px}.administrator-hero>.film-roster{padding:13px 11px 16px;width:calc(100% + 14px);max-width:calc(100% + 14px)}
 .benefits-grid .demo-stage{padding:20px}.benefits-grid .demo{padding:19px 15px}.benefits-grid .feature-copy h2{font-size:28px}.self-service .roadmap-heading h2{font-size:32px}.self-service .rule-detail h3,.self-service .feature-copy h3{font-size:27px}
}
@media(max-width:700px){.home-page .administrator-hero h1{font-size:clamp(29px,8.7vw,46px);text-wrap:balance}}
/* A compact comparison explains the solver without adding another animation. */
.options-demo .solver-flow{display:flex;align-items:center;justify-content:center;gap:22px;padding:19px 0 17px;text-align:center}
.options-demo .solver-flow strong{display:block;font-size:27px;line-height:1.1;letter-spacing:-.04em;color:#5265ab;font-weight:600}
.options-demo .solver-flow span{display:block;margin-top:5px;font-size:9px;line-height:1.4;color:#657187}
.options-demo .solver-flow svg{width:21px;height:21px;stroke:#8795b6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.benefits-grid .options-demo .option-row{padding:13px;border:1px solid #e3e7f1;border-radius:9px;margin-top:8px;background:#fcfcfe}
.benefits-grid .options-demo .recommended-option{border-color:#ccd6ee;background:#f4f6fd}
@media(min-width:901px){
 @supports(grid-template-rows:subgrid){
  .benefits-grid{grid-template-rows:auto auto;row-gap:25px}
  .benefits-grid>.feature{display:grid;grid-row:span 2;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;gap:25px}
  .benefits-grid .feature .feature-copy{grid-column:1;grid-row:1;min-height:0}
  .benefits-grid .feature .demo-stage{grid-column:1;grid-row:2}
 }
}