/* Calculator presentation. Shared StayTurn assets and calculation remain intact. */
:root { color-scheme: light; }
body { background:#f7f5ef; color:#173b3a; font-family:var(--st-font-ui); line-height:1.55; }
a { color:#1e5f55; text-underline-offset:4px; }
button,input,select,summary,a { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #946b31; outline-offset:4px; }
.skip { position:absolute; top:0; left:12px; transform:translateY(-120%); background:white; padding:12px; z-index:5; }
.skip:focus { transform:none; }
.aq-wrap { max-width:1120px; margin:auto; padding:0 32px; }
.calc-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 0; border-bottom:1px solid #d7ddd4; }
.calc-brand { display:flex; align-items:center; gap:10px; font-size:22px; font-weight:800; text-decoration:none; color:#163d3a; }
.calc-brand img { display:block; border-radius:8px; }
.open-app { text-decoration:none; padding:11px 16px; background:#1e5f55; color:#f7f5ef; border-radius:11px; font-weight:700; font-size:14px; }
.calc-intro { padding:36px 0 26px; max-width:700px; }
.eyebrow { color:#715a35; text-transform:uppercase; letter-spacing:.15em; font-size:11px; font-weight:800; margin-bottom:8px; }
h1 { font-size:clamp(30px,4vw,46px); line-height:1.13; letter-spacing:-.04em; color:#173b3a; margin-bottom:12px; }
h2 { color:inherit; font-size:21px; line-height:1.3; }
.calc-intro>p:last-child { max-width:55ch; color:#566762; font-size:16px; }
.calc-workspace { display:grid; grid-template-columns:1fr 1.14fr; gap:24px; align-items:start; }
.cost-receipt { border-radius:22px; background:#123c38; color:#f7f5ef; padding:30px; box-shadow:0 12px 25px #163d3a12; border:1px solid #32645b; }
.cost-receipt .eyebrow { color:#dac79e; }
.cost-receipt h2 { font-size:17px; font-weight:500; }
.aq-big { font-family:var(--st-font-data); font-size:clamp(40px,5vw,58px); letter-spacing:-.07em; line-height:1.25; margin:12px 0 4px; overflow-wrap:anywhere; }
.receipt-note { font-size:12px; color:#c7dbd4; }
.cost-bar { display:flex; height:24px; border-radius:7px; overflow:hidden; background:#365954; margin:28px 0 20px; gap:2px; }
.cost-bar span { min-width:0; }
#cost-segment-0,.cleaning { background:#a9cdc5; }
#cost-segment-1,.supplies { background:#d0ad72; }
#cost-segment-2,.delay { background:#f7f5ef; }
.cost-legend { margin:0 0 20px; }
.cost-legend>div { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid #44655d; }
.cost-legend dt { display:flex; align-items:center; gap:10px; font-size:14px; }
.cost-legend dd { font-family:var(--st-font-data); font-size:14px; }
.dot { width:8px; height:8px; border-radius:2px; display:inline-block; }
.receipt-boundary { margin-top:12px; font-size:12px; color:#c7dbd4; }
.cost-inputs { background:#fff; border:1px solid #d5ded4; border-radius:22px; padding:26px; }
.input-hint { color:#5b6d65; font-size:14px; margin:6px 0 20px; }
.aq-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.aq-field { display:flex; flex-direction:column; gap:7px; min-width:0; }
.aq-field span { font-size:13px; font-weight:700; }
.aq-field input,.aq-field select { width:100%; min-width:0; min-height:48px; border:1px solid #aebdb4; background:#f9faf6; color:#173b3a; padding:10px 12px; border-radius:9px; font-size:17px; font-family:var(--st-font-data); }
.aq-field input::placeholder { color:#61736b; font-family:var(--st-font-ui); font-size:14px; }
.fee,.field-hint { grid-column:1/-1; }
.field-hint { color:#5b6d65; font-size:12px; margin-top:-7px; }
details { border-top:1px solid #d5ded4; }
summary { cursor:pointer; font-weight:700; padding:17px 0; min-height:48px; line-height:1.5; }
details>div { padding:0 0 18px; }
.benchmark-options { margin-top:24px; font-size:13px; }
.benchmark-options p { margin-bottom:14px; }
.aq-bls-opt { display:flex; align-items:flex-start; gap:10px; margin-top:16px; }
.aq-bls-opt input { accent-color:#1e5f55; width:20px; height:20px; flex:none; margin-top:3px; }
.calculation-detail { margin-top:24px; padding:22px 26px 0; border:1px solid #d5ded4; border-radius:16px; background:#fff; }
.calculation-detail h2 { font-size:18px; margin-bottom:10px; }
.calculation-detail h3 { font-size:12px; color:#5b6d65; margin:16px 0 5px; }
.aq-row { display:flex; justify-content:space-between; gap:20px; padding:8px 0; font-size:14px; }
.aq-row>:last-child { text-align:right; flex-shrink:0; font-family:var(--st-font-data); }
.aq-comparison { margin-top:20px; font-size:13px; }
.aq-comparison .aq-row { display:block; }
.aq-comparison .aq-row>:last-child { display:block; text-align:left; margin-top:4px; }
.aq-state { font-size:13px; color:#714f25; margin-top:8px; }
.st-class-chip { display:inline-block; background:#edf4ee; color:#29574b; border:1px solid #bdcfc0; border-radius:6px; padding:4px 8px; margin-top:14px; font-size:10px; letter-spacing:.1em; }
.aq-limits { padding-left:20px; margin:12px 0; }
.aq-limits li { margin:6px 0; }
.source-details { margin-top:22px; font-size:13px; overflow-wrap:anywhere; }
.aq-prov p { margin:12px 0; }
.source-details>a { display:inline-block; margin-bottom:20px; }
.calc-next { display:flex; align-items:center; justify-content:space-between; gap:30px; margin:28px 0; padding:28px; border-radius:18px; background:#e6eee5; }
.calc-next h2 { font-size:20px; margin-bottom:8px; }
.calc-next p { font-size:14px; margin-bottom:10px; }
.calc-next a { font-weight:700; }
.aq-cta { display:inline-block; padding:13px 20px; background:#1e5f55; color:#fff; border-radius:10px; text-decoration:none; white-space:nowrap; }
.calc-next .small { font-size:11px; max-width:28ch; margin:8px 0 0; }
footer { border-top:1px solid #d5ded4; padding:0 0 28px; font-size:12px; }
footer details { border:0; }
footer p { max-width:80ch; margin:0 0 12px; }
footer>a { display:inline-block; padding:12px 0; }
.fallback { padding:20px; background:#fff; border:1px solid #aebdb4; }
[hidden] { display:none!important; }
@media(min-width:800px) { .cost-receipt { position:sticky; top:24px; } }
@media(max-width:700px) { .aq-wrap { padding:0 18px; } .calc-header { padding:16px 0; } .calc-brand { font-size:19px; gap:8px; } .calc-brand img { width:33px;height:33px; } .open-app { font-size:12px;padding:10px 12px; } .calc-intro { padding:26px 0 22px; } .calc-workspace { grid-template-columns:1fr; gap:18px; } .cost-receipt { padding:23px; } .cost-inputs { padding:22px; } .cost-bar { margin:20px 0 12px;height:19px; } .cost-legend>div { padding:6px 0; } .cost-legend { margin-bottom:12px; } .calc-next { display:block;padding:22px; } .calc-next>div+div { margin-top:20px; } .calculation-detail { padding:20px 22px 0; } }
@media(max-width:350px) { .aq-grid { grid-template-columns:1fr; } .aq-wrap { padding:0 14px; } .calc-header { gap:8px; } .calc-brand span { font-size:17px; } .open-app { padding:10px 8px; } .aq-row { flex-wrap:wrap; gap:5px; } }