
:root{--red:#901823;--red-dark:#66121b;--ink:#1e252b;--cream:#f8f4ee;--rose:#e7dad5;--brass:#c39a63;--muted:#53606a;--white:#fff;--shadow:0 14px 34px rgba(30,37,43,.12),0 24px 55px rgba(144,24,35,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--cream);line-height:1.62}a{color:var(--red)}img{max-width:100%;height:auto}button,input,textarea{font:inherit}p{margin:0 0 1.1rem}h1,h2,h3{line-height:1.13;letter-spacing:-.045em;margin:0 0 1.2rem}h1{font-size:clamp(2.3rem,5.6vw,5rem)}h2{font-size:clamp(1.95rem,3.9vw,3.5rem)}h3{font-size:1.36rem}main{overflow:clip}.wrap{width:min(1160px,calc(100% - 2.3rem));margin:auto}.narrow{max-width:780px}.skip{position:absolute;left:1rem;top:-6rem;z-index:100;background:white;padding:.6rem}.skip:focus{top:1rem}:focus-visible{outline:3px solid #c39a63;outline-offset:3px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--red);font-size:.78rem;font-weight:800;margin-bottom:1rem}.topbar{position:sticky;top:0;z-index:60;background:rgba(255,253,250,.96);border-bottom:1px solid #eadfdc;backdrop-filter:blur(12px)}.head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px}.brand{display:inline-flex;align-items:center;gap:.68rem;font-weight:850;font-size:1.14rem;color:var(--ink);text-decoration:none;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.nav{display:flex;align-items:center;gap:1.3rem}.nav>a{text-decoration:none;font-size:.94rem;font-weight:650;color:#333d43}.nav>a[aria-current=page]{color:var(--red)}.btn,.nav .btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:99px;background:var(--red);padding:.78rem 1.28rem;color:white;text-decoration:none;font-weight:750;box-shadow:0 10px 22px rgba(144,24,35,.18);transition:transform .2s,box-shadow .2s,background .2s;line-height:1.25;text-align:center}.btn:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 18px 30px rgba(144,24,35,.28)}.btn.alt{background:#fff;color:var(--red);border:1px solid #d9bdba;box-shadow:none}.btn.alt:hover{background:#f8eded}.menu-toggle{display:none;cursor:pointer;background:transparent;border:1px solid #d9bdba;border-radius:10px;padding:.55rem;color:var(--red)}.hero{background:linear-gradient(120deg,#fff 0%,#f8f4ee 56%,#ead9d5 100%);padding:clamp(4rem,8vw,7rem) 0}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:clamp(2rem,5vw,5rem)}.lead{font-size:clamp(1.08rem,1.7vw,1.28rem);color:#47535b;max-width:62ch}.lead b{color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.hero-feature{background:#fff;border:1px solid #e9dcd7;border-radius:24px;padding:clamp(1.4rem,3vw,2.8rem);box-shadow:var(--shadow)}.price{font-size:clamp(2.4rem,4vw,4rem);line-height:1.05;font-weight:850;letter-spacing:-.06em;color:var(--red);margin:.4rem 0}.small{font-size:.88rem;color:#596168}.url{display:block;overflow-wrap:anywhere;font-size:clamp(1.36rem,2.8vw,2.4rem);letter-spacing:-.045em;line-height:1.2;font-weight:820;color:var(--red)}.value-strip{background:var(--ink);color:#fff;padding:1rem 0}.value-strip .wrap{display:flex;flex-wrap:wrap;gap:.8rem 2.4rem;justify-content:space-between;font-size:.93rem;font-weight:650}.value-strip span:before{content:'✓';color:#ecc79e;margin-right:.5rem}.section{padding:clamp(3.5rem,7vw,7rem) 0}.section.soft{background:linear-gradient(120deg,#fff,#f8f4ee 60%,#e7dad5)}.section.dark{background:linear-gradient(125deg,#1e252b,#3f3036 74%,#66121b);color:#fff}.dark .eyebrow{color:#f7c4aa}.dark .muted{color:#e7d9db}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border:1px solid #e7dad5;border-radius:20px;padding:clamp(1.4rem,2.5vw,2.2rem);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;min-width:0}.card:hover{transform:translateY(-6px);box-shadow:0 22px 47px rgba(30,37,43,.19),0 34px 65px rgba(144,24,35,.16)}.card p{color:#4e5a61}.card h3{color:#1e252b}.icon-bubble{display:flex;align-items:center;justify-content:center;background:#f7e9e7;color:var(--red);font-weight:850;width:44px;height:44px;border-radius:13px;margin-bottom:1rem;font-size:1.35rem}.two{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,6rem)}.tag{display:inline-block;border:1px solid #dcc4bd;background:#fff8f4;color:#731a25;padding:.25rem .65rem;border-radius:20px;font-size:.78rem;font-weight:750}.note{font-size:.87rem;color:#566067}.price-band{border-radius:22px;background:#fff;padding:2rem;border-left:6px solid var(--red);box-shadow:var(--shadow)}.table-scroll{overflow-x:auto;border-radius:16px;border:1px solid #e2d7d4}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid #e7dad5;vertical-align:top}th{background:#f2e5e3}tr:last-child td{border-bottom:0}.parallax{min-height:120vh;padding:clamp(2.5rem,6vh,4rem) 0;background-image:linear-gradient(90deg,rgba(15,19,25,.16),rgba(15,19,25,.02)),url('/assets/images/zion-design-parallax.webp');background-position:center;background-size:cover;background-attachment:scroll,fixed;display:flex;align-items:flex-start}.parallax-panel{background:rgba(255,253,250,.97);border-radius:22px;padding:clamp(1.5rem,4vw,3rem);max-width:590px;box-shadow:0 32px 75px rgba(0,0,0,.29),0 18px 50px rgba(144,24,35,.23)}.parallax-panel h2{font-size:clamp(2.1rem,4vw,3.6rem)}.mockup{background:linear-gradient(150deg,#fff,#e8e1dc);padding:1.2rem;border:1px solid #e0d2cc;border-radius:22px;box-shadow:var(--shadow)}.mock-scene{height:210px;border-radius:12px;display:grid;place-items:center;padding:1rem;background:linear-gradient(155deg,#343b40,#896d65);color:#fff;text-align:center}.mock-card{padding:1rem;background:#fff;color:var(--ink);border-radius:8px;transform:rotate(-3deg);box-shadow:0 15px 30px #0005;max-width:96%}.mock-card strong{display:block;color:var(--red);font-size:clamp(1.1rem,2vw,1.5rem);overflow-wrap:anywhere}.mock-scene.window{background:linear-gradient(125deg,#adb8ba,#5e6d70)}.mock-scene.window .mock-card{transform:none;border:4px solid #fff;background:rgba(255,255,255,.9)}.mock-scene.billboard{background:linear-gradient(150deg,#c5d7e0 30%,#748685 31%,#57615b)}.mock-scene.billboard .mock-card{transform:none;width:90%;border:6px solid #303237}.mockup figcaption{font-size:.8rem;color:#666;margin-top:.7rem}.faq details{border-bottom:1px solid #ddd0cd;padding:1.1rem 0}.faq summary{font-weight:760;cursor:pointer;list-style-position:outside;padding-right:.5rem}.faq details p{margin:1rem 0 0;color:#46545e}.formbox{background:#fff;border-radius:22px;padding:clamp(1.25rem,4vw,2.8rem);border:1px solid #e7dad5;box-shadow:var(--shadow)}.field{margin-bottom:1.1rem}label{display:block;font-weight:720;margin-bottom:.4rem}input,textarea{display:block;width:100%;padding:.85rem 1rem;background:#fff;color:var(--ink);border:1px solid #b9bfc2;border-radius:10px}textarea{min-height:125px;resize:vertical}input:focus,textarea:focus{border-color:var(--red)}.hint{font-size:.82rem;color:#596168}.error{color:#8c1320;background:#fff0f0;border:1px solid #e4a6a6;padding:.85rem;border-radius:9px}.success{color:#135c35;background:#eef9f1;border:1px solid #b7dfc6;padding:.85rem;border-radius:9px}.footer{background:#1e252b;color:#fff;padding:3.5rem 0 2rem}.footer a{color:#f2d2ca}.foot-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.foot-nav{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem;max-width:570px}.footer .disclaimer{font-size:.82rem;color:#d3c8c8;padding-top:1.5rem;border-top:1px solid #495056;margin-top:2rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.shown{opacity:1;transform:none}
@media(max-width:850px){.hero-grid,.two,.grid.three{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.menu-toggle{display:inline-flex}.head{min-height:70px}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1.1rem;background:#fff;border-bottom:1px solid #e7dad5;box-shadow:0 18px 30px rgba(0,0,0,.12);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:.5rem}.head>.btn{font-size:.8rem;padding:.65rem .8rem}.brand{font-size:1rem}.brand img{width:36px;height:36px}}
@media(max-width:600px){.wrap{width:min(100% - 1.5rem,1160px)}.grid{grid-template-columns:1fr}.actions .btn{width:100%}.value-strip .wrap{flex-direction:column;gap:.5rem}.hero{padding:3rem 0}.parallax{min-height:32rem;padding:2rem 0;background-image:linear-gradient(90deg,rgba(15,19,25,.16),rgba(15,19,25,.02)),url('/assets/images/zion-design-parallax-mobile.webp');background-attachment:scroll,scroll}.head>.btn{max-width:125px}.table-scroll{margin-right:-.1rem}.section{padding:3.4rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.parallax{background-attachment:scroll,scroll}.reveal{opacity:1;transform:none;transition:none}.btn,.card{transition:none}}

/* Camp Mercury UX refinement | 2026-10-26 */
:root{--shadow-soft:0 8px 23px rgba(30,37,43,.08),0 12px 26px rgba(144,24,35,.05)}
body{overflow-x:hidden}h1{font-size:clamp(2.15rem,4.7vw,4.15rem);max-width:18ch}h2{font-size:clamp(1.85rem,3.3vw,3.05rem);max-width:25ch}h3{letter-spacing:-.027em}.wrap{width:min(1120px,calc(100% - 2.5rem))}.section{padding:clamp(3.7rem,5.1vw,5.25rem) 0}.section h2{margin-bottom:1.25rem}.section .lead{max-width:67ch}.hero{padding:clamp(3.1rem,5vw,4.75rem) 0}.hero-grid{gap:clamp(1.5rem,3vw,3.4rem)}.hero h1{max-width:18ch}.actions{margin-top:1.4rem}.head{min-height:70px}.card{padding:clamp(1.25rem,2vw,1.85rem);box-shadow:var(--shadow-soft)}.card:hover{transform:none;box-shadow:var(--shadow-soft)}.card.interactive:hover,.hero-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.grid{gap:1.1rem}.price-band{box-shadow:var(--shadow-soft)}.parallax{min-height:0;height:auto;padding:clamp(2.5rem,5vw,4rem) 0;background-attachment:scroll,fixed;background-position:center,center;align-items:center}.parallax>.wrap{min-height:clamp(440px,74vh,710px);display:flex;align-items:center}.parallax-panel{max-width:545px;padding:clamp(1.5rem,3vw,2.5rem)}.table-scroll table{font-size:.95rem}.table-scroll td,.table-scroll th{padding:.9rem 1.05rem}.footer{padding:2.8rem 0 1.6rem}.legal-reading{max-width:760px}.legal-reading p{max-width:70ch}.formbox{padding:clamp(1.2rem,2.8vw,2.3rem)}.field{margin-bottom:.95rem}.formbox label{font-size:.94rem}.formbox input,.formbox textarea{min-height:47px}.field:focus-within label{color:var(--red)}.header-quick{display:none}.form-note{font-size:.88rem;color:var(--muted)}
@media(max-width:850px){.head{min-height:62px;gap:.5rem}.header-quick{display:inline-flex;white-space:nowrap;margin-left:auto;font-size:.74rem;padding:.55rem .7rem}.menu-toggle{padding:.55rem;font-size:.86rem}.nav{gap:.35rem}.nav .btn{display:none}.brand{font-size:.96rem}.brand img{width:34px;height:34px}.hero-grid{gap:1.6rem}}
@media(max-width:600px){.wrap{width:calc(100% - 2rem)}.section{padding:2.65rem 0}.hero{padding:2.35rem 0}.hero h1{font-size:clamp(2rem,8.5vw,3rem)}h2{font-size:clamp(1.75rem,7vw,2.5rem)}.eyebrow{margin-bottom:.7rem}.lead{font-size:1.04rem}.hero-feature{padding:1.4rem}.actions .btn{width:100%}.actions .btn.alt{background:transparent;border:0;padding:.6rem;box-shadow:none;text-decoration:underline}.card{padding:1.15rem}.grid{gap:.9rem}.parallax{padding:1.4rem 0;background-attachment:scroll,scroll;background-image:linear-gradient(90deg,rgba(15,19,25,.16),rgba(15,19,25,.02)),url('/assets/images/zion-design-parallax-mobile.webp')}.parallax>.wrap{min-height:360px}.parallax-panel{padding:1.4rem;max-width:100%}.price-band{padding:1.4rem}.footer{padding:2.5rem 0 1.4rem}.mobile-cards table,.mobile-cards tbody,.mobile-cards tr,.mobile-cards td{display:block;width:100%}.mobile-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mobile-cards tr{border-bottom:1px solid #e7dad5;padding:.8rem 1rem}.mobile-cards tr:last-child{border-bottom:0}.mobile-cards td{border:0;padding:.2rem 0}.mobile-cards td:first-child{font-weight:750;color:var(--red)}.mobile-cards td:first-child::before{content:attr(data-label);display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#6c5c5f;font-weight:600}.mobile-cards td:not(:first-child)::before{content:attr(data-label);display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#6c5c5f;font-weight:600}.head .brand{gap:.35rem}.header-quick{font-size:.72rem;padding:.5rem .6rem}.menu-toggle{font-size:.75rem}.formbox{padding:1.15rem}.formbox .btn{width:100%}}
@media(max-width:365px){.brand{font-size:.83rem}.brand img{width:28px;height:28px}.header-quick{font-size:.68rem;padding:.5rem}.menu-toggle{font-size:.72rem;padding:.48rem}}
@media(hover:none){.card:hover,.hero-feature:hover{transform:none}}

.hero-subpage{padding:clamp(2.5rem,4vw,4rem) 0}.hero-subpage h1{max-width:22ch}.contact-hero{padding-bottom:2.4rem}.formbox .form-note{margin-bottom:1.3rem}
