/* ═══════════════════════════════════════════════════════════════
   ZUBILANT · brand-v9.css — sitewide brand-language overlay, 14 Aug 2026.
   Loaded AFTER each page's inline styles; the cascade brings every inner
   page up to the homepage's v9 language without touching page layouts.
   Source of truth: index.html (v9) + Master Brief tokens.
   ═══════════════════════════════════════════════════════════════ */

/* Cursor — default arrow, bigger, orange */
html,body,a,button,[role="tab"]{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="30" viewBox="0 0 26 30"><path d="M3 2 L3 24 L9 19 L13 28 L17 26 L13 17 L21 17 Z" fill="%23F36B21" stroke="white" stroke-width="1.6" stroke-linejoin="round"/></svg>') 3 2, auto}

/* Type scale */
.display1{font-size:72px;line-height:1.04;letter-spacing:-.03em}
h1,.h1{font-size:56px;line-height:1.06;letter-spacing:-.022em}
h2,.h2{font-size:42px;line-height:1.1;letter-spacing:-.015em}
h3,.h3{font-size:25px;line-height:1.22}
h4,.h4{font-size:19px}
.lead{font-size:18px}
p{font-size:16px;line-height:1.6}
.hero h1{font-size:56px;max-width:20ch}
.hero.short h1{font-size:44px}
.hero .sub{font-size:16.5px}
@media (max-width:1080px){.display1,.hero h1{font-size:46px}h1,.h1{font-size:40px}h2,.h2{font-size:34px}}
@media (max-width:640px){.display1,.hero h1,.hero.short h1{font-size:36px}h1,.h1{font-size:32px}h2,.h2{font-size:27px}}

/* Buttons — black pill at rest, orange circle floods on hover */
.btn{border-radius:999px!important;min-height:48px;padding:12px 26px}
.btn-primary{color:#fff;background:none!important;box-shadow:0 2px 8px rgba(22,33,31,.22);isolation:isolate;position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;inset:0;background:var(--teal900,#00272B);z-index:-2;border-radius:inherit;transform:none}
.btn-primary::before{content:"";position:absolute;left:50%;bottom:-60%;width:250%;aspect-ratio:1/1;
  border-radius:50%;background:var(--orange500,#F36B21);transform:translateX(-50%) scale(0);
  transform-origin:50% 60%;transition:transform 440ms cubic-bezier(.3,.7,.3,1);z-index:-1;opacity:1}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(243,107,33,.32);background:none}
.btn-primary:hover::before{transform:translateX(-50%) scale(1)}
.btn-secondary,.btn-onphoto{transition:border-color .16s,color .16s,transform .22s,box-shadow .22s,letter-spacing .22s}
.btn-secondary:hover{border-color:var(--orange500,#F36B21);transform:translateY(-2px);letter-spacing:.02em;
  box-shadow:0 8px 22px rgba(243,107,33,.2)}
.btn-onphoto:hover{transform:translateY(-2px);letter-spacing:.02em;box-shadow:0 8px 22px rgba(0,20,22,.25)}

/* Nav — floating pill, frosted over heroes */
.nav{top:16px}
.nav .in{height:66px;border-radius:999px;max-width:1320px;width:calc(100% - 48px)}
.nav.scrolled{top:10px}
.nav.scrolled .in{box-shadow:0 4px 18px rgba(22,33,31,.12)}
.navlinks{margin:0 auto}
.navlinks a{font-size:15px;font-weight:600;letter-spacing:.02em}
.nav .btn{min-height:38px;padding:7px 16px}

/* Grounds — pastel only; the contour line-work is retired */
.contours{display:none!important}
section.tint-moss{background:var(--sage100,#E7EFE4)}
section.tint-clay{background:var(--teal50,#F0F8F9)}
section.tint-river{background:var(--sage200,#D6E4D2)}
section.tint-sun{background:var(--sand,#F7F6F3)}
section.tint-sky{background:var(--teal100,#DCEFF1)}
section.tint-forest{background:var(--sage100,#E7EFE4);color:var(--ink900,#16211F)}
section.tint-forest h2,section.tint-forest h3,section.tint-forest .h4{color:var(--ink900,#16211F)}
section.tint-forest .lead,section.tint-forest p{color:var(--ink700,#3E4C4B)}
section.tint-forest .mcol .num,section.tint-forest .mcol .lab{color:var(--ink500,#5C6968)}
section.tint-forest .mcol .note{color:var(--ink700,#3E4C4B);border-top-color:var(--lineSoft,#E2E6E5)}
section{border-top:0}

/* Cards — colour holds the bottom quarter; shadows go orange on hover */
.pcard::after{background:linear-gradient(to top,var(--wash,rgba(31,77,58,.97)) 0%,var(--wash,rgba(31,77,58,.92)) 24%,rgba(0,39,43,.34) 44%,rgba(0,39,43,0) 62%)!important}
.pcard .body{text-shadow:0 1px 4px rgba(0,20,22,.45)}
.pcard:hover,.card:hover,.step:hover,.rev:hover{box-shadow:0 10px 26px rgba(243,107,33,.28)}
.proof{background:var(--teal50,#F0F8F9);color:var(--ink900,#16211F);box-shadow:none;border:1px solid var(--lineSoft,#E2E6E5)}
.proof k{color:var(--ink500,#5C6968)}
.proof em{color:var(--ink700,#3E4C4B)}
.proof div{border-right-color:var(--lineSoft,#E2E6E5)}

/* Chips → pills */
.chip{border-radius:999px}
.chip[aria-selected="true"]{background:var(--paper,#fff);border:1.5px solid var(--orange500,#F36B21);
  color:var(--ink900,#16211F);font-weight:700;box-shadow:0 6px 18px rgba(243,107,33,.26)}
.chip[aria-selected="true"]:hover{background:var(--paper,#fff);border-color:var(--orange500,#F36B21)}
.chip[aria-selected="true"]::after{display:none}

/* Footer — pastel teal, ink text, no yellow */
footer{background:var(--teal100,#DCEFF1)!important;color:var(--ink900,#16211F)}
footer h3{color:var(--teal700,#00545C)!important}
footer .ink700,footer p{color:var(--ink700,#3E4C4B)!important}
footer ul a,footer .tlink,footer .social a{color:var(--ink900,#16211F)!important}
footer ul a:hover,footer .tlink:hover,footer .social a:hover{color:var(--orange500,#F36B21)!important}
.fbase{border-top-color:var(--teal200,#BFE3E7)!important;color:var(--ink500,#5C6968)!important}

/* Retired homepage-era popups, if any page still carries them */
.flagbar,.ratecard{display:none!important}