/* CAMP MERCURY / ONE SHARED STYLE SYSTEM */
:root{--chili:#901823;--ox:#66121b;--ivory:#f8f4ee;--ink:#1e252b;--brass:#c39a63;--stone:#e7dad5;--muted:#545962;--line:#e9deda;--max:1240px;--pad:clamp(1.1rem,4vw,2.5rem);--rose-mesh:radial-gradient(ellipse at 8% 10%,#f8f4ee 0%,transparent 77%),radial-gradient(ellipse at 90% 8%,#c76168 0%,transparent 77%),radial-gradient(ellipse at 85% 98%,#901823 0%,transparent 76%),#ddb6ac;--bloom-mesh:radial-gradient(ellipse at 7% 7%,#c14d59 0%,transparent 75%),radial-gradient(ellipse at 96% 10%,#60213f 0%,transparent 76%),radial-gradient(ellipse at 75% 96%,#a52730 0%,transparent 80%),#531324}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.66 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#fff;overflow-wrap:break-word}a{color:var(--chili)}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid #bd6b18;outline-offset:3px}.skip{position:absolute;top:-100px;left:12px;padding:10px 16px;background:#fff;z-index:100}.skip:focus{top:10px}.wrap{width:min(var(--max),calc(100% - 2*var(--pad)));margin-inline:auto}.copy{max-width:770px}.eyebrow{font-size:.79rem;text-transform:uppercase;letter-spacing:.135em;font-weight:800;color:var(--chili);margin:0 0 1rem}.section{padding:clamp(3rem,5vw,5rem) 0}.section-sm{padding:clamp(2.25rem,4vw,3.75rem) 0}h1,h2,h3{line-height:1.13;letter-spacing:-.034em;margin:0 0 1rem}h1{font-size:clamp(2.35rem,4.7vw,4.3rem);max-width:1100px}h2{font-size:clamp(1.85rem,3.15vw,2.85rem);max-width:1100px}h3{font-size:clamp(1.18rem,1.7vw,1.45rem)}p{margin:.4rem 0 1.15rem}.lead{font-size:clamp(1.05rem,1.35vw,1.2rem);max-width:800px;color:#393c42}.muted{color:var(--muted)}.small{font-size:.88rem}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.head{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--ink);text-decoration:none;font-size:1.1rem;white-space:nowrap}.brand img{width:42px;height:42px}.nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,35px)}.nav a{color:var(--ink);font-weight:650;text-decoration:none;font-size:.95rem}.nav a[aria-current=page],.nav a:hover{color:var(--chili)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:11px;padding:.55rem .8rem;color:var(--ink);font-weight:700}.btn{display:inline-flex;min-height:46px;justify-content:center;align-items:center;gap:9px;padding:.7rem 1.25rem;border-radius:999px;text-decoration:none;background:var(--chili);color:#fff;border:2px solid var(--chili);font-size:.95rem;line-height:1.25;font-weight:750;box-shadow:0 8px 19px rgba(77,17,25,.12);transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{background:var(--ox);border-color:var(--ox);color:#fff;transform:translateY(-2px);box-shadow:0 13px 25px rgba(77,17,25,.2)}.btn.alt{background:#fff;color:var(--chili)}.btn.alt:hover{background:var(--ivory);color:var(--ox)}.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:1.65rem;margin-bottom:1.5rem}.actions+p,.actions+.small,.btn+.small{margin-top:1.4rem}.hero{padding:clamp(3.5rem,6vw,6rem) 0;background:var(--rose-mesh);isolation:isolate}.hero .lead{max-width:760px}.hero-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.7fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.hero-feature{background:rgba(255,255,255,.92);border:1px solid #fff;border-radius:24px;padding:clamp(1.35rem,3vw,2.2rem);box-shadow:0 20px 40px rgba(65,18,31,.13),0 30px 75px rgba(108,31,43,.12)}.url{font-weight:850;color:var(--chili);font-size:clamp(1.18rem,2.4vw,1.85rem);letter-spacing:-.035em;overflow-wrap:anywhere}.price{font-size:clamp(2rem,3vw,2.8rem);font-weight:850;color:var(--chili);line-height:1.15}.light{background:#fcfaf7}.white{background:#fff}.mesh-rose{background:var(--rose-mesh)}.mesh-bloom{background:var(--bloom-mesh);color:#fff}.mesh-bloom .eyebrow{color:#f8cfbb}.mesh-bloom .lead,.mesh-bloom .muted{color:#fbebe6}.mesh-bloom a:not(.btn){color:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:1.75rem}.grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:clamp(1.3rem,2.2vw,1.85rem);background:white;border:1px solid var(--line);border-radius:19px;box-shadow:0 11px 26px rgba(34,34,39,.08),0 15px 35px rgba(144,24,35,.055);min-width:0}.card h3{margin:.5rem 0 .8rem}.card p:last-child{margin-bottom:0}.card-action{transition:transform .2s,box-shadow .2s}.card-action:hover{transform:translateY(-4px);box-shadow:0 18px 37px rgba(34,34,39,.16),0 24px 55px rgba(144,24,35,.12)}.badge-icon{width:43px;height:43px;display:grid;place-items:center;background:#f7e9e7;border-radius:13px;color:var(--chili);font-size:1.3rem;font-weight:800}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,5vw,4.5rem);align-items:start}.parallax{position:relative;min-height:clamp(430px,80vh,750px);display:flex;align-items:center;padding:3rem 0;background:#29232a url('/assets/images/zion-design-parallax.webp') center / cover fixed no-repeat}.parallax .wrap{position:relative}.parallax-panel{background:rgba(255,255,255,.96);border-radius:22px;max-width:560px;padding:clamp(1.5rem,3vw,2.65rem);box-shadow:0 24px 65px rgba(0,0,0,.25)}.parallax-panel h2{font-size:clamp(1.85rem,3vw,2.7rem)}.cta-panel{border-radius:26px;padding:clamp(1.8rem,4vw,3.3rem)}.cta-panel h2{max-width:900px}.service-highlight{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px}.route-demo{background:#fff;border-radius:19px;padding:1.6rem;border:1px solid var(--line);box-shadow:0 14px 35px rgba(24,25,29,.075);text-align:center}.route-demo .arrow{display:block;font-size:1.8rem;color:var(--chili);margin:5px}.mockups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mockup{min-height:220px;padding:1.4rem;border-radius:18px;border:1px solid #dccac4;background:linear-gradient(145deg,#fff,#f5edeb);display:flex;flex-direction:column;justify-content:space-between}.mockup-visual{font-size:clamp(1.25rem,2vw,1.8rem);font-weight:850;line-height:1.25;color:#fff;background:var(--ox);padding:1.25rem;border-radius:12px;overflow-wrap:anywhere}.mockup-label{font-size:.8rem;color:var(--muted)}.bullet-free{display:grid;gap:14px;margin:1.5rem 0}.bullet-free article{padding:16px 0;border-bottom:1px solid var(--line)}.bullet-free h3{margin-bottom:.35rem}.bullet-free p{margin:0}.faqs{max-width:980px;margin:auto}.faqs details{border-bottom:1px solid var(--line);padding:1.12rem .4rem}.faqs summary{cursor:pointer;font-weight:750;font-size:1.05rem}.faqs details p{margin-top:14px}.formbox{background:#fff;padding:clamp(1.2rem,3vw,2.2rem);border-radius:22px;border:1px solid var(--line);box-shadow:0 15px 40px rgba(25,25,30,.07)}.field{margin-bottom:1.05rem}.field label{display:block;font-weight:700;margin-bottom:.42rem}.field input:not([type=checkbox]),.field select,.field textarea{display:block;width:100%;min-height:47px;border:1px solid #b7b6b6;border-radius:10px;padding:.7rem .9rem;background:#fff;color:var(--ink)}.field textarea{min-height:115px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--chili)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.field.full{grid-column:1/-1}.checklabel{display:flex;align-items:flex-start;gap:.7rem}.checklabel input{margin-top:.5rem}.honeypot{position:absolute;left:-9999px}.error,.success{padding:1.1rem;border-radius:10px;margin-bottom:1rem}.error{background:#fff0eb;border:1px solid #b65c49}.success{background:#ebf6eb;border:1px solid #578866}.footer{background:#1e252b;color:#f4f1ec;padding:3rem 0 2rem}.footer a{color:#fff}.foot-grid{display:flex;justify-content:space-between;gap:2rem;align-items:start}.foot-nav{display:flex;gap:12px 24px;flex-wrap:wrap;justify-content:flex-end}.foot-nav a{font-size:.92rem}.footer .small{color:#c8cfd0;margin:2rem 0 0}.legal-copy{max-width:850px}.legal-copy h2{font-size:clamp(1.45rem,2.4vw,2rem);margin:2rem 0 .8rem}.legal-copy h3{margin:1.5rem 0 .6rem}.legal-copy p,.legal-copy li{max-width:78ch}.caption{font-size:.85rem;color:var(--muted)}.page-head{padding:clamp(3rem,5vw,5rem) 0;background:var(--rose-mesh)}.page-head .wrap{max-width:var(--max)}.page-head h1{max-width:1100px}.page-head .lead{max-width:820px}.link-card{display:block;text-decoration:none;color:inherit}.link-card:hover h3{color:var(--chili)}
@media(max-width:900px){.hero-row,.two{grid-template-columns:1fr}.hero-feature{max-width:650px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-highlight{grid-template-columns:1fr}.mockups{grid-template-columns:1fr 1fr}.parallax{background-attachment:scroll;min-height:460px;background-image:url('/assets/images/zion-design-parallax-mobile.webp')}}
@media(max-width:720px){.head{min-height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;padding:16px var(--pad) 20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:0 20px 25px rgba(0,0,0,.12)}.nav.open{display:flex}.nav a{padding:12px 8px;border-bottom:1px solid #f1eded}.section{padding:42px 0}.hero{padding:48px 0}.grid,.grid.two-col,.mockups,.form-grid{grid-template-columns:1fr}.foot-grid{flex-direction:column}.foot-nav{justify-content:flex-start}.parallax{min-height:440px}.parallax-panel{padding:22px}.actions{gap:10px}.actions .btn{width:100%}.formbox .btn{width:100%}h1{font-size:clamp(2rem,8vw,2.85rem)}}
@media(max-width:370px){.brand{font-size:.95rem}.brand img{width:35px;height:35px}.menu-toggle{font-size:.88rem;padding:.45rem}.parallax{min-height:410px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.parallax{background-attachment:scroll}}

/* CM visual refinement V4: single consistent shared system */
:root{
 --ivory:#EDE2D8; --line:#DDC9BF; --muted:#51454B;
 --rose-mesh:radial-gradient(ellipse at 8% 10%,#EDE2D8 0%,transparent 77%),radial-gradient(ellipse at 90% 8%,#C76168 0%,transparent 77%),radial-gradient(ellipse at 85% 98%,#901823 0%,transparent 76%),#D1A59B;
}
body{background:var(--ivory);color:#292830}
/* Identical compact top/bottom spacing for all editorial sections, including hero */
.section,.section-sm,.hero,.page-head{padding:clamp(28px,3.2vw,42px) 0}
.section.light,.section.white{background:#EDE2D8}
/* gentle soft seams between sections, without a hard white-to-red cut */
.hero,.page-head{background:var(--rose-mesh)}
.hero+.section,.page-head+.section{background:linear-gradient(to bottom,#D1A59B 0%,#EDE2D8 100%)}
.section+.section{border-top:0}
.section .wrap>h2{max-width:100%}
.copy{max-width:940px}
.lead{max-width:980px}
.section h2{max-width:1100px}
.grid{gap:18px;margin-top:1.25rem}
.card{box-shadow:0 8px 24px rgba(57,25,32,.08);border-color:#DCC7BD}
.card-action:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(57,25,32,.14)}
.actions{margin-top:1.2rem;margin-bottom:1rem;gap:12px}
.actions+p,.actions+.small,.btn+.small{margin-top:1.25rem}
/* floating translucent glass header */
.topbar{position:sticky;top:12px;width:min(1180px,calc(100% - 30px));margin:12px auto 0;border:1px solid rgba(255,255,255,.65);border-radius:21px;background:rgba(248,241,234,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 36px rgba(75,26,40,.14);z-index:50}
.head{min-height:65px;padding:0 18px}
.brand{font-size:1.03rem}
.menu-toggle{background:rgba(255,255,255,.75)}
/* single strong CTA styling: quieter surrounding cards */
.btn{box-shadow:0 8px 18px rgba(102,18,27,.15)}
.hero-feature{box-shadow:0 12px 35px rgba(79,23,34,.12)}
/* shorter image exposure; parallax remains fixed only on desktop */
.parallax{min-height:clamp(350px,65vh,570px);padding:28px 0}
.parallax-panel{box-shadow:0 16px 42px rgba(31,20,22,.20)}
/* Oxblood footer, all copy and links white */
.footer{background:#66121B;color:#FFFFFF;padding:clamp(28px,3.2vw,42px) 0}
.footer *,.footer a,.footer .small,.footer p,.footer strong{color:#FFFFFF!important}
.footer a:hover{text-decoration:underline}
/* convert final CTA to integrated Oxblood visual transition */
.section:has(> .wrap > .cta-panel){background:linear-gradient(to bottom,#EDE2D8 0%,#D1A59B 100%)}
.cta-panel{padding:clamp(25px,3.2vw,40px);border-radius:22px}
.cta-panel h2{max-width:1100px}
@media(max-width:720px){
 .topbar{top:8px;margin-top:8px;width:calc(100% - 18px);border-radius:17px}
 .head{min-height:62px;padding:0 10px}
 .nav{left:0;right:0;top:calc(100% + 6px);border-radius:16px;background:#F1E7DF;box-shadow:0 13px 26px rgba(64,22,30,.16)}
 .section,.section-sm,.hero,.page-head{padding:28px 0}
 .parallax{min-height:350px;background-attachment:scroll}
 .card{padding:20px}
 .footer{padding:28px 0}
}
@media(prefers-reduced-motion:reduce){.parallax{background-attachment:scroll}}

/* V5: neutral-first refinement. Chili Red is the only fixed brand hue. */
:root{
 --chili:#901823; --ox:#5E1420; --ivory:#E2DED7; --ink:#25272B;
 --muted:#505159; --line:#CDC6BD; --stone:#D5CFC6;
 --rose-mesh:radial-gradient(ellipse 50% 72% at 98% 90%,rgba(144,24,35,.23) 0%,rgba(144,24,35,.07) 45%,transparent 100%),radial-gradient(ellipse 75% 65% at 9% 7%,#EEE9E2 0%,transparent 83%),linear-gradient(118deg,#E9E3DC 0%,#D8D2C9 56%,#C9C0B8 100%);
 --bloom-mesh:radial-gradient(ellipse at 98% 10%,rgba(170,60,70,.42),transparent 62%),linear-gradient(125deg,#5E1420 0%,#901823 100%);
}
body{background:#E2DED7;color:var(--ink)}
/* Calm contiguous surfaces: no pink-heavy full-bleed gradient or abrupt blade edges. */
.hero,.page-head{background:var(--rose-mesh)}
.hero+.section,.page-head+.section{background:linear-gradient(180deg,#D5CFC6 0%,#E2DED7 72%,#E2DED7 100%)}
.section.light,.section.white,.section-sm.light,.section-sm.white{background:#E2DED7}
.section:has(> .wrap > .cta-panel){background:linear-gradient(180deg,#E2DED7 0%,#D5CFC6 100%)}
/* All editorial blades share identical compact top/bottom padding. */
.section,.section-sm,.hero,.page-head{padding:clamp(26px,3vw,40px) 0}
.hero .eyebrow:empty{display:none}
/* A glass header with neutral tint, softened edge and restrained depth. */
.topbar{background:rgba(237,233,226,.84);border-color:rgba(255,255,255,.64);box-shadow:0 8px 26px rgba(32,31,35,.13)}
.menu-toggle{background:rgba(246,243,237,.85)}
/* Warm porcelain surfaces distinguish content without shouting. */
.card,.route-demo,.formbox{background:#F1EEE9;border-color:#D2CBC2;box-shadow:0 7px 20px rgba(34,32,36,.055)}
.hero-feature,.parallax-panel{background:rgba(245,242,237,.96);border-color:rgba(255,255,255,.7);box-shadow:0 12px 32px rgba(30,27,31,.12)}
.card-action:hover{transform:translateY(-2px);box-shadow:0 12px 27px rgba(34,32,36,.12)}
.badge-icon{background:#E6DCD5;color:var(--chili)}
.mockup{background:linear-gradient(140deg,#F1EEE9,#E1DAD2);border-color:#CDC6BD}
.mockup-visual{background:#5E1420}
/* The signature action remains Chili Red; all other buttons subdued. */
.btn{background:#901823;border-color:#901823;color:#fff;box-shadow:0 6px 15px rgba(83,24,31,.15)}
.btn:hover{background:#71131D;border-color:#71131D}
.cta-panel{background:var(--bloom-mesh);color:#fff}
.cta-panel .lead,.cta-panel .eyebrow{color:#fff}
.cta-panel .btn.alt{background:#F1EEE9;color:#5E1420;border-color:#F1EEE9}
/* Oxblood footer: all text and links pure white for reliable contrast. */
.footer{background:#5E1420;color:#fff;padding:clamp(26px,3vw,40px) 0}
.footer *,.footer a,.footer .small,.footer p,.footer strong{color:#fff!important}
.footer a:focus-visible{outline-color:#fff}
/* Equal density through image blade, no oversized visual void. */
.parallax{min-height:clamp(330px,53vh,480px);padding:clamp(26px,3vw,40px) 0}
/* Keep responsive typography and navigation calm. */
@media(max-width:720px){
 .section,.section-sm,.hero,.page-head{padding:26px 0}
 .parallax{min-height:340px;padding:26px 0}
 .nav{background:#EEE9E2}
 .topbar{background:rgba(237,233,226,.9)}
}

/* V6 / Unified canvas — continuous gradient above and below Zion. */
:root{
 --unified-gradient:radial-gradient(ellipse 70% 75% at 8% 7%,rgba(248,245,240,.75),transparent 82%),radial-gradient(ellipse 66% 76% at 96% 93%,rgba(181,164,154,.38),transparent 82%),linear-gradient(125deg,#E7E3DD 0%,#DBD5CD 50%,#D1CAC1 100%);
 --ivory:#DED8D0;--stone:#D4CDC5;--line:#C8BFB6;
}
html,body{background:#E0DAD3}body{background:var(--unified-gradient);background-attachment:fixed}
.gradient-zone{background:var(--unified-gradient);position:relative;isolation:isolate}
.gradient-zone-top{padding-top:clamp(84px,8.8vw,110px)}
.gradient-zone-bottom{padding-bottom:0}
/* No independent backgrounds on editorial sections: one seamless canvas. */
.gradient-zone .hero,.gradient-zone .page-head,
.gradient-zone .section,.gradient-zone .section-sm,
.gradient-zone .section.light,.gradient-zone .section.white,
.gradient-zone .section-sm.light,.gradient-zone .section-sm.white,
.gradient-zone .hero+.section,.gradient-zone .page-head+.section,
.gradient-zone .section:has(> .wrap > .cta-panel){background:none!important}
.gradient-zone .section,.gradient-zone .section-sm,.gradient-zone .hero,.gradient-zone .page-head{padding:clamp(26px,3vw,40px) 0}
/* Floating glass header is independent of document flow and does not create a background strip. */
.topbar{position:fixed;top:12px;left:50%;transform:translateX(-50%);margin:0;width:min(1180px,calc(100% - 30px));background:rgba(242,239,233,.78);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 25px rgba(40,35,36,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
/* Restrained translucent card surfaces. */
.card,.route-demo,.formbox,.parallax-panel,.hero-feature{background:rgba(248,246,242,.94);border-color:rgba(188,178,168,.65)}
/* The final CTA remains on the SAME neutral gradient; red is reserved for the action. */
.cta-panel,.cta-panel.mesh-bloom{background:rgba(248,246,242,.68)!important;color:var(--ink)!important;border:1px solid rgba(188,178,168,.6);box-shadow:0 9px 25px rgba(44,34,35,.055)}
.cta-panel .eyebrow{color:var(--chili)!important}
.cta-panel .lead,.cta-panel .muted{color:#39383E!important}
.cta-panel .btn.alt{background:var(--chili);border-color:var(--chili);color:#fff}
.cta-panel .btn.alt:hover{background:#70121D;border-color:#70121D;color:#fff}
/* Solid Oxblood footer; all footer copy uses white. */
.footer{background:#5E1420;color:#fff}
.footer *,.footer a,.footer p,.footer .small,.footer strong{color:#fff!important}
/* Parallax separates the two matching background canvases. */
.parallax{min-height:clamp(330px,53vh,480px)}
@media(max-width:720px){
 .gradient-zone-top{padding-top:78px}
 .topbar{top:8px;width:calc(100% - 18px)}
 .gradient-zone .section,.gradient-zone .section-sm,.gradient-zone .hero,.gradient-zone .page-head{padding:26px 0}
}

/* V7: differentiated neutral gradient; identical canvas above/below the parallax. */
:root{--unified-gradient:
 radial-gradient(ellipse 48% 68% at 9% 12%,rgba(250,249,246,.93) 0%,rgba(250,249,246,0) 100%),
 radial-gradient(ellipse 58% 70% at 91% 69%,rgba(155,141,132,.47) 0%,rgba(155,141,132,0) 100%),
 linear-gradient(125deg,#EEEAE5 0%,#D9D1C7 47%,#C7BCB1 100%)}
/* Gradient has visible contrast; translucent cards show a soft directional tint. */
.gradient-zone .card,.gradient-zone .route-demo,.gradient-zone .cta-panel,.gradient-zone .formbox,
.gradient-zone .mockup,.gradient-zone .hero-feature{
 background:linear-gradient(135deg,rgba(255,255,255,.94) 0%,rgba(244,241,235,.90) 55%,rgba(226,219,210,.89) 100%)!important;
 border:1px solid rgba(166,152,141,.40);
 box-shadow:0 9px 25px rgba(39,34,36,.075);
}
/* Every section still has the same small spacing, hero included. */
.gradient-zone .hero,.gradient-zone .section,.gradient-zone .section-sm,.gradient-zone .page-head{padding:clamp(26px,3vw,40px) 0}
/* Place hero copy to the left, its single primary CTA in the available right column. */
@media(min-width:901px){
 .gradient-zone-top>.hero>.wrap{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr);column-gap:clamp(25px,5vw,75px);align-items:center}
 .gradient-zone-top>.hero h1{grid-column:1/-1;max-width:1120px}
 .gradient-zone-top>.hero .lead{grid-column:1;max-width:none;margin-bottom:0}
 .gradient-zone-top>.hero .hero-cta{grid-column:2;grid-row:2;justify-content:center;margin:0}
 .gradient-zone-top>.hero .hero-cta .btn{width:100%;max-width:270px}
}
/* Accessible, subtle reveals: initial visibility is JS-gated, never CSS-only. */
@media(prefers-reduced-motion:no-preference){
 .cm-motion .cm-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.2,.75,.3,1)}
 .cm-motion .cm-reveal.cm-visible{opacity:1;transform:none}
 .cm-motion .card.cm-reveal:nth-child(2){transition-delay:90ms}
}
@media(prefers-reduced-motion:reduce){.cm-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* V8 / Utah Sandstone: color-only refinements on the proven V7 layout. */
:root{
  --chili:#901823;
  --unified-gradient:
    radial-gradient(ellipse 64% 80% at 8% 11%,rgba(251,245,239,.92) 0%,rgba(251,245,239,0) 78%),
    radial-gradient(ellipse 57% 75% at 95% 74%,rgba(190,143,124,.43) 0%,rgba(190,143,124,0) 81%),
    linear-gradient(115deg,#F4EBE3 0%,#E8DCD2 40%,#D8B7A6 78%,#CBA08C 100%);
  --ivory:#F4EBE3;
  --stone:#D8B7A6;
  --line:#D6B9A9;
}
html,body{background-color:#E8DCD2}
/* Repeat the same background on both sides of the Zion image. */
body,.gradient-zone{background-image:var(--unified-gradient)}
.gradient-zone .card,.gradient-zone .route-demo,.gradient-zone .cta-panel,
.gradient-zone .formbox,.gradient-zone .mockup,.gradient-zone .hero-feature{
  background:linear-gradient(125deg,rgba(247,240,233,.97) 0%,rgba(241,227,216,.94) 55%,rgba(234,219,208,.93) 100%)!important;
  border-color:rgba(184,145,123,.45);
  box-shadow:0 9px 25px rgba(67,37,30,.085);
}
.topbar{background:rgba(244,235,227,.82);border-color:rgba(255,250,246,.72);box-shadow:0 8px 25px rgba(67,37,30,.13)}
.menu-toggle{background:rgba(247,240,233,.9)}
@media(max-width:720px){.nav{background:#F4EBE3}.topbar{background:rgba(244,235,227,.9)}}
/* Footer remains Oxblood with pure-white type; actions remain Chili Red. */
.footer{background:#5E1420}.footer *,.footer a,.footer p,.footer .small,.footer strong{color:#FFFFFF!important}
.btn{background:#901823;border-color:#901823}

/* V9 — solid Pale Sandstone card surfaces; preserve Zion parallax panel exactly as V8. */
.gradient-zone .card,.gradient-zone .route-demo,.gradient-zone .cta-panel,
.gradient-zone .formbox,.gradient-zone .mockup,.gradient-zone .hero-feature,
.card,.route-demo,.cta-panel,.formbox,.mockup,.hero-feature{
 background:#F7F0E9!important;
}
/* Intentionally do not override .parallax-panel or its V8 translucent backdrop. */

/* V9 content polish: reusable scroll-reveal movement, triggered on entry in either scroll direction. */
@media (prefers-reduced-motion:no-preference){
  .cm-motion .cm-reveal {
    opacity:0;transform:translate3d(0,13px,0);
    transition:opacity .52s ease-out,transform .52s cubic-bezier(.2,.75,.3,1);
    will-change:opacity,transform;
  }
  .cm-motion .cm-reveal.cm-visible {opacity:1;transform:translate3d(0,0,0)}
  .cm-motion .cm-reveal.card:nth-child(2) {transition-delay:85ms}
}
@media (prefers-reduced-motion:reduce){
  .cm-motion .cm-reveal {opacity:1!important;transform:none!important;transition:none!important}
}

/* V9 mobile menu clarity patch — visible close controls and focus states. */
.mobile-menu-close{display:none}
@media(max-width:720px){
 .menu-toggle{min-width:96px;text-align:center;white-space:nowrap;border:1px solid #B8917E;background:#F7F0E9;color:#25242B}
 .menu-toggle[aria-expanded="true"]{background:#901823;color:#fff;border-color:#901823}
 .nav.open{padding-top:12px}
 .nav .mobile-menu-close{display:block;align-self:flex-end;width:auto;padding:8px 13px;margin:0 0 4px;border:1px solid #B8917E;border-radius:9px;background:#F7F0E9;color:#901823;font-weight:750}
 .nav .mobile-menu-close:focus-visible{outline:3px solid #901823;outline-offset:3px}
}

/* Camp Mercury V12: unified compact layout, service plans and aligned footer */
.section,.section-sm,.hero,.page-head{padding:32px 0!important}
.section .wrap,.section-sm .wrap,.hero .wrap,.page-head .wrap{width:min(var(--max),calc(100% - 2*var(--pad)));margin-inline:auto}
.cta-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center}
.cta-inline h2,.cta-inline p{grid-column:1;max-width:800px;margin:0}
.cta-inline .actions{grid-column:2;grid-row:1/span 2;margin:0;justify-content:flex-end}
.cta-inline .eyebrow{grid-column:1}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.footer-copyright{text-align:right;margin:0}
.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.price-card{display:flex;flex-direction:column;gap:8px}
.price-card p{margin:0}
.price-card .price{font-size:clamp(2rem,3vw,2.8rem);font-weight:750;color:var(--chili);line-height:1.2}
.price-card .btn{margin-top:auto;align-self:flex-start}
.price-card.preferred{border:2px solid var(--chili)}
.legal{max-width:900px}
.legal h2{margin-top:22px}
@media(max-width:800px){.pricing-grid{grid-template-columns:1fr}.cta-inline{display:block}.cta-inline .actions{margin-top:18px;justify-content:flex-start}.footer-right{align-items:flex-start}.footer-copyright{text-align:left}}
@media(max-width:720px){.section,.section-sm,.hero,.page-head{padding:24px 0!important}}

/* Camp Mercury V14: unified, compact editorial rhythm and safe fixed-nav clearance */
.gradient-zone-top{padding-top:clamp(86px,7.2vw,100px)!important}
.gradient-zone .hero,.gradient-zone .page-head,.gradient-zone .section,.gradient-zone .section-sm{padding-top:clamp(18px,2vw,26px)!important;padding-bottom:clamp(18px,2vw,26px)!important}
.gradient-zone .hero:first-child,.gradient-zone .page-head:first-child{padding-top:clamp(12px,1.5vw,20px)!important}
.gradient-zone .page-head p:last-child,.gradient-zone .hero p:last-child{margin-bottom:0}
.gradient-zone .grid{margin-top:1rem}
.gradient-zone .actions{margin-top:1rem;margin-bottom:.7rem}
.gradient-zone .cta-panel{padding:clamp(20px,2.4vw,30px)}
@media(max-width:720px){.gradient-zone-top{padding-top:78px!important}.gradient-zone .hero,.gradient-zone .page-head,.gradient-zone .section,.gradient-zone .section-sm{padding-top:18px!important;padding-bottom:18px!important}}

/* V15: protect fixed-navigation clearance on all public legal pages */
main > .gradient-zone-top { padding-top:clamp(96px,8vw,112px)!important; }
@media (max-width:720px){main > .gradient-zone-top{padding-top:90px!important}}
/* Compact rhythm applies to the full page while preserving existing colors */
.gradient-zone .section + .section,.gradient-zone .section + .section-sm,.gradient-zone .section-sm + .section {margin-top:0!important}

/* V16: a continuous legal document prevents stacked section padding. */
.gradient-zone .page-head .legal-unified{max-width:min(var(--max),calc(100% - 2*var(--pad)))}
.gradient-zone .legal-unified>.lead{margin-bottom:0}
.gradient-zone .legal-unified>h2{margin-top:22px;margin-bottom:10px}
.gradient-zone .legal-unified>h2:first-of-type{margin-top:18px}
.gradient-zone .legal-unified>p+h2{margin-top:22px}
.gradient-zone .legal-unified>p{max-width:900px}

/* City CTA: give the copy room and avoid orphaned final words at desktop widths. */
@media(min-width:801px){.home-city-cta{grid-template-columns:minmax(0,1fr) max-content;column-gap:18px}.home-city-cta h2,.home-city-cta p{max-width:none}.home-city-cta .actions .btn{white-space:nowrap}}

/* Annual lease savings statement */
.annual-savings { text-align:center; margin: 1.35rem auto 1rem; line-height:1.6; }
.annual-savings strong { font-weight:800; }

/* BestHairSalon.in editorial companion: Camp Mercury V9 design tokens & floating navigation. */
:root{--max:1240px;--chili:#901823;--ox:#5E1420;--ink:#1E252B}
html{scroll-padding-top:116px}
body{background:#E8DCD2}
.history-hero{isolation:isolate}
.gradient-zone-top>.hero.history-hero>.wrap.hero-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:clamp(24px,4vw,62px);align-items:center}
.gradient-zone-top>.hero.history-hero h1{grid-column:auto;max-width:900px}
.gradient-zone-top>.hero.history-hero .lead{grid-column:auto;grid-row:auto;max-width:740px;margin:.5rem 0 0}
.history-hero .hero-copy{min-width:0}
.history-hero .actions{margin:1.3rem 0 .5rem}
.hero .editorial-line{font-size:.78rem;letter-spacing:.01em;color:#66575B;margin:1rem 0 0!important}
.link-button{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-weight:700;color:#6a1d25}
.link-button:hover{text-decoration:underline}
.salon-graphic{position:relative;min-height:330px;background:linear-gradient(135deg,#6E1B27 0%,#9B3242 55%,#C68175 100%);border:1px solid rgba(93,18,28,.35);border-radius:28px;overflow:hidden;box-shadow:0 20px 40px rgba(57,24,28,.13)}
.salon-graphic:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 95% 8%,rgba(249,239,232,.38),transparent 50%),repeating-linear-gradient(135deg,transparent,transparent 30px,rgba(255,255,255,.018) 30px,rgba(255,255,255,.018) 32px)}
.graphic-rings{position:absolute;inset:0}
.graphic-arch{position:absolute;inset:31px 18% 30px 18%;border:6px solid rgba(255,240,227,.68);border-radius:140px 140px 14px 14px}
.graphic-mirror{position:absolute;inset:55px 24% 76px 24%;border:5px solid rgba(255,240,227,.6);border-radius:150px 150px 15px 15px;background:linear-gradient(145deg,rgba(248,221,197,.23),rgba(55,17,40,.04))}
.graphic-plinth{position:absolute;width:43%;height:8px;background:#f7f0e9;left:28.5%;top:70%;border-radius:10px}
.graphic-stem{position:absolute;width:8px;height:65px;background:#f7f0e9;left:calc(50% - 4px);top:70%;border-radius:4px}
.graphic-comb{position:absolute;top:29%;left:50%;transform:translateX(-50%) rotate(-15deg);letter-spacing:10px;font-size:3.6rem;font-weight:300;opacity:.68;color:#fff}
.graphic-caption{position:absolute;bottom:14px;left:20px;right:20px;background:rgba(247,240,233,.94);border-radius:13px;padding:12px 18px;display:flex;flex-direction:column;gap:1px}
.graphic-caption span{letter-spacing:.12em;font-size:.7rem;font-weight:800;color:#901823}
.graphic-caption strong{font-size:1.15rem;letter-spacing:-.02em}
.intro-section .intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.72fr);gap:clamp(22px,5vw,88px);align-items:start}
.intro-section h2{max-width:710px}
.intro-section p{max-width:810px}
.quick-facts{padding:clamp(20px,2.8vw,30px)!important;border-radius:22px}
.quick-facts .eyebrow{margin-bottom:8px}
.quick-facts dl{margin:0}
.quick-facts dl div{display:grid;grid-template-columns:102px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #E0CCC1}
.quick-facts dl div:last-child{border-bottom:0}
.quick-facts dt{font-weight:800;color:#901823;line-height:1.4}
.quick-facts dd{margin:0;font-size:.94rem;line-height:1.45}
.reading-section{background:#fcfaf8;padding:clamp(35px,5vw,70px) 0}
.story-layout{display:grid;grid-template-columns:245px minmax(0,840px);gap:clamp(30px,5vw,76px);justify-content:center;align-items:start}
.story-nav{position:sticky;top:105px;padding:22px 20px;border-radius:20px;border:1px solid #E8DAD0;background:#F7F0E9;display:flex;flex-direction:column;gap:4px}
.story-nav .eyebrow{margin-bottom:9px}
.story-nav a{font-size:.88rem;font-weight:650;color:#4d4145;text-decoration:none;display:block;padding:6px 7px;border-radius:8px;line-height:1.35}
.story-nav a:hover,.story-nav a:focus-visible{background:#ead9d0;color:#901823}
.story-content{min-width:0}
.story-block{margin:0;padding:0 0 42px;scroll-margin-top:105px}
.story-block+.story-block{padding-top:36px;border-top:1px solid #e8ded7}
.story-block h2{font-size:clamp(1.75rem,2.65vw,2.65rem);margin-bottom:16px}
.story-block h3{font-size:1.28rem;margin-top:22px;margin-bottom:7px}
.story-block p{font-size:1.02rem;line-height:1.77;color:#35363a;max-width:78ch}
.story-block .eyebrow{font-size:.78rem}
.timeline{list-style:none;padding:0;margin:22px 0 0;border-left:2px solid #d3ad9d}
.timeline li{padding:0 0 22px 27px;position:relative;display:grid;grid-template-columns:125px 1fr;gap:16px}
.timeline li:before{content:"";position:absolute;width:12px;height:12px;border:3px solid #901823;border-radius:50%;background:#fff;left:-9px;top:3px}
.timeline li:last-child{padding-bottom:0}
.timeline-date{font-weight:850;color:#901823;font-size:.87rem}
.timeline h3{margin:0 0 3px;font-size:1.11rem}
.timeline p{margin:0;font-size:.92rem;line-height:1.55}
.cite{font-size:.7em;vertical-align:super;white-space:nowrap;margin:0 1px 0 3px}
.cite a{font-weight:800;text-decoration:none;color:#901823}
.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 0}
.people-card{padding:20px!important;border-radius:18px}
.people-card h3{font-size:1.06rem;margin:0 0 9px}
.people-card p{font-size:.91rem;line-height:1.56;margin:0}
.editorial-note{background:#F7F0E9;border-left:4px solid #901823;border-radius:0 12px 12px 0;padding:18px 20px;margin:21px 0}
.editorial-note p{margin:8px 0 0;font-size:.95rem;line-height:1.6}
.editorial-note code{overflow-wrap:anywhere;font-size:.95em}
.faq-list{border-top:1px solid #ddd0c7;margin-top:22px}
.faq-item{border-bottom:1px solid #ddd0c7;padding:0}
.faq-item summary{position:relative;cursor:pointer;font-size:1.04rem;font-weight:750;list-style:none;padding:19px 40px 19px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:'+';position:absolute;right:12px;top:16px;font-size:1.4rem;color:#901823}
.faq-item[open] summary:after{content:'−'}
.faq-item .faq-answer{padding:0 18px 12px 0}
.faq-item .faq-answer p{margin:0;font-size:.98rem}
.source-list{margin:20px 0;padding-left:23px;display:grid;gap:8px;font-size:.91rem;line-height:1.45}
.source-list li{padding-left:5px;scroll-margin-top:120px}
.source-list li::marker{font-weight:750;color:#901823}
.source-list a{overflow-wrap:anywhere}
.editorial-cta{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:clamp(22px,3vw,38px)!important}
.editorial-cta h2{font-size:clamp(1.5rem,2.3vw,2.2rem);margin-bottom:6px}
.editorial-cta p{margin:0}
.editorial-cta .actions{flex-shrink:0}
.prose-card{background:#F7F0E9;border:1px solid #e3ccc0;border-radius:22px;padding:clamp(18px,3vw,38px);box-shadow:0 10px 24px rgba(67,37,30,.06);margin:25px 0 10px;max-width:980px}
.prose-card h2{font-size:clamp(1.4rem,2vw,1.75rem);margin:24px 0 8px}
.prose-card h2:first-child{margin-top:0}
.prose-card p{max-width:80ch}
.admin-shell{padding:125px 0 50px;min-height:72vh}
.admin-panel{background:#F7F0E9;border-radius:20px;border:1px solid #dcbfb1;padding:clamp(18px,3vw,34px);box-shadow:0 10px 30px rgba(67,37,30,.07)}
.admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-fields label{display:flex;flex-direction:column;gap:5px;font-size:.86rem;font-weight:700}
.admin-fields input,.admin-fields select{border:1px solid #bfa89e;background:#fff;border-radius:9px;padding:11px 12px;width:100%;min-width:0}
.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}
.admin-table th,.admin-table td{border-bottom:1px solid #e0ccc1;padding:10px 8px;text-align:left;word-break:break-word}
.admin-table-wrap{overflow-x:auto}
.admin-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}
.admin-stat{padding:16px;background:white;border:1px solid #e4d4cb;border-radius:12px}
.admin-stat strong{display:block;color:#901823;font-size:1.65rem;line-height:1.3}
.admin-stat span{font-size:.77rem;color:#57515a}
.admin-alert{padding:12px 16px;border-left:4px solid #901823;background:#fff;border-radius:6px;margin:16px 0}
.admin-panel .btn{cursor:pointer}
.admin-inline{display:flex;flex-wrap:wrap;align-items:end;gap:10px}
.admin-inline label{flex:1;max-width:320px}
.admin-section{margin-top:28px;padding-top:22px;border-top:1px solid #dcc8bb}
.admin-section h2{font-size:1.5rem}
@media(max-width:1020px){.story-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.people-grid{grid-template-columns:1fr}.gradient-zone-top>.hero.history-hero>.wrap.hero-layout{grid-template-columns:1.2fr .8fr}}
@media(max-width:800px){.gradient-zone-top>.hero.history-hero>.wrap.hero-layout{grid-template-columns:1fr;gap:12px}.history-hero .salon-graphic{min-height:245px;max-width:570px}.intro-section .intro-grid{grid-template-columns:1fr;gap:16px}.story-layout{display:block}.story-nav{display:none}.story-block{padding-bottom:30px}.story-block+.story-block{padding-top:26px}.editorial-cta{display:block}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.history-hero h1{font-size:clamp(2.15rem,8.2vw,3rem)}.history-hero .salon-graphic{min-height:215px}.quick-facts dl div{grid-template-columns:90px 1fr}.timeline li{grid-template-columns:1fr;gap:2px;padding-left:20px}.reading-section{padding:28px 0}.story-block h2{font-size:1.77rem}.admin-fields{grid-template-columns:1fr}.footer .foot-nav{gap:9px}.editorial-cta .actions{margin-top:16px}}

/* Registry-based city inquiry pages / footer baseline fix. */
.footer .small.footer-copyright{margin:0;text-align:right}
.foot-grid{align-items:center}
.city-offer-panel{max-width:880px;margin-inline:auto}
.city-offer-panel h1{max-width:820px;overflow-wrap:anywhere}
.city-route{display:grid;gap:12px;background:#f7f0e9;border:1px solid #e5ccc1;border-radius:20px;padding:clamp(18px,3vw,28px);margin:26px 0 24px;text-align:center}
.city-route>div{padding:16px;border-radius:13px;background:#fff;box-shadow:0 8px 25px rgba(77,17,25,.07)}
.city-route-label{display:block;font-size:.8rem;color:#5c5961;margin-bottom:4px}
.city-route strong{display:block;font-size:clamp(1.12rem,2vw,1.45rem);color:#901823;overflow-wrap:anywhere}
.city-route-arrow{font-size:1.45rem;line-height:1;color:#901823;font-weight:800}
@media(max-width:820px){.footer .small.footer-copyright{text-align:left}.foot-grid{align-items:flex-start}}


/* City advertising opportunity — conversion-focused layout (city2). */
.city-offer-panel{max-width:1040px;padding:clamp(22px,3.3vw,38px);margin:12px auto 10px}
.city-offer-panel .city-offer-title{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.11;letter-spacing:-.032em;max-width:23ch;text-wrap:balance;overflow-wrap:break-word;margin:0 0 15px}
.city-offer-panel .city-offer-intro{font-size:clamp(1rem,1.36vw,1.17rem);line-height:1.58;max-width:78ch;margin:0 0 13px}
.city-offer-panel .eyebrow{margin-bottom:13px}
.city-offer-panel .city-route{margin:16px 0 13px;padding:clamp(14px,2vw,22px);gap:8px}
.city-route>div.city-route-box{padding:clamp(14px,2vw,19px)}
.city-route .city-route-label{font-size:.85rem;margin-bottom:3px}
.city-route strong.city-route-url{font-size:clamp(1.21rem,2.35vw,1.83rem);line-height:1.25;font-weight:850;letter-spacing:-.024em;overflow-wrap:anywhere}
.city-route strong.city-destination-heading{font-size:clamp(1.15rem,2vw,1.46rem);line-height:1.3;color:var(--ink)}
.city-route .city-destinations{max-width:66ch;margin:7px auto 0;font-size:clamp(.91rem,1.24vw,1.03rem);line-height:1.53;color:#45434b}
.city-route .city-route-arrow{font-size:1.4rem;line-height:1.15}
.city-offer-panel .city-route-note{max-width:78ch;font-size:.95rem;color:#46414a;margin:0 0 26px}
.city-offer-panel .city-services{margin-top:22px}
.city-offer-panel .city-services h2,.city-offer-panel .city-availability h2{font-size:clamp(1.5rem,2.25vw,1.95rem);margin:0 0 10px;line-height:1.2}
.city-offer-panel .city-services>p{max-width:75ch;margin:0 0 14px}
.city-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0 20px}
.city-service-card{min-width:0;padding:clamp(15px,2vw,21px);background:#fff;border:1px solid #e5ccc1;border-radius:15px;box-shadow:0 7px 22px rgba(77,17,25,.045)}
.city-service-card h3{font-size:clamp(1.06rem,1.45vw,1.23rem);letter-spacing:-.02em;line-height:1.28;color:#901823;margin:0 0 8px}
.city-service-card p{font-size:.93rem;line-height:1.55;margin:0;color:#3d3d43}
.city-no-website{background:#fff;border:1px solid #e5ccc1;border-left:4px solid #901823;border-radius:13px;padding:17px 19px;margin:16px 0 23px}
.city-offer-panel .city-no-website h2{font-size:clamp(1.2rem,1.75vw,1.44rem);margin:0 0 6px;line-height:1.2}
.city-no-website p{margin:0;max-width:80ch;font-size:.95rem;line-height:1.57}
.city-availability{border-top:1px solid #ddc9bf;padding-top:19px}
.city-availability p{margin:0 0 11px}
.city-availability p.small{font-size:.85rem;line-height:1.55}
.city-offer-panel .city-offer-actions{margin:18px 0 0;gap:12px}
.city-offer-actions .btn{max-width:100%;text-align:center}
@media(max-width:800px){.city-service-grid{grid-template-columns:1fr;gap:10px}.city-service-card{padding:16px 18px}.city-offer-panel .city-offer-title{max-width:none}}
@media(max-width:520px){.city-offer-panel{padding:21px 16px}.city-offer-panel .city-offer-title{font-size:clamp(1.95rem,8vw,2.5rem)}.city-offer-panel .city-offer-intro{font-size:1rem}.city-offer-panel .city-route{padding:13px}.city-route>div.city-route-box{padding:14px 10px}.city-route strong.city-route-url{font-size:clamp(1.12rem,5.3vw,1.35rem)}.city-offer-actions{flex-direction:column;align-items:stretch}.city-offer-actions .btn{width:100%;white-space:normal}.city-service-card h3{font-size:1.14rem}}