:root{
  --navy:#000000; --navy-2:#0A0A0A; --navy-3:#161616;
  --gold:#C7A44D; --gold-deep:#C7A44D;
  --paper:#FFFFFF; --bg:#F6F5F2; --ink:#111111; --muted:#5C574E;
  --line:#E7E3DB; --line-dark:rgba(255,255,255,.14);
  --font:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  --radius:10px; --ease:cubic-bezier(.2,.8,.2,1);
}
.service-page * {box-sizing:border-box; margin:0; padding:0;}
.service-page {font-family:var(--font); color:var(--ink); background:var(--bg); line-height:1.65; -webkit-font-smoothing:antialiased;}
.service-page img, .service-page svg {display:block; max-width:100%;}
.service-page a {color:inherit; text-decoration:none;}
.service-page .container {max-width:1200px; margin:0 auto; padding:0 24px;}
.service-page h1 {font-family:var(--font); font-weight:700; letter-spacing:-.02em; line-height:1.15;}
.service-page h2, .service-page h3 {font-family:var(--font); font-weight:800; letter-spacing:-.02em; line-height:1.15;}
.service-page h2 {font-size:clamp(24px,3vw,32px); margin-bottom:14px; color:var(--gold-deep);}
.service-page h3 {font-size:18px; margin-bottom:8px;}
.service-page p {color:var(--muted);}
.service-page section {padding:64px 0;}
.service-page section.on-white {background:var(--paper);}
.service-page section.on-bg {background:var(--bg);}
.service-page section.on-navy {background:var(--navy); color:#fff;}
.service-page section.on-navy h2 {color:var(--gold);}
.service-page section.on-navy p {color:rgba(255,255,255,.75);}
.service-page section.on-navy-2 {background:var(--navy-2); color:#fff;}
.service-page section.on-navy-2 h2 {color:var(--gold);}
.service-page section.on-navy-2 p {color:rgba(255,255,255,.75);}
.service-page .eyebrow {font-size:15px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; display:flex; align-items:center; gap:10px; margin-bottom:16px;}
.service-page .eyebrow::before {content:''; width:24px; height:2px; background:var(--gold-deep); flex-shrink:0;}
.service-page .eyebrow.on-dark {color:#e6c36c;}
.service-page .eyebrow.on-dark::before {background:var(--gold);}
.service-page .section-head {max-width:660px; margin-bottom:40px;}
.service-page .btn {font-family:var(--font); font-weight:700; font-size:14px; padding:14px 26px; border-radius:5px; display:inline-flex; align-items:center; gap:8px; cursor:pointer; border:1px solid transparent;}
.service-page .btn svg {width:16px; height:16px; flex-shrink:0;}
.service-page .btn-gold {background:var(--gold); color:#111;}
.service-page .btn-gold:hover {opacity:.9;}
.service-page .btn-outline-light-cta {border:1px solid rgba(255,255,255,.4); color:#fff; background:transparent; font-family:var(--font); font-weight:700; font-size:14px; padding:14px 26px; border-radius:5px; display:inline-flex; align-items:center; gap:8px;}
.service-page .btn-outline-light-cta:hover {background:#fff; color:#111;}
.service-page .btn-whatsapp {background:transparent; color:#fff; border:1px solid rgba(255,255,255,.4);}
.service-page .btn-whatsapp:hover {background:#fff; color:#111;}
.service-page .btn-whatsapp svg {color:#25D366;}
.service-page .btn-block {width:100%; justify-content:center;}

/* HERO (full-bleed background image) */
.service-page .svc-hero {position:relative; min-height:600px; display:flex; align-items:center; overflow:hidden; background:var(--navy);}
.service-page .svc-hero-bg {position:absolute; inset:0; background-size:cover; background-position:center; z-index:0;}
.service-page .svc-hero-bg::after {content:''; position:absolute; inset:0; background:linear-gradient(100deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.65) 45%, rgba(0,0,0,.35) 100%);}
.service-page .svc-hero-grid {position:relative; z-index:1; display:grid; grid-template-columns:1.15fr 1fr; gap:40px; align-items:center; width:100%; padding:64px 0;}
.service-page .svc-hero-copy {max-width:600px;}
.service-page .svc-hero-copy h1 {font-size:38px; color:#fff; margin-bottom:16px;}
.service-page .svc-hero-copy h1 span {color:var(--gold);}
.service-page .svc-hero-copy p.lede {color:rgba(255,255,255,.8); font-size:16px; margin-bottom:24px;}
.service-page .hero-badge-row {margin-bottom:16px; position:relative; z-index:1; display:inline-flex;}
.service-page .hero-badge-row,
.service-page .hero-badge-row * {font-family:var(--font) !important; font-size:14px !important; line-height:1.4 !important; font-weight:400 !important; letter-spacing:normal !important;}
.service-page .hero-badge-row strong,
.service-page .hero-badge-row b {font-weight:700 !important;}
.service-page .hero-badge-row > * {padding:6px 20px !important; box-sizing:border-box !important; display:inline-flex !important; align-items:center !important;}
.service-page .pill-row {display:flex; flex-wrap:wrap; gap:10px;}
.service-page .pill {display:flex; align-items:center; gap:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); color:#fff; font-size:12.5px; padding:8px 14px; border-radius:50px;}
.service-page .pill svg {width:14px; height:14px; color:var(--gold); flex-shrink:0;}
.service-page .hero-form-card {position:relative; z-index:1; background:rgba(10,10,10,.85); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.15); border-radius:14px; padding:32px; width:100%; max-width:480px; margin-left:auto; box-shadow:0 24px 60px rgba(0,0,0,.5);}
.service-page .hero-form-card .tag {display:inline-block; background:rgba(199,164,77,.15); color:var(--gold); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:5px 12px; border-radius:50px; margin-bottom:14px;}
.service-page .hero-form-card h3 {color:#fff; font-size:19px; margin-bottom:6px;}
.service-page .hero-form-card .sub {color:rgba(255,255,255,.6); font-size:13.5px; margin-bottom:20px;}
.service-page .hf-field {margin-bottom:14px;}
.service-page .hf-field label {display:block; font-size:12px; color:rgba(255,255,255,.6); margin-bottom:6px;}
.service-page .hf-field input {width:100%; padding:12px 14px; border-radius:6px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.05); color:#fff; font-size:14px; font-family:var(--font);}
.service-page .hf-note {color:rgba(255,255,255,.4); font-size:11.5px; margin-top:12px; text-align:center;}
.service-page .hf-note a {color:var(--gold); text-decoration:underline;}
.service-page .cf7-note {background:rgba(199,164,77,.1); border:1px dashed var(--gold); border-radius:8px; padding:14px; color:var(--gold); font-size:12.5px; text-align:center; margin-top:8px;}

/* BREADCRUMBS */
.service-page .breadcrumbs {background:var(--bg); border-bottom:1px solid var(--line);}
.service-page .breadcrumbs ol {list-style:none; display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:12px 0; font-size:13px; color:var(--muted);}
.service-page .breadcrumbs li {display:flex; align-items:center; gap:6px;}
.service-page .breadcrumbs li:not(:last-child)::after {content:'/'; color:var(--line); margin-left:6px;}
.service-page .breadcrumbs a {color:var(--muted); text-decoration:none;}
.service-page .breadcrumbs a:hover {color:var(--gold-deep); text-decoration:underline;}
.service-page .breadcrumbs li[aria-current] {color:var(--ink); font-weight:600;}

/* TRUST BAR */
.service-page .trust-card {background:var(--navy); border-top:1px solid var(--line-dark);}
.service-page .trust-card .container {display:flex; flex-wrap:wrap; justify-content:space-around; gap:24px; padding:28px 24px;}
.service-page .trust-cell {display:flex; align-items:center; gap:12px; color:#fff;}
.service-page .trust-cell .rating {font-size:20px; font-weight:800;}
.service-page .trust-cell .stars {color:var(--gold); font-size:14px; margin-left:4px;}
.service-page .trust-cell .rb-sub {font-size:12px; color:rgba(255,255,255,.5);}
.service-page .trust-cell .big {font-size:24px; font-weight:800; color:var(--gold);}
.service-page .trust-cell .small {font-size:12px; color:rgba(255,255,255,.6);}

/* QUICK ANSWER (AIO) */
.service-page .quick-answer {display:flex; gap:20px; align-items:flex-start; background:rgba(199,164,77,.08); border-left:4px solid var(--gold); border-radius:6px; padding:24px 28px;}
.service-page .quick-answer svg {width:28px; height:28px; color:var(--gold-deep); flex-shrink:0; margin-top:2px;}
.service-page .quick-answer h2 {font-size:18px; margin-bottom:8px;}
.service-page .quick-answer p {color:var(--ink); font-size:15px; margin:0;}

/* WHY IT MATTERS */
.service-page .why-grid {display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}
.service-page .icon-banner {background:var(--bg); border:1px solid var(--line); border-radius:var(--radius); min-height:280px; display:flex; align-items:center; justify-content:center;}
.service-page .icon-banner img {width:100%; height:280px; object-fit:cover; border-radius:var(--radius);}

/* BENEFIT / STRUCTURE / DEED GRIDS */
.service-page .card-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.service-page .card-grid.cols-4 {grid-template-columns:repeat(4,1fr);}
.service-page .feature-card {background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:26px;}
.service-page .feature-card.on-bg {background:#fff;}
.service-page .feature-card.on-navy-card {background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12);}
.service-page .f-icon {width:46px; height:46px; border-radius:10px; background:rgba(199,164,77,.12); color:var(--gold-deep); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
.service-page .f-icon svg {width:22px; height:22px;}
.service-page .feature-card p {font-size:14px; margin:0;}

/* PROCESS COMPARE */
.service-page .compare-grid {display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.service-page .compare-card {background:var(--navy-2); border-radius:var(--radius); padding:28px; color:#fff;}
.service-page .compare-card .tag {display:inline-block; background:var(--gold); color:#111; font-size:11px; font-weight:700; padding:4px 12px; border-radius:50px; margin-bottom:14px;}
.service-page .compare-card h3 {color:#fff;}
.service-page .compare-card p {color:rgba(255,255,255,.7); font-size:14.5px; margin:0;}

/* COST TABLE */
.service-page .table-scroll {overflow-x:auto; -webkit-overflow-scrolling:touch; margin-bottom:20px;}
.service-page .table-scroll .cost-table {margin-bottom:0;}
.service-page .cost-table {width:100%; border-collapse:collapse; background:#fff; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line);}
.service-page .cost-table th, .service-page .cost-table td {padding:14px 20px; text-align:left; font-size:14.5px; border-bottom:1px solid var(--line);}
/* Wider multi-column comparison tables (3+ items being compared) need a
   readable minimum column width - add this modifier class alongside
   cost-table so columns don't get squeezed unreadably on mobile, and
   let the .table-scroll wrapper handle the horizontal scroll instead. */
.service-page .cost-table.cost-table-compare {min-width:640px;}
.service-page .cost-table th {background:var(--bg); color:var(--gold-deep); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.05em;}
.service-page .cost-table tr:last-child td {border-bottom:none;}
/* The table is always white-background by design, even when a dark
   section (on-navy/on-navy-2) wraps it for a comparison table - so
   force ink-dark text here instead of letting it inherit the
   section's white text color, or it disappears on the white table. */
.service-page .cost-table td {color:var(--ink);}

/* PARTNERS (legacy, unused now — kept for reference) */
.service-page .partners-row {display:flex; flex-wrap:wrap; gap:32px; align-items:center; justify-content:center; margin-top:32px; opacity:.75;}
.service-page .partners-row img {height:32px; width:auto; filter:brightness(0) invert(1);}

/* STORY SECTION EXTRAS */
.service-page .story-stat-strip {display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin:40px 0 32px;}
.service-page .story-stat-pill {background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); border-radius:12px; padding:18px 24px;}
.service-page .story-stat-pill .big-num {color:var(--gold); font-size:22px; font-weight:800;}
.service-page .story-stat-pill .lab {color:rgba(255,255,255,.65); font-size:12.5px; margin-top:4px;}
.service-page .review-badges {display:flex; flex-wrap:wrap; gap:24px; justify-content:center; margin-bottom:40px;}
.service-page .review-badge {display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:12px 20px;}
.service-page .partner-panel {border-top:1px solid rgba(255,255,255,.12); padding-top:36px;}
.service-page .partner-panel + .partner-panel {margin-top:36px;}
.service-page .partner-marquee {overflow:hidden; opacity:.8; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.service-page .partner-track {display:flex; align-items:center; gap:48px; width:max-content; animation:partner-scroll 32s linear infinite;}
.service-page .partner-marquee:hover .partner-track {animation-play-state:paused;}
.service-page .partner-track .p-cell {flex:0 0 120px;}
.service-page .partner-track img {width:100%; height:auto; filter:brightness(0) invert(1);}
@keyframes partner-scroll {from{transform:translateX(0);} to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.service-page .partner-track{animation:none;}}
@media(max-width:760px){.service-page .partner-track .p-cell{flex-basis:100px;}}

/* TESTIMONIALS */
.service-page .testi-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.service-page .testi-card {background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px;}
.service-page .testi-card .stars {color:var(--gold); margin-bottom:10px;}
.service-page .testi-card p {font-size:14px; margin-bottom:12px;}
.service-page .testi-card .name {font-weight:700; color:var(--ink); font-size:13.5px;}

/* FAQ */
.service-page .faq-contact-grid {display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:start;}
.service-page .faq-item {border:1px solid rgba(255,255,255,.15); border-radius:8px; margin-bottom:12px; overflow:hidden; background:rgba(255,255,255,.03);}
.service-page .faq-item summary {list-style:none; cursor:pointer; padding:18px 22px; display:flex; justify-content:space-between; align-items:center; font-weight:600; font-size:15px; color:#fff;}
.service-page .faq-item summary::-webkit-details-marker {display:none;}
.service-page .faq-item summary .plus {color:var(--gold); font-size:20px;}
.service-page .faq-item[open] summary .plus {transform:rotate(45deg);}
.service-page .faq-item .a {padding:0 22px 18px; font-size:14.5px; color:rgba(255,255,255,.65);}
.service-page .contact-card {background:var(--navy); border:1px solid var(--line-dark); border-radius:8px; padding:32px; position:sticky; top:100px;}
.service-page .contact-card h3 {color:#fff;}
.service-page .contact-card .sub {color:rgba(255,255,255,.6); font-size:13.5px; margin-bottom:20px;}
.service-page .contact-direct {margin-top:18px; padding-top:18px; border-top:1px solid var(--line-dark); display:flex; flex-direction:column; gap:10px;}
.service-page .contact-direct a {display:flex; align-items:center; gap:10px; color:#fff; font-size:13.5px;}
.service-page .contact-direct svg {width:16px; height:16px; color:var(--gold); flex-shrink:0;}


/* FINAL CTA */
.service-page .cta-bar {background:var(--navy); text-align:center;}
.service-page .cta-bar h2 {color:#fff;}
.service-page .cta-bar p {max-width:520px; margin:0 auto 24px;}

/* ============================================================
   FLEXIBLE CONTENT AREA (the_content()) - this is where each of
   the 300 pages' unique body sections live (Quick Answer, Why It
   Matters, Benefits, Structures, Deed/Requirement grids, Process,
   Cost table, FAQ, etc), written with the normal WordPress block
   editor. Generic tag styling here makes ordinary blocks (Heading,
   Paragraph, List, Table, Columns, the core "Details" block for
   FAQ accordions) automatically look on-brand with no extra work.
   Give a Group/Columns block the "on-navy" or "on-bg" class (via
   the block's Advanced > Additional CSS Class field) to alternate
   section backgrounds, matching the rest of the site.
   ============================================================ */
.service-page .entry-content{padding:64px 0;}
.service-page .entry-content > .container{max-width:900px;}
.service-page .entry-content h2{font-size:clamp(22px,2.6vw,28px); margin:40px 0 14px; color:var(--gold-deep);}
.service-page .entry-content h2:first-child{margin-top:0;}
.service-page .entry-content h3{font-size:18px; margin:24px 0 10px; color:var(--ink);}
.service-page .entry-content p{margin-bottom:16px; font-size:15.5px; color:var(--muted);}
.service-page .entry-content ul,.service-page .entry-content ol{margin:0 0 18px 22px;}
.service-page .entry-content li{margin-bottom:8px; font-size:15.5px; color:var(--muted);}
.service-page .entry-content img{border-radius:var(--radius); margin:12px 0;}
.service-page .entry-content a{color:var(--gold-deep); text-decoration:underline; text-underline-offset:3px;}
.service-page .entry-content blockquote{border-left:3px solid var(--gold); padding:6px 20px; margin:20px 0; color:var(--muted); font-style:italic;}
.service-page .entry-content table{width:100%; border-collapse:collapse; background:#fff; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); margin-bottom:20px;}
.service-page .entry-content table th,.service-page .entry-content table td{padding:14px 20px; text-align:left; font-size:14.5px; border-bottom:1px solid var(--line);}
.service-page .entry-content table th{background:var(--bg); color:var(--gold-deep); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.05em;}
.service-page .entry-content table tr:last-child td{border-bottom:none;}
/* Native WP "Details" block, used for FAQ accordions inside the flexible content */
.service-page .entry-content details{border:1px solid var(--line); border-radius:8px; margin-bottom:12px; padding:16px 20px; background:#fff;}
.service-page .entry-content summary{cursor:pointer; font-weight:600; font-size:15px; color:var(--ink);}
.service-page .entry-content details[open] summary{margin-bottom:10px;}
/* Section alternation, applied via the block's "Additional CSS Class" field */
.service-page .entry-content .on-navy,.service-page .entry-content .on-navy-2{background:var(--navy); color:#fff; padding:40px; border-radius:var(--radius); margin:32px 0;}
.service-page .entry-content .on-navy h2,.service-page .entry-content .on-navy h3,.service-page .entry-content .on-navy-2 h2,.service-page .entry-content .on-navy-2 h3{color:#fff;}
.service-page .entry-content .on-navy p,.service-page .entry-content .on-navy li,.service-page .entry-content .on-navy-2 p,.service-page .entry-content .on-navy-2 li{color:rgba(255,255,255,.75);}
.service-page .entry-content .on-navy details,.service-page .entry-content .on-navy-2 details{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.15);}
.service-page .entry-content .on-navy summary,.service-page .entry-content .on-navy-2 summary{color:#fff;}

@media(max-width:900px){
  .service-page .svc-hero-grid,.service-page .why-grid,.service-page .compare-grid,.service-page .faq-contact-grid{grid-template-columns:1fr;}
  .service-page .card-grid,.service-page .card-grid.cols-4,.service-page .testi-grid{grid-template-columns:repeat(2,1fr);}
  .service-page .svc-hero-copy h1{font-size:36px;}
}
@media(max-width:600px){
  .service-page .card-grid,.service-page .card-grid.cols-4,.service-page .testi-grid{grid-template-columns:1fr;}
  .service-page .svc-hero-copy{padding:0 4px;}
  .service-page .svc-hero-copy h1{font-size:28px;}
  .service-page .eyebrow{font-size:12px; letter-spacing:.08em;}
  .service-page .story-stat-strip{display:grid; grid-template-columns:repeat(2,1fr); max-width:420px; margin-left:auto; margin-right:auto;}
  .service-page .story-stat-pill{min-width:0;}
  .service-page .trust-card .container{justify-content:center; text-align:center;}
  .service-page .cta-buttons{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
  .service-page .cta-buttons > a{justify-content:center;}
  .service-page .cta-buttons > a:nth-child(1),
  .service-page .cta-buttons > a:nth-child(4){grid-column:1 / -1;}
  .service-page .story-heading{max-width:420px; margin-left:auto; margin-right:auto; text-wrap:balance;}
}

/* ============================================================
   Utility classes - extracted from what were one-off inline
   style="" attributes, for the exact same visual result without
   any presentational CSS living in the HTML (SEO/performance:
   keeps markup lean and every rule cacheable in this one file).
   ============================================================ */
.service-page .text-white{color:#fff;}
.service-page .text-gold{color:var(--gold);}
.service-page .text-gold-strong{color:var(--gold-deep); font-weight:600;}
.service-page .text-muted-dark{color:rgba(255,255,255,.7);}
.service-page .text-center{text-align:center;}
.service-page .eyebrow-center{justify-content:center;}
.service-page .section-tight{padding:48px 0;}
.service-page .section-head-center{margin:0 auto 40px; text-align:center;}
.service-page .card-grid-2{grid-template-columns:1fr 1fr; margin-bottom:24px;}
@media(max-width:700px){.service-page .card-grid-2{grid-template-columns:1fr;}}
.service-page .cta-buttons{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.service-page .legal-note{font-size:12px; margin-top:22px;}
.service-page .story-lead{color:rgba(255,255,255,.75); max-width:620px; margin:20px auto 0;}
.service-page .partners-heading{color:#fff; text-align:center; font-size:14px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:24px;}
.service-page .trustpilot-stars{color:#00B67A;}

/* Deed / requirement grid cards (numbered 01-07 style) */
.service-page .deed-num{color:var(--gold-deep); font-weight:800; font-size:13px;}
.service-page .deed-title{font-size:15px; margin-top:8px;}
.service-page .deed-text{font-size:13px;}

/* Structures grid cards (compact, on dark background) */
.service-page .structure-title{font-size:15px; color:#fff;}
.service-page .structure-text{font-size:13px; color:rgba(255,255,255,.7);}

/* Secondary benefit cards (3-up row, smaller than the 2-up spotlight row) */
.service-page .benefit-title-sm{font-size:16px; color:#fff;}
.service-page .benefit-text-sm{font-size:14px; color:rgba(255,255,255,.7);}

/* Review badge text (Google/Trustpilot row) */
.service-page .review-rating{color:#fff; font-weight:700;}
.service-page .review-sub{color:rgba(255,255,255,.65); font-size:12.5px;}

/* "Request Callback" circular icon + link, in the Story section */
.service-page .callback-link{display:inline-flex; align-items:center; gap:10px; margin:24px auto 0;}
.service-page .callback-circle{width:36px; height:36px; border-radius:50%; background:var(--gold); color:#111; display:inline-flex; align-items:center; justify-content:center;}
.service-page .callback-text{color:#fff; font-weight:600;}
/* Quick Facts (Breadcrumb + Quick Summary section) - fully custom,
   dedicated markup and classes, no longer using the shared
   szuae_quick_facts()/.quick-facts-box component at all, so there's
   nothing external left to fight for width control. */
.service-page .ml-quick-facts{background:rgba(199,164,77,.08); border-left:4px solid var(--gold); border-radius:6px; padding:24px 28px; width:100%;}
.service-page .ml-quick-facts-label{display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--gold); margin-bottom:16px;}
.service-page .ml-quick-facts-label svg{width:16px; height:16px; flex-shrink:0;}
.service-page .ml-quick-facts-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:14px 32px;}
.service-page .ml-quick-facts-list li{position:relative; padding-left:18px; font-size:14.5px; line-height:1.5; color:rgba(255,255,255,.85);}
.service-page .ml-quick-facts-list li::before{content:''; position:absolute; left:0; top:8px; width:6px; height:6px; border-radius:50%; background:var(--gold);}
@media(max-width:640px){.service-page .ml-quick-facts-list{grid-template-columns:1fr;}}

/* Premium icon badges - replaces card images that were removed from
   License Types (light bg) and Popular Activities (dark bg). */
.service-page .premium-icon{width:52px; height:52px; border-radius:50%; border:1px solid var(--gold-deep); display:flex; align-items:center; justify-content:center; margin-bottom:16px; background:rgba(199,164,77,.06);}
.service-page .premium-icon svg{width:24px; height:24px; stroke:var(--gold-deep);}
.service-page .premium-icon-dark{border-color:var(--gold); background:rgba(199,164,77,.1);}
.service-page .premium-icon-dark svg{stroke:var(--gold);}

/* Why & Benefits - 2-column icon+title+description grid, and the
   dark-context info bar (replaces .quick-answer here, which would
   render invisible dark text on this section's dark background). */
.service-page .premium-icon-sm{width:40px; height:40px; margin-bottom:0; flex-shrink:0;}
.service-page .premium-icon-sm svg{width:19px; height:19px;}
.service-page .benefit-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px 28px; margin-top:20px;}
.service-page .benefit-grid-item{display:flex; gap:14px; align-items:flex-start;}
.service-page .benefit-grid-item h4{font-size:15px; font-weight:700; color:#fff; margin-bottom:4px;}
.service-page .benefit-grid-item p{font-size:13.5px; margin-bottom:0;}
@media(max-width:560px){.service-page .benefit-grid{grid-template-columns:1fr;}}

.service-page .mainland-info-bar{display:flex; align-items:center; gap:16px; background:rgba(199,164,77,.1); border-left:4px solid var(--gold); border-radius:6px; padding:18px 24px;}
.service-page .mainland-info-icon{width:34px; height:34px; border-radius:50%; border:1px solid var(--gold); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.service-page .mainland-info-icon svg{width:16px; height:16px; stroke:var(--gold);}
.service-page .mainland-info-bar p{color:#fff; margin-bottom:0; font-size:14.5px;}