{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root{ --bg:#FFFFFF; --bg-soft:#F7F6F4; --ink:#2A2A28; --ink-soft:#6B6963; --line:#E5E3DE; --accent:#B36B45; --accent-soft:#F1E4DB; } *{box-sizing:border-box;margin:0;padding:0;} body{ background:var(--bg); color:var(--ink); font-family:'Inter', sans-serif; -webkit-font-smoothing:antialiased; line-height:1.5; } .sl-wrap{max-width:1080px;margin:0 auto;padding:0 24px;} h1,h2,h3{font-family:'Libre Franklin', sans-serif;font-weight:600;color:var(--ink);letter-spacing:-0.01em;} .sl-eyebrow{ font-size:0.75rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--accent); font-weight:600; margin-bottom:14px; } /* ---------- HERO ---------- */ .sl-hero{ padding:80px 24px 56px; text-align:center; border-bottom:1px solid var(--line); } .sl-hero h1{ font-size:clamp(2.1rem, 4.4vw, 3.2rem); line-height:1.15; max-width:680px; margin:0 auto 18px; font-weight:700; } .sl-hero p{ font-size:1.05rem; color:var(--ink-soft); max-width:560px; margin:0 auto; font-weight:400; } /* ---------- CAPACITY STRIP ---------- */ .sl-strip{ background:var(--bg-soft); padding:32px 24px; border-bottom:1px solid var(--line); } .sl-strip-inner{ max-width:1080px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; gap:56px; text-align:center; } .sl-stat .num{font-family:'Libre Franklin',sans-serif;font-size:1.9rem;font-weight:700;color:var(--ink);display:block;} .sl-stat .label{font-size:0.78rem;color:var(--ink-soft);margin-top:2px;} /* ---------- PACKAGES ---------- */ .sl-packages{padding:72px 24px 24px;} .sl-section-head{text-align:center;max-width:600px;margin:0 auto 48px;} .sl-section-head h2{font-size:clamp(1.7rem, 3vw, 2.2rem);margin-bottom:12px;} .sl-section-head p{color:var(--ink-soft);font-size:1rem;} .sl-card-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; max-width:1080px; margin:0 auto; } .sl-card{ background:var(--bg); border:1px solid var(--line); border-radius:10px; padding:32px 24px; display:flex; flex-direction:column; transition:border-color 0.25s ease, box-shadow 0.25s ease; } .sl-card:hover{ border-color:var(--accent); box-shadow:0 12px 32px -16px rgba(42,42,40,0.16); } .sl-icon{ font-size:1.6rem; color:var(--accent); margin-bottom:16px; } .sl-card h3{font-size:1.3rem;margin-bottom:4px;} .sl-card .sl-hours{ font-size:0.82rem; color:var(--ink-soft); margin-bottom:20px; } .sl-price{font-family:'Libre Franklin',sans-serif;font-size:2.2rem;font-weight:700;color:var(--ink);line-height:1;} .sl-price sup{font-size:1rem;font-weight:600;top:-1em;} .sl-price-sub{font-size:0.78rem;color:var(--ink-soft);margin:6px 0 20px;} .sl-card p.sl-blurb{ font-size:0.9rem; color:var(--ink-soft); margin-bottom:20px; } .sl-includes{list-style:none;margin-bottom:24px;flex-grow:1;} .sl-includes li{ font-size:0.88rem; color:var(--ink); padding-left:20px; position:relative; margin-bottom:8px; } .sl-includes li::before{ content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:700; } .sl-btn{ display:inline-block; text-align:center; background:var(--accent); color:#fff; text-decoration:none; font-weight:600; font-size:0.86rem; padding:12px 18px; border-radius:6px; transition:background 0.2s ease; } .sl-btn:hover{background:#96562F;} .sl-btn-outline{ display:inline-block; background:transparent; color:var(--accent); border:1px solid var(--accent); text-decoration:none; font-weight:600; font-size:0.9rem; padding:13px 26px; border-radius:6px; transition:background 0.2s ease, color 0.2s ease; } .sl-btn-outline:hover{background:var(--accent);color:#fff;} /* ---------- NOTES ---------- */ .sl-notes{ max-width:640px; margin:36px auto 0; text-align:center; } .sl-notes p{font-size:0.85rem;color:var(--ink-soft);margin-top:10px;line-height:1.6;} /* ---------- CTA BAND ---------- */ .sl-cta-band{ background:var(--bg-soft); text-align:center; padding:64px 24px; margin-top:64px; border-top:1px solid var(--line); } .sl-cta-band h2{font-size:1.8rem;margin-bottom:10px;} .sl-cta-band p{color:var(--ink-soft);max-width:460px;margin:0 auto 24px;} /* ---------- RESPONSIVE ---------- */ @media (max-width: 980px){ .sl-card-grid{grid-template-columns:repeat(2, 1fr);} } @media (max-width: 620px){ .sl-card-grid{grid-template-columns:1fr;} .sl-strip-inner{gap:32px;} .sl-hero{padding:60px 20px 44px;} .sl-packages{padding:56px 20px 20px;} }