/* MyQuack 2: task-led journeys, retaining the warm paper and teal identity. */
:root{--flow-teal:#087e89;--flow-soft:#e8f4f3;--flow-paper:#fbf9f2}
.js-slots[hidden]{display:none}
html:has(.flow-shell),html:has(.conversion-section){background-image:none;background-color:#f8f7f2}
:root[data-theme=dark]:has(.flow-shell),:root[data-theme=dark]:has(.conversion-section){background-color:var(--bg)}
.flow-form input:not([type=checkbox]):not([type=hidden]),.flow-form select,.flow-form textarea{border:1px solid var(--border-2);border-radius:8px;padding:12px;background:var(--card);color:var(--text);font-family:inherit;box-sizing:border-box}.flow-form input::placeholder,.flow-form textarea::placeholder{color:var(--muted)}
.preview-banner{padding:8px 16px;background:#153e42;color:#d8f1ef;font-size:.72rem;text-align:center;line-height:1.4}.mobile-nav{display:none}
@media(max-width:760px){.mobile-nav{display:block;position:absolute;top:18px;right:18px;z-index:999}.preview-banner+.mobile-nav{top:54px}.mobile-nav summary{list-style:none;cursor:pointer;font-size:.8rem;padding:8px 12px;border:1px solid var(--border);background:var(--card);border-radius:8px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{margin-left:8px}.mobile-nav nav{position:absolute;top:44px;right:0;min-width:230px;padding:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md)}.mobile-nav a{display:block;padding:12px 14px;color:var(--text);text-decoration:none;border-radius:6px}.mobile-nav a:hover{background:var(--surface-2)}.navbar .nav-right{display:none!important}}
.flow-shell{max-width:1080px;margin:22px auto 64px}.flow-back{display:inline-block;margin:0 0 24px;color:var(--soft);font-size:.88rem;text-decoration:none}.flow-back:hover{color:var(--accent);text-decoration:underline}
.flow-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:36px;align-items:start}.flow-main{background:var(--card,var(--bg));padding:34px;border:1px solid var(--border);border-radius:16px}.flow-narrow{max-width:620px;margin:0 auto}.flow-main h1,.flow-shell>h1{font-size:clamp(1.9rem,3.1vw,2.7rem);letter-spacing:-.045em;line-height:1.08;margin:0 0 20px}.eyebrow{font-size:.7rem!important;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--flow-teal);margin:0 0 18px}.flow-lead{font-size:1rem;line-height:1.7;color:var(--soft);margin:0 0 26px}.flow-aside{padding:36px 26px;background:var(--flow-soft);color:#163e40;border-radius:16px}.flow-aside h2{font-size:1.8rem;letter-spacing:-.035em;line-height:1.15;margin:0 0 24px}.flow-aside p{font-size:.9rem;line-height:1.7}.flow-aside hr,.listing-preview hr{border:0;border-top:1px solid #abcac8;margin:24px 0}.flow-aside a{color:#086872}.flow-symbol{display:block;font-size:3rem;margin-bottom:25px}.flow-steps{padding:0;list-style:none;counter-reset:step}.flow-steps li{counter-increment:step;position:relative;padding:0 0 26px 42px}.flow-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;color:#08737e;font-size:.8rem;font-weight:700;top:2px}.flow-steps strong,.flow-steps span{display:block}.flow-steps span{font-size:.85rem;line-height:1.6;margin-top:4px;color:#386164}.flow-form>label{margin-top:20px}.flow-form input:not([type=checkbox]):not([type=hidden]),.flow-form select{min-height:48px;width:100%;font-size:1rem}.flow-form textarea{width:100%;font-size:1rem}.flow-form input:focus-visible,.flow-form select:focus-visible,.flow-form textarea:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #208b96;outline-offset:3px}.flow-form .btn{margin-top:22px;min-height:48px;white-space:normal}.flow-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.field-help{font-size:.78rem;line-height:1.55;color:var(--muted);margin:8px 0 0;font-weight:400;text-transform:none;letter-spacing:0}.flow-check{display:flex!important;gap:12px;align-items:flex-start;font-size:.83rem;font-weight:400;line-height:1.6;text-transform:none;letter-spacing:0}.flow-check input{flex:0 0 18px;width:18px;height:18px;margin-top:4px;accent-color:var(--flow-teal)}.flow-small{font-size:.8rem;line-height:1.6;color:var(--muted);margin-top:20px;overflow-wrap:anywhere}.flow-notice{padding:16px;border-left:3px solid #af751f;background:#fcf2dc;color:#654710;line-height:1.55;margin-bottom:22px;font-size:.85rem}.flow-notice p{margin:5px 0 0}.listing-preview,.booking-summary{padding:24px;background:var(--bg);border:1px solid var(--border);border-radius:10px;margin:25px 0}.listing-preview h2,.booking-summary h2{margin:18px 0 6px;font-size:1.4rem}.status-pill{display:inline-block;padding:5px 9px;border-radius:5px;background:var(--flow-soft);color:#14646c;font-size:.72rem;font-weight:600}.summary-list{margin:24px 0 0}.summary-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border);font-size:.86rem}.summary-list dt{color:var(--muted)}.summary-list dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}.summary-total{font-size:1.12rem!important;font-weight:700}.summary-total dt{color:var(--text)}.resume-list{display:grid;gap:12px;max-width:760px}.resume-item{display:flex;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--border);border-radius:12px;text-decoration:none;background:var(--card);color:var(--text)}.resume-item div span{display:block;font-size:.8rem;color:var(--muted);margin-top:8px}
.conversion-section{margin:32px 0}.conversion-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.conversion-heading h2{font-size:1.55rem;letter-spacing:-.025em;margin:0}.conversion-heading p{font-size:.83rem;color:var(--soft);margin:8px 0 0}.conversion-heading .eyebrow{margin:0 0 10px}.conversion-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.conversion-card{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:24px}.conversion-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.conversion-card h3{font-size:1rem;margin:0}.conversion-rate{font-size:2rem;letter-spacing:-.04em;font-weight:700;color:var(--flow-teal)}.conversion-card .flow-small{margin:8px 0 24px}.funnel-steps{padding:0;list-style:none}.funnel-steps li{margin:0 0 16px}.funnel-steps li>div{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:6px}.funnel-steps meter{display:block;width:100%;height:7px;border:none;background:var(--border);border-radius:6px}.funnel-steps meter::-webkit-meter-bar{height:7px;border:0;background:var(--border)}.funnel-steps meter::-webkit-meter-optimum-value{background:var(--flow-teal);border-radius:6px}.funnel-outcomes{display:flex;gap:18px;border-top:1px solid var(--border);padding-top:18px;font-size:.7rem;color:var(--muted)}.funnel-outcomes strong{display:block;font-size:1.1rem;color:var(--text);margin-bottom:4px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:12px;margin-top:20px;background:var(--card)}.metric-strip>div{padding:20px;border-right:1px solid var(--border)}.metric-strip>div:last-child{border:0}.metric-strip span,.metric-strip small{display:block;font-size:.72rem;color:var(--muted)}.metric-strip strong{display:block;font-size:1.65rem;margin:10px 0}.metric-definitions{margin-top:18px;font-size:.78rem;color:var(--soft);line-height:1.65}.metric-definitions summary{cursor:pointer;font-weight:600}.metric-definitions p{max-width:900px}.kpi-card{border-radius:12px}.skip-link{position:absolute;left:-1000px}.skip-link:focus{position:fixed;left:16px;top:16px;z-index:10000;background:var(--card);padding:15px}.btn:disabled{opacity:.55;cursor:not-allowed}
:root[data-theme=dark]{--flow-teal:#72d0d6;--flow-soft:#173c40}:root[data-theme=dark] .flow-aside{background:#173c40;color:#d8eded}:root[data-theme=dark] .flow-aside a,:root[data-theme=dark] .flow-steps span,:root[data-theme=dark] .flow-steps li:before{color:#9cd5d9}:root[data-theme=dark] .status-pill{color:#9cd5d9}
@media(max-width:760px){.flow-layout,.conversion-grid{grid-template-columns:1fr}.flow-shell{margin-top:12px}.flow-main{padding:24px 20px}.flow-aside{padding:26px 22px}.flow-layout{gap:20px}.flow-aside h2{font-size:1.55rem}.conversion-heading{align-items:start;flex-direction:column}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div{border-bottom:1px solid var(--border)}.metric-strip>div:nth-child(2){border-right:0}.conversion-card{padding:20px}.flow-form input,.flow-form select{font-size:16px!important}.summary-list>div{gap:12px}.flow-fields{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}

html:has(.pay-wrap){background-image:none;background-color:var(--flow-paper)}
.pay-wrap{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;box-sizing:border-box}
:root[data-theme=dark]:has(.pay-wrap){background-color:var(--bg)}
@media(max-width:480px){.flow-fields{grid-template-columns:1fr}.pay-wrap{padding:22px 18px}}