/* Untangled.Network theme — brand tokens from brand-tokens.md (Ogilvy, Nov 1 2026) */
@font-face{font-family:'Manrope';src:url('/fonts/Manrope.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('/fonts/Poppins.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --purple:#521262; --red:#D64550; --bg:#EFEFEF; --ink:#1d1d1f;
  --head-font:'Manrope',system-ui,sans-serif; --body-font:'Poppins',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body-font);font-size:16px;line-height:1.6}
h1,h2,h3,h4{font-family:var(--head-font);line-height:1.15;color:var(--ink);margin:0 0 .6em}
h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800}
h2{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700}
h3{font-size:1.25rem;font-weight:700}
p{margin:0 0 1em}
a{color:var(--purple)}
img{max-width:100%;height:auto}
/* top announcement bar */
.ut-topbar{background:var(--purple);color:#fff;font-size:.85rem;padding:.45rem 1rem;text-align:center}
.ut-topbar a{color:#fff;text-decoration:none;font-weight:600}
/* header */
.ut-header{background:#fff;border-bottom:1px solid #e2e2e6;position:sticky;top:0;z-index:50}
.ut-header-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;padding:.7rem 1rem}
.ut-logo img{height:44px;width:auto}
.ut-nav{display:flex;gap:1.25rem;flex:1;flex-wrap:wrap}
.ut-nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;font-family:var(--head-font)}
.ut-nav a:hover{color:var(--purple)}
.btn{display:inline-block;border-radius:8px;padding:.65rem 1.4rem;font-family:var(--head-font);font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer}
.btn-purple{background:var(--purple);color:#fff}
.btn-purple:hover{background:#3d0d49;color:#fff}
.btn-red{background:var(--red);color:#fff;font-size:1.05rem;padding:.8rem 1.8rem}
.btn-red:hover{background:#b93842;color:#fff}
/* hero */
.ut-hero{background:linear-gradient(rgba(239,239,239,.82),rgba(239,239,239,.9)),url('/images/hero-coverage-map.webp') center/cover no-repeat;text-align:center;padding:4.5rem 1rem 3.5rem}
.ut-hero .accent{color:var(--purple)}
.ut-hero .price{font-family:var(--head-font);font-weight:800;font-size:1.6rem;margin:.4rem 0 1.2rem}
/* sections */
.ut-wrap{max-width:1180px;margin:0 auto;padding:0 1rem}
section.region{padding:2.2rem 0}
/* footer */
.ut-footer{background:#241a2b;color:#cfc6d6;margin-top:3rem;padding:2.2rem 1rem;font-size:.9rem}
.ut-footer a{color:#e9defc}
.ut-footer .ut-wrap{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center}
/* mobile */
@media (max-width:760px){
  .ut-header-in{flex-wrap:wrap}
  .ut-nav{order:3;width:100%;gap:.9rem;font-size:.85rem}
  .ut-hero{padding:3rem 1rem 2.5rem}
}

/* --- injected Squarespace body normalisation --- */
main img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
main .fe-container, main .page-container, main [class*="section-content"] { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
main h1, main h2, main h3 { font-family: 'Manrope', sans-serif; color: #521262; }
main h1 { font-size: 2rem; }
main h2 { font-size: 1.6rem; }
main p { line-height: 1.6; }
main a { color: #521262; }
main .sqs-block-button-element, main .btn { display: inline-block; background: #D64550; color: #fff; padding: 14px 28px; border-radius: 8px; text-decoration: none; font-weight: 600; }
main .list-item-content__button { display: inline-block; background: #521262; color: #fff; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-size: .95rem; }
main table { border-collapse: collapse; width: 100%; }
main table td, main table th { border: 1px solid #ccc; padding: 8px; }
main iframe { max-width: 100%; }
/* mobile nav: simple wrap, keep CTA first */
@media (max-width: 720px) {
  .ut-nav { display: none; }
  .ut-header { flex-wrap: wrap; }
}


/* --- Squarespace class normalisation: make mirrored markup render like the old site --- */
.page-section { padding: 56px 24px; max-width: 1080px; margin: 0 auto; }
.sqs-html-content { font-size: 16px; line-height: 1.7; color: #333; }
.sqs-html-content p { margin: 0 0 1em; }
.sqs-text-block-container { max-width: 900px; }
.sqsrte-text-color--black { color: #1a1a1a; }
.sqsrte-text-color--darkAccent { color: #521262; }
.sqsrte-scaled-text-container { display: block; }
.sqs-block-button-container { margin: 24px 0; }
.sqs-block-button-container--center { text-align: center; }
.sqs-block-button-element, .sqs-block-button-element--medium, .sqs-block-button-element--small {
  display: inline-block; padding: 14px 28px; background: #D64550; color: #fff !important;
  border-radius: 8px; font-weight: 700; text-decoration: none; font-size: 15px;
}
.sqs-block-button-element:hover { background: #b93a44; }
.sqs-block-website-component { min-height: 300px; }
.sqs-stretched { position: relative; }
.ut-store { max-width: 760px; margin: 0 auto; padding: 48px 24px; }
.ut-store h1 { font-size: 34px; margin-bottom: 16px; }