:root {
  --ink:#133653; --deep:#0b3559; --teal:#215f90; --sea:#4d7795;
  --sand:#f1dfb8; --gold:#ae741e; --cream:#faf5e8; --paper:#fffdf5;
  --muted:#526d81; --line:#d5e0e5; --button:#e1b04e; --radius:22px;
  --shadow:0 18px 50px rgba(11,53,89,.1);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:106px; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button { cursor:pointer; }
svg { display:block; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:Manrope,system-ui,sans-serif; line-height:1.15; }
[hidden] { display:none!important; }
:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.site-header { height:84px; padding:0 clamp(20px,4vw,64px); display:flex; align-items:center; justify-content:space-between; gap:24px; position:sticky; top:0; z-index:40; background:rgba(250,245,232,.97); backdrop-filter:blur(18px); border-bottom:1px solid #e5c788; }
.brand { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.brand-mark { position:relative; display:block; width:48px; height:48px; flex:0 0 48px; overflow:hidden; border:1px solid #d1b985; border-radius:50%; background:#daecf3; }
.brand-mark img { position:absolute; width:200px; height:200px; max-width:none; left:-54px; top:-11px; }
.brand>span:last-child { display:flex; flex-direction:column; }
.brand strong { font-family:Manrope,sans-serif; font-size:16px; line-height:1.2; }
.brand small { text-transform:uppercase; font-size:10px; letter-spacing:.15em; color:var(--muted); margin-top:4px; }
.service-nav { display:flex; align-items:center; gap:6px; min-width:0; }
.service-nav a { padding:10px 12px; min-height:44px; display:flex; align-items:center; white-space:nowrap; font-size:14px; font-weight:700; border-radius:12px; transition:background .15s; }
.service-nav a:hover { background:#efe5cf; }
.service-nav a.is-active { color:#fff; background:var(--deep); }
.header-phone { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; font-size:14px; font-weight:700; white-space:nowrap; }
.header-phone svg { width:20px; height:20px; color:var(--teal); }
.hero { padding:64px clamp(20px,5vw,80px) 72px; display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:center; background:linear-gradient(145deg,#faf5e8 28%,#dbeef5 100%); }
.hero-copy { max-width:720px; }
.eyebrow { display:flex; align-items:center; gap:10px; text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:800; color:var(--teal); margin:0 0 18px; }
.eyebrow>span { width:26px; height:2px; flex:0 0 26px; background:var(--gold); }
.eyebrow.light { color:#d0e2ed; }
.eyebrow.light>span { background:var(--button); }
.hero h1 { font-size:clamp(46px,5.8vw,85px); letter-spacing:-.055em; line-height:1.04; margin:0 0 25px; color:var(--deep); }
.hero h1 em { color:var(--teal); font-style:normal; }
.hero-lede { font-size:18px; color:var(--muted); line-height:1.7; margin-bottom:28px; max-width:620px; }
.hero-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.button { min-height:52px; padding:12px 23px; border:0; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:12px; font-size:14px; font-weight:800; line-height:1.35; text-align:center; transition:background .18s,box-shadow .18s; }
.button-primary { background:var(--button); color:var(--deep); box-shadow:0 10px 22px rgba(174,116,30,.13); }
.button-primary:hover { background:#eabd65; box-shadow:0 14px 28px rgba(174,116,30,.2); }
.button-secondary { background:#fff; color:var(--deep); border:1px solid #c3d0d9; }
.button-full { width:100%; }
.text-link { display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:800; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
.dropoff-note { display:flex; gap:13px; margin-top:25px; padding-top:24px; border-top:1px solid #c8d7dc; max-width:620px; }
.dropoff-icon { width:40px; height:40px; flex:0 0 40px; background:#e2edf1; border-radius:50%; display:grid; place-items:center; }
.dropoff-icon svg { width:23px; }
.dropoff-note>span:last-child { display:flex; flex-direction:column; }
.dropoff-note strong { font-size:14px; }
.dropoff-note small { font-size:13px; line-height:1.6; color:var(--muted); margin-top:4px; }
.golden-visual { display:flex; flex-direction:column; align-items:center; gap:18px; }
.hero-logo { display:block; width:100%; max-width:385px; height:auto; }
.logo-caption { font-size:11px; letter-spacing:.19em; font-weight:800; color:var(--muted); margin:0; text-align:center; }
.memphis-link { gap:9px; text-align:center; justify-content:center; margin-top:-10px; }
.results-section { padding:75px clamp(20px,5vw,80px); background:var(--cream); }
.section-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:50px; align-items:end; margin-bottom:30px; }
.section-heading h2,.estimate-intro h2 { font-size:clamp(34px,3.8vw,54px); letter-spacing:-.045em; margin:0; }
.section-heading>p { color:var(--muted); font-size:15px; line-height:1.7; margin-bottom:0; max-width:440px; }
.showcase-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.showcase-card { background:var(--paper); border:1px solid #e5cf9f; border-radius:var(--radius); overflow:hidden; box-shadow:0 12px 30px #0b355908; min-width:0; }
.comparison-frame { position:relative; height:280px; overflow:hidden; background:#e6edf0; }
.comparison-side { position:absolute; inset:0; }
.comparison-after { background:linear-gradient(140deg,#dfeef5,#c5dfe9); }
.comparison-before { clip-path:inset(0 calc(100% - var(--split)) 0 0); background:linear-gradient(140deg,#eee6d7,#e0d4bd); }
.photo-placeholder { position:absolute; top:42%; width:48%; text-align:center; transform:translateY(-28%); padding:8px; color:var(--muted); }
.comparison-before .photo-placeholder { left:0; }
.comparison-after .photo-placeholder { right:0; }
.photo-placeholder>span { display:block; font-size:28px; font-weight:400; line-height:1; margin-bottom:12px; }
.photo-placeholder strong { font-size:13px; display:block; }
.photo-placeholder small { font-size:11px; line-height:1.4; display:block; margin-top:6px; }
.comparison-image { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.photo-label { position:absolute; top:14px; padding:5px 10px; border-radius:999px; background:#fffdf5ec; color:var(--deep); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.before-label { left:14px; }.after-label { right:14px; }
.comparison-divider { position:absolute; top:0; bottom:0; left:var(--split); width:2px; background:#fff; transform:translateX(-50%); pointer-events:none; }
.comparison-divider>span { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:var(--deep); color:#fff; font-size:20px; box-shadow:0 3px 15px #0b355930; }
.comparison-slider { appearance:none; -webkit-appearance:none; position:absolute; left:-22px; top:0; width:calc(100% + 44px); height:100%; margin:0; opacity:0; z-index:5; cursor:ew-resize; touch-action:pan-y; }
.comparison-slider::-webkit-slider-thumb { -webkit-appearance:none; width:44px; height:280px; }
.comparison-slider::-moz-range-thumb { width:44px; height:280px; border:0; }
.comparison-frame:focus-within { outline:3px solid var(--teal); outline-offset:-4px; }
.placeholder-badge { position:absolute; left:50%; bottom:12px; transform:translateX(-50%); white-space:nowrap; color:var(--muted); background:#ffffffbb; padding:3px 9px; border-radius:20px; font-size:10px; pointer-events:none; }
.showcase-caption { padding:20px 18px 12px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.showcase-caption>div>span { text-transform:uppercase; font-size:10px; letter-spacing:.12em; font-weight:800; color:var(--muted); }
.showcase-caption h3 { font-size:17px; line-height:1.4; margin:5px 0 0; }
.service-tag { border:1px solid #cbd9e0; border-radius:999px; padding:4px 10px; font-size:11px; font-weight:700; color:var(--teal); }
.comparison-hint { padding:0 18px 18px; margin:0; font-size:11px; color:var(--muted); }
.about-grid { margin-top:35px; display:grid; grid-template-columns:1.7fr 1fr; gap:22px; }
.memphis-card { grid-column:1/-1; display:grid; grid-template-columns:240px minmax(0,1fr); align-items:center; gap:clamp(30px,5vw,70px); padding:40px clamp(28px,5vw,70px); background:linear-gradient(120deg,#e6f0f5,var(--paper) 65%); border:1px solid #d8c398; border-radius:var(--radius); }
.memphis-portrait { margin:0; text-align:center; }
.memphis-photo { width:100%; max-width:240px; margin:auto; overflow:hidden; border:5px solid var(--paper); outline:1px solid #cbb37c; border-radius:var(--radius); box-shadow:0 12px 30px #0b355914; }
.memphis-photo img { display:block; width:100%; height:auto; }
.memphis-portrait figcaption { margin-top:15px; font-size:12px; color:var(--muted); }
.memphis-story { max-width:620px; min-width:0; }
.memphis-story .eyebrow { margin-bottom:14px; }
.memphis-story h3 { font-size:clamp(34px,3.8vw,48px); letter-spacing:-.04em; margin:0 0 12px; }
.memphis-story p:not(.eyebrow) { font-size:16px; color:var(--muted); line-height:1.75; margin-bottom:16px; }
.memphis-story p.memphis-intro { color:var(--deep); font-weight:700; }
.memphis-story p.memphis-signature { display:inline-block; color:var(--ink); font-weight:700; border-top:2px solid #d8b66b; padding-top:12px; margin-bottom:0; }
.about-card { padding:30px; background:var(--paper); border:1px solid #e5cf9f; border-radius:var(--radius); display:grid; grid-template-columns:1fr; gap:26px; }
.owner-avatar { align-self:start; aspect-ratio:1; background:#e6edf1; border-radius:20px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:2px; }
.owner-avatar>span { font-family:Manrope,sans-serif; font-size:40px; color:var(--teal); }
.owner-avatar small { font-size:11px; color:var(--muted); }
.about-card h3,.review-placeholder h3,.faq-block h3 { font-size:25px; letter-spacing:-.025em; margin-bottom:16px; }
.about-card p:not(.eyebrow),.review-placeholder p:not(.eyebrow) { font-size:14px; color:var(--muted); line-height:1.75; }
.review-placeholder { border:1px solid #c4d6e2; background:#e9f1f5; border-radius:var(--radius); padding:30px; }
.faq-block { display:grid; grid-template-columns:.8fr 1.2fr; gap:45px; border-top:1px solid #dbcdb2; margin-top:45px; padding-top:40px; }
.faq-list details { border-bottom:1px solid #d1dbdf; }
.faq-list summary { list-style:none; cursor:pointer; padding:16px 28px 16px 0; position:relative; min-height:52px; font-size:15px; font-weight:700; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:after { content:'+'; position:absolute; right:3px; top:14px; color:var(--teal); font-size:20px; line-height:1.3; }
.faq-list details[open] summary:after { content:'−'; }
.faq-list details p { color:var(--muted); font-size:14px; line-height:1.75; margin:0; padding:0 20px 18px 0; }
.estimate-section { background:linear-gradient(135deg,#0b3559,#14567d); color:#fff; padding:75px clamp(20px,5vw,80px) 85px; }
.estimate-intro { max-width:720px; margin-bottom:32px; }
.estimate-intro>p:last-child { font-size:16px; color:#d0e2ed; line-height:1.7; max-width:640px; margin:20px 0 0; }
.booking-shell { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:start; }
.booking-builder { background:var(--paper); color:var(--ink); border-radius:26px; padding:4px 26px; min-width:0; }
.builder-step { padding:30px 0; border-bottom:1px solid var(--line); }
.builder-step:last-child { border:0; }
.step-heading { display:flex; align-items:flex-start; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
.step-heading>span { width:34px; height:34px; border-radius:50%; background:#e8f0f4; color:var(--teal); font-size:11px; font-weight:800; display:grid; place-items:center; flex:0 0 34px; }
.step-heading>div { flex:1; min-width:140px; }
.step-heading h3 { font-size:20px; margin:3px 0 5px; }
.step-heading p { font-size:13px; color:var(--muted); margin:0; line-height:1.6; }
.compare-button { min-height:44px; border:0; background:#e8f0f4; color:var(--teal); font-size:12px; font-weight:800; padding:10px 12px; border-radius:10px; }
.vehicle-options,.package-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.choice-card { position:relative; padding:36px 15px 17px; min-width:0; border:1px solid #c4d3db; border-radius:14px; cursor:pointer; background:#fff; display:flex; flex-direction:column; }
.choice-card input,.package-card input,.addon-option input,.maintenance-option input { position:absolute; opacity:0; width:1px; height:1px; margin:0; }
.choice-card:has(input:checked),.package-card:has(input:checked) { background:#edf5f9; border-color:var(--teal); box-shadow:inset 0 0 0 1px var(--teal); }
.choice-card:has(input:focus-visible),.package-card:has(input:focus-visible),.addon-option:has(input:focus-visible),.maintenance-option:has(input:focus-visible) { outline:3px solid var(--gold); outline-offset:3px; }
.choice-check { position:absolute; top:12px; right:12px; width:18px; height:18px; border:1px solid #90aabb; border-radius:50%; background:#fff; }
.choice-card:has(input:checked) .choice-check { border:5px solid var(--teal); }
.choice-card strong { font-size:14px; }.choice-card small { color:var(--muted); font-size:12px; margin-top:4px; }
.package-card { position:relative; border:1px solid #dfca9d; border-radius:17px; padding:23px 15px 16px; background:#fff; cursor:pointer; display:flex; flex-direction:column; min-width:0; }
.package-top { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.package-top>span { display:flex; flex-direction:column; }
.package-top small { font-size:10px; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); font-weight:800; }
.package-top strong { font-family:Manrope,sans-serif; font-size:19px; line-height:1.3; margin-top:5px; }
.package-top b { font-size:18px; color:var(--teal); }
.recommend-badge { position:absolute; top:-11px; right:12px; color:#fff; background:var(--teal); font-size:10px; font-weight:700; padding:3px 10px; border-radius:30px; }
.package-card>p { color:var(--muted); font-size:13px; line-height:1.65; margin:14px 0; }
.package-card ul { list-style:none; padding:0; margin:0 0 20px; display:grid; gap:9px; font-size:12px; line-height:1.55; }
.package-card li { position:relative; padding-left:16px; }
.package-card li:before { content:'✓'; color:var(--teal); position:absolute; left:0; font-weight:800; }
.select-label { margin-top:auto; min-height:44px; display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid #b8ccd8; padding:8px 10px; border-radius:20px; font-size:12px; font-weight:800; line-height:1.4; }
.package-card:has(input:checked) .select-label { background:var(--teal); border-color:var(--teal); color:#fff; }
.compare-panel { margin-top:16px; border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.compare-scroll { overflow-x:auto; }
.compare-panel table { border-collapse:collapse; width:100%; min-width:630px; font-size:13px; }
.compare-panel th,.compare-panel td { padding:13px 12px; text-align:center; border-bottom:1px solid var(--line); }
.compare-panel th:first-child,.compare-panel td:first-child { text-align:left; }
.compare-panel thead { background:#e8f0f4; }
.compare-panel tr:last-child td { border:0; }
.addon-grid { display:grid; grid-template-columns:1fr; gap:10px; }
.addon-option { position:relative; display:grid; grid-template-columns:21px minmax(0,1fr) auto; gap:12px; align-items:center; min-height:68px; padding:14px; border:1px solid #cbd9e0; border-radius:13px; cursor:pointer; }
.addon-option:has(input:checked) { background:#edf5f9; border-color:var(--teal); }
.toggle-check { width:21px; height:21px; border:1px solid #9db3c2; border-radius:6px; display:grid; place-items:center; background:#fff; }
.addon-option:has(input:checked) .toggle-check { background:var(--teal); border-color:var(--teal); }
.addon-option:has(input:checked) .toggle-check:after { content:'✓'; color:#fff; font-size:13px; font-weight:800; }
.addon-option>span:nth-child(3) { display:flex; flex-direction:column; }
.addon-option strong { font-size:14px; }.addon-option small { color:var(--muted); font-size:12px; margin-top:3px; }
.addon-option b { font-size:13px; color:var(--teal); text-align:right; max-width:100px; }
.maintenance-option { position:relative; display:flex; align-items:center; gap:12px; padding:16px 14px; margin-top:12px; border:1px solid #cbd9e0; border-radius:13px; cursor:pointer; }
.maintenance-option.disabled { background:#f0f0e9; cursor:not-allowed; }
.maintenance-option>span:last-child { display:flex; flex-direction:column; }
.maintenance-option strong { font-size:14px; }.maintenance-option small { color:var(--muted); font-size:12px; margin-top:4px; }
.toggle-switch { width:38px; height:23px; border-radius:20px; background:#9bacb6; flex:0 0 38px; position:relative; }
.toggle-switch:after { content:''; position:absolute; left:3px; top:3px; width:17px; height:17px; background:#fff; border-radius:50%; transition:transform .15s; }
.maintenance-option:has(input:checked) .toggle-switch { background:var(--teal); }
.maintenance-option:has(input:checked) .toggle-switch:after { transform:translateX(15px); }
.returning-link { font-size:13px; color:var(--muted); margin:15px 0 0; }
.returning-link a { color:var(--teal); display:inline-flex; align-items:center; min-height:44px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.form-grid label { display:flex; flex-direction:column; gap:7px; min-width:0; }
.form-grid label>span { font-size:13px; font-weight:700; }
.form-grid label>span small { font-size:12px; font-weight:400; color:var(--muted); margin-left:4px; }
.form-grid .wide { grid-column:1/-1; }
.form-grid input,.form-grid select,.form-grid textarea { width:100%; min-width:0; min-height:48px; border:1px solid #b9cbd7; border-radius:11px; padding:11px 12px; background:#fff; color:var(--ink); font-size:16px; line-height:1.5; }
.form-grid textarea { resize:vertical; }
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus { outline:3px solid #d2e4ef; border-color:var(--teal); outline-offset:1px; }
.estimate-summary { position:sticky; top:105px; }
.summary-card { background:#fff8e8; color:var(--ink); padding:27px; border-radius:24px; box-shadow:var(--shadow); }
.summary-kicker { text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; color:var(--muted); margin-bottom:10px; }
.estimate-price { font-family:Manrope,sans-serif; font-weight:800; font-size:36px; letter-spacing:-.045em; line-height:1.3; }
.estimate-note { font-size:13px; color:var(--muted); line-height:1.7; margin:12px 0 0; }
.quoted-note { font-size:13px; background:#f4e5bf; padding:12px; border-radius:10px; line-height:1.6; margin:14px 0 0; }
.summary-divider { height:1px; background:#dbd6c9; margin:22px 0; }
.summary-card dl { display:grid; gap:15px; margin:0 0 23px; }
.summary-card dl>div { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; font-size:13px; }
.summary-card dt { color:var(--muted); }.summary-card dd { margin:0; text-align:right; font-weight:700; max-width:66%; }
.privacy-note { color:var(--muted); display:flex; align-items:center; justify-content:center; gap:6px; font-size:12px; line-height:1.6; text-align:center; margin:14px 0 0; }
.privacy-note svg { width:15px; flex-shrink:0; }
.dropoff-card { display:flex; gap:12px; background:#ffffff0b; padding:20px; margin-top:15px; border:1px solid #ffffff3b; border-radius:18px; }
.dropoff-card>span { width:32px; height:32px; background:#ffffff18; border-radius:50%; display:grid; place-items:center; flex:0 0 32px; }
.dropoff-card strong { font-size:14px; }.dropoff-card p { color:#d0e2ed; font-size:13px; margin:6px 0 0; line-height:1.7; }
.boat-section,.returning-section { margin-top:60px; padding-top:50px; border-top:1px solid #ffffff3b; display:grid; grid-template-columns:1fr 1.1fr; gap:45px; align-items:start; scroll-margin-top:106px; }
.boat-copy h2,.returning-copy h2 { font-size:clamp(34px,3.8vw,52px); letter-spacing:-.04em; line-height:1.12; }
.boat-copy>p,.returning-copy>p { color:#d0e2ed; font-size:16px; line-height:1.75; }
.boat-services { display:flex; gap:8px; flex-wrap:wrap; margin:22px 0; }.boat-services span { border:1px solid #94b7cc; border-radius:20px; padding:7px 12px; font-size:13px; }
.boat-pricing { background:#ffffff0b; border-left:3px solid var(--button); border-radius:0 14px 14px 0; padding:22px; margin:24px 0; }
.boat-pricing strong { color:#f4d995; font-size:20px; }.boat-pricing p { color:#d0e2ed; font-size:14px; margin:8px 0 0; line-height:1.75; }
.boat-copy .text-link,.returning-copy .text-link { color:#f4d995; }
.boat-form { color:var(--ink); background:var(--paper); border:1px solid #e5cf9f; border-radius:24px; padding:28px; min-width:0; }
.boat-form h3 { font-size:25px; margin-bottom:16px; }
.boat-form-note,.photo-reminder { font-size:13px; color:var(--muted); line-height:1.7; }
.photo-reminder { padding:14px; border-radius:11px; background:#eaf2f7; margin:20px 0; }
.cadence-cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:26px 0; }
.cadence-cards>div { padding:20px; border:1px solid #ffffff45; border-radius:16px; background:#ffffff08; }
.cadence-cards strong { display:block; color:#f4d995; font-size:17px; }.cadence-cards span { font-size:13px; display:block; color:#d0e2ed; margin-top:8px; }
.returning-copy .returning-note { font-size:14px; }
#returningForm>.button { margin-top:22px; }
.eligibility-note { font-size:13px; line-height:1.7; background:#f7e8c5; border-radius:10px; padding:14px; margin:0; }
.eligibility-note a { text-decoration:underline; text-underline-offset:3px; font-weight:700; }
footer { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:45px clamp(20px,5vw,80px); background:#082d4f; color:#fff; }
footer>p { color:#c7dcea; font-size:13px; margin:0; }footer>a:last-child { color:#f4d995; font-size:16px; font-weight:700; min-height:44px; display:flex; align-items:center; }
.footer-brand small { color:#bfd2df; }.mobile-estimate { display:none; }
.modal { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:24px; }
.modal-backdrop { position:absolute; inset:0; background:#051c32c9; backdrop-filter:blur(6px); }
.modal-sheet { position:relative; z-index:1; background:var(--paper); border-radius:24px; padding:28px; width:min(100%,630px); max-height:calc(100svh - 48px); overflow:auto; overscroll-behavior:contain; box-shadow:0 25px 80px #00152455; }
.modal-header { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.modal-header .eyebrow { margin-bottom:12px; }.modal-header h2 { font-size:27px; letter-spacing:-.035em; margin:0; }
.icon-button { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border:0; border-radius:50%; background:#e8f0f4; color:var(--deep); font-size:27px; line-height:1; }
.modal-intro { font-size:14px; color:var(--muted); line-height:1.7; margin:17px 0; }
.modal pre { white-space:pre-wrap; overflow-wrap:anywhere; font:400 14px/1.75 'DM Sans',sans-serif; color:var(--ink); background:#eaf2f7; border:1px solid #d1dfe8; border-radius:14px; padding:18px; margin:0 0 18px; }
.modal-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.modal-phone { text-align:center; font-size:13px; color:var(--muted); margin:16px 0 0; }.modal-phone a { color:var(--teal); text-decoration:underline; }
.modal-handle { display:none; }.modal-open { overflow:hidden; }
.toast { position:fixed; z-index:120; bottom:28px; left:50%; transform:translate(-50%,15px); padding:12px 20px; background:var(--deep); color:#fff; border:1px solid #8badc4; border-radius:20px; font-size:13px; max-width:calc(100% - 30px); text-align:center; opacity:0; pointer-events:none; transition:opacity .15s,transform .15s; }
.toast.show { opacity:1; transform:translate(-50%,0); }
.noscript-note { margin:0; padding:22px; color:var(--ink); background:var(--cream); text-align:center; }.noscript-note a { text-decoration:underline; }
@media (min-width:1550px) {
  .site-header,.hero,.results-section,.estimate-section,footer { padding-left:calc((100vw - 1390px)/2); padding-right:calc((100vw - 1390px)/2); }
}
@media (max-width:1150px) {
  .header-phone span { display:none; }.header-phone { width:44px; flex-shrink:0; background:#e8f0f4; border-radius:50%; }
  .hero { gap:35px; }.hero-lede { font-size:16px; }
  .booking-shell { grid-template-columns:1fr; }.estimate-summary { position:static; display:grid; grid-template-columns:1.25fr 1fr; gap:20px; }.dropoff-card { margin-top:0; align-self:start; }
  .summary-card dl>div { font-size:14px; }.package-card { padding:22px 19px 18px; }.package-card ul { font-size:14px; }
  .about-grid { grid-template-columns:1.4fr 1fr; }.about-card { grid-template-columns:1fr; }.owner-avatar { width:90px; }
  .boat-section,.returning-section { gap:28px; }.boat-form { padding:24px; }
}
@media (max-width:760px) {
  html { scroll-padding-top:137px; }
  .site-header { height:120px; display:grid; grid-template-columns:1fr 44px; grid-template-rows:66px 54px; gap:0 12px; padding:0 16px; }
  .brand { gap:9px; }.brand strong { font-size:15px; }.brand small { font-size:10px; }
  .service-nav { grid-column:1/-1; grid-row:2; display:flex; overflow-x:auto; scrollbar-width:none; gap:3px; padding-bottom:5px; width:100%; }
  .service-nav::-webkit-scrollbar { display:none; }.service-nav a { font-size:12px; padding:9px 10px; min-height:44px; flex-shrink:0; }
  .header-phone { grid-column:2; grid-row:1; }
  .hero { padding:37px 20px 42px; grid-template-columns:1fr; gap:27px; }
  .hero h1 { font-size:clamp(43px,10.8vw,63px); }.eyebrow { font-size:10px; letter-spacing:.11em; }
  .hero-actions { gap:12px; }.hero-actions .button { flex:1; min-width:190px; }.hero-actions .text-link { flex:1; justify-content:center; white-space:nowrap; }
  .hero-lede { font-size:16px; margin-bottom:22px; }.hero-logo { max-width:275px; }.logo-caption { font-size:10px; }
  .dropoff-note { margin-top:20px; padding-top:20px; }.dropoff-note small { font-size:13px; }
  .results-section { padding:46px 18px; }.section-heading { grid-template-columns:1fr; gap:16px; margin-bottom:24px; }
  .section-heading h2,.estimate-intro h2 { font-size:35px; }.section-heading>p { font-size:14px; }
  .showcase-grid { grid-template-columns:1fr; gap:18px; }.comparison-frame { height:280px; }.showcase-caption { flex-direction:row; align-items:center; justify-content:space-between; gap:16px; }.showcase-caption h3 { font-size:16px; }.service-tag { font-size:10px; max-width:105px; text-align:center; flex-shrink:0; }
  .about-grid { grid-template-columns:1fr; gap:18px; margin-top:25px; }.about-card,.review-placeholder { padding:24px 20px; }.about-card { gap:18px; }.owner-avatar { width:84px; }
  .memphis-card { grid-template-columns:minmax(0,1fr); gap:25px; padding:28px 22px; }.memphis-portrait { width:min(100%,200px); justify-self:center; }.memphis-story h3 { font-size:36px; }.memphis-story .eyebrow { font-size:9px; letter-spacing:.1em; }
  .faq-block { grid-template-columns:1fr; gap:15px; margin-top:28px; padding-top:28px; }.faq-block h3 { margin:0; }.faq-list summary { font-size:14px; }
  .estimate-section { padding:48px 14px 50px; }.estimate-intro { padding:0 6px; margin-bottom:25px; }.estimate-intro>p:last-child { font-size:15px; }
  .booking-builder { padding:0 17px; border-radius:20px; }.builder-step { padding:26px 0; }.step-heading { gap:10px; margin-bottom:19px; }.step-heading h3 { font-size:18px; }.step-heading p { font-size:13px; }
  .vehicle-options,.package-options { grid-template-columns:1fr; gap:12px; }.choice-card { padding:15px 14px 15px 44px; min-height:72px; }.choice-check { left:14px; top:20px; }.choice-card strong { font-size:15px; }.choice-card small { font-size:13px; }
  .package-card { padding:21px 18px 18px; }.package-top { flex-direction:row; align-items:flex-end; justify-content:space-between; gap:12px; }.package-top strong { font-size:19px; }.package-top b { font-size:16px; white-space:nowrap; }.package-top small { font-size:10px; }
  .package-card>p { font-size:14px; }.package-card ul { font-size:14px; grid-template-columns:1fr; }.select-label { font-size:14px; }
  .addon-option { grid-template-columns:21px minmax(0,1fr) auto; gap:9px; padding:13px 10px; }.addon-option strong { font-size:14px; }.addon-option small { font-size:12px; }.addon-option b { font-size:12px; max-width:82px; }
  .maintenance-option { padding:15px 11px; }.maintenance-option strong { font-size:13px; }.maintenance-option small { font-size:12px; }
  .form-grid { grid-template-columns:1fr; gap:16px; }.form-grid .wide { grid-column:auto; }.form-grid input,.form-grid select,.form-grid textarea { font-size:16px; }
  .estimate-summary { display:block; margin-top:16px; }.summary-card { padding:24px; border-radius:20px; }.dropoff-card { margin-top:16px; }.summary-card dl>div { font-size:14px; }
  .boat-section,.returning-section { grid-template-columns:1fr; gap:23px; margin-top:34px; padding-top:34px; scroll-margin-top:137px; }.boat-copy,.returning-copy { padding:0 6px; }.boat-copy h2,.returning-copy h2 { font-size:35px; }.boat-copy>p,.returning-copy>p { font-size:15px; }
  .boat-form { padding:24px 17px; }.boat-form h3 { font-size:23px; }.boat-services { gap:6px; }.boat-services span { font-size:12px; }.cadence-cards { gap:10px; }.cadence-cards>div { padding:16px 13px; }.cadence-cards strong { font-size:16px; }
  footer { padding:32px 20px calc(135px + env(safe-area-inset-bottom)); flex-direction:column; align-items:flex-start; gap:14px; }
  .mobile-estimate { display:flex; position:fixed; left:10px; right:10px; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:45; gap:10px; align-items:center; justify-content:space-between; padding:11px 11px 11px 15px; min-height:76px; background:rgba(7,40,66,.97); color:#fff; border:1px solid #547d99; border-radius:17px; box-shadow:0 12px 38px #00172950; backdrop-filter:blur(16px); }
  .mobile-estimate>div { display:flex; flex-direction:column; min-width:0; flex:1; }.mobile-estimate small { color:#d0e2ed; font-size:11px; }.mobile-estimate strong { font-family:Manrope,sans-serif; font-size:16px; line-height:1.35; margin-top:3px; }
  .mobile-estimate button { flex:0 0 auto; min-height:48px; padding:10px 14px; background:var(--button); color:var(--deep); border:0; border-radius:12px; font-size:13px; font-weight:800; max-width:48%; line-height:1.4; }
  .mobile-estimate.hidden-bar { display:none; }
  .modal { padding:0; align-items:end; }.modal-sheet { width:100%; max-height:94svh; border-radius:24px 24px 0 0; padding:16px 18px calc(22px + env(safe-area-inset-bottom)); }.modal-handle { display:block; width:40px; height:4px; border-radius:20px; background:#bfd0dc; margin:0 auto 18px; }.modal-header h2 { font-size:24px; }.modal-header .eyebrow { font-size:9px; }.modal-actions { grid-template-columns:1fr; }.modal pre { font-size:14px; padding:15px; }
  .toast { bottom:calc(100px + env(safe-area-inset-bottom)); }.noscript-note { padding-bottom:130px; }
}
@media (max-width:360px) {
  .service-nav a { padding:9px 7px; font-size:11px; }.brand strong { font-size:14px; }.brand small { font-size:9px; }
  .package-top { flex-direction:column; align-items:flex-start; }.mobile-estimate strong { font-size:14px; }.mobile-estimate button { font-size:12px; padding:10px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }*,*:before,*:after { transition:none!important; }
}

/* Approved additions reuse the existing palette, cards, spacing, and controls. */
.header-contact { width:auto; padding:0 12px; border-radius:12px; }
.header-contact span { display:inline; }
.service-category-switch { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; }
.service-category-switch .is-active { background:var(--deep); color:#fff; }
.service-category-note,.condition-disclaimer { font-size:14px; color:var(--muted); line-height:1.7; margin:20px 0 0; }
.service-category-note:first-child { margin:0 0 22px; }
.condition-disclaimer { padding-top:20px; border-top:1px solid var(--line); }
#maintenanceEligibility { margin:20px 0 0; }
.ceramic-extras { margin:24px 0 0; padding-top:24px; border-top:1px solid var(--line); }
.ceramic-extras h4 { font-family:Manrope,sans-serif; font-size:18px; margin:0 0 12px; }
.ceramic-extras p { font-size:14px; color:var(--muted); line-height:1.75; }
.service-list { padding-left:20px; font-size:15px; line-height:1.75; }
.service-list li+li { margin-top:6px; }
.service-prices { margin:0 0 18px; }
.service-prices>div { display:flex; align-items:start; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid var(--line); font-size:14px; }
.service-prices dd { flex-shrink:0; margin:0; font-weight:700; }
.aftercare { margin-top:25px; border-top:1px solid var(--line); }
.aftercare summary { padding:18px 0; font-size:16px; font-weight:700; cursor:pointer; }
.aftercare p { font-size:14px; color:var(--muted); }
.maintenance-price-table { width:100%; border-collapse:collapse; font-size:14px; margin:20px 0; }
.maintenance-price-table caption { text-align:left; margin-bottom:10px; font-weight:700; }
.maintenance-price-table th,.maintenance-price-table td { padding:12px 9px; border-bottom:1px solid #ffffff3b; text-align:left; vertical-align:top; }
.maintenance-price-table th { color:#f4d995; }
.ceramic-maintenance-price { font-family:Manrope,sans-serif; font-size:24px; font-weight:800; margin:22px 0 10px; }
.photo-upload { margin:22px 0; padding:16px; border-radius:11px; background:#eaf2f7; min-width:0; }
.photo-input-label { display:block; font-size:15px; font-weight:700; }
.photo-input-label small { display:block; font-size:12px; font-weight:400; color:var(--muted); }
.photo-upload>p { font-size:13px; color:var(--muted); line-height:1.65; margin:10px 0 14px; }
.photo-upload input[type=file] { display:block; width:100%; min-height:48px; font-size:14px; max-width:100%; }
.photo-upload input::file-selector-button { min-height:44px; padding:10px 12px; margin-right:10px; border:0; border-radius:10px; font:inherit; font-weight:700; background:var(--deep); color:#fff; cursor:pointer; }
.photo-upload .photo-status { margin:10px 0 0; }
.photo-status.has-error { color:#9b302b; font-weight:700; }
.photo-previews { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:12px; margin-top:14px; }
.photo-previews:empty { display:none; }
.photo-tile { position:relative; margin:0; min-width:0; }
.photo-tile img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:11px; border:1px solid #b9cbd7; }
.photo-tile figcaption { font-size:12px; line-height:1.5; margin-top:6px; overflow-wrap:anywhere; color:var(--muted); }
.photo-tile .remove-photo { position:absolute; top:4px; right:4px; width:44px; height:44px; padding:0; border:1px solid #b9cbd7; background:var(--paper); color:var(--deep); border-radius:50%; font-size:24px; line-height:1; }
.photo-fallback { aspect-ratio:4/3; border-radius:11px; border:1px solid #b9cbd7; background:#dce8f0; padding:16px; display:grid; place-items:center; font-size:13px; text-align:center; }
#reviewPhotos { margin:0 0 18px; }
.share-photos-button { margin:0 0 12px; }
.trust-cues { display:flex; flex-wrap:wrap; gap:8px 14px; list-style:none; padding:0; margin:20px 0 0; font-size:12px; line-height:1.6; color:var(--muted); }
.trust-cues li { border-top:1px solid #c9b887; padding-top:6px; }
.process-list { margin:0; padding-left:24px; }
.process-list li { padding:0 0 15px 9px; }
.process-list li::marker { color:var(--teal); font-weight:800; }
.process-list strong { font-size:15px; }
.process-list p { font-size:14px; color:var(--muted); margin:5px 0 0; }
.contact-actions { display:grid; grid-template-columns:1fr; gap:12px; }
.contact-email { margin:22px 0 0; }
.contact-email a { overflow-wrap:anywhere; text-decoration:underline; }
@media (min-width:761px) and (max-width:1150px) {
  .header-contact { padding:0; }
  .header-contact svg { display:none; }
}
@media (min-width:761px) {
  .vehicle-options { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .ceramic-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .site-header { grid-template-columns:minmax(0,1fr) auto; }
  .header-contact { width:auto; padding:0 10px; font-size:12px; gap:5px; }
  .header-contact svg { width:17px; }
  .service-category-switch { gap:7px; margin-bottom:22px; }
  .service-category-switch .compare-button { flex:1 1 120px; font-size:12px; }
  .photo-upload { padding:14px; }
  .photo-previews { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-prices>div { gap:12px; font-size:13px; }
  .maintenance-price-table { font-size:12px; }
  .maintenance-price-table th,.maintenance-price-table td { padding:10px 7px; }
}

.inquiry-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
#submissionStatus { overflow-wrap:anywhere; }

/* Keep the final send action visible while reviewing long requests. */
.modal-actions { position:sticky; bottom:-28px; background:var(--paper); padding:16px 0; border-top:1px solid #d1dfe8; z-index:2; }
#submitInquiry { grid-column:1 / -1; }
@media (max-width:760px) { .modal-actions { bottom:calc(-22px - env(safe-area-inset-bottom)); padding-bottom:calc(16px + env(safe-area-inset-bottom)); } }

.customer-review { padding:18px 0; border-bottom:1px solid #bdceda; overflow-wrap:anywhere; }
.customer-review p { white-space:pre-wrap; }
.review-stars { color:#986514!important; letter-spacing:3px; }
.leave-review { margin-top:24px; }.leave-review summary { cursor:pointer; color:var(--navy); font-weight:800; padding:14px 0; }
#reviewForm { display:grid; gap:16px; padding-top:14px; }#reviewForm > label:not(.review-consent):not(.inquiry-honeypot) { display:grid; gap:7px; }
#reviewForm input:not([type=radio]):not([type=checkbox]),#reviewForm textarea { width:100%; box-sizing:border-box; padding:12px; border:1px solid #a7becd; border-radius:10px; background:var(--paper); color:var(--ink); font:inherit; }
.review-rating { border:0; padding:0; margin:0; }.review-rating > div { display:flex; gap:8px; flex-wrap:wrap; }.review-rating label { position:relative; }.review-rating input { position:absolute; opacity:0; }.review-rating span { display:block; padding:10px 12px; border:1px solid #a7becd; border-radius:8px; cursor:pointer; }.review-rating input:checked + span { background:#e4b64d; border-color:#805919; color:#092f4d; }.review-rating input:focus-visible + span { outline:3px solid #246a98; outline-offset:3px; }
.review-consent { display:flex; align-items:flex-start; gap:10px; font-size:13px; line-height:1.6; }.review-consent input { width:18px; height:18px; flex-shrink:0; margin-top:3px; }
.review-admin { max-width:850px; margin:auto; padding:40px 24px; line-height:1.7; }.review-admin h1 { font-size:32px; line-height:1.3; margin:24px 0; }.review-admin h2 { font-size:22px; }.review-admin select { padding:10px; margin:12px; }.review-admin-actions { display:flex; gap:12px; flex-wrap:wrap; }

.package-card > .ceramic-price-note { background:#fff0ce; border-left:3px solid #b77916; border-radius:6px; color:#65400b; padding:10px 12px; margin:12px 0; font-size:14px; line-height:1.5; }

/* Prominent optional services within the estimate builder. */
.service-upgrade-panel {
  margin:20px 0; padding:22px; border:2px solid #d6aa48;
  border-radius:16px; background:#fff8e7;
}
.service-upgrade-panel h4 { font-size:22px; color:var(--ink); margin:0 0 8px; }
.service-upgrade-panel > p { margin:0 0 18px; color:#425b6b; font-size:15px; }
.service-upgrade-panel .form-grid { grid-template-columns:1fr; }
.service-upgrade-panel .form-grid label > span { font-size:16px; font-weight:800; }
.service-upgrade-panel .form-grid select { min-height:56px; border:2px solid #66889e; font-weight:600; box-shadow:0 2px 5px #153b5310; }
.service-upgrade-panel .form-grid select:focus { outline:3px solid #b8d9ec; outline-offset:3px; }
.service-upgrade-panel #combinedPrepNote { margin:16px 0 0; }
.other-extras-heading { margin:28px 0 14px; font-family:Manrope,sans-serif; font-size:18px; }
@media (max-width:600px) {
  .service-upgrade-panel { padding:17px; }
  .service-upgrade-panel h4 { font-size:20px; }
}

.photo-actions { display:flex; flex-wrap:wrap; gap:12px; margin:14px 0 10px; }
.photo-source-help { font-size:14px; line-height:1.6; }
.preferred-date-field { min-width:0; grid-column:1/-1; }
.date-caption { display:block; font-weight:700; margin-bottom:8px; font-size:16px; }
.date-picker-toggle { min-height:54px; width:100%; text-align:left; padding:12px 16px; background:white; color:var(--ink); border:2px solid #66889e; border-radius:11px; font-size:16px; }
.date-clear { margin:10px 0; background:none; border:0; text-decoration:underline; color:var(--ink); font-size:14px; padding:8px; }
.availability-calendar { width:100%; max-width:560px; box-sizing:border-box; padding:16px; margin-top:12px; background:#fff; color:#163e57; border:2px solid #b9cbd7; border-radius:16px; }
.calendar-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px; }
.calendar-heading strong { font-size:20px; }
.calendar-heading button { width:44px; height:44px; font-size:28px; background:#edf5f8; color:#163e57; border:1px solid #b9cbd7; border-radius:8px; }
.calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; }
.calendar-weekday { text-align:center; font-size:14px; padding-bottom:8px; }
.calendar-day { min-width:0; min-height:48px; padding:4px 0; font-size:18px; border:1px solid #b9cbd7; border-radius:8px; color:#163e57; background:#f6fafb; }
.calendar-day:disabled { color:#66727a; background:#eef0f1; border-color:#e0e4e7; cursor:not-allowed; }
.calendar-day.is-blocked { text-decoration:line-through; background:#e0e4e7; color:#59616a; }
.calendar-day.is-selected { background:#e5b448; color:#153b53; border:2px solid #855e0b; }
.calendar-day:focus-visible,.date-picker-toggle:focus-visible { outline:3px solid #237eaf; outline-offset:2px; }
.calendar-status { font-size:14px; line-height:1.6; margin:16px 0 0; }
.availability-admin { max-width:700px; padding:30px 18px; margin:auto; }
@media(max-width:380px){.availability-calendar{padding:8px}.calendar-grid{gap:3px}.calendar-day{min-height:44px}}