/* Simplified edition; the full edition continues to use styles.css alone. */
@media (min-width:801px) {
  .compact .hero,
  .compact .visual-strip { max-width:1328px; width:calc(100% - 112px); margin-inline:auto; }
  .compact .header { padding-inline:max(56px, calc((100% - 1328px) / 2)); }
  .compact .hero-content { width:100%; padding-top:58px; }
  .compact .hero-title { padding-top:0; }
  .compact .hero-bottom { margin-top:24px; }
  .compact .hero .intro { max-width:440px; font-size:16px; }
  .compact .hero-action { top:auto; bottom:126px; }
  .compact .hero .quick-services { margin-top:52px; }
  .compact .hero .quick-services strong { font-size:18px; }
  .compact .hero-scene { height:calc(100% - 103px); }
  .compact .services { padding:76px 0 44px; }
  .compact .service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:64px; }
  .compact .service-row { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:28px 0 24px; }
  .compact .service-name { font-size:16px; margin-bottom:22px; }
  .compact .service-row h3 { font-size:26px; }
  .compact .service-row .text-button { align-self:flex-end; margin-top:24px; }
  .compact .service-row p { margin-top:10px; font-size:15px; }
  .compact .section-heading { margin-bottom:36px; }
  .compact .platform-section { padding:84px 0 48px; }
  .compact .platform-grid { row-gap:54px; }
  .compact .sample { padding:76px 0 48px; }
  .compact .section { padding-top:76px; padding-bottom:76px; }
}
@media (min-width:801px) and (max-width:1100px) {
  .compact .hero,
  .compact .visual-strip { width:calc(100% - 64px); }
  .compact .header { padding-inline:32px; }
}
.compact .strip-word { justify-content:center; }
.compact .earning { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr 1fr; gap:38px; border-top:1px solid #a6af9b; padding-top:26px; }
.compact .earning h3 { font-size:20px; }
.compact .earning > div p { font-size:12px; margin-top:10px; }
.compact .earning summary { display:flex; justify-content:space-between; gap:16px; cursor:pointer; list-style:none; padding:0 0 14px; font-size:17px; }
.compact .earning summary::-webkit-details-marker { display:none; }
.compact .earning summary span { font-size:22px; line-height:1.3; }
.compact .earning details[open] summary span { transform:rotate(45deg); }
.compact .earning details p { font-size:14px; max-width:32ch; }
.compact .sample-notes { display:block; margin-top:20px; }
.compact .sample-notes .caption { margin:0; }
.compact .sample-heading p { margin-top:18px; max-width:680px; }
.compact #booking { width:min(560px,calc(100% - 40px)); border-radius:16px; }
.compact #booking::backdrop { background:#0b0d0ab3; }
.compact .dialog-inner { padding:32px 36px; }
.compact .dialog-inner > h2 { font-size:30px; letter-spacing:-.03em; padding-right:32px; }
.compact .dialog-inner > p { font-size:14px; margin:10px 0 24px; }
.compact #booking .close { top:20px; right:20px; border-radius:6px; color:var(--muted); }
.compact #booking .close:hover { background:#e7ebdc; color:var(--ink); }
.compact #booking fieldset { padding-top:22px; border-top:1px solid var(--line); margin:0; }
.compact #booking legend { float:left; width:100%; padding:0; margin-bottom:10px; }
.compact #booking legend small { float:right; margin-top:2px; }
.compact .service-options { clear:both; gap:8px; }
.compact .service-options label { justify-content:space-between; flex-direction:row-reverse; padding:11px 14px; min-height:46px; font-size:14px; border-color:#a6af9b; background:#fafbf6; cursor:pointer; }
.compact .service-options label:hover { border-color:#5f7d22; }
.compact .service-options label:has(input:checked) { background:#e6edcf; border-color:#5f7d22; color:#344719; }
.compact .service-options input { margin:0; }
.compact #booking .field-label { margin:18px 0 8px; }
.compact #booking .field-label small { float:right; margin-top:2px; }
.compact .identity-picker { position:relative; }
.compact #identity-trigger { width:100%; min-height:46px; display:flex; align-items:center; justify-content:space-between; padding:10px 14px; border:1px solid #a6af9b; border-radius:6px; background:#fafbf6; text-align:left; font-size:14px; }
.compact #identity-trigger.placeholder { color:var(--muted); }
.compact #identity-trigger[aria-expanded=true] { border-color:#5f7d22; }
.compact #identity-trigger svg { width:18px; height:18px; }
.compact #identity-options { position:absolute; z-index:2; bottom:calc(100% + 6px); left:0; right:0; max-height:280px; overflow-y:auto; margin:0; padding:6px; list-style:none; background:var(--paper); border-radius:8px; box-shadow:0 8px 28px #1b201629; }
.compact #identity-options li { position:relative; padding:6px 30px 6px 12px; border-radius:4px; font-size:14px; cursor:pointer; }
.compact #identity-options li.active,.compact #identity-options li:hover { background:#e7ebdc; }
.compact #identity-options li[aria-selected=true] { color:#344719; font-weight:600; background:#e6edcf; }
.compact #identity-options li[aria-selected=true]::after { content:""; position:absolute; right:14px; top:11px; width:5px; height:9px; border:solid #5f7d22; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); }
.compact #booking .phone-wrap { background:#fafbf6; min-height:50px; }
.compact #booking .phone-wrap > span { color:var(--muted); }
.compact #booking .phone-wrap input { padding:12px 14px; font-size:16px; border-radius:0 6px 6px 0; }
.compact #booking .phone-wrap:focus-within { border-color:#5f7d22; }
.compact #booking .phone-wrap:has([aria-invalid=true]) { border-color:#a02d20; }
.compact #booking input::placeholder { color:var(--muted); opacity:1; }
.compact #booking .consent { margin-top:20px; line-height:1.7; }
.compact #booking .submit { margin-top:22px; min-height:50px; justify-content:space-between; padding-inline:18px; }
.compact #booking .submit:hover { transform:none; }
.compact #form-status:empty { display:none; }
.compact #form-status:not(:empty) { border-top:1px solid var(--line); padding-top:12px; margin-top:16px; font-size:12px; }
@media (max-width:800px) {
  .compact .earning { grid-template-columns:1fr; gap:24px; }
}