.feature-hero{padding-bottom:50px}.feature-hero h1{font-size:clamp(46px,5.4vw,76px)}.feature-hero .hero-caption{max-width:55ch;line-height:1.6}.feature-jumps{display:flex;gap:10px 24px;flex-wrap:wrap;padding-block:22px;border-block:1px solid var(--line);font-size:14px}.feature-jumps a{color:var(--muted);text-decoration:none}.feature-jumps a:hover{color:var(--gold)}.schedule-preview{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;font-size:14px}.preview-top strong{font:500 28px var(--serif)}.preview-state{color:var(--green);font-size:12px}.schedule-grid{display:grid;grid-template-columns:50px 1fr 1fr;gap:8px;font-size:12px}.schedule-grid>span{color:var(--muted);padding-block:10px}.staff-label{font-weight:500;text-align:center;padding:8px;background:var(--bg)}.appointment{padding:14px 12px;background:#263a36;border-radius:5px;min-height:90px;color:#d5f4e4}.appointment strong,.appointment small{display:block}.appointment small{color:#b1cfc2;margin-top:8px;line-height:1.4}.appointment.gold{background:#3a3224;color:#f3dfb8}.appointment.gold small{color:#d9c39b}.appointment.free{background:var(--bg);color:var(--muted);border:1px dashed var(--line);min-height:55px}.appointment.break{background:#242b37;color:#c3cbd7;min-height:55px}.preview-foot{font-size:12px;color:var(--muted);margin:22px 0 0}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-row h2{margin-bottom:20px}.feature-row p{color:var(--muted);max-width:65ch}.feature-row ul{padding-left:20px;color:#d0d6df}.feature-row li{padding-block:6px}.feature-picture{aspect-ratio:1.25;object-fit:cover;border-radius:8px}.plan-label{display:inline-block;color:var(--green);font-size:13px;font-weight:500;margin-top:18px}.feature-steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:38px}.feature-step{border-top:1px solid var(--line);padding-top:22px}.feature-step::before{counter-increment:step;content:counter(step);font:500 36px var(--serif);color:var(--gold)}.feature-step h3{font-size:27px;margin-top:12px}.feature-step p{font-size:15px;color:var(--muted)}.checkin-preview{background:var(--paper);padding:34px;border-radius:12px}.arrival-line{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:15px}.arrival-line:last-of-type{border:0}.arrival-line strong{display:block}.arrival-line small{color:var(--muted)}.arrival-line .arrived{color:var(--green)}.report-preview{padding:30px;background:var(--paper);border-radius:12px}.report-bars{height:200px;display:flex;align-items:end;gap:18px;margin-block:25px 10px;border-bottom:1px solid var(--line)}.report-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px;color:var(--muted);height:100%;justify-content:flex-end}.report-col i{display:block;width:100%;height:var(--bar);background:var(--gold);border-radius:3px 3px 0 0;min-height:20px}.report-col b{font-weight:500;color:var(--ink)}.feature-comparison{min-width:640px}.feature-comparison td:first-child{font-weight:500;color:var(--ink)}.feature-note{font-size:13px;color:var(--muted);max-width:85ch}.feature-related{display:flex;gap:24px;flex-wrap:wrap}.feature-related a{font-size:15px}.feature-row.reverse>div:first-child{order:2}.feature-row.reverse>div:last-child{order:1}
@media(max-width:950px){.feature-row{gap:35px}.feature-steps{grid-template-columns:1fr 1fr}.schedule-preview{padding:18px}.schedule-grid{grid-template-columns:36px 1fr 1fr;gap:6px}.appointment{padding:10px 8px}}
@media(max-width:640px){.feature-row{grid-template-columns:1fr;gap:30px}.feature-row.reverse>div:first-child,.feature-row.reverse>div:last-child{order:initial}.feature-steps{gap:24px}.feature-hero h1{font-size:52px}.feature-row h2{font-size:35px}.schedule-preview{padding:18px}.preview-top strong{font-size:25px}.checkin-preview,.report-preview{padding:24px}.report-bars{gap:12px}.feature-jumps{gap:12px 22px}.appointment{font-size:11px}.schedule-grid{grid-template-columns:32px 1fr 1fr}.preview-state{font-size:11px}}