/* Self-hosted fonts (Archivo + Cormorant Garamond), subset by unicode-range.
   URLs are relative to this file's location (web root), so no template token needed. */
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-b880e0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-21ccc8.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-08c6b9.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-b880e0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-21ccc8.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-08c6b9.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-b880e0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-21ccc8.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-08c6b9.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-b880e0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-21ccc8.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('fonts/archivo-08c6b9.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/cormorant-garamond-italic-5cf471.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/cormorant-garamond-italic-f4e055.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/cormorant-garamond-italic-703ca0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/cormorant-garamond-italic-81190e.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/cormorant-garamond-italic-5f6826.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('fonts/cormorant-garamond-italic-5cf471.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('fonts/cormorant-garamond-italic-f4e055.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('fonts/cormorant-garamond-italic-703ca0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('fonts/cormorant-garamond-italic-81190e.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('fonts/cormorant-garamond-italic-5f6826.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 600; font-display: swap; src: url('fonts/cormorant-garamond-italic-5cf471.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 600; font-display: swap; src: url('fonts/cormorant-garamond-italic-f4e055.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 600; font-display: swap; src: url('fonts/cormorant-garamond-italic-703ca0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 600; font-display: swap; src: url('fonts/cormorant-garamond-italic-81190e.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 600; font-display: swap; src: url('fonts/cormorant-garamond-italic-5f6826.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/cormorant-garamond-6bde4e.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/cormorant-garamond-1430ef.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/cormorant-garamond-5c519d.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/cormorant-garamond-525d3c.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/cormorant-garamond-388b76.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/cormorant-garamond-6bde4e.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/cormorant-garamond-1430ef.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/cormorant-garamond-5c519d.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/cormorant-garamond-525d3c.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/cormorant-garamond-388b76.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/cormorant-garamond-6bde4e.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/cormorant-garamond-1430ef.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/cormorant-garamond-5c519d.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/cormorant-garamond-525d3c.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/cormorant-garamond-388b76.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ============================================================================
   Showroom Social design system
   All page styling lives here (moved out of inline style="" attributes) so
   templates stay clean and other pages can reuse the same classes.
   Palette + type come from the "Conservatory" brand direction.
   ============================================================================ */

:root {
  --forest:#20302A; --forest-deep:#14201B; --forest-mid:#46564d;
  --brass:#B18E4E; --brass-dark:#9a7838; --gold:#c8a768;
  --cream:#F0E9DA; --cream-hi:#F6F1E4; --paper:#faf6ec;
  --line:#ddd4bf; --panel:#fff;
  --ink:#20302A; --ink-soft:#4a534b; --sage:#c3ccc0; --muted:#7E8C7C;
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Archivo', system-ui, sans-serif;
}

*, *::before, *::after { box-sizing:border-box; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:var(--sans); }
a { text-decoration:none; color:inherit; }
.serif { font-family:var(--serif); }

/* ---- Layout shell ---------------------------------------------------------- */
.page { width:1120px; max-width:100%; margin:0 auto; background:var(--cream); color:var(--ink); overflow:hidden; }

/* Full-width bands share horizontal padding; verticals/bg set per section. */
.nav, .hero, .insight, .how, .included, .proof, .pricing, .cta, .footer { padding-left:56px; padding-right:56px; }

.hero { padding-top:74px; padding-bottom:84px; background:var(--forest); color:var(--cream); display:grid; grid-template-columns:1.05fr .95fr; gap:50px; align-items:center; }
.insight { padding-top:64px; padding-bottom:64px; text-align:center; border-bottom:1px solid var(--line); }
.how { padding-top:70px; padding-bottom:70px; background:var(--paper); border-bottom:1px solid var(--line); }
.included { padding-top:70px; padding-bottom:70px; border-bottom:1px solid var(--line); }
.proof { padding-top:70px; padding-bottom:70px; background:var(--forest); color:var(--cream); text-align:center; }
.pricing { padding-top:70px; padding-bottom:70px; border-bottom:1px solid var(--line); }
.cta { padding-top:76px; padding-bottom:76px; background:var(--paper); text-align:center; }

/* ---- Typography components ------------------------------------------------- */
.eyebrow { font:600 11px var(--sans); letter-spacing:2.5px; text-transform:uppercase; color:var(--brass-dark); margin-bottom:14px; }
.eyebrow--brass { color:var(--brass); }
.display { font-family:var(--serif); font-weight:500; font-size:64px; line-height:1.02; margin:0; color:var(--cream-hi); }
.em { font-style:italic; }
.display .em { color:var(--gold); }
.heading { font-family:var(--serif); font-weight:500; font-size:40px; line-height:1.1; color:var(--ink); margin:0; }
.quote { font-family:var(--serif); line-height:1.35; margin:0 auto; }

/* ---- Buttons --------------------------------------------------------------- */
.btn { display:inline-block; font:600 13px var(--sans); letter-spacing:.5px; border-radius:7px; padding:15px 26px; cursor:pointer; }
.btn-brass { background:var(--brass); color:var(--forest); }
.btn-ghost { background:transparent; color:var(--cream); border:1px solid var(--forest-mid); padding:15px 24px; }
.btn-forest { background:var(--forest); color:var(--cream); border-radius:8px; padding:17px 34px; font-size:14px; }
.btn-sm { padding:10px 18px; border-radius:6px; font-size:12px; }
.btn-block { display:block; padding:15px; text-align:center; }

/* ---- Doorway mark ---------------------------------------------------------- */
.mark { width:31px; height:34px; border:1.4px solid var(--brass); position:relative; display:flex; align-items:flex-end; justify-content:center; flex:none; }
.mark span { width:15px; height:22px; border:1.4px solid var(--brass); border-bottom:none; background:rgba(177,142,78,.14); }
.mark-sm { width:25px; height:28px; border-width:1.2px; }
.mark-sm span { width:12px; height:18px; border-width:1.2px; }
.mark-xs { width:27px; height:30px; border-width:1.2px; }
.mark-xs span { width:13px; height:19px; border-width:1.2px; }

/* ---- Nav ------------------------------------------------------------------- */
.nav { padding-top:24px; padding-bottom:24px; background:var(--forest); display:flex; justify-content:space-between; align-items:center; }
.nav-brand { display:flex; align-items:center; gap:12px; }
.brand-name { font:600 11px var(--sans); letter-spacing:3px; text-transform:uppercase; color:var(--cream); line-height:1.2; }
.brand-name .accent { font-weight:400; color:var(--brass); }
.nav-links { display:flex; align-items:center; gap:30px; }
.nav-link { font:500 12px var(--sans); color:var(--sage); letter-spacing:.5px; }

/* ---- Hero ------------------------------------------------------------------ */
.hero-lead { font-family:var(--sans); font-size:16px; line-height:1.7; color:var(--sage); margin:26px 0 0; max-width:460px; }
.hero-actions { display:flex; gap:14px; align-items:center; margin-top:34px; }
.hero-fine { font-family:var(--sans); font-size:12px; color:var(--muted); margin-top:20px; }
.hero .eyebrow { color:var(--brass); margin-bottom:22px; }
.hero-visual { display:flex; justify-content:center; }

/* ---- Phone mock ------------------------------------------------------------ */
.phone { width:270px; background:var(--forest-deep); border-radius:30px; padding:12px; box-shadow:0 24px 60px rgba(0,0,0,.4); }
.phone-screen { background:var(--cream); border-radius:20px; overflow:hidden; }
.phone-head { background:var(--forest); padding:14px 16px; display:flex; align-items:center; gap:9px; }
.phone-handle { line-height:1.2; }
.phone-handle b { display:block; font:600 10px var(--sans); color:var(--cream); }
.phone-handle span { font:400 8.5px var(--sans); color:var(--muted); }
.phone-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:2px; background:var(--line); }
.tile { aspect-ratio:1; }
.tile-a { background:repeating-linear-gradient(45deg,#e7dfc9,#e7dfc9 7px,#ddd3b9 7px,#ddd3b9 14px); }
.tile-b { background:repeating-linear-gradient(45deg,#c9cfc2,#c9cfc2 7px,#bcc3b3 7px,#bcc3b3 14px); }
.tile-feature { background:var(--forest); display:flex; align-items:center; justify-content:center; padding:8px; }
.tile-feature span { font-family:var(--serif); font-style:italic; font-size:13px; color:var(--brass); text-align:center; line-height:1.2; }

/* ---- Insight strip --------------------------------------------------------- */
.insight .quote { font-size:34px; color:var(--ink); max-width:820px; }
.heading .em, .quote .em { color:var(--brass-dark); }
.insight .eyebrow { margin-bottom:20px; }

/* ---- Section head (centered eyebrow + heading) ----------------------------- */
.section-head { text-align:center; margin-bottom:48px; }
.pricing .section-head { margin-bottom:44px; }

/* ---- How it works ---------------------------------------------------------- */
.steps { display:grid; grid-template-columns:1fr 1fr 1fr; gap:26px; }
.step { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:32px 30px; }
.step-num { font-family:var(--serif); font-size:44px; color:var(--brass); line-height:1; }
.step-title { font:600 16px var(--sans); color:var(--ink); margin:12px 0 8px; }
.step-text { font-family:var(--sans); font-size:13px; line-height:1.7; color:var(--ink-soft); margin:0; }

/* ---- What's included ------------------------------------------------------- */
.included-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; align-items:center; }
.included .heading { font-size:38px; }
.features { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.feature { background:var(--cream); padding:24px 26px; }
.feature-title { font:600 14px var(--sans); color:var(--ink); }
.feature-text { font:400 12px/1.6 var(--sans); color:var(--ink-soft); margin:6px 0 0; }

/* ---- Proof ----------------------------------------------------------------- */
.proof .eyebrow { color:var(--brass); margin-bottom:26px; }
.proof .quote { font-size:30px; font-style:italic; line-height:1.45; max-width:760px; color:var(--cream-hi); }
.proof-cite { font:500 12px var(--sans); letter-spacing:1px; color:var(--muted); margin-top:24px; }
.logos { display:flex; justify-content:center; gap:36px; margin-top:36px; flex-wrap:wrap; }
.logo { font-family:var(--serif); font-size:22px; color:var(--forest-mid); }
.logo--active { color:var(--brass); }

/* ---- Pricing --------------------------------------------------------------- */
.pricing-sub { font:400 14px/1.7 var(--sans); color:var(--ink-soft); max-width:520px; margin:16px auto 0; }
.price-card { max-width:440px; margin:0 auto; background:var(--forest); border-radius:14px; padding:40px 44px; text-align:center; box-shadow:0 16px 40px rgba(20,32,27,.22); }
.price-tag { font:600 11px var(--sans); letter-spacing:2px; text-transform:uppercase; color:var(--brass); }
.price-row { display:flex; align-items:baseline; justify-content:center; gap:4px; margin:20px 0 6px; }
.price { font-family:var(--serif); font-size:64px; color:var(--cream-hi); line-height:1; }
.price-per { font:500 13px var(--sans); color:var(--muted); margin-bottom:26px; }
.price-list { text-align:left; display:flex; flex-direction:column; gap:12px; margin-bottom:30px; }
.price-item { display:flex; gap:11px; align-items:flex-start; }
.price-item .dot { color:var(--brass); font-weight:700; line-height:1.4; }
.price-item .txt { font:400 13px/1.4 var(--sans); color:var(--sage); }

/* ---- CTA ------------------------------------------------------------------- */
.cta .heading { font-size:44px; max-width:720px; margin:0 auto; }
.cta .eyebrow { margin-bottom:18px; }
.cta-lead { font:400 15px/1.7 var(--sans); color:var(--ink-soft); max-width:540px; margin:22px auto 32px; }

/* ---- Footer ---------------------------------------------------------------- */
.footer { padding-top:34px; padding-bottom:34px; background:var(--forest-deep); color:var(--muted); display:flex; justify-content:space-between; align-items:center; }
.footer-brand { display:flex; align-items:center; gap:11px; }
.footer-name { font:600 10px var(--sans); letter-spacing:2px; text-transform:uppercase; color:var(--sage); }
.footer-note { font:400 10px var(--sans); letter-spacing:2px; text-transform:uppercase; }
.footer-link { color:var(--sage); }

/* ---- 404 ------------------------------------------------------------------- */
.notfound { width:1120px; max-width:100%; margin:0 auto; background:var(--forest); color:var(--cream); min-height:70vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:80px 24px; }
.notfound .mark { margin-bottom:28px; }
.notfound .eyebrow { color:var(--brass); }
.notfound-title { font-family:var(--serif); font-weight:500; font-size:44px; margin:14px 0 16px; color:var(--cream-hi); }
.notfound-text { font:400 15px var(--sans); color:var(--sage); max-width:420px; margin:0 0 32px; }

/* ---- Legal / prose pages --------------------------------------------------- */
.legal { padding-top:66px; padding-bottom:84px; padding-left:56px; padding-right:56px; background:var(--cream); }
.legal-head { max-width:760px; margin:0 auto 44px; text-align:center; }
.legal-head .eyebrow { margin-bottom:16px; }
.legal-head .heading { font-size:50px; }
.legal-updated { font:500 11px var(--sans); letter-spacing:2px; text-transform:uppercase; color:var(--muted); margin-top:18px; }
.legal-body { max-width:760px; margin:0 auto; }
.legal-lead { font:400 17px/1.75 var(--sans); color:var(--ink); margin:0 0 8px; }
.legal-body h2 { font-family:var(--serif); font-weight:500; font-size:27px; line-height:1.2; color:var(--ink); margin:44px 0 14px; }
.legal-body p { font:400 15px/1.75 var(--sans); color:var(--ink-soft); margin:0 0 16px; }
.legal-body ul { margin:0 0 18px; padding-left:22px; }
.legal-body li { font:400 15px/1.7 var(--sans); color:var(--ink-soft); margin-bottom:9px; }
.legal-body a { color:var(--brass-dark); border-bottom:1px solid var(--line); }
.legal-body strong { color:var(--ink); font-weight:600; }
.legal-body .legal-sep { border:none; border-top:1px solid var(--line); margin:52px 0; }

/* ============================================================================
   Responsive — collapse grids, tighten gutters, scale headings.
   ============================================================================ */
@media (max-width: 760px) {
  .nav, .hero, .insight, .how, .included, .proof, .pricing, .cta, .footer, .legal { padding-left:24px; padding-right:24px; }
  .legal-head .heading { font-size:34px; }
  .hero, .steps, .included-grid, .features { grid-template-columns:1fr; }
  .hero { gap:36px; text-align:center; }
  .hero-lead { margin-left:auto; margin-right:auto; }
  .hero-actions { justify-content:center; flex-wrap:wrap; }
  .nav { flex-wrap:wrap; justify-content:center; gap:16px; }
  .nav-links { gap:18px; flex-wrap:wrap; justify-content:center; }
  .display { font-size:46px; }
  .heading, .included .heading, .cta .heading { font-size:30px; }
  .quote, .insight .quote, .proof .quote { font-size:24px; }
  .price-card { padding:32px 24px; }
  .price { font-size:50px; }
  .footer { flex-direction:column; gap:14px; text-align:center; }
  .notfound-title { font-size:34px; }
}

@media (max-width: 440px) {
  .hero, .insight, .how, .included, .proof, .pricing, .cta { padding-top:46px; padding-bottom:46px; }
  .display { font-size:37px; }
  .heading, .included .heading, .cta .heading { font-size:26px; }
  .quote, .insight .quote, .proof .quote { font-size:22px; }
  .price { font-size:42px; }
}