:root{
  --bg:oklch(96% 0.01 75);
  --surface:oklch(99% 0.004 220);
  --surface-2:oklch(96% 0.008 75);
  --ink:oklch(23% 0.025 250);
  --ink-soft:oklch(42% 0.02 245);
  --muted:oklch(56% 0.018 240);
  --line:oklch(23% 0.025 250 / 0.12);
  --line-strong:oklch(23% 0.025 250 / 0.24);
  --accent:oklch(74% 0.14 75);
  --accent-ink:oklch(38% 0.09 65);
  --accent-soft:oklch(74% 0.14 75 / 0.16);
  --accent2:oklch(58% 0.12 155);
  --accent2-ink:oklch(40% 0.075 155);
  --accent2-soft:oklch(58% 0.12 155 / 0.14);
  --shadow:0 1px 2px oklch(23% 0.025 250 / 0.06), 0 10px 30px oklch(23% 0.025 250 / 0.10);
  --nav-bg:oklch(99% 0.004 220 / 0.86);
  --deep-harbor:oklch(23% 0.025 250);
  --trust-green:oklch(80% 0.13 155);
  --warm-stone-fixed:oklch(96% 0.008 75);
  /* Brand photo overlays (brand book: Deep Harbor tone scale, grey-blue → deep harbor).
     One family for every photo section so dark areas read as one brand. */
  --harbor-overlay:linear-gradient(180deg,rgba(67,78,91,0.50) 0%,rgba(36,47,58,0.74) 55%,rgba(20,30,40,0.90) 100%);
  --harbor-overlay-light:linear-gradient(180deg,rgba(67,78,91,0.30) 0%,rgba(36,47,58,0.48) 55%,rgba(20,30,40,0.70) 100%);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:oklch(19% 0.025 250);
    --surface:oklch(24% 0.025 250);
    --surface-2:oklch(29% 0.025 250);
    --ink:oklch(94% 0.01 90);
    --ink-soft:oklch(78% 0.015 90);
    --muted:oklch(62% 0.015 90);
    --line:oklch(94% 0.01 90 / 0.12);
    --line-strong:oklch(94% 0.01 90 / 0.22);
    --accent:oklch(78% 0.15 75);
    --accent-ink:oklch(88% 0.1 78);
    --accent-soft:oklch(78% 0.15 75 / 0.18);
    --accent2:oklch(72% 0.13 155);
    --accent2-ink:oklch(80% 0.13 155);
    --accent2-soft:oklch(72% 0.13 155 / 0.16);
    --shadow:0 1px 2px oklch(0% 0 0 / 0.3), 0 14px 34px oklch(0% 0 0 / 0.38);
    --nav-bg:oklch(24% 0.025 250 / 0.86);
  }
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Public Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);}
a{color:inherit;}
img,svg{max-width:100%;}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,40px);}
.kicker{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);}
.about-kicker-big{font-size:1.44rem;display:block;margin-bottom:0.7rem;}
h1,h2,h3,h4{font-family:'Bricolage Grotesque','Public Sans',sans-serif;margin:0;color:var(--ink);text-wrap:balance;font-weight:600;}
h1{font-weight:700;}
p{text-wrap:pretty;}
:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;}

header.site-nav{position:sticky;top:0;z-index:20;background:var(--nav-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.nav-inner{max-width:1360px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:1.2rem;height:76px;}
.logo{display:flex;align-items:flex-end;gap:0.5rem;font-weight:800;cursor:pointer;background:none;border:none;padding:0;font-family:'Bricolage Grotesque',sans-serif;}
.logo-mark{flex-shrink:0;}
.logo-word{display:flex;align-items:baseline;gap:0.35rem;}
.logo-top{font-size:1.35rem;color:var(--ink);}
.logo-access{font-size:1.35rem;color:var(--accent);}
.logo-kicker{font-family:'IBM Plex Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;color:var(--muted);text-transform:uppercase;margin-left:0.35rem;align-self:center;}
nav.links{display:flex;align-items:center;gap:1.35rem;flex-shrink:0;}
.nav-link{background:none;border:none;font:inherit;font-size:0.9rem;color:var(--ink-soft);font-weight:500;cursor:pointer;padding-bottom:0.4rem;border-bottom:2px solid transparent;white-space:nowrap;}
.nav-link.active{color:var(--ink);font-weight:700;border-bottom-color:var(--accent);}
.nav-dropdown{position:relative;}
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:0.3rem;}
.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:0.7rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:0.4rem;min-width:190px;display:none;flex-direction:column;gap:0.1rem;z-index:30;}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:flex;}
.nav-dropdown-menu button,.nav-dropdown-menu a{display:flex;align-items:center;gap:0.4rem;background:none;border:none;font:inherit;font-size:0.88rem;color:var(--ink-soft);text-align:left;text-decoration:none;padding:0.55rem 0.7rem;border-radius:7px;cursor:pointer;white-space:nowrap;}
.nav-dropdown-menu button:hover,.nav-dropdown-menu a:hover{background:var(--surface-2);color:var(--ink);}
.cta-btn{display:inline-flex;align-items:center;gap:0.5rem;background:#2F6B48;color:#FFFFFF;font-weight:700;font-size:0.86rem;padding:0.65rem 1.15rem;border-radius:9px;white-space:nowrap;border:1.5px solid transparent;cursor:pointer;font-family:inherit;text-decoration:none;}
.lang-picker{font:inherit;font-size:0.8rem;font-weight:600;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:0.4rem 0.4rem;cursor:pointer;flex-shrink:0;max-width:132px;}
/* Mobile / tablet menu: under 1140px the desktop links don't fit, so they fold into a ☰ button */
.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;background:none;border:1px solid var(--line);border-radius:9px;cursor:pointer;flex-shrink:0;}
.menu-toggle span{display:block;height:2px;border-radius:2px;background:var(--deep-harbor);transition:transform .2s,opacity .2s;}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(20,30,40,0.12);padding:1.4rem clamp(20px,4vw,40px) 1.8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem 2rem;max-height:calc(100vh - 76px);overflow-y:auto;text-align:center;}
.mobile-menu[hidden]{display:none;}
.mm-group{display:flex;flex-direction:column;align-items:center;gap:0.1rem;}
.mm-head{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:0.35rem;}
.mobile-menu button{background:none;border:none;font:inherit;font-size:0.98rem;color:var(--ink);padding:0.55rem 0.8rem;border-radius:8px;cursor:pointer;}
.mobile-menu button:hover{background:var(--surface-2);}
.mm-main{justify-content:center;}
.mm-main button{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1.08rem;}
.mobile-menu .mm-lang{display:block;grid-column:1/-1;justify-self:center;max-width:220px;padding:0.55rem 0.7rem;font-size:0.9rem;}
@media (max-width:1140px){
  nav.links,.nav-inner > .lang-picker{display:none;}
  .menu-toggle{display:flex;}
  .nav-inner{gap:0.7rem;}
  .nav-inner .logo{margin-right:auto;}
}
/* Small laptops: longer translations need tighter spacing so the language picker stays on screen. English untouched. */
@media (min-width:1141px) and (max-width:1290px){
  html:not([lang="en"]) .nav-inner .logo-kicker{display:none;}
  html:not([lang="en"]) .nav-inner{gap:0.7rem;}
  html:not([lang="en"]) nav.links{gap:0.8rem;}
  html:not([lang="en"]) .nav-link{font-size:0.84rem;}
}
@media (max-width:560px){
  /* phone header: logo + Contact us + ☰ must fit on one line */
  .logo-kicker{display:none;}
  .nav-inner{gap:0.5rem;}
  .logo{flex-shrink:0;}
  /* long translations (German etc.) wrap to two lines, so the ☰ button can never be pushed off the screen */
  .cta-btn{padding:0.6rem 0.85rem;font-size:0.82rem;white-space:normal;line-height:1.15;text-align:center;min-width:0;}
  .cta-btn svg{flex-shrink:0;}
}
@media (max-width:375px){
  .cta-btn{padding:0.5rem 0.55rem;font-size:0.76rem;}
  .cta-btn svg{display:none;}
}
@media (max-width:640px){
  .mobile-menu{grid-template-columns:1fr;gap:1.1rem;}
  .mm-group + .mm-group{border-top:1px solid var(--line);padding-top:1rem;}
}

footer.site-footer{background:var(--deep-harbor);color:oklch(94% 0.01 90);margin-top:0;position:relative;overflow:hidden;}
/* Pages that end on the sand "Close With Confidence" part: the footer's top eases from sand into
   Deep Harbor instead of a hard edge (Joshua, 2026-11-01; skills.md #34). Homepage is excluded:
   it already arrives dark from the "List your Asset with us!" strip. */
/* (Retired 2026-11-04) The footer's own sand → Deep Harbor top fade for pages ending on sand.
   Vehicles, Properties and New to Curaçao now all end on one photo that fades into the footer
   itself (skills.md #35), so no page needs it any more. */
.footer-wm{position:absolute;right:-50px;bottom:-40px;width:min(380px,48vw);height:auto;opacity:0.07;pointer-events:none;}
.footer-inner{max-width:1180px;margin:0 auto;padding:3.4rem clamp(20px,4vw,40px) 1.6rem;position:relative;z-index:1;}
/* Brand on the left; the three link columns pushed to the right edge with wide gaps */
.footer-top{display:grid;grid-template-columns:1fr repeat(3,auto);gap:2.2rem clamp(2.6rem,6vw,5.5rem);}
/* Tablet: brand on its own row, the three link columns below it */
@media (max-width:860px){ .footer-top{grid-template-columns:repeat(3,auto);justify-content:space-between;} .footer-brand{grid-column:1/-1;} }
.footer-lockup{display:flex;align-items:center;gap:0.7rem;margin-bottom:1rem;}
.footer-key{width:44px;height:44px;border-radius:11px;box-shadow:0 0 0 1px oklch(94% 0.01 90 / 0.14);}
.footer-logo{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.35rem;color:#fff;}
.footer-blurb{font-size:0.88rem;color:oklch(94% 0.01 90 / 0.62);max-width:34ch;line-height:1.55;margin:0;}
/* Footer column titles in Access Gold (Joshua 2026-10-12): separates title from links on Deep
   Harbor; same deliberate exception to "gold = actions" as the DISCLAIMER kickers. */
/* Footer gold titles = Bricolage Grotesque, the "Notify me of new … listings!" font, bold (Joshua 2026-11-11) */
.col-h{font-family:'Bricolage Grotesque','Public Sans',sans-serif;font-size:0.88rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);margin-bottom:0.9rem;}
.footer-col button, .footer-col span{display:block;font-size:0.9rem;margin-bottom:0.65rem;background:none;border:none;color:oklch(94% 0.01 90 / 0.85);cursor:pointer;padding:0;text-align:left;font-family:inherit;}
.footer-col button:hover{color:#fff;}
.footer-col a{color:inherit;text-decoration:none;}
.footer-col a:hover{color:#fff;}
.contact-line{font-size:0.9rem;margin-bottom:0.65rem;color:oklch(94% 0.01 90 / 0.7);display:flex;align-items:center;gap:0.4rem;}
.contact-line a.icon-link{display:inline-flex;align-items:center;gap:0.45rem;}
.contact-line svg{flex-shrink:0;}
.footer-col .contact-line span{display:inline;margin:0;}
.footer-col .col-h span{display:inline;margin:0;color:inherit;font-size:inherit;}
.footer-col .contact-line{display:block;}
.footer-verify-heading{font-family:'Bricolage Grotesque','Public Sans',sans-serif;font-size:0.88rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);margin-top:2.6rem;}
.footer-bottom{border-top:1px solid oklch(94% 0.01 90 / 0.15);margin-top:1.6rem;padding-top:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.6rem;font-size:0.78rem;color:oklch(94% 0.01 90 / 0.42);}
.footer-verify-checks{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:0.9rem;}
.footer-verify-checks .checkItem{display:flex;align-items:center;gap:0.5rem;font-weight:500;font-size:0.82rem;color:var(--trust-green);}
.footer-verify-checks .checkItem svg{flex-shrink:0;}
/* Phone: centred brand, link columns two by two, centred trust line + © (site-wide centred
   feel). Placed after the base footer rules so it wins. */
@media (max-width:640px){
  .footer-top{grid-template-columns:1fr 1fr;gap:1.8rem 1.2rem;}
  .footer-col{text-align:center;}
  .footer-col button,.footer-col span{width:100%;text-align:center;}
  .footer-col:last-child{grid-column:1/-1;}
  .footer-col .contact-line a.icon-link{justify-content:center;}
  .footer-brand{text-align:center;}
  .footer-brand .footer-lockup{justify-content:center;}
  .footer-brand .footer-blurb{margin-inline:auto;}
  .footer-verify-heading{text-align:center;}
  .footer-verify-checks{justify-content:center;text-align:center;}
  .footer-verify-checks{gap:0.55rem 1.1rem;}
  .footer-bottom{justify-content:center;text-align:center;}
}

.btn{display:inline-flex;align-items:center;gap:0.55rem;font-weight:700;font-size:0.94rem;padding:0.88rem 1.5rem;border-radius:10px;border:1.5px solid transparent;cursor:pointer;font-family:inherit;background:none;text-decoration:none;}
.btn-primary{background:var(--accent);color:oklch(15% 0.02 75);}
.btn-outline2{background:transparent;border-color:var(--accent2);color:var(--accent2-ink);}
.btn-secondary{background:transparent;border-color:var(--line-strong);color:var(--ink);}

/* ===== ONE hover effect for everything clickable (Joshua 2026-10-12, skills.md #22) =====
   Gold border highlight + a 2px lift + a smooth 0.15s transition. Gold buttons get a deeper
   gold edge (gold on gold wouldn't show); dark / outline buttons and all cards get Access Gold. */
.btn,.cta-btn,.pc-arrow,
.card.is-clickable,.fcard.is-clickable,.work-door,.partner-tile,.partner-card-v,.story-door{
  transition:transform .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease;}
.btn:hover,.btn:focus-visible,.cta-btn:hover,.cta-btn:focus-visible,.pc-arrow:hover,.pc-arrow:focus-visible,
.card.is-clickable:hover,.fcard.is-clickable:hover,.work-door:hover,.work-door:focus-visible,
.partner-tile:hover,.partner-tile:focus-visible,.partner-card-v:hover,.partner-card-v:focus-visible,
.story-door:hover,.story-door:focus-within{transform:translateY(-2px);border-color:var(--accent);}
.btn-primary:hover,.btn-primary:focus-visible{border-color:#B9781A;}
.cta-btn:hover,.cta-btn:focus-visible{background:#3A7D56;border-color:#205335;} /* Deep Green: mint and sage did not fit (Joshua, 2026-11-09) */
.card.is-clickable,.fcard.is-clickable{cursor:pointer;}
@media (prefers-reduced-motion:reduce){
  .btn,.cta-btn,.pc-arrow,.card.is-clickable,.fcard.is-clickable,.work-door,.partner-tile,.partner-card-v,.story-door{transition:border-color .15s ease;}
  .btn:hover,.cta-btn:hover,.pc-arrow:hover,.card.is-clickable:hover,.fcard.is-clickable:hover,.work-door:hover,.partner-tile:hover,.partner-card-v:hover,.story-door:hover{transform:none;}
}

main#main{scroll-margin-top:0;}
.page{animation:pageIn 0.28s ease;}
@keyframes pageIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion: reduce){.page{animation:none;}}

/* Joshua 2026-10-12: this hero shows the photo's own warm evening colours, not the grey-blue
   --harbor-overlay. Only a light warm-neutral darkening (stronger at the bottom) keeps the
   white text readable. Deliberate exception to the overlay rule in skills.md #2. */
.list-hero{position:relative;color:oklch(94% 0.01 90);padding:7.7rem 0 5.6rem;margin-bottom:0.5rem;background:linear-gradient(180deg,rgba(12,9,6,0.06) 0%,rgba(12,9,6,0.16) 55%,rgba(12,9,6,0.30) 100%),url('/assets/curacao/list-with-us-hero-sunset.jpg') center 60%/cover no-repeat;}
/* Lighter + cleaner sunset (Joshua, 2026-11-04): the photo itself is brightened and its colour lifted
   (filter on a ::before layer, so the text isn't affected); only a very light tint at the bottom stays.
   A soft shadow keeps the white hero text readable. */
.list-hero{isolation:isolate;background:none;}
.list-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 46% 38% at 50% 48%,rgba(12,9,6,0.32) 0%,rgba(12,9,6,0.16) 55%,rgba(12,9,6,0) 100%),
  linear-gradient(180deg,rgba(12,9,6,0) 0%,rgba(12,9,6,0.06) 55%,rgba(12,9,6,0.22) 100%);}
/* soft oval shade only behind the headline (bright sky + busy palms behind white text) */
.list-hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:url('/assets/curacao/list-with-us-hero-palms-sunset.jpg') center 42%/cover no-repeat;
  filter:brightness(1.15) saturate(1.1) contrast(1.03);}
/* Photo swapped to Joshua's "List with us HERO 2" (palms against a soft sunset, 2026-11-04).
   The villa-street sunset (list-with-us-hero-sunset.jpg) is kept in assets, unused.
   (2026-11-07: briefly tried the Willemstad waterfront + cuts here; Joshua: those were meant for About Us,
   restored to this original.) */
/* Taller hero so more of the photo shows (Joshua: "vertically a bit wider") */
.list-hero{padding:10rem 0 8rem;}
@media (max-width:560px){ .list-hero{padding:6.5rem 0 5rem;} }
.list-hero h1,.list-hero p{text-shadow:0 1px 3px rgba(12,9,6,0.55),0 2px 16px rgba(12,9,6,0.45);}
/* List with us hero photo = Joshua's own: sunset over the sea from a hillside villa street
   (2026-11-04). Old list-with-us-bg-2.jpg kept in assets, unused. */
.list-hero .kicker{color:oklch(94% 0.01 90 / 0.75);}
.list-hero h1{color:#fff;}
.list-hero p{color:oklch(94% 0.01 90 / 0.92);}
/* List with us + Become a Partner (merged): hero + two doors */
.list-hero h1.list-hero-title{font-size:clamp(2.3rem,4.6vw,3.2rem);line-height:1.06;font-weight:700;margin:0 auto 1rem;text-wrap:balance;}
/* Same style as the New to Curaçao hero slogan ("Access our Network & Niches."): white, 600, 1.15rem */
.list-hero p.list-hero-desc{color:#fff;font-weight:600;font-size:1.15rem;max-width:62ch;margin:0 auto;}
.connect-emblem{display:block;width:220px;height:auto;margin:1rem auto 0;overflow:visible;}
.connect-pulse{animation:connectTravel 3.2s ease-in-out infinite;}
@keyframes connectTravel{0%{transform:translateX(0);opacity:0;}15%{opacity:1;}85%{opacity:1;}100%{transform:translateX(194px);opacity:0;}}
@media (prefers-reduced-motion:reduce){.connect-pulse{animation:none;opacity:0;}}
.work-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;max-width:880px;margin:-3rem auto 0;position:relative;z-index:2;}
.work-door{font:inherit;text-align:center;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.8rem 1.6rem;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:0.55rem;}
.work-door-icon{display:flex;gap:0.4rem;color:#6cd092;} /* mint, same green as the money buttons: these doors are the earn/sell entrances (Joshua, 2026-11-01) */
.work-door-icon svg{stroke-width:1.9;}
.work-door-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.3rem;color:var(--ink);}
.work-door-desc{color:var(--ink-soft);font-size:0.95rem;line-height:1.5;max-width:34ch;}
/* pinned to the card bottom so both doors' links line up, whatever the text length */
.work-door-cta{margin-top:auto;padding-top:0.4rem;font-weight:700;color:var(--accent-ink);}
.work-section{scroll-margin-top:96px;}
.work-section .section-title-center{margin-top:3rem;}
/* List with us opens with the green money CTA alone, no heading (Joshua, 2026-11-01) */
.lw-hero{text-align:center;}
.lw-hero .btn-money{margin-top:3rem;}
/* Floating CTA: 70% of the button above the dark card, 30% overlapping its top edge (Joshua, 2026-11-01) */
.lw-hero .btn-money{position:relative;z-index:2;transform:translateY(30%);}
.lw-hero + .lw-block{padding-top:0;}
/* Mirrored float (Become a Partner): 70% on the dark band above, 30% hanging below its bottom edge */
.money-float-up{position:relative;z-index:2;height:0;text-align:center;}
.money-float-up .btn-money{transform:translateY(-70%);}
/* Shared look of every money CTA (skills.md #31): big, capitals, letter-spaced, bold arrows */
.btn-cta{font-size:1.1rem;padding:1.05rem 2rem;text-transform:uppercase;letter-spacing:0.06em;}
#partnerApplyForm{scroll-margin-top:100px;}
/* Mint, the same green as the "Faster Deals!" marker, so it pops off the dark card (Joshua, 2026-11-01).
   Dark Deep Harbor text: white on mint is too faint to read. */
.btn-money{background:#6cd092;color:#141E28;font-size:1rem;padding:0.95rem 1.7rem;box-shadow:0 12px 28px -12px rgba(108,208,146,.75);}
.btn-money:hover{background:#7fdaa2;}
/* The arrows bounce gently downward: "go down, the form is there" (Joshua, 2026-11-01) */
.cta-arrow{display:inline-flex;animation:cta-drop 1.6s ease-in-out infinite;}
.cta-arrow svg{display:block;}
@keyframes cta-drop{0%,100%{transform:translateY(-2px);opacity:.75;}50%{transform:translateY(4px);opacity:1;}}
.cta-arrow-r{animation-name:cta-nudge;}
@keyframes cta-nudge{0%,100%{transform:translateX(-2px);opacity:.75;}50%{transform:translateX(4px);opacity:1;}}
@media (prefers-reduced-motion:reduce){.cta-arrow{animation:none;}}
#listApplyForm{scroll-margin-top:100px;}
.work-section-lead{text-align:center;color:var(--ink-soft);font-size:1.05rem;margin:0.6rem 0 0;}
/* List with us, rebuilt 2026-10-12: each door = a short centred mini-funnel */
.lw-block{padding-top:3.2rem;}
.lw-title{text-align:center;font-size:clamp(1.3rem,2vw,1.6rem);font-weight:600;margin:0;color:var(--ink);}
.lw-ask{text-align:center;color:var(--ink-soft);font-size:0.92rem;max-width:68ch;margin:1.2rem auto 0;}
.lw-incl{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;max-width:1000px;margin:1.6rem auto 0;}
.lw-incl-col{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.5rem;box-shadow:var(--shadow);}
.lw-incl-col .fbadge{margin-bottom:1rem;}
.lw-incl-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.65rem;}
.lw-incl-col li{display:flex;gap:0.55rem;align-items:flex-start;font-size:0.93rem;color:var(--ink);}
.lw-incl-col li svg{flex-shrink:0;margin-top:3px;color:var(--accent2-ink);}
.lw-block > .trust-tagline{text-align:center;margin:0.9rem 0 0;}
.lw-incl + .lw-ask{margin-top:1.4rem;}
.lw-ask.lw-lines{line-height:1.75;}
/* Compliance routine: 3 icon steps (Due Diligence → Smart Match → Listed & Verified, Joshua
   2026-10-26) joined by a fine dotted line (same language as the connecting emblem, skills.md #21) */
.lw-process{list-style:none;padding:0;margin:2rem auto 0;max-width:860px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;}
.lw-process::before{content:"";position:absolute;top:27px;left:16.67%;right:16.67%;border-top:1.5px dashed var(--line-strong);}
.lw-process li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.45rem;padding:0 0.4rem;}
.lw-process-icon{width:56px;height:56px;border-radius:50%;background:#FBF0DE;border:1px solid rgba(222,156,49,.45);color:#DE9C31;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px var(--bg);} /* light gold tile, same family as the Smart Matching emblems; the page already has dark above (Joshua, 2026-11-01) */
.lw-process-icon svg{stroke-width:1.8;}
.lw-process li:nth-child(3) .lw-process-icon{background:#E6F1EA;border-color:rgba(32,83,53,.35);color:#205335;} /* the badge step = trust: deep green on light */
.lw-process-num{font-family:'IBM Plex Mono',monospace;font-size:0.7rem;font-weight:600;letter-spacing:0.1em;color:var(--accent-ink);margin-top:0.3rem;}
.lw-process-label{font-weight:600;font-size:0.95rem;color:var(--ink);}
.lw-process-desc{font-size:0.86rem;color:var(--ink-soft);max-width:24ch;line-height:1.45;}
.lw-process + .lw-incl{margin-top:2.2rem;}
/* 4-step version (How We Verify Partners, Joshua 2026-11-04): same strip as Our Vetting Standard.
   All four are checks toward the trust badge → the last step (the one that completes it) is green. */
.lw-process-4{grid-template-columns:repeat(4,1fr);max-width:980px;}
.lw-process-4::before{left:12.5%;right:12.5%;}
.lw-process-4 li:nth-child(3) .lw-process-icon{background:#FBF0DE;border-color:rgba(222,156,49,.45);color:#DE9C31;}
.lw-process-4 li:nth-child(4) .lw-process-icon{background:#E6F1EA;border-color:rgba(32,83,53,.35);color:#205335;}
.lw-verify-note{margin-top:1.8rem;}
.lw-verify-gap{height:2rem;} /* keeps the breathing room the removed badge note used to give */
/* ---- "Your Partner Advantage" (was What You Get), Joshua 2026-11-04: icons, badges, colour ---- */
/* "Why TOP Access?": "Access" in Access Gold, like the wordmark (Joshua's pick, 2026-11-04) */
.adv-title-access{color:var(--accent);}
.adv-sub{text-align:center;font-size:1.25rem;font-weight:600;color:var(--ink);margin:3.2rem 0 0;}
.adv-sub-desc{margin-top:0.4rem;}
/* 3 benefit tiles: same icon-circle family as the process strips (gold = benefit, green = trust) */
.adv-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:980px;margin:2.6rem auto 0;}
.adv-tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.5rem 1.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.5rem;}
.adv-ic{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FBF0DE;border:1px solid rgba(222,156,49,.45);color:#DE9C31;margin-bottom:0.3rem;}
.adv-tile.is-trust .adv-ic{background:#E6F1EA;border-color:rgba(32,83,53,.35);color:#205335;}
.adv-tile strong{font-weight:600;font-size:1.02rem;color:var(--ink);}
.adv-tile p{margin:0;font-size:0.88rem;line-height:1.45;color:var(--ink-soft);max-width:28ch;}
/* Level ladder: three badges that climb, Stone → gold-soft → Deep Harbor with gold (top level) */
.adv-ladder{list-style:none;padding:0;margin:2rem auto 0;max-width:820px;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative;}
.adv-ladder::before{content:"";position:absolute;top:50%;left:12%;right:12%;border-top:1.5px dashed var(--line-strong);z-index:0;}
.lvl{position:relative;z-index:1;border-radius:16px;padding:1.2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:0.25rem;text-align:center;border:1px solid;}
.lvl-stars{font-size:1.05rem;letter-spacing:0.12em;color:#DE9C31;}
.lvl-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;}
.lvl-req{font-size:0.82rem;}
.lvl-1{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink);}
.lvl-1 .lvl-req{color:var(--ink-soft);}
.lvl-2{background:#FBF0DE;border-color:rgba(222,156,49,.55);color:var(--ink);transform:translateY(-6px);}
.lvl-2 .lvl-req{color:#623600;}
.lvl-3{background:#141E28;border-color:#DE9C31;color:#fff;transform:translateY(-12px);box-shadow:0 12px 28px rgba(20,30,40,0.22);}
.lvl-3 .lvl-req{color:oklch(94% 0.01 90 / 0.75);}
/* Example partner profile card (template, clearly tagged "Example profile") */
.adv-example{position:relative;max-width:640px;margin:2rem auto 0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:2rem 1.8rem 1.6rem;box-shadow:var(--shadow);text-align:left;}
.adv-ex-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-family:'IBM Plex Mono',monospace;font-size:0.7rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;background:#141E28;color:#DE9C31;padding:0.3rem 0.8rem;border-radius:999px;white-space:nowrap;}
.adv-example .partner-head{margin:0;}
.adv-ex-name{font-family:'Bricolage Grotesque',sans-serif;font-size:1.6rem;font-weight:700;margin:0.1rem 0 0.5rem;color:var(--ink);}
.adv-example .partner-about{margin:1rem 0 0.6rem;}
.adv-ex-checks{display:grid;grid-template-columns:1fr 1fr;gap:0.3rem 1rem;margin:1rem 0 1.2rem;}
.adv-ex-cta{pointer-events:none;}
.adv-ask{margin-top:2rem;font-size:0.86rem;}
/* "Less Marketing, More Business!" 50% lower below the example profile card (Joshua): 2rem → 3rem */
.adv .lw-handle{margin-top:3rem;}
@media (max-width:760px){
  .adv-tiles,.adv-ladder{grid-template-columns:1fr;}
  .adv-ladder::before{display:none;}
  .lvl-2,.lvl-3{transform:none;}
  .adv-ex-checks{grid-template-columns:1fr;}
}
/* "What is Smart Matching?" link under the steps → opens the contrast pop-up */
.lw-sm-open-wrap{text-align:center;margin-top:1.8rem;}
/* Gold → Deep Harbor gradient pill, white text (Joshua 2026-11-07, picked over light/grey and
   light-to-gold). Matches the dark Smart Matching pop-up. Fixed hex so dark mode looks the same. */
.lw-sm-open{background:linear-gradient(135deg,#DE9C31 0%,#8A6A3A 45%,#141E28 100%);border:1px solid #141E28;border-radius:999px;padding:0.7rem 1.4rem;font:inherit;font-weight:600;font-size:0.95rem;color:#FFFFFF;cursor:pointer;box-shadow:0 8px 20px rgba(20,30,40,0.3);transition:filter .2s,transform .2s;}
.lw-sm-open:hover{filter:brightness(1.12);transform:translateY(-1px);}
.sm-dialog{width:min(1000px,calc(100% - 32px));max-width:none;max-height:88vh;padding:0;border:0;border-top:4px solid #DE9C31;border-radius:18px;background:#FFFFFF;color:var(--ink);box-shadow:0 30px 80px -20px rgba(20,30,40,.5);overflow:auto;--ink:#141E28;--ink-soft:#434E5B;} /* white document + thin gold top line (Joshua picked option C, 2026-11-01); ink fixed so it stays dark-on-white in dark mode too */
.sm-dialog::backdrop{background:rgba(20,30,40,.62);}
.sm-dialog-inner{position:relative;padding:3.4rem clamp(1rem,3vw,2rem) 1.8rem;}
.sm-x{position:absolute;top:0.7rem;right:0.8rem;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface,#fff);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;}
/* Smart Matching pop-up: built to scan, not read (skills.md #29; Joshua, 2026-11-01) */
.sm-intro{text-align:center;margin:0 auto 1.4rem;max-width:860px;}
.sm-intro h2{margin:0;display:inline-flex;align-items:center;gap:0.55rem;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:700;color:var(--ink);}
.sm-intro h2 svg{flex-shrink:0;}
.sm-intro > p{margin:0.4rem 0 0;color:var(--ink-soft);font-size:1.02rem;}
/* Three sections, 01 Customers / 02 Assets / 03 Partners: header left, icon items right */
.smx-sec{display:grid;grid-template-columns:250px 1fr;gap:1.4rem;align-items:center;padding:1.15rem 0;border-top:1px dashed rgba(20,30,40,.16);}
.smx-head{display:flex;align-items:flex-start;gap:0.75rem;}
.smx-badge{flex-shrink:0;width:42px;height:42px;border-radius:12px;background:rgba(222,156,49,.12);border:1px solid rgba(222,156,49,.38);color:#DE9C31;display:flex;align-items:center;justify-content:center;} /* gold emblem on a light tile, never dark (Joshua, 2026-11-01) */
.smx-badge svg{stroke-width:1.9;}
.smx-n{display:block;font-family:'IBM Plex Mono',monospace;font-size:0.64rem;letter-spacing:0.14em;color:#64707D;}
.smx-head h3{margin:0.05rem 0 0.15rem;font-size:1.08rem;font-weight:600;color:var(--ink);}
.smx-head p{margin:0;font-size:0.82rem;color:var(--ink-soft);line-height:1.4;}
.smx-items{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.55rem;}
.smx-items li{display:flex;align-items:center;gap:0.55rem;background:#F5F1EC;border:1px solid rgba(20,30,40,.06);border-radius:10px;padding:0.45rem 0.8rem 0.45rem 0.5rem;font-size:0.9rem;font-weight:500;color:var(--ink);}
.smx-ic{position:relative;flex-shrink:0;width:30px;height:30px;border-radius:8px;background:#FFFFFF;color:#141E28;display:flex;align-items:center;justify-content:center;}
.smx-tick{position:absolute;right:-4px;bottom:-4px;width:15px;height:15px;border-radius:50%;background:#205335;color:#fff;border:2px solid #F5F1EC;display:flex;align-items:center;justify-content:center;}
.smx-split{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;position:relative;}
.smx-split::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#DE9C31;transform:translateX(-50%);}
.smx-split .fbadge{display:inline-flex;align-items:center;gap:0.35rem;margin-bottom:0.6rem;}
.smx-col{flex-direction:column;}
/* Before care / After care labels in the Partners split: Warm Stone on the dark card = structure, not a category colour */
.smx-split .fbadge.smx-phase{background:#F5F1EC;color:#141E28;}
@media (max-width:760px){.smx-sec{grid-template-columns:1fr;gap:0.85rem;}.smx-split{grid-template-columns:1fr;gap:1rem;}.smx-split::before{display:none;}}
/* ---- Smart Matching pop-up colours: Option C "full dark, premium" (Joshua 2026-11-07; replaces the
   white-document look). Colour only, layout unchanged. Fixed hex so it looks the same in dark mode. ---- */
.sm-dialog{background:#141E28;--ink:#F5F1EC;--ink-soft:#B8C0C8;}
.sm-dialog .sm-dialog-inner{padding-top:0;}
.sm-intro{max-width:none;margin:0 calc(-1 * clamp(1rem,3vw,2rem)) 1.2rem;padding:2.6rem clamp(1rem,3vw,2rem) 1.6rem;background:#0D151D;}
.sm-intro h2{color:#FFFFFF;}
.sm-intro > p{color:#F5F1EC;opacity:0.88;}
.sm-x{z-index:2;background:#F5F1EC;border-color:#F5F1EC;color:#141E28;}
.smx-n{color:#DE9C31;font-weight:700;font-size:0.74rem;}
.smx-head h3{color:#FFFFFF;font-weight:700;}
.smx-head p{color:#B8C0C8;}
.smx-sec{border-top:0;border-radius:14px;padding:1.15rem 1.2rem;margin:0 0 0.7rem;}
.smx-sec-1,.smx-sec-3{background:#242F3A;}
.smx-sec-2{background:transparent;border:1px solid rgba(255,255,255,.14);}
.smx-badge{background:#F5F1EC;border-color:#F5F1EC;}
.smx-items li{background:#1B2631;border:1px solid rgba(255,255,255,.16);color:#F5F1EC;}
.smx-items li .smx-ic{background:#F5F1EC;color:#141E28;}
.smx-ve li{background:rgba(222,156,49,.14);border-color:rgba(222,156,49,.55);}
.smx-pr li{background:rgba(108,208,146,.10);border-color:rgba(108,208,146,.5);}
.smx-tick{background:#6CD092;color:#141E28;border-color:#141E28;} /* mint = trust green on dark surfaces */
.smx-split .fbadge.wagens{background:#DE9C31;color:#141E28;}
.smx-split .fbadge.huizen{background:#6CD092;color:#141E28;}
/* ---- end Option C ---- */
.lw-incl-col .lw-col-sub{font-size:0.86rem;color:var(--ink);}
.lw-incl-col li.lw-group{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:0.5rem;}
.lw-incl-col li.lw-group:first-child{margin-top:0;}
/* Read full / Close inside the columns (same as Customer Stories cards) */
.lw-incl-col .lw-more{margin-top:0.9rem;}
.lw-incl-col .lw-more > ul{margin-top:0.9rem;}
.lw-incl-col .lw-more summary span{color:inherit;font:inherit;}
@media (max-width:640px){
  .lw-process{grid-template-columns:1fr;row-gap:1.6rem;}
  .lw-process::before{display:none;}
}
.lw-col-sub{display:block;font-size:0.8rem;font-weight:600;color:var(--ink-soft);margin:-0.5rem 0 0.9rem;}
/* #1 reason: dark Deep Harbor feature panel with the real listing icons as chips */
.lw-feature{max-width:1000px;margin:0 auto;border-radius:20px;overflow:hidden;text-align:center;box-shadow:var(--shadow);}
/* Two colours (Joshua, option A 2026-11-01): dark top = proven facts, light bottom = Smart Matching,
   the same colour as the page so it flows into Our Vetting Standard. Hard seam, no gradient
   (a fade made the last dark-panel rows unreadable). */
.lw-feature-dark{background:linear-gradient(160deg,#242F3A 0%,var(--deep-harbor) 100%);padding:3.6rem clamp(1.2rem,5vw,3.6rem) 1.6rem;}
.lw-feature-light{background:var(--bg);padding:1.2rem clamp(1.2rem,5vw,3.6rem) 3.2rem;}
/* White title + Sand (#D9C2A0, warm gold/stone family) sentences on Deep Harbor. Green stays for
   verification badges only (Joshua 2026-10-12) */
.lw-feature h3{color:#fff;font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:700;margin:0;}
/* one sentence per line, with room around them (Joshua: spread the text out) */
.lw-feature-desc{color:#D9C2A0;font-size:1.02rem;max-width:72ch;margin:0.5rem auto 0;}
.lw-feature h3 + .lw-feature-desc{margin-top:1.3rem;}
/* Spec-sheet layout (option C, Joshua 2026-10-26): Vehicles left | Properties right,
   plain icon+label rows split by a fine gold line, matching the site's left/right split */
.lw-icon-rows{display:grid;grid-template-columns:1fr 1fr;gap:1.7rem 0;margin:2.6rem auto 0;max-width:720px;position:relative;}
.lw-icon-rows::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#DE9C31 12%,#DE9C31 88%,transparent);}
/* the gold line runs unbroken through the seam: top half fades in only at its top, bottom half only at its bottom */
.lw-rows-top::before{bottom:-1.6rem;background:linear-gradient(180deg,transparent,#DE9C31 10%,#DE9C31);}
.lw-rows-bottom{margin-top:0;}
.lw-rows-bottom::before{top:-1.2rem;background:linear-gradient(180deg,#DE9C31,#DE9C31 80%,transparent);}
.lw-icon-row{display:flex;flex-direction:column;align-items:stretch;gap:0.2rem;padding:0 1.8rem;}
.lw-icon-row .fbadge{margin:0 0 0.4rem;align-self:center;}
.lw-icon-row .lw-chip{background:none;border:0;border-radius:0;padding:0.55rem 0;justify-content:flex-start;font-size:0.9rem;font-weight:400;border-bottom:1px dashed rgba(255,255,255,0.10);}
.lw-icon-row .lw-chip:last-child{border-bottom:0;}
/* "Smart Matching" group heading at the top of each column in the light half */
.lw-sm-group{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#DE9C31;margin:0 0 0.2rem;}
/* light half: same spec-sheet rows, dark ink on stone */
.lw-feature-light .lw-chip{color:var(--ink);border-bottom-color:var(--line);}
.lw-feature-light .lw-chip svg{color:var(--ink);}
.lw-feature-light .fbadge.lw-mob-only{display:none;}
@media (max-width:600px){.lw-feature-light .fbadge.lw-mob-only{display:inline-block;}}
.lw-feature-light .lw-icon-row .fbadge.wagens{background:var(--accent-soft);color:var(--accent-ink);}
.lw-feature-light .lw-icon-row .fbadge.huizen{background:var(--accent2-soft);color:var(--accent2-ink);}
@media (max-width:600px){.lw-icon-rows{grid-template-columns:1fr;max-width:340px;}.lw-icon-rows::before{display:none;}.lw-icon-row{padding:0;}.lw-rows-bottom{row-gap:1.4rem;}}
.lw-icon-row .fbadge.wagens{background:rgba(222,156,49,0.20);color:#F0C27A;}
.lw-icon-row .fbadge.huizen{background:rgba(108,208,146,0.18);color:#8FDDAA;}
.lw-chip{display:inline-flex;align-items:center;gap:0.45rem;padding:0.5rem 0.95rem;border-radius:999px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);color:#F5F1EC;font-size:0.82rem;font-weight:500;}
.lw-chip svg{width:16px;height:16px;flex-shrink:0;color:#F5F1EC;}
.lw-chip.is-trust svg{color:#6cd092;}
.lw-chip.is-warn svg{color:#ff8a80;}
.lw-chip span{color:inherit;}
/* closing brand mark: the keyhole favicon tile between two fine gold lines */
.lw-feature-mark{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.6rem;}
.lw-feature-mark img{width:44px;height:44px;border-radius:11px;box-shadow:0 0 0 1px oklch(94% 0.01 90 / 0.14);}
.lw-mark-line{width:70px;height:2px;background:linear-gradient(90deg,transparent,rgba(222,156,49,0.6));}
.lw-mark-line:last-child{background:linear-gradient(90deg,rgba(222,156,49,0.6),transparent);}
.lw-reach .how-card{text-align:center;}
/* Local | International split (same left/right + gold line language as the banner) */
.lw-reach-split{display:grid;grid-template-columns:1fr 1fr;max-width:860px;margin:1.8rem auto 0;position:relative;}
.lw-reach-split::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#DE9C31 12%,#DE9C31 88%,transparent);}
.lw-reach-side{text-align:center;padding:0.4rem 2.2rem;}
.lw-reach-side h3{font-size:1.08rem;margin:0 0 0.4rem;}
.lw-reach-side p{color:var(--ink-soft);font-size:0.93rem;line-height:1.55;margin:0;}
.lw-handle{text-align:center;max-width:62ch;margin:2rem auto 0;color:var(--ink-soft);}
.lw-handle strong{color:var(--ink);font-weight:600;}
.lw-handle{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(1.45rem,3.4vw,1.9rem);line-height:1.3;color:var(--ink);} /* the punchy line ("Fewer Viewings, Faster Deals!") */
/* Green marker swipe under the payoff: green = money (Joshua, 2026-11-01) */
.marker{background-image:linear-gradient(#6cd092,#6cd092);background-repeat:no-repeat;background-position:0 88%;background-size:0% .38em;transition:background-size .9s cubic-bezier(.22,.9,.3,1) .15s;padding:0 .08em;}
.marker.is-in{background-size:100% .38em;}
@media (prefers-reduced-motion:reduce){.marker{transition:none;background-size:100% .38em;}}
.lw-trust{justify-content:center;margin-top:1rem;}
@media (max-width:640px){.lw-reach-split{grid-template-columns:1fr;row-gap:1.6rem;}.lw-reach-split::before{display:none;}.lw-reach-side{padding:0;}}
/* Listing application: two paths (vehicle checklist + photos / property intake call) */
.list-apply{max-width:760px;margin-left:auto;margin-right:auto;}
.lp-panel{border:0;margin:0 0 1.2rem;padding:1.2rem 0 0;border-top:1px solid var(--line);min-width:0;}
.lp-lead{font-weight:600;color:var(--ink);margin:0 0 1rem;}
.lp-h{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);margin:1.4rem 0 0.8rem;}
.lp-tip{font-size:0.88rem;color:var(--ink-soft);margin:-0.3rem 0 0.9rem;}
.lp-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0.7rem;}
.lp-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0.2rem;min-height:120px;padding:0.8rem 0.6rem;border:1.5px dashed var(--line-strong);border-radius:12px;background:var(--surface-2) center/cover no-repeat;cursor:pointer;}
.lp-slot input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.lp-slot:focus-within{outline:2px solid var(--accent);outline-offset:1px;}
.lp-slot-plus{font-size:1.4rem;line-height:1;color:var(--accent-ink);}
.lp-slot strong{font-size:0.86rem;font-weight:600;color:var(--ink);}
.lp-slot span:last-child{font-size:0.74rem;color:var(--ink-soft);line-height:1.35;}
.lp-slot.has-photo{border-style:solid;border-color:#205335;}
.lp-slot.has-photo > *:not(input){visibility:hidden;}
.lp-slot.has-file{border-style:solid;border-color:#205335;}
.lp-slot.has-file > *:not(input){display:none;}
.lp-slot.has-file::after{content:attr(data-count);font-size:0.8rem;font-weight:600;color:#205335;word-break:break-all;}
.lp-notice{margin:1rem 0 0;padding:0.8rem 1rem;border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:0.9rem;text-align:center;}
.lp-steps{margin:0 0 1.2rem;padding-left:1.2rem;color:var(--ink-soft);font-size:0.92rem;line-height:1.7;}
.lw-reach-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--surface-2);color:var(--ink);margin-bottom:0.6rem;}
.lw-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;max-width:1000px;margin:1.6rem auto 0;}
.lw-price{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.4rem;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;text-align:center;}
.lw-price .fbadge{margin-bottom:0.9rem;}
.lw-price strong{font-family:'Bricolage Grotesque',sans-serif;font-size:1.7rem;font-weight:700;color:var(--ink);line-height:1.1;}
.lw-price strong span{font:inherit;color:inherit;}
.lw-price > span:not(.fbadge){font-size:0.85rem;color:var(--ink-soft);margin:0.25rem 0 0.8rem;}
.lw-price > span:last-child{margin-bottom:0;}
/* light version of the proof count line (on Warm Stone instead of a photo) */
.track-line.track-line-light{margin-bottom:4rem;}
.track-line.track-line-light button{color:var(--ink);}
.track-line.track-line-light button strong{color:var(--accent-ink);}
.track-line.track-line-light button:hover{border-bottom-color:var(--line-strong);}
.track-line.track-line-light .track-dot{color:var(--ink-faint,var(--ink-soft));}
/* Partner door opens with a full-width photo band (dark/light rhythm, skills.md v2 §3) */
.partner-band{margin-top:5rem;padding:4.4rem 0 4rem;scroll-margin-top:76px;background:var(--harbor-overlay),url('/assets/curacao/partner-bg-hands-5256819.jpg') center 52%/cover no-repeat;color:#fff;text-align:center;} /* free Pexels 5256819: team with hands together over a table, seen from above (Joshua's pick, 2026-11-01). 52% centres the joined hands */
.partner-band{padding:7rem 0 6.5rem;} /* taller so both the smiles and the handshake show (Joshua) */
/* Solid top edge; only the bottom fades softly into the sand page colour (Joshua, 2026-11-01).
   Extra bottom padding keeps the white text in the dark part, above the fade. */
/* Long, eased fade (many stops) so there's no visible start or end line (Joshua) */
.partner-band{padding:7rem 0 14rem;background:linear-gradient(180deg,transparent 0%,transparent 52%,
  color-mix(in srgb,var(--bg) 4%,transparent) 58%,color-mix(in srgb,var(--bg) 12%,transparent) 64%,
  color-mix(in srgb,var(--bg) 25%,transparent) 70%,color-mix(in srgb,var(--bg) 42%,transparent) 76%,
  color-mix(in srgb,var(--bg) 60%,transparent) 82%,color-mix(in srgb,var(--bg) 77%,transparent) 88%,
  color-mix(in srgb,var(--bg) 91%,transparent) 94%,var(--bg) 100%),var(--harbor-overlay),url('/assets/curacao/partner-bg-hands-5256819.jpg') center 52%/cover no-repeat;}
.partner-band h2{color:#fff;font-size:2.2rem;font-weight:700;margin:0;}
.partner-band-lead{color:oklch(94% 0.01 90 / 0.92);font-size:1.08rem;margin:0.6rem 0 0;}
.partner-band .stat-bar{padding-top:1.6rem;}
.partner-band .stat-item strong{color:#fff;}
.partner-band .stat-item span{color:oklch(94% 0.01 90 / 0.75);}
.partner-band .stat-item span span{color:inherit;}
.partner-band-tag{color:#fff;font-weight:600;margin:1.2rem 0 0;}
/* Fee banner inside the Become a Partner band (Joshua, 2026-11-04): frosted dark card, big punchy
   line with the green slogan marker on the second half, one plain sentence under it. */
.partner-fee{max-width:560px;margin:2rem auto 0;padding:1.4rem 1.8rem;border-radius:16px;
  background:rgba(20,30,40,0.55);border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(6px);}
.partner-fee-title{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.6rem,3.2vw,2.1rem);font-weight:700;line-height:1.2;color:#fff;}
.partner-fee-desc{margin:0.6rem 0 0;font-size:1rem;line-height:1.5;color:oklch(94% 0.01 90 / 0.9);}
.partner-band-cta{margin-top:1.8rem;}
/* Fee promise box = Browse-box style, mint-on-dark version (Joshua, 2026-11-04) */
.partner-band .partner-fee-box{display:inline-flex;margin:2rem auto 0;padding:1.1rem 1.6rem;text-align:left;
  background:rgba(108,208,146,0.12);border-color:#6cd092;backdrop-filter:blur(4px);max-width:100%;box-sizing:border-box;}
.partner-band .partner-fee-box p{min-width:0;white-space:normal;} /* wraps on small screens instead of running off */
.partner-band .partner-fee-box svg{color:#6cd092;}
.partner-band .partner-fee-box p{margin:0;color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.2;}
/* APPLY NOW moved lower: it now sits near the bottom of the band, just above How We Verify Partners.
   The space comes out of the band's bottom padding, so the band and its fade keep their height. */
.partner-band .partner-band-cta{margin-top:4.5rem;} /* 50% higher than 9rem (Joshua) */
/* Wider button to fit this big section (Joshua, 2026-11-04) */
.partner-band .partner-band-cta .btn-money{min-width:min(360px,100%);justify-content:center;gap:1.4rem;}
.partner-band{padding-bottom:11.3rem;} /* +4.5rem so the band and its fade keep their height */
@media (max-width:760px){ .lw-incl,.lw-prices{grid-template-columns:1fr;} }
#listApply{scroll-margin-top:96px;}
@media (max-width:640px){.work-doors{grid-template-columns:1fr;margin-top:-2rem;}}
.hero-photo{position:relative;padding:8.5rem 0 3.5rem;margin-bottom:0.5rem;overflow:hidden;} /* text + buttons sit a bit lower, same total height (Joshua 2026-11-07; was 6.5rem 0 5.5rem) */
.hero-slide{position:absolute;inset:0;background-position:center 60%;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1.6s ease;}
.hero-slide.active{opacity:1;}
.hero-photo::after{content:'';position:absolute;inset:0;background:var(--harbor-overlay-light);pointer-events:none;}
.hero-photo-inner{position:relative;z-index:1;max-width:680px;}
.hero-photo .kicker{color:oklch(94% 0.01 90 / 0.75);}
.hero-photo h1{color:#fff;font-size:clamp(2.3rem,4.6vw,3.2rem);line-height:1.06;margin:0.6rem 0 1.15rem;font-weight:700;}
/* Centred like the About Us hero (Joshua 2026-11-07): title, experience line and welcome line */
.hero-photo .hero-photo-inner{text-align:center;max-width:900px;margin-left:auto;margin-right:auto;}
.hero-photo .hero-photo-inner .dek{margin-left:auto;margin-right:auto;max-width:72ch;} /* welcome line on exactly 2 lines (Joshua 2026-11-07) */
/* Title only ~a third higher (Joshua 2026-11-07); the lines + buttons below stay where they were */
.hero-photo .hero-photo-inner h1{margin-top:calc(0.6rem - 1.8rem);margin-bottom:calc(1.15rem + 1.8rem);} /* then "a little bit" down again (was 2.8rem up) */
@media (max-width:560px){ .hero-photo .hero-photo-inner h1{margin-top:calc(0.6rem - 1.2rem);margin-bottom:calc(1.15rem + 1.2rem);} }
.hero-photo .hero-exp{margin:0 0 0.45rem;color:#fff;font-weight:700;font-size:1.15rem;letter-spacing:0.01em;} /* same as .about-hero-exp */
.hero-photo .dek{font-size:1.14rem;color:oklch(94% 0.01 90 / 0.92);line-height:1.55;margin-bottom:2rem;max-width:52ch;}
.hero-ctas{display:flex;justify-content:center;gap:1.6rem;flex-wrap:wrap;}
.hero-photo .btn-outline2{border-color:oklch(94% 0.01 90 / 0.7);color:#fff;}
/* white outline buttons on photo heroes still get the shared gold edge on hover (skills.md #22) */
.hero-photo .btn-outline2:hover,.hero-photo .btn-outline2:focus-visible,
.new-banner .btn-outline2:hover,.new-banner .btn-outline2:focus-visible{border-color:var(--accent);}
@media (max-width:560px){ .hero-photo{padding:5.6rem 0 2.4rem;} }
.stat-bar{display:flex;justify-content:center;text-align:center;gap:clamp(1.6rem,4vw,3rem);flex-wrap:wrap;padding-top:1.8rem;padding-bottom:0.4rem;}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:0.25rem;}
.trust-line{padding-block:1rem 0.4rem;text-align:center;} /* padding-block keeps .wrap's side padding */
.trust-tagline{font-size:0.96rem;font-weight:600;color:var(--ink);margin:0 0 0.9rem;}
.home-tagline{max-width:640px;margin-left:auto;margin-right:auto;line-height:1.45;text-wrap:balance;} /* two balanced centred lines between the numbers and the 3 doors (Joshua, 2026-11-09) */
html[lang^="zh"] .home-tagline{max-width:340px;}
.trust-badges{display:flex;justify-content:center;gap:1.6rem;flex-wrap:wrap;}
.trust-badges .checkItem{display:flex;align-items:center;gap:0.5rem;font-weight:500;font-size:0.85rem;color:var(--accent2-ink);}
.trust-badges .checkItem svg{flex-shrink:0;}
/* Phone: the short check items wrap centred, a few per line */
@media (max-width:640px){ .trust-badges{gap:0.55rem 1.1rem;} }
.stat-item strong{font-family:'Bricolage Grotesque',sans-serif;font-size:2rem;font-weight:700;color:var(--ink);line-height:1;}
.stat-item span{font-size:0.76rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.07em;font-family:'IBM Plex Mono',monospace;}
.link{background:none;border:none;font:inherit;cursor:pointer;padding:0;font-weight:700;font-size:0.92rem;color:var(--accent-ink);margin-top:1.3rem;display:inline-block;}
.showcase{padding:3.6rem 0 0.6rem;}
.showcase h2{margin-top:0.4rem;}
.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.6rem 0 0;}
.showcase-item{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:none;padding:0;cursor:pointer;background:var(--surface-2);}
.showcase-item img{width:100%;height:100%;object-fit:cover;filter:grayscale(15%);transition:filter 0.2s ease,transform 0.2s ease;}
.showcase-item:hover img{filter:grayscale(0%);transform:scale(1.03);}
.showcase-tag{position:absolute;top:0.6rem;left:0.6rem;background:#c81e1e;color:#fff;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:0.66rem;letter-spacing:0.08em;padding:0.28rem 0.55rem;border-radius:5px;}
.showcase-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.72));color:#fff;font-size:0.86rem;font-weight:600;padding:1.6rem 0.8rem 0.65rem;text-align:left;}
.teaser{padding-top:3.6rem;padding-bottom:0.6rem;}
/* Warm Willemstad photo band behind Customer Stories (homepage) + testimonials hero,
   same treatment as the New to Curaçao grand testimonial */
/* Directly after the full-width notify strip (homepage) the two bands touch: no empty gap */
.notify-strip + .stories-warm{margin-top:0;}
.stories-warm{margin-top:3.4rem;padding:3.6rem 0 4rem;background:var(--harbor-overlay),url('/assets/curacao/pastel-houses.jpg') center/cover no-repeat;}
/* Customer Stories backgrounds per page (Joshua, 2026-11-01): Handelskade was everywhere and made
   the site feel repetitive. Homepage = sunset through the palms, Vehicles = Jeep on the beach,
   Properties = modern villa with pool. */
/* Homepage: ONE photo (sunset palms) runs behind Customer Stories and "List your Asset with us!"
   (Joshua, 2026-11-04: too many different backgrounds at the end of the page). The band's top eases
   out of Deep Harbor (fade from "Moving to Curaçao?"), its bottom eases slowly into the footer's
   Deep Harbor (skills.md #34). Stops in px so they don't stretch with the band's height. */
.stories-sell-band{background:
  linear-gradient(180deg,var(--deep-harbor) 0px,color-mix(in srgb,var(--deep-harbor) 80%,transparent) 55px,
  color-mix(in srgb,var(--deep-harbor) 55%,transparent) 110px,color-mix(in srgb,var(--deep-harbor) 30%,transparent) 165px,
  color-mix(in srgb,var(--deep-harbor) 12%,transparent) 220px,transparent 275px),
  linear-gradient(180deg,transparent 0%,transparent calc(100% - 300px),
  color-mix(in srgb,var(--deep-harbor) 4%,transparent) calc(100% - 265px),color-mix(in srgb,var(--deep-harbor) 12%,transparent) calc(100% - 230px),
  color-mix(in srgb,var(--deep-harbor) 25%,transparent) calc(100% - 195px),color-mix(in srgb,var(--deep-harbor) 42%,transparent) calc(100% - 155px),
  color-mix(in srgb,var(--deep-harbor) 60%,transparent) calc(100% - 115px),color-mix(in srgb,var(--deep-harbor) 77%,transparent) calc(100% - 75px),
  color-mix(in srgb,var(--deep-harbor) 91%,transparent) calc(100% - 35px),var(--deep-harbor) 100%),
  var(--harbor-overlay),url('/assets/curacao/stories-bg-sunset-palms.jpg') center/cover no-repeat;}
section[data-page=home] .stories-sell-band .stories-warm{margin-top:0;padding-bottom:4rem;background:none;}
/* Vehicles: white Jeep on the beach (Unsplash, free licence, photo cDzaTmypDM4), picked by Joshua */
section[data-page=wagens] .stories-warm{background:var(--harbor-overlay),url('/assets/curacao/stories-bg-jeep-beach.jpg') center 40%/cover no-repeat;}
/* Properties: modern villa with pool and palms (Unsplash hHz4yrvxwlA, free licence; Joshua wanted this style) */
section[data-page=huizen] .stories-warm{background:var(--harbor-overlay),url('/assets/curacao/stories-bg-villa-pool.jpg') center 60%/cover no-repeat;}
/* "Zoom out" (Joshua picked Z1): taller sections show more of each photo. The Blue House gets
   extra height so nearly the whole house fits (a wider-than-tall photo can only show more by
   making the section taller). */
section[data-page=home] .stories-warm,section[data-page=wagens] .stories-warm{padding-top:7rem;padding-bottom:7.5rem;}
section[data-page=huizen] .stories-warm{padding-top:9.5rem;padding-bottom:10rem;}
/* Vehicles + Properties: the bottom of Customer Stories eases into the sand page, flowing into
   "Close With Confidence" (Joshua, 2026-11-01; skills.md #34). Only the photo fades; the story
   cards sit on top and stay crisp. Extra bottom room keeps the cards above the fade. */
section[data-page=wagens] .stories-warm,section[data-page=huizen] .stories-warm{--sand-fade:linear-gradient(180deg,transparent 0%,transparent 62%,
  color-mix(in srgb,var(--bg) 4%,transparent) 67%,color-mix(in srgb,var(--bg) 12%,transparent) 72%,
  color-mix(in srgb,var(--bg) 25%,transparent) 77%,color-mix(in srgb,var(--bg) 42%,transparent) 82%,
  color-mix(in srgb,var(--bg) 60%,transparent) 87%,color-mix(in srgb,var(--bg) 77%,transparent) 92%,
  color-mix(in srgb,var(--bg) 91%,transparent) 96%,var(--bg) 100%);}
section[data-page=wagens] .stories-warm{padding-bottom:11rem;background:var(--sand-fade),var(--harbor-overlay),url('/assets/curacao/stories-bg-jeep-beach.jpg') center 40%/cover no-repeat;}
/* Properties: Mediterranean-style villa with orange roof tiles (Pexels 36298680, free; Joshua's pick 2026-11-01) */
section[data-page=huizen] .stories-warm{padding-bottom:13rem;background:var(--sand-fade),var(--harbor-overlay),url('/assets/curacao/stories-bg-villa-orange-roof.jpg') center 50%/cover no-repeat;}
/* Customer Stories page: same background photo as the matching page (Joshua, 2026-11-01), no more
   Handelskade. Vehicles stories = Jeep, Properties stories = orange-roof villa, all stories = the
   homepage sunset. Bottom eases into the sand page (skills.md #34). */
.stories-warm.stories-page-band{padding-top:5rem;padding-bottom:11rem;--sand-fade:linear-gradient(180deg,transparent 0%,transparent 62%,
  color-mix(in srgb,var(--bg) 4%,transparent) 67%,color-mix(in srgb,var(--bg) 12%,transparent) 72%,
  color-mix(in srgb,var(--bg) 25%,transparent) 77%,color-mix(in srgb,var(--bg) 42%,transparent) 82%,
  color-mix(in srgb,var(--bg) 60%,transparent) 87%,color-mix(in srgb,var(--bg) 77%,transparent) 92%,
  color-mix(in srgb,var(--bg) 91%,transparent) 96%,var(--bg) 100%);
  background:var(--sand-fade),var(--harbor-overlay),url('/assets/curacao/stories-bg-sunset-palms.jpg') center/cover no-repeat;}
.stories-warm.stories-page-band[data-cat=Vehicles]{background:var(--sand-fade),var(--harbor-overlay),url('/assets/curacao/stories-bg-jeep-beach.jpg') center 40%/cover no-repeat;}
.stories-warm.stories-page-band[data-cat=Properties]{background:var(--sand-fade),var(--harbor-overlay),url('/assets/curacao/stories-bg-villa-orange-roof.jpg') center 50%/cover no-repeat;}
/* Page ending = ONE photo behind notify + Customer Stories + Close With Confidence (skills.md #35,
   Joshua 2026-11-04). Top: sand stays solid behind the notify box, then eases into the photo.
   Bottom: the photo eases into the footer's Deep Harbor. Stops in px so they don't stretch. */
.page-ending{--end-photo:none;padding-bottom:13rem;background:
  linear-gradient(180deg,var(--bg) 0px,var(--bg) 20px,
  color-mix(in srgb,var(--bg) 91%,transparent) 50px,color-mix(in srgb,var(--bg) 77%,transparent) 80px,
  color-mix(in srgb,var(--bg) 60%,transparent) 110px,color-mix(in srgb,var(--bg) 42%,transparent) 140px,
  color-mix(in srgb,var(--bg) 25%,transparent) 170px,color-mix(in srgb,var(--bg) 12%,transparent) 200px,
  color-mix(in srgb,var(--bg) 4%,transparent) 230px,transparent 260px),
  linear-gradient(180deg,transparent 0%,transparent calc(100% - 320px),
  color-mix(in srgb,var(--deep-harbor) 4%,transparent) calc(100% - 285px),color-mix(in srgb,var(--deep-harbor) 12%,transparent) calc(100% - 245px),
  color-mix(in srgb,var(--deep-harbor) 25%,transparent) calc(100% - 205px),color-mix(in srgb,var(--deep-harbor) 42%,transparent) calc(100% - 165px),
  color-mix(in srgb,var(--deep-harbor) 60%,transparent) calc(100% - 120px),color-mix(in srgb,var(--deep-harbor) 77%,transparent) calc(100% - 80px),
  color-mix(in srgb,var(--deep-harbor) 91%,transparent) calc(100% - 38px),var(--deep-harbor) 100%),
  var(--harbor-overlay),var(--end-photo);}
/* Vehicles ending photo: Pexels 6869346 "men riding a Jeep" (free licence; Joshua's pick 2026-11-04).
   Replaces the white Jeep on the beach (file kept, still used on the Vehicles Customer Stories page). */
.ending-wagens{--end-photo:url('/assets/curacao/stories-bg-men-jeep-6869346.jpg') center 45%/cover no-repeat;}
/* Notify signup = homepage style (.notify-in-banner: no box, centred, white title, gold button),
   sitting on the photo just below the sand fade (Joshua, 2026-11-04; white card and dark card tried
   and rejected as "too much"). */
/* Higher again + more room below, so it reads as its own thing, not part of Customer Stories (Joshua) */
.page-ending .notify-in-banner{margin-top:0;padding-top:3.15rem;} /* 4.5rem − 30% (Joshua) */
/* Wider form: spans the width of the three story phones below (~580px), like a lid over them (Joshua) */
/* Same wide form on the homepage signup (Joshua, 2026-11-04) */
.page-ending .notify-in-banner .notify-form,section[data-page=home] .notify-in-banner .notify-form{width:min(580px,100%);}
.page-ending .notify-in-banner .notify-row,section[data-page=home] .notify-in-banner .notify-row{width:100%;flex-wrap:nowrap;}
.page-ending .notify-in-banner .notify-form input[type="email"],section[data-page=home] .notify-in-banner .notify-form input[type="email"]{flex:1;min-width:0;}
/* It sits on the light, hazy edge of the fade: title in the softer slate #434E5B from the Deep
   Harbor scale ("ink-soft"), no shadow (Joshua's pick 2026-11-04, over white and Deep Harbor) */
.page-ending .notify-in-banner .notify-text h2{color:#434E5B;text-shadow:none;}
section .page-ending .stories-warm{background:none;margin-top:0;padding-top:9rem;padding-bottom:2rem;}
.page-ending .listing-close-text{margin-bottom:1.2rem;}
.page-ending .listing-close-text h3{color:#fff;}
/* Browse-the-other-pillar box on the dark photo: mint trust tone for dark surfaces (brand book) */
.page-ending .cross-sell.to-h{background:rgba(108,208,146,0.12);border-color:#6cd092;backdrop-filter:blur(2px);}
.page-ending .cross-sell.to-h p{color:oklch(94% 0.01 90);}
.page-ending .cross-sell.to-h button,.page-ending .cross-sell.to-h svg{color:#6cd092;}
/* Properties ending: same recipe, its own villa photo (orange roof tiles, Pexels 36298680, already the
   Properties stories photo). Browse-Vehicles box = gold version on the dark photo. */
.ending-huizen{--end-photo:url('/assets/curacao/stories-bg-villa-orange-roof.jpg') center 50%/cover no-repeat;}
.page-ending .cross-sell.to-w{background:rgba(222,156,49,0.12);border-color:var(--accent);backdrop-filter:blur(2px);}
.page-ending .cross-sell.to-w p{color:oklch(94% 0.01 90);}
.page-ending .cross-sell.to-w button,.page-ending .cross-sell.to-w svg{color:var(--accent);}
/* New to Curaçao ending: same recipe, the Willemstad story photo. The story's left-side darkening
   (for the white quote) now lives in the shared photo layer, so it runs the full height with no seam. */
.ending-new{--end-photo:linear-gradient(90deg,rgba(20,30,40,0.70) 0%,rgba(20,30,40,0.50) 42%,rgba(20,30,40,0) 78%),
  url('/assets/curacao/709057-3000x2002-desktop-hd-curacao-island-background-photo.jpg') center right/cover no-repeat;}
.page-ending .story-feature{background:none;margin-top:0;padding-top:14rem;padding-bottom:2rem;}
@media (max-width:760px){.page-ending .story-feature{background:none;padding:12rem 0 2rem;}}
/* List with us ending: the hands-together photo of the Become a Partner band returns behind the
   "Apply as a Partner" form (Joshua's pick, 2026-11-04; no third photo on the page). The title sits
   on the light part of the sand fade → slate; the white form card floats on the photo. */
.ending-list{--end-photo:url('/assets/curacao/partner-bg-hands-5256819.jpg') center 52%/cover no-repeat;}
.page-ending .form-section{padding-bottom:0;}
.page-ending .form-section .section-title-center{margin-top:0;padding-top:4.75rem;color:#434E5B;} /* 3.15rem + 50% (Joshua: lower below the partner cards) */
.page-ending .form-box{box-shadow:0 1px 2px rgba(20,30,40,0.08),0 18px 40px rgba(20,30,40,0.22);}
/* New to Curaçao: both Browse boxes side by side under Close With Confidence, stacked on mobile */
.cross-sell-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:900px;}
.listing-close .cross-sell-pair .cross-sell{margin-bottom:0;max-width:none;}
.page-ending .cross-sell-pair{margin-bottom:1.4rem;}
@media (max-width:760px){.cross-sell-pair{grid-template-columns:1fr;}}
/* the thin divider line above "Close With Confidence" would undo the soft fade */
.stories-band + .wrap .listing-close,.story-feature + .wrap .listing-close{border-top:0;margin-top:0.6rem;}
.stories-warm .teaser{padding-top:0;}
.stories-warm .teaser h2{color:#fff;text-align:center;}
/* Customer stories: phone-frame carousel (centre front, neighbours behind) */
.phone-carousel{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 auto;max-width:1000px;}
.pc-stage{position:relative;flex:1;height:560px;}
.pc-phone{position:absolute;left:50%;top:0;width:280px;height:560px;margin-left:-140px;border-radius:44px;background:#0d151d;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,0.45),inset 0 0 0 2px #434E5B;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s,filter .55s;cursor:pointer;}
.pc-phone.is-center{transform:translateX(0) scale(1);z-index:3;opacity:1;cursor:default;}
.pc-phone.is-left{transform:translateX(-62%) scale(.84);z-index:2;opacity:.75;filter:brightness(.7);}
.pc-phone.is-right{transform:translateX(62%) scale(.84);z-index:2;opacity:.75;filter:brightness(.7);}
.pc-phone.is-back{transform:translateX(0) scale(.7);z-index:1;opacity:0;pointer-events:none;}
.pc-screen{position:relative;height:100%;border-radius:34px;background:var(--warm-stone-fixed);padding:3.2rem 1.4rem 1.4rem;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;}
.pc-notch{position:absolute;top:10px;left:50%;width:96px;height:24px;margin-left:-48px;border-radius:14px;background:#0d151d;}
.pc-mark{font-family:Georgia,serif;font-size:3.6rem;line-height:.6;color:var(--accent);margin:.6rem 0 .4rem;}
.pc-quote{flex:1;min-height:0;overflow:hidden;margin:0;font-size:1.02rem;line-height:1.6;color:var(--deep-harbor);font-style:italic;}
.pc-foot{flex-shrink:0;display:flex;flex-direction:column;gap:.25rem;width:100%;padding-top:.9rem;border-top:1px solid oklch(23% 0.025 250 / 0.12);}
.pc-stars{color:var(--accent);letter-spacing:.12em;font-size:.95rem;}
.pc-attr{font-weight:700;font-size:.9rem;color:var(--deep-harbor);}
.pc-more{margin-top:.4rem;font-size:.86rem;}
.pc-arrow{flex-shrink:0;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff;font-size:1.3rem;cursor:pointer;z-index:4;}
.stories-band{margin:3rem 0 0;}
.stories-page-band{margin-top:0;padding-top:3.4rem;}
.stories-page-title{color:#fff;text-align:center;font-size:clamp(2.1rem,4.4vw,3rem);margin:0 0 0.6rem;}
.stories-page-desc{color:oklch(96% 0.01 90 / 0.85);text-align:center;font-size:1.05rem;margin:0 auto 2.2rem;}
.testimonial-card .fbadge{align-self:flex-start;}
/* "Read the Full Stories": compact door-style cards (same card language as List with us) */
.story-doors{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem;max-width:1080px;margin:0 auto 4.4rem;align-items:flex-start;}
.story-door{flex:0 1 340px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.5rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:0.5rem;}
.story-door[hidden],[data-stories][hidden]{display:none;} /* display:flex would otherwise override the filter */
.story-door-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem;}
.story-door-top .fbadge{margin:0;}
.story-door-top .partner-pill{font-size:0.74rem;}
.story-door-mark{font-family:Georgia,serif;font-size:3rem;line-height:.6;color:var(--accent);margin-top:0.8rem;}
.story-door-preview{margin:0.2rem 0 0;font-style:italic;color:var(--ink);line-height:1.6;font-size:0.98rem;}
.story-door-who{margin:0.4rem 0 0;font-weight:700;font-size:0.9rem;color:var(--ink);}
/* "Original story written in Dutch": the original stays on record, the site shows English */
.story-lang{display:inline-flex;align-items:center;gap:0.35rem;margin:0.2rem 0 0;font-size:0.78rem;color:var(--muted);font-style:normal;}
.story-lang svg{flex-shrink:0;}
.pc-top{width:100%;}
.pc-top .partner-pill{font-size:0.66rem;padding:0.25rem 0.55rem;}
.pc-top .partner-pill svg{width:12px;height:12px;}
.pc-screen .pc-mark{margin-top:0.9rem;}
.story-door-full{margin-top:0.6rem;border-top:1px solid var(--line);padding-top:0.8rem;}
.story-door-full summary{list-style:none;cursor:pointer;font-weight:700;font-size:0.9rem;color:var(--accent-ink);}
.story-door-full summary::-webkit-details-marker{display:none;}
.story-door-full .sd-close{display:none;}
.story-door-full[open] .sd-open{display:none;}
.story-door-full[open] .sd-close{display:inline;}
.story-door-full .testimonial-quote{margin-top:0.9rem;font-size:0.93rem;}
.stories-band + .wrap .listing-close{margin-top:2.6rem;}
.pc-arrow:hover,.pc-arrow:focus-visible{background:var(--accent);border-color:var(--accent);color:#141E28;}
@media (max-width:640px){.pc-stage{height:500px;}.pc-phone{width:240px;height:500px;margin-left:-120px;}.pc-phone.is-left{transform:translateX(-30%) scale(.8);}.pc-phone.is-right{transform:translateX(30%) scale(.8);}.pc-arrow{width:42px;height:42px;position:absolute;bottom:-60px;}.pc-prev{left:calc(50% - 52px);}.pc-next{right:calc(50% - 52px);}.phone-carousel{margin-bottom:60px;}}
.testimonials-hero{padding:5rem 0 4.2rem;margin-bottom:2.6rem;color:#fff;background:linear-gradient(90deg,rgba(20,30,40,0.9) 0%,rgba(20,30,40,0.7) 50%,rgba(20,30,40,0.35) 100%),url('/assets/curacao/pastel-houses.jpg') center/cover no-repeat;}
.testimonials-hero h1{color:#fff;font-size:clamp(2.1rem,4.4vw,3rem);margin:0 0 0.8rem;}
.testimonials-hero p{color:oklch(96% 0.01 90 / 0.85);font-size:1.08rem;max-width:56ch;margin:0;}
.teaser h2{font-size:1.9rem;margin:0 0 2rem;}
.story-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin:0;}
.story-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.8rem;box-shadow:var(--shadow);display:flex;flex-direction:column;}
.story-title{color:var(--ink);font-weight:700;font-size:1.02rem;margin:0 0 0.8rem;}
.story-quote{color:var(--ink-soft);line-height:1.6;font-size:0.96rem;margin:0;flex:1;}
.story-readmore{color:var(--accent-ink);} /* action = gold */
/* Homepage track record: one centred line of live sold counts on the stories photo band */
.track-line{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0.4rem 1rem;margin:2.2rem auto 0;}
.track-line button{background:none;border:none;font:inherit;font-size:1rem;color:#fff;cursor:pointer;padding:0.3rem 0.2rem;border-bottom:1px solid transparent;}
.track-line button strong{font-family:'Bricolage Grotesque',sans-serif;font-size:1.25rem;font-weight:700;color:#F0C27A;margin-right:0.15rem;}
.track-line button:hover{border-bottom-color:rgba(255,255,255,0.6);}
.track-dot{color:rgba(255,255,255,0.55);}
@media (max-width:560px){ .track-line{flex-direction:column;gap:0.2rem;margin-top:1.6rem;} .track-dot{display:none;} }
.teaser-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.6rem;margin:1.6rem 0 0;align-items:start;}
.teaser-layout .teaser-grid{grid-template-columns:1fr;margin:0;}
.teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.6rem 0 0;}
.joshua{padding-top:0.5rem;padding-bottom:0.6rem;}
.joshua-card{display:flex;align-items:center;gap:1.8rem;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.8rem;box-shadow:var(--shadow);}
.joshua-photo{width:108px;height:108px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--surface-2);}
.joshua-text h3{font-size:1.2rem;margin:0.35rem 0 0.7rem;}
.joshua-role{font-weight:500;color:var(--ink-soft);font-size:0.95rem;}
.joshua-text p{color:var(--ink-soft);line-height:1.6;font-size:0.98rem;max-width:62ch;margin:0;}
@media (max-width:560px){ .joshua-card{flex-direction:column;text-align:center;gap:1.1rem;} .joshua-text p{max-width:none;} }
.about-doc{background:var(--warm-stone-fixed);border-radius:18px;padding:2rem clamp(20px,4vw,40px) 1.4rem;position:relative;}
.about-doc .joshua-card{background:transparent;border:none;box-shadow:none;padding:0;position:relative;z-index:1;max-width:760px;}
/* About page keyhole watermark: bottom-right, behind content, never over text */
.about-page{position:relative;overflow:hidden;}
.about-wm{position:absolute;right:-40px;bottom:-30px;width:min(420px,50vw);height:auto;opacity:0.05;pointer-events:none;z-index:2;}
.about-doc .kicker{color:oklch(23% 0.025 250 / 0.55);}
.about-doc .joshua-text h3{color:var(--deep-harbor);}
.about-doc .joshua-role,.about-doc .joshua-text p{color:oklch(23% 0.025 250 / 0.68);}
@media (max-width:560px){ .about-doc{padding:1.4rem 20px 1rem;} .about-doc .joshua-card{max-width:none;} }
/* ---- About Us rebuild (Joshua, 2026-11-04; skills #14 #19 #25 #29 #35 #36) ---- */
/* Photo hero: Willemstad waterfront, Governor's Palace + Plaza Hotel + Waterfort walls
   (about-hero-willemstad-waterfront.jpg; Joshua picked it 2026-11-07, replaced the Juliana Bridge aerial).
   Free Pexels licence, photo by Genaro Gil, pexels.com/photo/17153403. Bottom eases into the sand page (#34). */
/* Zoomed out (Joshua 2026-11-07: show more of the top + the cruise ship): taller hero, fade starts lower. */
/* Height follows the screen width (min(56vw,980px)) and the photo is offset in vw, so EVERY screen width
   shows the same slice: sky (title) → full waterfront incl. the fort → ocean (Joshua 2026-11-07: the fort
   and ocean were cut off on wide screens). */
/* FINAL (Joshua 2026-11-07, "go back 2 times" = the "narrow it more" version): 50vw tall, top 8% of sky
   trimmed, text in the sky above the hotel tower (padding scales with width), ocean band fades into the page.
   Tried and rejected: 45vw (thin ocean strip) and bottom-anchored/text-on-the-ocean (cut the tower). */
/* CUT FROM THE TOP (Joshua 2026-11-07, the cuts meant for this page): 22vw tall instead of 50vw; the BOTTOM of
   the visible photo stays where it was (≈70% of the photo: waterline + ocean band), everything above is cut
   (building tops may go). Text is centred in the space above the cards' 3rem overlap. */
/* + more height of the tower & Governor's Palace, a bit less ocean (Joshua 2026-11-07): 31vw tall, window = photo
   27.5%→66% (tower top just in, waterline + an ocean band at the bottom). */
.about-hero{position:relative;box-sizing:border-box;min-height:31vw;color:#fff;padding:max(1rem,calc(7.75vw - 30px)) 0 0;margin-bottom:-3rem;background:
  linear-gradient(180deg,transparent 0%,transparent 86%,
  color-mix(in srgb,var(--bg) 12%,transparent) 86%,color-mix(in srgb,var(--bg) 36%,transparent) 90%,
  color-mix(in srgb,var(--bg) 66%,transparent) 94%,color-mix(in srgb,var(--bg) 88%,transparent) 97%,var(--bg) 100%),
  linear-gradient(180deg,rgba(20,30,40,0.40) 0%,rgba(20,30,40,0.22) 60%,rgba(20,30,40,0.08) 100%),
  radial-gradient(ellipse 42% 40% at 50% 36%,rgba(20,30,40,0.5) 0%,rgba(20,30,40,0.22) 55%,transparent 100%), /* soft glow behind the title/subtitle */
  url('/assets/curacao/about-hero-willemstad-waterfront.jpg') center -22vw/cover no-repeat;}
.about-hero-title{color:#fff;font-size:clamp(2.3rem,4.6vw,3.2rem);line-height:1.06;font-weight:700;margin:0 0 2.95rem;text-shadow:0 2px 14px rgba(12,9,6,0.35);} /* title only, subtitle removed (Joshua 2026-11-07). Same font/size/weight/line-height/spacing as the homepage "Your Access to Curaçao" (.hero-photo h1) — wider letter-spacing was tried and rejected */
.about-hero-exp{margin:0 0 0.45rem;color:#fff;font-weight:700;font-size:1.15rem;letter-spacing:0.01em;text-shadow:0 1px 10px rgba(12,9,6,0.5);}
.about-hero-desc{color:#fff;font-size:1.12rem;line-height:1.55;margin:0.75rem auto 0;max-width:72ch;text-shadow:0 1px 10px rgba(12,9,6,0.45);}
@media (max-width:560px){ .about-hero{padding:5rem 0 9rem;min-height:0;background-position:center 35%;} } /* phone: the whole photo height shows anyway */
.about-page .joshua{position:relative;z-index:1;}
/* Founder quote under the founder card */
.about-quote{position:relative;z-index:1;max-width:760px;margin:1.4rem 0 0;padding:1.2rem 0 0.4rem;border-top:1px solid var(--line);
  font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;line-height:1.45;color:var(--deep-harbor);}
.about-quote-mark{font-family:Georgia,serif;font-size:2.6rem;line-height:0;vertical-align:-0.45em;margin-right:0.25rem;color:var(--accent);}
.about-quote cite{display:block;margin-top:0.6rem;font-family:inherit;font-style:normal;font-size:0.85rem;font-weight:600;color:var(--ink-soft);}
/* Values (5, green = trust) and Why (4, gold) tiles reuse the partner tile design (.adv-tile) */
.adv-tiles.about-tiles-5{grid-template-columns:repeat(5,1fr);max-width:1100px;}
.adv-tiles.about-tiles-4{grid-template-columns:repeat(4,1fr);max-width:1100px;}
.adv-tiles.about-tiles-3{grid-template-columns:repeat(3,1fr);max-width:1100px;}
.adv-tile .adv-link{margin-top:auto;padding-top:0.5rem;font-size:0.86rem;}
@media (max-width:760px){ .adv-tiles.about-tiles-3{grid-template-columns:1fr 1fr;gap:0.7rem;} .about-tiles-3 .adv-tile{padding:1.1rem 0.7rem;} }
@media (max-width:980px){ .adv-tiles.about-tiles-5,.adv-tiles.about-tiles-4{grid-template-columns:repeat(2,1fr);} }
/* phones: 2 small tiles per row instead of 9 tall ones stacked */
@media (max-width:560px){ .adv-tiles.about-tiles-5,.adv-tiles.about-tiles-4{grid-template-columns:1fr 1fr;gap:0.7rem;}
  .about-tiles-5 .adv-tile,.about-tiles-4 .adv-tile{padding:1.1rem 0.7rem;}
  .about-tiles-5 .adv-ic,.about-tiles-4 .adv-ic{width:46px;height:46px;} }
.about-licence{margin-top:2.4rem;justify-content:center;}
/* Folded badge legends ("Vehicles ↓" / "Properties ↓") */
.about-legends{max-width:980px;margin:1.8rem auto 0;display:flex;flex-direction:column;gap:0.8rem;}
.about-legend{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0.9rem 1.3rem;}
.about-legend summary{cursor:pointer;list-style:none;font-weight:600;color:var(--ink);font-size:1.02rem;}
.about-legend summary::-webkit-details-marker{display:none;}
.about-legend .sd-close{display:none;}
.about-legend[open] .sd-open{display:none;}
.about-legend[open] .sd-close{display:inline;}
.about-legend[open]{padding-bottom:1.4rem;}
/* ===== About Us v3 (Joshua 2026-11-07): scan first, formal ===== */
/* 1 Who we are: stone panel (overlaps the hero), 2 lines + 3 stat badges */
.about-h2{margin:0 0 0.6rem;font-size:clamp(1.4rem,2.4vw,1.8rem);font-weight:700;color:var(--deep-harbor);}
.about-who-text{max-width:72ch;margin:0;color:oklch(23% 0.025 250 / 0.75);font-size:1.02rem;line-height:1.65;}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem;margin-top:1.4rem;}
.about-stat{display:flex;align-items:center;gap:0.85rem;background:#FFFFFF;border:1px solid rgba(20,30,40,.08);border-radius:14px;padding:0.95rem 1.1rem;}
.about-stat strong{font-family:'Bricolage Grotesque',sans-serif;font-size:1.9rem;font-weight:700;line-height:1;color:#9A5B0F;}
.about-stat > span{font-size:0.9rem;font-weight:600;line-height:1.3;color:#141E28;}
/* 1b Why We Started: Problem → Gap → Our Answer (answer = dark card + gold keyhole) */
.ws-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:0.8rem;max-width:1100px;margin:1.6rem auto 0;}
.ws-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.45rem;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.5rem 1.3rem;}
.ws-ic{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--ink-soft);margin-bottom:0.2rem;}
.ws-label{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);}
.ws-card p{margin:0;font-size:0.95rem;line-height:1.5;color:var(--ink);font-weight:500;}
.ws-answer{background:#141E28;border-color:#141E28;box-shadow:0 18px 40px -18px rgba(20,30,40,.6);}
.ws-answer .ws-ic{background:#F5F1EC;}
.ws-answer .ws-label{color:#DE9C31;}
.ws-answer p{color:#FFFFFF;}
.ws-arrow{align-self:center;font-size:1.5rem;color:#DE9C31;font-weight:700;}
@media (max-width:860px){ .ws-flow{grid-template-columns:1fr;gap:0.5rem;max-width:520px;} .ws-arrow{justify-self:center;transform:rotate(90deg);} }
/* 1 "The Story Behind TOP Access" timeline (Joshua 2026-11-07, replaces the centred alternating version: "too
   scattered, hard to read"). Left-aligned resume: YEAR column on the left → gold dashed line with Deep Harbor icon
   circles → story on the right (title, one line, green lesson = honesty/trust #2). Each row fades horizontally
   from a gold tint at the year to clear (option A). The final step (TOP Access) = dark row, dark→darker fade,
   gold keyhole. Same layout on phones, just narrower. */
.about-first-block{padding-top:4.2rem;}
.about-story-title{display:flex;align-items:center;justify-content:center;gap:0.5rem;}
.about-story-arrow{color:#DE9C31;font-weight:700;}
.tl{position:relative;list-style:none;max-width:900px;margin:2rem auto 0;padding:0;--tl-year:150px;--tl-line:64px;}
.tl::before{content:"";position:absolute;top:30px;bottom:30px;left:calc(var(--tl-year) + var(--tl-line) / 2);border-left:2px dashed rgba(222,156,49,.6);transform:translateX(-1px);}
.tl-item{position:relative;display:grid;grid-template-columns:var(--tl-year) var(--tl-line) 1fr;align-items:center;margin-bottom:0.7rem;padding:0.95rem 1.2rem 0.95rem 0;border-radius:16px;
  background:linear-gradient(90deg,rgba(222,156,49,.16) 0%,rgba(222,156,49,.07) 38%,rgba(222,156,49,0) 88%);}
.tl-year{justify-self:end;padding-right:0.2rem;font-family:'IBM Plex Mono',monospace;font-size:0.92rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;text-align:right;line-height:1.25;color:var(--accent-ink);}
.tl-dot{justify-self:center;z-index:1;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#141E28;color:#F5F1EC;}
.tl-card{padding-left:0.4rem;}
.tl-card strong{display:block;font-size:1.08rem;font-weight:600;color:var(--ink);}
.tl-card p{margin:0.25rem 0 0;font-size:0.92rem;line-height:1.5;color:var(--ink-soft);max-width:60ch;}
.tl-lesson{display:inline-block;margin-top:0.5rem;padding:0.22rem 0.65rem;border-radius:999px;font-size:0.8rem;font-weight:600;color:var(--accent2-ink);background:var(--accent2-soft);}
.tl-final{background:var(--surface);}
.tl-card.has-cat{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.tl-sep{margin:0 0.15rem;color:var(--accent);}
.tl-cat{flex-shrink:0;font-family:'IBM Plex Mono',monospace;font-size:0.74rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-soft);}
.tl-final{grid-template-columns:var(--tl-year) auto 1fr;padding-top:1.25rem;padding-bottom:1.25rem;}
.tl-logo{display:flex;align-items:flex-end;gap:0.5rem;padding-left:15px;font-weight:800;font-family:'Bricolage Grotesque',sans-serif;white-space:nowrap;}
.tl-final .tl-card{margin-left:1.5rem;padding-left:1.5rem;border-left:1px solid rgba(222,156,49,.4);}
@media (max-width:600px){
  .tl{--tl-year:82px;--tl-line:46px;}
  .tl-item{padding:0.8rem 0.8rem 0.8rem 0;}
  .tl-year{font-size:0.74rem;letter-spacing:0.03em;}
  .tl-dot{width:40px;height:40px;}
  .tl-card{padding-left:0.2rem;}
  .tl-card.has-cat{flex-direction:column;align-items:flex-start;gap:0.15rem;}
  .tl-cat{font-size:0.68rem;}
  .tl-final{grid-template-columns:var(--tl-year) 1fr;padding-top:1rem;padding-bottom:1rem;}
  .tl-logo{padding-left:6px;}
  .tl-logo .logo-kicker{display:inline;}
  .tl-final .tl-card{grid-column:1/-1;margin:0.7rem 0 0;padding:0.7rem 0 0 1rem;border-left:0;border-top:1px solid rgba(222,156,49,.4);}
}
/* 2 Vision (dark, the why) | Mission (light, the daily how) */
.about-vm{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
.vm-card{border-radius:20px;padding:2rem 1.8rem;}
.vm-vision{background:#141E28;}
.vm-mission{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);}
.vm-ic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#FBF0DE;border:1px solid rgba(222,156,49,.45);color:#DE9C31;}
.vm-vision .vm-ic{background:#F5F1EC;border-color:#F5F1EC;}
.vm-title{margin:1rem 0 0.5rem;font-size:1.4rem;font-weight:700;color:var(--ink);}
.vm-vision .vm-title{color:#FFFFFF;}
.vm-lead{margin:0 0 1.3rem;font-size:1.02rem;line-height:1.6;font-weight:500;color:var(--ink);}
.vm-vision .vm-lead{color:#F5F1EC;}
.vm-list,.vm-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.6rem;}
.vm-list li,.vm-steps li{display:flex;align-items:flex-start;gap:0.75rem;padding:0.75rem 0.9rem;border-radius:12px;}
.vm-vision li{background:#242F3A;}
.vm-mission li{background:var(--surface-2);}
.vm-li-ic{flex-shrink:0;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#F5F1EC;color:#141E28;}
.vm-mission .vm-li-ic{background:var(--surface);color:var(--ink);}
.vm-list strong,.vm-steps strong{display:block;font-size:0.95rem;font-weight:600;color:var(--ink);}
.vm-list li div > span,.vm-steps li div > span{display:block;font-size:0.86rem;line-height:1.45;color:var(--ink-soft);}
.vm-vision strong{color:#FFFFFF;}
.vm-vision li div > span{color:#B8C0C8;}
.vm-num{flex-shrink:0;width:1rem;margin-top:0.55rem;font-family:'IBM Plex Mono',monospace;font-size:0.8rem;font-weight:700;color:var(--accent-ink);}
/* 3 Founder card: Deep Harbor ID panel (photo, title, green credentials) | quote + contact + buttons */
.founder-card{display:grid;grid-template-columns:320px 1fr;max-width:1000px;margin:1.6rem auto 0;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);}
.fc-id{display:flex;flex-direction:column;align-items:center;text-align:center;background:#141E28;padding:2rem 1.6rem;}
.fc-photo{width:140px;height:140px;border-radius:50%;object-fit:cover;}
.fc-name{margin:1rem 0 0.2rem;font-size:1.4rem;color:#FFFFFF;}
.fc-role{margin:0;font-weight:600;color:#DE9C31;}
.fc-creds{list-style:none;margin:1.1rem 0 0;padding:0;display:flex;flex-direction:column;gap:0.45rem;text-align:left;}
.fc-creds li{display:flex;align-items:flex-start;gap:0.45rem;font-size:0.82rem;font-weight:500;line-height:1.4;color:#6CD092;} /* mint = trust green on dark */
.fc-creds svg{flex-shrink:0;margin-top:0.1rem;}
.fc-body{display:flex;flex-direction:column;justify-content:center;gap:1.3rem;padding:2rem;}
.fc-quote{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:1.2rem;font-weight:600;line-height:1.45;color:var(--ink);}
.fc-lines{display:grid;grid-template-columns:1fr 1fr;gap:0.6rem 1.2rem;}
.fc-lines a,.fc-lines > span{display:flex;align-items:center;gap:0.55rem;font-size:0.92rem;color:var(--ink);text-decoration:none;}
.fc-lines a:hover{text-decoration:underline;}
.fc-li-ic{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--ink);}
.fc-li-ic svg [stroke]:not([stroke="none"]){stroke:currentColor;}
.fc-btns{display:flex;flex-wrap:wrap;gap:0.6rem;}
/* The hub visual (2026-11-09): channels → Vision + values → Mission → hub. Harbor/Stone = structure, green = trust, gold = key + lines */
/* Why / Vision / Mission in real sentences (Joshua, 2026-11-09: icons alone explained too little) */
.hx .lw-title,.hx-intro{position:relative;top:-0.9rem;} /* text only, 50% more room above the two cards (Joshua, 2026-11-09) */
.hx-intro{max-width:60ch;margin:1.2rem auto 0;text-align:center;font-size:1.12rem;line-height:1.55;color:var(--ink);text-wrap:balance;}
.hx-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:1.1rem;margin-top:1.8rem;}
.hx-col{padding:1.6rem 1.7rem;border-radius:20px;border:1px solid var(--line);background:var(--surface);}
.hx-col-no{border-color:rgba(200,50,43,.38);}
.hx-col-yes{background:linear-gradient(var(--accent2-soft),var(--accent2-soft)),var(--surface);border-color:var(--accent2);}
.hx-col-lead{margin:0;font-size:1rem;line-height:1.5;font-weight:500;color:var(--ink);text-wrap:pretty;}
.hx-col ul{list-style:none;display:flex;flex-direction:column;gap:0.65rem;margin:1.1rem 0 0;padding:0;}
.hx-col li{display:flex;align-items:center;gap:0.65rem;font-family:'Bricolage Grotesque',sans-serif;font-size:1.08rem;font-weight:600;color:var(--ink);}
.hx-mark{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFFFFF;}
.hx-mark.is-no{background:#C8322B;}
.hx-mark.is-yes{background:var(--accent2-ink);}
.hx-arrow{flex-shrink:0;width:72px;height:32px;background:linear-gradient(90deg,#1F3A57 0%,#1F3A57 36%,#7FB2DE 50%,#1F3A57 64%,#1F3A57 100%);background-size:260% 100%;background-position:100% 0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 32' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16h64M53 4l14 12-14 12'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 32' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16h64M53 4l14 12-14 12'/%3E%3C/svg%3E") center/contain no-repeat;animation:hx-arrow-flow 2.6s linear infinite;} /* dark blue with a moving shine, left to right (Joshua, 2026-11-09) */
@keyframes hx-arrow-flow{from{background-position:100% 0;}to{background-position:0% 0;}}
@media (prefers-reduced-motion:reduce){.hx-arrow{animation:none;background-position:50% 0;}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hx-arrow{background-image:linear-gradient(90deg,#8FB4D6 0%,#8FB4D6 36%,#F5F1EC 50%,#8FB4D6 64%,#8FB4D6 100%);}}
@media (min-width:761px){ .hx-compare{grid-template-rows:auto auto 1fr;row-gap:0;} .hx-col{display:grid;grid-row:1 / span 3;grid-template-rows:subgrid;} .hx-col-no{grid-column:1;} .hx-link{grid-column:2;grid-row:1 / span 3;} .hx-col-yes{grid-column:3;} } /* titles, sentences and lists line up across both cards */
.hx-link{align-self:center;display:flex;flex-direction:column;align-items:center;gap:0.55rem;width:112px;text-align:center;}
.hx-link-text{font-family:'Bricolage Grotesque',sans-serif;font-size:0.98rem;font-weight:600;line-height:1.25;color:var(--accent-ink);text-wrap:balance;}
.hx-col-key{flex-shrink:0;margin:-0.4rem 0.15rem -0.4rem -0.3rem;color:var(--accent);}
.hx-col-title{display:flex;align-items:center;margin:0 0 0.35rem;font-size:1.45rem;font-weight:700;color:var(--ink);}
.hx-badge{display:flex;flex-direction:column;align-items:center;gap:0.75rem;margin-top:1.8rem;text-align:center;}
.hx-badge p{margin:0;max-width:56ch;font-size:1rem;font-weight:700;line-height:1.5;color:#434E5B;text-wrap:balance;} /* bold dark grey (Joshua, 2026-11-09) */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hx-badge p{color:var(--ink);}}
.hx-badge .partner-badges{justify-content:center;align-items:center;}
.hx-example{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);}
@media (max-width:760px){
  .hx-compare{grid-template-columns:1fr;gap:0.8rem;}
  .hx-link{justify-self:center;width:auto;}
  .hx-arrow{margin:1.3rem 0;transform:rotate(90deg);}
  .hx-col{padding:1.3rem 1.2rem;}
}
/* Vision | Mission | Core Values (Joshua picked option C, 2026-11-09). Fixed colours: the same in light and dark mode. */
.vm{margin-top:3.2rem;}
.vm-pair{display:grid;grid-template-columns:1fr 1fr;}
.vm-vision,.vm-mission{padding-block:clamp(2.8rem,6vw,5rem);}
.vm-vision{padding-left:max(clamp(20px,5vw,72px),calc(50vw - 550px));padding-right:clamp(20px,5vw,72px);background:#141E28;color:#FFFFFF;}
.vm-mission{padding-right:max(clamp(20px,5vw,72px),calc(50vw - 550px));padding-left:clamp(20px,5vw,72px);background:#F8E7CB;color:#141E28;}
.vm-key{flex-shrink:0;width:clamp(30px,3.2vw,38px);height:clamp(30px,3.2vw,38px);margin-right:0.3rem;}
.vm-label{display:flex;align-items:center;margin:0 0 0.8rem;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:700;line-height:1.15;} /* same size as Our Core Values (Joshua, 2026-11-09) */
.vm-vision .vm-label{color:#DE9C31;}
.vm-mission .vm-label{color:#7A4F10;}
.vm-vision-h{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.25rem,1.9vw,1.6rem);font-weight:600;line-height:1.3;text-wrap:pretty;}
.vm-vision-h em{font-style:normal;color:#DE9C31;}
.vm-mission-h{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.25rem,1.9vw,1.6rem);font-weight:600;line-height:1.3;text-wrap:pretty;}
.vm-mission-p{margin:1rem 0 0;font-size:1.02rem;line-height:1.6;color:#242F3A;text-wrap:pretty;}
.vm-core{padding:clamp(2.4rem,5vw,3.4rem) clamp(20px,4vw,40px);background:#205335;color:#FFFFFF;text-align:center;}
.vm-core-h{margin:0;font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:700;color:#FFFFFF;}
.vm-core-s{margin:0.35rem 0 1.7rem;font-size:1rem;color:#DDEBE2;}
.vm-values{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem clamp(1.6rem,3.4vw,3.25rem);max-width:1240px;margin:0 auto;padding:0;}
.vm-values li{display:flex;flex-direction:column;align-items:center;gap:0.5rem;}
.vm-ic{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#6CD092;}
.vm-ic svg [stroke]:not([stroke="none"]){stroke:currentColor;}
.vm-ic svg [fill]:not([fill="none"]){fill:currentColor;}
.vm-values strong{font-family:'Bricolage Grotesque',sans-serif;font-size:1.08rem;font-weight:600;line-height:1.25;}
.vm-d{font-size:0.9rem;line-height:1.45;color:#DDEBE2;}
/* subgrid: every icon, title and description row lines up across the five columns (Joshua, 2026-11-09) */
@media (min-width:861px){ .vm-values li{display:grid;grid-row:span 3;grid-template-rows:subgrid;justify-items:center;align-items:start;row-gap:0.5rem;} }
@media (max-width:860px){
  .vm-pair{grid-template-columns:1fr;}
  .vm-vision,.vm-mission{padding-inline:clamp(20px,5vw,72px);}
  .vm-values{grid-template-columns:1fr;max-width:430px;}
  .vm-values li{display:grid;grid-template-columns:48px 1fr;column-gap:0.85rem;row-gap:0.1rem;align-items:center;text-align:left;}
  .vm-ic{grid-row:1 / span 2;}
  .vm-values strong{align-self:end;}
  .vm-d{align-self:start;}
}
.hx .lw-title{font-size:clamp(1.9rem,4vw,2.2rem);font-weight:700;} /* same size as the site's main section titles (Joshua, 2026-11-09) */
@media (max-width:860px){
}
@media (max-width:560px){
}
/* Meet the Founder (2026-11-09): timeline left, light card right, rows fade from the gold tint into the card's white */
.fs-title{position:relative;z-index:2;width:fit-content;margin:0 auto;padding:0.85rem 2.2rem;border-radius:12px;background:#141E28;color:#FFFFFF;font-size:1.3rem;text-align:center;transform:translateY(50%);}
.fs{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;}
.fs .tl{--tl-year:154px;max-width:none;margin:0;display:flex;flex-direction:column;gap:0.7rem;}
.fs .tl-item{flex:1;margin:0;padding-right:1.4rem;border-radius:16px 0 0 16px;background:linear-gradient(90deg,rgba(222,156,49,.16) 0%,rgba(222,156,49,.09) 50%,var(--surface) 100%);}
/* final row + card = one white shape: no border or shadow on the side where they meet */
.fs .tl-final{padding-right:1.5rem;background:var(--surface);border:1px solid var(--line);border-right:0;box-shadow:var(--shadow);clip-path:inset(-40px 0 -40px -40px);}
/* final row: "Present" keeps its place in the year column, bigger logo centred on the row, description full width below (Joshua, 2026-11-09) */
.fs .tl-item.tl-final{grid-template-columns:var(--tl-year) 1fr;row-gap:0.75rem;padding-right:0;}
.fs .tl-final .tl-year{grid-column:1;grid-row:1;text-transform:none;}
.fs .tl-final .tl-logo{grid-column:1/-1;grid-row:1;justify-self:center;align-items:center;padding-left:0;}
.fs .tl-final .tl-logo .logo-mark{width:46px;height:46px;}
.fs .tl-final .tl-logo .logo-top,.fs .tl-final .tl-logo .logo-access{font-size:1.9rem;}
.fs .tl-final .tl-logo .logo-kicker{display:inline;font-size:0.7rem;}
.fs .tl-final .tl-card{grid-column:1/-1;grid-row:2;margin:0;padding:0 1.5rem;border:0;text-align:center;}
.fs .tl-final .tl-card p{margin:0 auto;font-size:0.95rem;max-width:64ch;text-wrap:balance;}
@media (max-width:760px){
  .fs .tl-item.tl-final{grid-template-columns:1fr;row-gap:0.5rem;}
  .fs .tl-final .tl-year{grid-column:1;grid-row:1;justify-self:center;padding-right:0;font-size:0.92rem;}
  .fs .tl-final .tl-logo{grid-column:1;grid-row:2;}
  .fs .tl-final .tl-card{grid-column:1;grid-row:3;padding:0 1rem;}
}
@media (max-width:380px){
  .fs .tl-final .tl-logo .logo-mark{width:38px;height:38px;}
  .fs .tl-final .tl-logo .logo-top,.fs .tl-final .tl-logo .logo-access{font-size:1.55rem;}
}
.fs-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.8rem 1.6rem;background:var(--surface);border:1px solid var(--line);border-left:0;border-radius:0 22px 22px 0;box-shadow:var(--shadow);clip-path:inset(-40px -40px -40px 0);}
.fs-card .fc-photo{width:124px;height:124px;}
.fs-card .fc-name{color:#434E5B;} /* same slate as the "Apply as a Partner" title on List With Us (Joshua, 2026-11-09) */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fs-card .fc-name,:root:not([data-theme="light"]) .fs-card .fc-creds li,:root:not([data-theme="light"]) .fs-card .fc-lines a,:root:not([data-theme="light"]) .fs-card .fc-lines > span{color:var(--ink);}} /* dark grey would vanish on the dark card */
.fs-card .fc-role{color:var(--accent-ink);} /* small gold text on light = Toasted Amber */.fs-card .fc-creds{text-align:center;}
.fs-card .fc-creds li{display:block;color:#434E5B;} /* dark grey, no check marks (Joshua, 2026-11-09); block so a bold label and its value wrap as one sentence */
.fs-card .fc-creds strong{font-weight:700;}
/* contact rows: dark blue text + a white icon on a colour circle per channel (Joshua, 2026-11-09) */
.fs-card .fc-lines a,.fs-card .fc-lines > span{color:#1F3A57;}
.fs-card .fc-li-ic,.fs-card .fc-li-ic svg{color:#FFFFFF;}
.fs-card .ic-phone{background:#DE9C31;}
.fs-card .ic-mail{background:#2B5C8A;}
.fs-card .ic-ig{background:linear-gradient(45deg,#F58529,#DD2A7B 55%,#8134AF);}
.fs-card .ic-loc{background:#D93A32;}
.fs-card .fc-lines{grid-template-columns:1fr;gap:0.45rem;width:100%;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid rgba(222,156,49,.4);text-align:left;}
.fs-card .fc-btns{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:1.1rem;}
.fs-card .fc-btns .btn{justify-content:center;text-align:center;}
.fs-card .btn-secondary{grid-column:1/-1;}
.fs-quote{max-width:780px;margin:2.4rem auto 0;text-align:center;}
.about-quote-close{margin:0 0 0 0.25rem;}
.fs-quote-by{display:block;margin-top:0.6rem;font-size:0.92rem;font-style:normal;font-weight:500;color:var(--ink-soft);}
@media (max-width:1080px){
  .fs{grid-template-columns:1fr;max-width:720px;margin-left:auto;margin-right:auto;}
  .fs-card{order:-1;margin-bottom:1.4rem;border-radius:22px;border-left:1px solid var(--line);clip-path:none;}
  .fs .tl-item{padding-right:0.9rem;border-radius:16px;background:linear-gradient(90deg,rgba(222,156,49,.16) 0%,rgba(222,156,49,.07) 38%,rgba(222,156,49,0) 88%);}
  .fs .tl-final{background:var(--surface);border-right:1px solid var(--line);clip-path:none;}
}
@media (max-width:600px){ .fs .tl{--tl-year:82px;} }
/* 5 Network: Customers — TOP Access hub — Partners, dashed gold connector lines (CSS only) */
.net{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1000px;margin:2rem auto 0;}
.net-col{display:flex;flex-direction:column;gap:0.6rem;}
.net-left{align-items:flex-end;}
.net-right{align-items:flex-start;}
.net-head{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);}
.net-nodes{position:relative;display:flex;flex-direction:column;gap:0.55rem;padding:0.3rem 0;}
.net-left .net-nodes{align-items:flex-end;padding-right:1.3rem;border-right:2px dashed rgba(222,156,49,.6);margin-right:1.6rem;}
.net-right .net-nodes{align-items:flex-start;padding-left:1.3rem;border-left:2px dashed rgba(222,156,49,.6);margin-left:1.6rem;}
.net-left .net-nodes::after,.net-right .net-nodes::after{content:"";position:absolute;top:50%;width:1.6rem;border-top:2px dashed rgba(222,156,49,.6);}
.net-left .net-nodes::after{right:calc(-1.6rem - 2px);}
.net-right .net-nodes::after{left:calc(-1.6rem - 2px);}
.net-left .net-head{margin-right:1.6rem;}
.net-right .net-head,.net-right .net-more{margin-left:1.6rem;}
.net-node{position:relative;display:inline-flex;align-items:center;gap:0.5rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0.4rem 0.9rem 0.4rem 0.45rem;font-size:0.88rem;font-weight:500;color:var(--ink);}
.net-left .net-node::after,.net-right .net-node::before{content:"";position:absolute;top:50%;width:1.3rem;border-top:2px dashed rgba(222,156,49,.6);}
.net-left .net-node::after{right:calc(-1.3rem - 1px);}
.net-right .net-node::before{left:calc(-1.3rem - 1px);}
.net-node-ic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FBF0DE;color:#9A5B0F;}
.net-right .net-node-ic{background:#E6F1EA;color:#205335;}
.net-hub{display:flex;flex-direction:column;align-items:center;gap:0.5rem;min-width:240px;padding:1.6rem 1.8rem;text-align:center;background:#141E28;border:2px solid #DE9C31;border-radius:22px;box-shadow:0 18px 40px -16px rgba(20,30,40,.55);}
.net-hub-ic{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#F5F1EC;}
.net-hub-name{font-family:'Bricolage Grotesque',sans-serif;font-size:1.3rem;font-weight:800;color:#FFFFFF;}
.net-hub-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:0.4rem;}
.net-hub .fbadge{display:inline-flex;align-items:center;gap:0.3rem;}
.net-hub .fbadge.wagens{background:#DE9C31;color:#141E28;}
.net-hub .fbadge.huizen{background:#6CD092;color:#141E28;}
.net-hub .link.net-sm{margin-top:0.3rem;font-size:0.84rem;color:#DE9C31;}
.net .link.net-more{margin-top:0.3rem;font-size:0.84rem;}
/* 6 Trusted Verification: two 3-step chains, green ✓ dots on a line */
.ver{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:1000px;margin:1.8rem auto 1.6rem;}
.ver-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.4rem 1.5rem 1.5rem;}
.ver-head{display:block;margin-bottom:1rem;font-family:'IBM Plex Mono',monospace;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);}
.ver-steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0.6rem;}
.ver-steps::before{content:"";position:absolute;top:21px;left:16%;right:16%;border-top:2px solid color-mix(in srgb,var(--accent2) 45%,transparent);}
.ver-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:0.35rem;text-align:center;font-size:0.9rem;font-weight:600;color:var(--ink);}
.ver-dot{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent2);color:#FFFFFF;box-shadow:0 0 0 5px var(--surface);}
.ver-dot svg{stroke:currentColor;}
.ver-n{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;letter-spacing:0.1em;color:var(--ink-soft);}
.about-legend-intro{margin-top:2.4rem;}
@media (max-width:860px){ .about-vm{grid-template-columns:1fr;} }
@media (max-width:760px){
  .founder-card{grid-template-columns:1fr;}
  .ver{grid-template-columns:1fr;}
  .net{grid-template-columns:1fr;gap:1.4rem;justify-items:center;}
  .net-col,.net-left,.net-right{align-items:center;}
  .net-nodes,.net-left .net-nodes,.net-right .net-nodes{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;border:0;margin:0;padding:0;}
  .net-left .net-nodes::after,.net-right .net-nodes::after,.net-left .net-node::after,.net-right .net-node::before{display:none;}
  .net-left .net-head,.net-right .net-head,.net-right .net-more{margin:0;}
  .net-hub{position:relative;}
  .net-hub::before,.net-hub::after{content:"";position:absolute;left:50%;height:1.4rem;border-left:2px dashed rgba(222,156,49,.6);}
  .net-hub::before{bottom:100%;} .net-hub::after{top:100%;}
}
@media (max-width:560px){ .about-stats{grid-template-columns:1fr;} .fc-lines{grid-template-columns:1fr;} .fc-body{padding:1.5rem 1.2rem;} .vm-card{padding:1.6rem 1.2rem;} }
@media (max-width:400px){ .ver-card{padding:1.2rem 0.8rem;} .ver-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0.3rem;} .ver-steps li{font-size:0.8rem;overflow-wrap:anywhere;} }

/* Ending (#35, Joshua 2026-11-07): ONE photo (Grote Knip, unused elsewhere) behind Customer Stories +
   the Contact button. Top: sand eases into the photo. Bottom: the photo eases into the footer's Deep
   Harbor. Stops in px so they don't stretch with the band's height. */
.about-ending{margin-top:3.4rem;background:
  linear-gradient(180deg,var(--bg) 0px,var(--bg) 40px,color-mix(in srgb,var(--bg) 86%,transparent) 110px,
  color-mix(in srgb,var(--bg) 66%,transparent) 180px,color-mix(in srgb,var(--bg) 44%,transparent) 250px,
  color-mix(in srgb,var(--bg) 24%,transparent) 320px,color-mix(in srgb,var(--bg) 9%,transparent) 380px,transparent 430px), /* band of sand, then a slow fade (Joshua, 2026-11-09) */
  linear-gradient(180deg,transparent 0%,transparent calc(100% - 300px),
  color-mix(in srgb,var(--deep-harbor) 12%,transparent) calc(100% - 230px),color-mix(in srgb,var(--deep-harbor) 42%,transparent) calc(100% - 155px),
  color-mix(in srgb,var(--deep-harbor) 77%,transparent) calc(100% - 75px),var(--deep-harbor) 100%),
  var(--harbor-overlay),url('/assets/curacao/stories-bg-grote-knip.jpg') center 55%/cover no-repeat;}
.about-ending .stories-warm{margin-top:0;padding-top:16rem;background:none;}
.about-ending .stories-warm .teaser h2{position:relative;top:-3.5rem;text-shadow:0 1px 16px rgba(20,30,40,.6);} /* title only, the phones stay put (Joshua, 2026-11-09) */
.about-end{text-align:center;padding:0.5rem 0 11rem;}

.doors{padding:2rem 0 4.2rem;}
.doors-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:1.6rem;}
.door{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:2rem;box-shadow:var(--shadow);}
.door-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;}
.door.wagens .door-icon{background:var(--accent-soft);color:var(--accent-ink);}
.door.huizen .door-icon{background:var(--accent2-soft);color:var(--accent2-ink);}
.door h3{font-size:1.5rem;margin-bottom:0.6rem;}
.door p{color:var(--ink-soft);line-height:1.55;margin:0 0 1.2rem;}
.door-link{background:none;border:none;font:inherit;cursor:pointer;padding:0;font-weight:700;font-size:0.94rem;display:inline-flex;align-items:center;gap:0.4rem;}
.door.wagens .door-link{color:var(--accent-ink);}
.door.huizen .door-link{color:var(--accent2-ink);}

.new-banner{position:relative;color:oklch(94% 0.01 90);padding:3.6rem 0 3.2rem;background:var(--harbor-overlay),url('/assets/curacao/new-to-curacao-bg.jpg') center/cover no-repeat;}
/* Homepage: the "Moving to Curaçao?" banner now runs straight into the Customer Stories photo.
   Its bottom eases INTO Deep Harbor; the stories photo eases OUT of it (skills.md #34, photo ↔ photo). */
section[data-page=home] .new-banner{padding-bottom:9rem;background:linear-gradient(180deg,transparent 0%,transparent 72%,
  color-mix(in srgb,var(--deep-harbor) 12%,transparent) 78%,color-mix(in srgb,var(--deep-harbor) 30%,transparent) 84%,
  color-mix(in srgb,var(--deep-harbor) 55%,transparent) 90%,color-mix(in srgb,var(--deep-harbor) 80%,transparent) 95%,
  var(--deep-harbor) 100%),var(--harbor-overlay),url('/assets/curacao/new-to-curacao-bg.jpg') center/cover no-repeat;}
section[data-page=home] .new-banner + .stories-warm{margin-top:0;}
.new-inner{max-width:760px;margin:0 auto;padding:0 clamp(20px,4vw,40px);position:relative;text-align:center;}
.new-banner .kicker{color:oklch(94% 0.01 90 / 0.55);}
.new-banner h1, .new-banner h2{color:#fff;font-size:2.05rem;margin:0.5rem auto 1rem;line-height:1.2;}
/* "New to Curaçao?" hero title: same scale as the homepage hero h1 */
.new-banner h1.new-hero-title{font-size:clamp(2.3rem,4.6vw,3.2rem);line-height:1.06;font-weight:700;margin:0 auto 1.15rem;text-align:center;text-wrap:balance;}
.new-banner p.new-hero-desc{max-width:72ch;text-align:center;margin-bottom:0.9rem;}
.new-banner p.new-hero-slogan{color:#fff;font-weight:600;font-size:1.15rem;text-align:center;margin:1.2rem auto 1.6rem;}
.new-banner p{color:oklch(94% 0.01 90 / 0.75);line-height:1.6;font-size:1.02rem;margin:0 auto 1.5rem;max-width:60ch;}
.new-banner .new-subhead{color:#fff;font-weight:600;font-size:1.08rem;margin:0 auto;}
.new-banner .btn-outline2{border-color:oklch(94% 0.01 90 / 0.7);color:#fff;}
.home-steps-grid{max-width:1180px;margin:2.4rem auto 0;padding:0 clamp(20px,4vw,40px);display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;position:relative;}
/* The 3 cards share rows (number / title / text / buttons) via subgrid, so each card's text sits
   right under its title and the bottom buttons line up across cards (Joshua 2026-10-26).
   Card 1's body spans the text + button rows. */
.home-step{background:var(--warm-stone-fixed);border-radius:16px;padding:1.8rem 1.5rem;text-align:center;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;justify-items:center;}
.home-step > p{align-self:start;}
.new-banner .home-steps-grid .home-step > p{margin-top:1rem;} /* cards 2 & 3: text 24px under the title (8px h3 margin + 16px) */
.home-step > .home-step-btns{align-self:end;}
.home-step > .step-body{grid-row:span 2;justify-content:space-between;}
.home-step-num{width:34px;height:34px;border-radius:50%;background:var(--deep-harbor);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:1rem;margin-bottom:0.9rem;flex-shrink:0;}
.new-banner .home-step h3{color:var(--deep-harbor);font-size:1.08rem;margin:0 0 0.5rem;}
.new-banner .home-step p{color:oklch(23% 0.025 250 / 0.68);font-size:0.9rem;line-height:1.5;margin:0 0 1.2rem;max-width:none;}
.step-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;width:100%;}
.step-body p{margin:0;}
.step-why-list{list-style:none;margin:0;padding:0;text-align:left;display:grid;grid-template-columns:repeat(2,auto);gap:0.55rem 1.4rem;}
.step-why-list li{display:flex;align-items:center;gap:0.5rem;font-size:0.86rem;color:oklch(23% 0.025 250 / 0.68);}
.step-why-list .legend-icon svg{width:16px;height:16px;}
.step-why-list .legend-icon{flex-shrink:0;}
/* odd item count: the last badge sits centred on its own row */
.step-why-list li:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;}
/* "Smart Matching" stands out in the gold family (Toasted Amber = small gold text, readable on stone) */
.step-why-label{font-family:'IBM Plex Mono',monospace;font-size:0.76rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:-0.4rem;}
/* Why Us card: 6 badges in 3 even rows, filled column by column */
.step-why-six{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:0.65rem 1.2rem;width:100%;}
.home-step-btns{display:flex;gap:0.6rem;flex-wrap:wrap;justify-content:center;}
.home-step .btn{font-size:0.86rem;padding:0.72rem 1.15rem;}

.featured{padding-block:4.4rem;}
.featured h2{font-size:1.9rem;margin:0.5rem 0 2rem;}
.fcards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
.fcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);}
.fcard-image{aspect-ratio:4/3;background:var(--surface-2);overflow:hidden;}
.fcard-image img{width:100%;height:100%;object-fit:cover;display:block;}
.fcard-body{padding:1.4rem;}
.fbadge{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.2rem 0.5rem;border-radius:5px;margin-bottom:0.9rem;}
.fbadge.wagens{background:var(--accent-soft);color:var(--accent-ink);}
.fbadge.huizen{background:var(--accent2-soft);color:var(--accent2-ink);}
.fcard h4{font-family:'Bricolage Grotesque',sans-serif;font-size:1.15rem;margin:0 0 0.35rem;}
.fcard .meta{font-size:0.85rem;color:var(--muted);margin-bottom:0.9rem;}
.fcard .price{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:1.05rem;font-variant-numeric:tabular-nums;}
.fcard .link{background:none;border:none;font:inherit;cursor:pointer;padding:0;display:block;margin-top:0.9rem;font-weight:700;font-size:0.88rem;color:var(--accent-ink);}
/* Three-pillar row: cards stretch to equal height, "View all" link pinned to the bottom */
.fcard{display:flex;flex-direction:column;}
.fcard-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;}
.fcard-all{background:none;border:none;border-top:1px solid var(--line);font:inherit;cursor:pointer;padding:0.9rem 0 0;margin-top:auto;font-size:0.82rem;color:var(--ink-soft);width:100%;text-align:left;}
.fcard .link{margin-bottom:1rem;}
.fcard-all:hover{color:var(--ink);}
/* Homepage pillar row: centred title, a centred category name above each card, wide gaps */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.featured-pillars .fcards{gap:clamp(1.6rem,4.5vw,3.6rem);}
.pillar{display:flex;flex-direction:column;}
/* 30% under the section-title size (2.2rem → 1.54rem), Joshua 2026-10-12 */
.pillar-label{text-align:center;font-size:clamp(1.15rem,1.8vw,1.54rem);font-weight:700;line-height:1.15;margin:0 0 1.2rem;color:var(--ink);}
.pillar > .fcard,.pillar > .partner-card-v{flex:1;}
/* Homepage partner door = the exact New to Curaçao partner card, stretched to the row height */
.fcards .partner-card-v{aspect-ratio:auto;min-height:360px;}

.notify-strip{background:var(--surface-2);border-block:1px solid var(--line);padding:3.2rem 0;}
.notify-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.notify-text{max-width:50ch;}
/* Homepage: title + form as one centred group on a single line */
.notify-inner-centered{justify-content:center;align-items:flex-end;gap:1.2rem clamp(3rem,9vw,8rem);}
.notify-inner-centered .notify-checks input[type="checkbox"]{accent-color:var(--deep-harbor);}
.notify-inner-centered .notify-text h2{margin:0;line-height:46px;}
@media (max-width:560px){
  .notify-inner-centered{flex-direction:column;align-items:center;text-align:center;}
  .notify-inner-centered .notify-text h2{line-height:1.25;}
  .notify-inner-centered .notify-checks{justify-content:center;}
}
.notify-text h2{font-size:1.55rem;margin:0.5rem 0 0.5rem;}
.notify-text p{color:var(--ink-soft);margin:0;}
.notify-form{display:flex;flex-direction:column;gap:0.6rem;flex-shrink:0;}
.notify-checks{display:flex;gap:1.1rem;flex-wrap:wrap;}
.notify-checks label{display:flex;align-items:center;gap:0.4rem;font-size:0.85rem;color:var(--ink-soft);cursor:pointer;}
.notify-checks input[type="checkbox"]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer;}
.notify-row{display:flex;gap:0.7rem;flex-wrap:wrap;}
.notify-form input[type="email"]{padding:0.85rem 1.1rem;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:0.95rem;min-width:240px;}
.notify-form input[type="email"]:focus{outline:2px solid var(--accent);outline-offset:1px;}
@media (max-width:560px){ .notify-form{width:100%;flex-shrink:1;min-width:0;} .notify-row{width:100%;} .notify-form input[type="email"]{flex:1;min-width:0;} }
/* "Be the first to know" inside the dark "Moving to Curaçao?" banner, centred under the 3 cards
   (Joshua, 2026-11-01): title on top, checkboxes + email + gold button centred below. */
.notify-in-banner{margin-top:2.6rem;}
/* Homepage: signup moved down into the dark fade between Moving to Curaçao and Customer Stories
   (Joshua, 2026-11-04). Space taken from the banner's bottom padding, so the fade itself is unchanged. */
section[data-page=home] .new-banner{padding-bottom:3.4rem;}
section[data-page=home] .new-banner .notify-in-banner{margin-top:8.2rem;}
.notify-in-banner .notify-inner-centered{flex-direction:column;align-items:center;text-align:center;gap:0.9rem;}
.notify-in-banner .notify-text h2{color:#fff;font-size:1.45rem;line-height:1.25;margin:0;}
.notify-in-banner .notify-form{align-items:center;}
.notify-in-banner .notify-checks{justify-content:center;}
.notify-in-banner .notify-checks label{color:oklch(94% 0.01 90 / 0.85);}
.notify-in-banner .notify-checks input[type="checkbox"]{accent-color:var(--accent);}
.notify-in-banner .notify-row{justify-content:center;}
.notify-in-banner .notify-form input[type="email"]{background:#FFFDFA;border-color:transparent;color:#141E28;}
.notify-strip-compact{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:2rem 1.8rem;margin:2.4rem 0;}
.notify-strip-compact .notify-text h2{font-size:1.25rem;}
.listing-proof{margin:1.6rem 0 2.2rem;}
.listing-proof .story-card{max-width:560px;}

.sell-strip{position:relative;color:oklch(94% 0.01 90);padding:3.6rem 0;background:var(--harbor-overlay),url('/assets/curacao/sell-strip-bg.jpg') center/cover no-repeat;}
/* Bottom of the strip fades slowly into the footer's own colour, so photo → footer has no hard seam (Joshua, 2026-11-01) */
/* Same long, eased fade as .partner-band (skills.md #34), here into the footer's Deep Harbor.
   Top edge = solid line against Customer Stories above (Joshua, 2026-11-04; was a fade). */
.sell-strip{padding-top:5rem;padding-bottom:9rem;background:linear-gradient(180deg,transparent 0%,transparent 48%,
  color-mix(in srgb,var(--deep-harbor) 4%,transparent) 54%,color-mix(in srgb,var(--deep-harbor) 12%,transparent) 61%,
  color-mix(in srgb,var(--deep-harbor) 25%,transparent) 68%,color-mix(in srgb,var(--deep-harbor) 42%,transparent) 75%,
  color-mix(in srgb,var(--deep-harbor) 60%,transparent) 82%,color-mix(in srgb,var(--deep-harbor) 77%,transparent) 88%,
  color-mix(in srgb,var(--deep-harbor) 91%,transparent) 94%,var(--deep-harbor) 100%),var(--harbor-overlay),url('/assets/curacao/sell-strip-bg.jpg') center/cover no-repeat;}
/* Homepage: no own photo — the Customer Stories photo continues behind it (.stories-sell-band) */
.stories-sell-band .sell-strip{background:none;padding-top:1rem;}
.sell-strip .kicker{color:oklch(94% 0.01 90 / 0.6);}
.sell-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;}
.sell-inner h2{color:#fff;font-size:1.7rem;margin:0.5rem 0 0.5rem;}
.sell-inner p{color:oklch(94% 0.01 90 / 0.85);margin:0 0 0.5rem;max-width:46ch;}
.sell-inner .sell-access-line{width:fit-content;font-weight:700;font-size:1.05rem;margin:0.2rem 0 0.7rem;max-width:none;color:#fff;background:linear-gradient(90deg,#AEB9C4 0%,#AEB9C4 38%,#FFFFFF 50%,#AEB9C4 62%,#AEB9C4 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sell-line-flow 3.2s linear infinite;} /* one line wherever it fits; white shine left to right (Joshua, 2026-11-09) */
@keyframes sell-line-flow{from{background-position:100% 0;}to{background-position:0% 0;}}
@media (prefers-reduced-motion:reduce){.sell-inner .sell-access-line{animation:none;background:none;-webkit-text-fill-color:#fff;}}
.sell-inner p:last-child{margin-bottom:0;}
.btn-dark{background:var(--deep-harbor);color:oklch(94% 0.01 90);}

.page-head{padding:3rem 0 2rem;}
.page-head h1{font-size:2.2rem;margin:0.5rem 0 0.7rem;}
/* Section titles on New to Curaçao / List with us ("How It Works", "Our Partners", …) use the
   same size + weight as the "Find Your Vehicle:" page title (Joshua 2026-10-11) */
.page-head h2.connections-title,.section-title-center{font-size:2.2rem;font-weight:700;}
.page-head p{color:var(--ink-soft);max-width:60ch;line-height:1.55;}
.page-head-centered{text-align:center;}
.page-head-centered h1{max-width:720px;margin-left:auto;margin-right:auto;}
.page-head-centered > p{margin-left:auto;margin-right:auto;}
.symbol-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 2rem;text-align:left;max-width:900px;margin:2.2rem auto 0;}
.disclaimer-block{max-width:900px;margin:1.8rem auto 0;}
.disclaimer-kicker{display:block;font-family:'IBM Plex Mono',monospace;font-size:0.7rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);padding-bottom:0.6rem;margin-bottom:0.7rem;border-bottom:1px solid var(--line);} /* DISCLAIMER stays gold site-wide (Joshua) */
.disclaimer-block .legend-disclaimer{font-size:0.82rem;color:var(--ink-faint);margin:0;line-height:1.5;max-width:none;}
/* One sentence per line, with breathing room between them (Joshua 2026-10-12) */
.disclaimer-block .legend-disclaimer + .legend-disclaimer{margin-top:0.45rem;}
.inline-link{background:none;border:none;font:inherit;font-weight:600;font-size:0.82rem;color:var(--accent-ink);text-decoration:underline;cursor:pointer;padding:0;margin-top:0.5rem;display:inline-block;}
.disclaimer-links{display:flex;flex-direction:column;align-items:center;gap:0.2rem;}
.disclaimer-links .inline-link{margin-top:0.3rem;}
.symbol-legend-item{display:flex;gap:0.75rem;align-items:flex-start;width:260px;}
/* "Find your Connection" (New to Curaçao): 3 chains, Settling In in the middle */
.connection-chains{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.6rem;max-width:1000px;margin:2.2rem auto 0;}
.connection-chain{flex:0 1 320px;min-width:0;display:flex;flex-direction:column;gap:1.3rem;padding:1.4rem 1.3rem;border-radius:14px;background:var(--surface);border:1px solid var(--line);}
.connection-chain.is-center{border-color:var(--accent);}
.connection-chain-head{display:flex;align-items:center;gap:0.55rem;font-family:'IBM Plex Mono',monospace;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);padding-bottom:0.8rem;border-bottom:1px solid var(--line);}
.connection-chain-head .legend-icon{color:var(--accent);}
.connection-item{width:auto;}
.connection-item .legend-icon{color:var(--accent2-ink);}
.connection-item .inline-link{margin-top:0.45rem;}
.connection-soon{display:inline-block;margin-top:0.55rem;font-family:'IBM Plex Mono',monospace;font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);padding:0.25rem 0.55rem;border-radius:999px;}
.connection-services{list-style:none;margin:0.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:0.3rem;}
.connection-services li{display:flex;align-items:center;gap:0.4rem;font-size:0.8rem;color:var(--ink-soft);}
.connection-services li svg{width:13px;height:13px;color:var(--accent2-ink);flex-shrink:0;}
@media (max-width:860px){.connection-chain{flex-basis:100%;max-width:480px;}}
/* Grand testimonial (New to Curaçao): full-bleed Willemstad photo, story on the left */
.story-feature{position:relative;margin:4rem 0 0;padding:5.5rem 0;color:#fff;background:linear-gradient(90deg,rgba(20,30,40,0.92) 0%,rgba(20,30,40,0.78) 42%,rgba(20,30,40,0.15) 78%),url('/assets/curacao/709057-3000x2002-desktop-hd-curacao-island-background-photo.jpg') center right/cover no-repeat;}
/* New to Curaçao: bottom of the Willemstad photo eases into the sand page ("Close With Confidence"
   below), same steps as skills.md #34. Extra bottom room keeps the white quote above the fade. */
.story-feature{padding-bottom:11rem;--sand-fade:linear-gradient(180deg,transparent 0%,transparent 60%,
  color-mix(in srgb,var(--bg) 4%,transparent) 65%,color-mix(in srgb,var(--bg) 12%,transparent) 70%,
  color-mix(in srgb,var(--bg) 25%,transparent) 75%,color-mix(in srgb,var(--bg) 42%,transparent) 80%,
  color-mix(in srgb,var(--bg) 60%,transparent) 86%,color-mix(in srgb,var(--bg) 77%,transparent) 91%,
  color-mix(in srgb,var(--bg) 91%,transparent) 96%,var(--bg) 100%);
  background:var(--sand-fade),linear-gradient(90deg,rgba(20,30,40,0.92) 0%,rgba(20,30,40,0.78) 42%,rgba(20,30,40,0.15) 78%),url('/assets/curacao/709057-3000x2002-desktop-hd-curacao-island-background-photo.jpg') center right/cover no-repeat;}
.story-feature-inner{max-width:560px;}
.story-feature h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.15;margin:0 0 1.4rem;text-wrap:balance;}
.story-feature .story-mark{display:block;font-family:Georgia,serif;font-size:4.2rem;line-height:0.6;color:var(--accent);margin-bottom:0.6rem;}
.story-feature blockquote{margin:0;font-size:1.12rem;line-height:1.65;color:oklch(96% 0.01 90);font-style:italic;}
.story-feature blockquote p{margin:0 0 0.9rem;}
.story-feature .story-attr{display:block;margin-top:1.1rem;font-style:normal;font-weight:600;color:#fff;}
.story-feature .story-attr small{display:block;font-weight:400;color:oklch(94% 0.01 90 / 0.65);}
.story-feature .btn{margin-top:1.6rem;}
@media (max-width:760px){.story-feature{padding:4rem 0 9rem;background:var(--sand-fade),linear-gradient(rgba(20,30,40,0.86),rgba(20,30,40,0.86)),url('/assets/curacao/709057-3000x2002-desktop-hd-curacao-island-background-photo.jpg') center/cover no-repeat;}}
/* New to Curaçao "Completely Free" banner (sits where the homepage tagline sits) */
.free-banner{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:0.4rem 0.8rem;margin:0.4rem auto 1.1rem;padding:0.7rem 1.3rem 0.7rem 0.7rem;border-radius:999px;background:var(--accent-soft);border:1px solid oklch(74% 0.14 75 / 0.45);font-weight:600;font-size:0.98rem;color:var(--ink);}
.free-banner-tag{background:var(--accent);color:var(--deep-harbor,#141E28);font-weight:800;font-size:0.85rem;letter-spacing:0.04em;text-transform:uppercase;padding:0.35rem 0.8rem;border-radius:999px;}
@media (max-width:560px){.free-banner{border-radius:16px;padding:0.8rem 1rem;}}
.trust-line .disclaimer-block{margin-top:1.4rem;}
/* New to Curaçao: "100% Free" gets its own space on the line, mint highlight as on List With Us, no shape around it (Joshua, 2026-11-09) */
.free-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0.3rem 1.6rem;}
.free-shine{font-family:'Bricolage Grotesque',sans-serif;font-size:1.55rem;font-weight:700;}
.trust-line-spaced{padding-bottom:2.6rem;} /* breathing room before How It Works */
/* New to Curaçao stat-bar: homepage sizes, green verified labels */
.stat-bar-verified{padding-top:2rem;}
.stat-bar-verified .stat-item span{display:inline-flex;align-items:center;gap:0.35rem;color:var(--accent2-ink);}
.stat-bar-verified .stat-item span svg{width:14px;height:14px;flex-shrink:0;}
.stat-item strong span,.stat-bar-verified .stat-item strong span{font:inherit;color:var(--ink);text-transform:none;letter-spacing:normal;display:inline;}
/* How It Works: 3 cards in the homepage step-card style */
.how-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;max-width:1000px;margin:1.6rem auto 0;}
.how-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.9rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;}
/* Brand rule (2026-10-11): step numbers are structure → Deep Harbor, like the homepage steps. Gold = actions only. */
.how-card .home-step-num{background:var(--deep-harbor);color:#fff;width:42px;height:42px;font-size:1.15rem;}.how-card h3{font-size:1.3rem;margin:0 0 0.5rem;color:var(--ink);}
.how-card p{margin:0;color:var(--ink-soft);font-size:0.92rem;line-height:1.5;}
.how-card .step-why-list{margin:1rem 0 1.2rem;}
.how-card .step-why-single{grid-template-columns:auto;}
.how-card .btn{margin-top:auto;}
#newPartners{scroll-margin-top:96px;}
.section-title-center{text-align:center;margin:3.4rem 0 0;}
/* Partner overview tiles */
.partner-overview{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;max-width:1080px;margin:1.6rem auto 0;}
.partner-tile{flex:0 1 240px;min-width:0;font:inherit;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.3rem;display:flex;flex-direction:column;align-items:flex-start;gap:0.45rem;}
.partner-tile-mark{display:flex;color:var(--accent2-ink);margin-bottom:0.2rem;}
.partner-tile-name{font-weight:700;font-size:1.02rem;color:var(--ink);}
.partner-tile-title{font-family:'IBM Plex Mono',monospace;font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-soft);}
.partner-tile-niches{font-size:0.85rem;color:var(--ink-soft);}
.partner-tile .partner-pill{margin-top:0.3rem;font-size:0.74rem;}
.partner-tile-cta{margin-top:auto;padding-top:0.5rem;font-weight:700;font-size:0.86rem;color:var(--accent-ink);}
@media (max-width:760px){.how-cards{grid-template-columns:1fr;max-width:420px;}.partner-tile{flex-basis:100%;max-width:420px;}}
/* Vertical partner niche cards (Our Partners) */
.partner-card-v{position:relative;overflow:hidden;flex:0 1 250px;min-width:0;aspect-ratio:3/4;font:inherit;text-align:left;cursor:pointer;border:1.5px solid transparent;border-radius:18px;padding:1.3rem;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(160deg,#242F3A 0%,#141E28 60%,#0d151d 100%);background-size:cover;background-position:center;box-shadow:var(--shadow);}
.partner-card-v:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
/* Brand palette on the dark cards: Warm Stone art, harbor-tone labels, gold ONLY on the CTA */
.pcv-art{position:absolute;right:-38px;top:18%;color:#F5F1EC;opacity:0.08;pointer-events:none;transition:transform .3s;}
.pcv-art svg{stroke-width:1.1;}
.partner-card-v:hover .pcv-art{transform:scale(1.06) rotate(-4deg);}
/* Same badge as the homepage "Active Listings" cards (fbadge): Vehicles = gold, Home = green,
   brightened for the dark card so they stay readable. */
.pcv-chain{position:relative;align-self:flex-start;margin-bottom:0;font-weight:700;}
.pcv-chain.fbadge.wagens{background:rgba(222,156,49,0.20);color:#F0C27A;}
.pcv-chain.fbadge.huizen{background:rgba(108,208,146,0.18);color:#8FDDAA;}
.pcv-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0.45rem;}
.pcv-icon{display:flex;color:#F5F1EC;}
.pcv-niche{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.35rem;line-height:1.15;color:#fff;text-wrap:balance;}
.pcv-name{font-size:0.88rem;color:rgba(242,240,236,0.75);}
.partner-card-v .partner-pill{font-size:0.72rem;margin-top:0.2rem;}
.partner-card-v .partner-pill.is-pending{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.22);color:rgba(242,240,236,0.85);}
.partner-card-v .partner-pill.is-verified{background:rgba(108,208,146,0.16);color:#6cd092;}
.pcv-cta{margin-top:0.5rem;font-weight:700;font-size:0.9rem;color:#DE9C31;}
@media (max-width:760px){.partner-card-v{flex-basis:calc(50% - 0.6rem);}}
@media (max-width:440px){.partner-card-v{flex-basis:100%;aspect-ratio:4/3;}}
#newHow{scroll-margin-top:96px;}
.connection-item .partner-link{display:block;margin-top:0.45rem;}
.connection-item .partner-link + .inline-link{margin-top:0.2rem;}
/* Partner profile pages */
.partner-profile{padding-top:2.4rem;padding-bottom:4rem;max-width:980px;}
.partner-head{display:flex;gap:1.2rem;align-items:center;margin:1rem 0 1.2rem;}
.partner-mark{flex-shrink:0;width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--deep-harbor);border:1px solid var(--line);color:#F5F1EC;} /* matches the dark partner cards */
.partner-head h1{margin:0.2rem 0 0.6rem;font-size:clamp(1.7rem,3.4vw,2.4rem);}
.partner-badges{display:flex;flex-wrap:wrap;gap:0.5rem;}
.partner-pill{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.8rem;font-weight:600;padding:0.32rem 0.75rem;border-radius:999px;}
.partner-pill.is-verified{background:oklch(40% 0.075 155 / 0.12);color:var(--accent2-ink);}
.partner-pill.is-pending{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);}
/* New to Curaçao step 2: "how to read a partner card" legend, the two status pills + one line each */
.step-status-legend{list-style:none;padding:0;margin:0.9rem 0 1.2rem;display:flex;flex-direction:column;gap:0.75rem;align-items:center;text-align:center;}
.step-status-legend li{display:flex;flex-direction:column;align-items:center;gap:0.3rem;}
.step-status-legend .ssl-desc{font-size:0.8rem;line-height:1.4;color:var(--ink-soft);max-width:26ch;}
.partner-pill.is-level{background:var(--accent-soft);color:var(--accent-ink);}
.partner-about{font-size:1.05rem;color:var(--ink-soft);max-width:65ch;line-height:1.6;margin:0 0 1rem;}
.partner-discount{display:flex;align-items:center;gap:0.45rem;color:var(--accent2-ink);margin:0 0 1rem;}
.partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.4rem;margin-top:1.6rem;}
.partner-card{padding:1.4rem;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:1.1rem;min-width:0;}
.partner-card h3{margin:0;font-size:1.05rem;}
.partner-niche{display:flex;gap:0.75rem;align-items:flex-start;}
.partner-niche strong{display:block;margin-bottom:0.2rem;}
.partner-niche .btn{margin-top:0.7rem;}
.btn-sm{padding:0.5rem 0.95rem;font-size:0.85rem;}
.partner-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.6rem;}
.partner-checks li{display:flex;align-items:center;gap:0.5rem;font-size:0.92rem;}
.partner-checks li svg{width:16px;height:16px;flex-shrink:0;}
.partner-checks li.done{color:var(--accent2-ink);font-weight:500;}
.partner-checks li.todo{color:var(--ink-faint,var(--ink-soft));}
.partner-checks li em{font-style:normal;font-size:0.8rem;}
.partner-disclosure{margin-top:2rem;text-align:center;} /* keeps "Find Your Connection:" clear of the sticky header */
.legend-icon{flex-shrink:0;display:flex;color:var(--ink);margin-top:0.1rem;}
/* Badges that really prove something (Vehicles/Properties legends): small mint tile, kept small on purpose */
.symbol-legend-item.is-proof .legend-icon{background:#6cd092;color:#141E28;border-radius:6px;padding:3px;}
.symbol-legend-item.is-proof .legend-icon svg{width:16px;height:16px;}
.symbol-legend-item strong{display:block;font-size:0.92rem;margin-bottom:0.2rem;}
.legend-desc{display:block;font-size:0.82rem;color:var(--ink-soft);line-height:1.5;}

.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-bottom:4.5rem;}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;}
.card-image{aspect-ratio:4/3;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--line-strong);overflow:hidden;}
.sold-ribbon{position:absolute;top:16px;left:-42px;width:160px;transform:rotate(-45deg);background:#c81e1e;color:#fff;text-align:center;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:0.78rem;letter-spacing:0.1em;padding:0.4rem 0;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,0.3);text-transform:uppercase;}
.card-image img{width:100%;height:100%;object-fit:cover;}
.card-body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;flex:1;}
.card h4{font-family:'Bricolage Grotesque',sans-serif;font-size:1.15rem;margin:0 0 0.7rem;}
.chip-row{display:flex;gap:0.9rem;flex-wrap:wrap;margin:0 0 1rem;font-size:0.8rem;color:var(--ink-soft);}
.chip{display:inline-flex;align-items:center;gap:0.35rem;}
.price{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:1.1rem;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:auto;}
.card-cta{font-weight:700;font-size:0.88rem;display:flex;align-items:center;gap:0.4rem;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left;}
.card-cta.w{color:var(--accent-ink);} /* Vehicles = gold (brand book category colour) */
.card-cta.h{color:var(--accent2-ink);} /* Properties = Deep Green */
.card-foot{margin-top:0.9rem;display:flex;align-items:center;justify-content:space-between;gap:0.6rem;}
.card-badge{width:20px;height:20px;flex-shrink:0;opacity:0.8;}

.crumb{padding:1.6rem 0 0;font-size:0.85rem;color:var(--muted);}
.crumb button{background:none;border:none;font:inherit;color:var(--muted);cursor:pointer;padding:0;text-decoration:underline;}
.gallery{padding:1.4rem 0 2.6rem;display:grid;grid-template-columns:2.2fr 1fr;gap:1rem;}
.gallery-main{aspect-ratio:16/10;background:var(--surface-2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--line-strong);overflow:hidden;}
.gallery-main img{width:100%;height:100%;object-fit:cover;}
.gallery-thumbs{display:flex;flex-direction:column;gap:1rem;max-height:480px;overflow-y:auto;}
.thumb{flex:1;background:var(--surface-2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--line-strong);overflow:hidden;cursor:pointer;min-height:70px;}
.thumb img{width:100%;height:100%;object-fit:cover;}
.title-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;padding-bottom:1.6rem;}
.title-row h1{font-size:2rem;margin-bottom:0.5rem;}
.badge{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:0.66rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.25rem 0.6rem;border-radius:6px;}
.badge.w{background:var(--accent-soft);color:var(--accent-ink);}
.badge.h{background:var(--accent2-soft);color:var(--accent2-ink);}
.price-big{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:1.7rem;font-variant-numeric:tabular-nums;}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-bottom:2.2rem;}
.spec-item{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1rem 1.1rem;}
.spec-label{font-family:'IBM Plex Mono',monospace;font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:0.4rem;}
.spec-value{font-weight:700;font-size:0.98rem;}
/* Island flags (Curaçao / Bonaire), subtle (Joshua, 2026-11-01) */
.flag{display:inline-block;flex-shrink:0;border-radius:2px;box-shadow:0 0 0 1px rgba(20,30,40,.18);vertical-align:-1px;}
/* "Location: [flag]" under each card's subtitle, flag only, small (Joshua, 2026-11-01) */
.card-loc{display:flex;align-items:center;gap:0.35rem;color:var(--ink-soft);margin:0.35rem 0 0.6rem;}
/* Deal duration: "[stopwatch] 12 days" on sold/leased cards + "typical time to close" line on Sold pages */
.card-dur{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.8rem;color:var(--ink-soft);margin-left:0.5rem;}
.card-loc > .card-dur:first-child{margin-left:0;}
.dur-icon{flex-shrink:0;}
.spec-dur .spec-value{display:flex;align-items:center;gap:0.4rem;}
.spec-dur .dur-icon{width:16px;height:16px;}
.dur-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.45rem;margin:0 0 1.6rem;color:var(--ink);font-size:0.95rem;}
.island-line + .dur-line{margin-top:-0.9rem;}
.dur-n{white-space:nowrap;}
.dur-line strong{font-family:'Bricolage Grotesque',sans-serif;font-size:1.05rem;}
.card-pin{flex-shrink:0;color:#c81e1e;} /* red map pin (Joshua, 2026-11-01), same red as the site's SOLD ribbon */
/* Same height in every card of a row: the location line (and everything below it) sits at the
   bottom of the card body, so different title lengths above it don't shift it (Joshua) */
.card .card-loc,.fcard .card-loc{margin-top:auto;}
.card-loc + .price{margin-top:0;}
.fcard .card-loc ~ .fcard-all{margin-top:1.1rem;} /* only one element may push to the bottom, or they split the space */
.card-flag{display:inline-flex;}
.card-flag .flag{width:16px;height:11px;}
.island-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.5rem;margin:0 0 1.6rem;color:var(--ink);font-size:0.95rem;}
.island-line strong{color:var(--accent-ink);font-family:'Bricolage Grotesque',sans-serif;font-size:1.15rem;}
.island-tag{display:inline-flex;align-items:center;gap:0.4rem;font-weight:600;}
.island-sep{color:var(--ink-soft);}
.desc{padding-bottom:2.4rem;max-width:70ch;color:var(--ink-soft);line-height:1.65;font-size:1rem;}
.desc p{margin:0 0 0.9rem;}
.desc .desc-label{font-weight:700;color:var(--ink);margin-bottom:0.4rem;}
.desc ul{margin:0 0 0.9rem;padding-left:1.2rem;}
.desc li{margin-bottom:0.3rem;}
.cta-row{display:flex;gap:0.9rem;padding-bottom:2.6rem;flex-wrap:wrap;}
.cross-sell{border-radius:14px;padding:1.3rem 1.5rem;display:flex;align-items:center;gap:1rem;margin-bottom:3.5rem;border:1px solid;}
.cross-sell.to-h{background:var(--accent2-soft);border-color:var(--accent2);}
.cross-sell.to-w{background:var(--accent-soft);border-color:var(--accent);}
.cross-sell p{margin:0;color:var(--ink);font-size:0.96rem;}
.cross-sell button{background:none;border:none;font:inherit;font-weight:700;cursor:pointer;padding:0;}
/* "Browse … →" always on its own line under the question, in every cross-sell box (Joshua, 2026-11-04) */
.cross-sell p button{display:block;margin-top:0.2rem;text-align:left;}
.cross-sell.to-h button{color:var(--accent2-ink);}
.cross-sell.to-w button{color:var(--accent-ink);}
.cross-sell svg{flex-shrink:0;}
.cross-sell.to-h svg{color:var(--accent2-ink);}
.cross-sell.to-w svg{color:var(--accent-ink);}
.page-trust-badges{display:flex;gap:1.6rem;flex-wrap:wrap;margin:0.4rem 0 2.2rem;}
.page-trust-badges.centered{justify-content:center;}
/* Vehicles + Properties: the green licence line belongs to the disclaimer — close under it
   (~20px), with a wide gap (64px) before the listings (Joshua 2026-10-12). */
[data-page="wagens"] .page-head:has(+ .page-trust-badges),[data-page="huizen"] .page-head:has(+ .page-trust-badges){padding-bottom:0;}
[data-page="wagens"] .page-trust-badges,[data-page="huizen"] .page-trust-badges{margin:15px 0 4rem;}
.page-trust-badges .checkItem{display:flex;align-items:center;gap:0.5rem;font-weight:500;font-size:0.85rem;color:var(--accent2-ink);}
.page-trust-badges .checkItem svg{flex-shrink:0;}
.listing-close{padding:3rem 0 1rem;border-top:1px solid var(--line);margin-top:2.4rem;}
.listing-close-text{max-width:640px;margin-bottom:1.6rem;}
.listing-close-text h3{font-size:1.3rem;margin:0 0 0.6rem;}
.listing-close-text p{color:var(--ink-soft);line-height:1.6;margin:0;}
.listing-close .cross-sell{max-width:640px;margin-bottom:1.4rem;}

.steps{padding:1rem 0 4.4rem;}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:1.6rem;}
.step{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.8rem;box-shadow:var(--shadow);}
.step-num{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:1.3rem;color:var(--accent-ink);margin-bottom:0.9rem;}
.step h3{font-size:1.16rem;margin-bottom:0.6rem;}
.step p{color:var(--ink-soft);line-height:1.55;margin:0;font-size:0.95rem;}
.bundle{background:var(--ink);color:oklch(94% 0.01 90);border-radius:20px;padding:2.6rem 2.8rem;margin-bottom:5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.bundle-icons{display:flex;align-items:center;gap:1.1rem;}
.bundle-icon{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.bundle-icon.a{background:var(--accent-soft);color:var(--accent-ink);}
.bundle-icon.b{background:var(--accent2-soft);color:var(--accent2-ink);}
.bundle-plus{font-family:'Bricolage Grotesque',sans-serif;font-size:1.5rem;color:oklch(94% 0.01 90 / 0.55);}
.bundle-text h3{color:#fff;font-size:1.45rem;margin-bottom:0.4rem;}
.bundle-text p{color:oklch(94% 0.01 90 / 0.7);margin:0;max-width:40ch;}

.why-hook{font-size:1.15rem;font-weight:600;color:var(--ink);line-height:1.5;max-width:56ch;margin:0.7rem 0 0;}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-top:1.6rem;}
.why-item{display:flex;align-items:flex-start;gap:0.9rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.2rem 1.3rem;}
/* Small neutral check, no green (Joshua, 2026-11-01: green here was "overly done and disturbing") */
.why-item svg{color:var(--ink);flex-shrink:0;margin-top:0.15rem;}
.why-item p{margin:0;font-size:0.96rem;color:var(--ink-soft);}
.split{padding-block:4rem;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;} /* padding-block keeps .wrap's side padding */
.split-col{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.8rem;}
.split-col h3{font-size:1.15rem;margin-bottom:1.1rem;}
.split-col ul{margin:0;padding:0;list-style:none;}
.split-col li{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.94rem;color:var(--ink-soft);margin-bottom:0.75rem;}
.split-col li svg{flex-shrink:0;margin-top:0.2rem;color:var(--accent2-ink);} /* checks = green, site-wide */
.price-note{background:var(--surface-2);border-radius:14px;padding:1.4rem 1.6rem;margin-bottom:4rem;font-size:0.95rem;color:var(--ink-soft);}
.price-note strong{color:var(--ink);}
.form-section{padding-bottom:5rem;}
.form-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:2.2rem;box-shadow:var(--shadow);max-width:640px;}
/* Become a Partner page */
.partner-hero{padding:4.6rem 0 3.6rem;background:var(--harbor-overlay),url('/assets/curacao/709057-3000x2002-desktop-hd-curacao-island-background-photo.jpg') center/cover no-repeat;}
.partner-apply-form{margin:1.6rem auto 0;max-width:720px;}
.apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.2rem;margin-bottom:1.4rem;}
.apply-grid label{display:flex;flex-direction:column;gap:0.35rem;font-size:0.85rem;font-weight:600;color:var(--ink);}
.apply-grid input,.apply-grid select,.apply-grid textarea{font:inherit;font-weight:400;font-size:0.95rem;padding:0.75rem 0.9rem;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);min-width:0;}
.apply-grid input:focus,.apply-grid select:focus,.apply-grid textarea:focus{outline:2px solid var(--accent);outline-offset:1px;}
.apply-full{grid-column:1 / -1;}
.apply-check{flex-direction:row !important;align-items:flex-start;gap:0.6rem !important;font-weight:400 !important;color:var(--ink-soft) !important;}
.apply-check input{margin-top:0.2rem;}
.verify-public{max-width:520px;margin:1.4rem auto 0;}
.verify-public li{color:var(--ink);}
.verify-public li svg{box-sizing:border-box;width:14px;height:14px;padding:2px;border-radius:4px;background:#6cd092;color:#141E28;stroke-width:3.5;} /* small mint tile, 50% of the first version (Joshua) */
#partnerApply{scroll-margin-top:96px;}
.new-banner p.hero-partner-link{margin:1.3rem auto 0;font-size:0.95rem;color:oklch(94% 0.01 90 / 0.8);text-align:center;}
.hero-partner-link button{background:none;border:none;padding:0;font:inherit;font-weight:700;color:#fff;cursor:pointer;text-decoration:underline;text-underline-offset:3px;} /* white: the gold button above is the one main action */
.partner-disclosure{text-align:center;margin-top:2rem;}
.disclaimer-block .free-banner{margin:0.2rem auto 0;}
.become-partner-line{text-align:center;margin:1.8rem 0 0;color:var(--ink-soft);font-size:0.95rem;}
.become-partner-line .inline-link{font-size:0.95rem;margin-top:0;}
@media (max-width:560px){.apply-grid{grid-template-columns:1fr;}}

.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1.6rem;margin-bottom:4.4rem;}
.testimonial-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.8rem;box-shadow:var(--shadow);display:flex;flex-direction:column;}
.testimonial-quote{color:var(--ink-soft);line-height:1.6;font-size:0.96rem;flex:1;}
.testimonial-quote p{margin:0 0 0.9rem;}
.testimonial-quote p:last-child{margin-bottom:0;}
.testimonial-quote .desc-label{font-weight:700;color:var(--ink);margin-top:0.6rem;}
.testimonial-attribution{margin-top:1.1rem;padding-top:0.9rem;border-top:1px solid var(--line);font-size:0.85rem;font-weight:600;color:var(--ink);}

@media (max-width:860px){
  .doors-grid,.grid-cards,.split,.steps-grid,.spec-grid,.why-grid,.testimonial-grid,.showcase-grid,.home-steps-grid,.story-gallery{grid-template-columns:1fr 1fr;}
  /* the three pillar doors stay one row until phone width */
  .fcards{gap:0.9rem;}
  .fcard-body{padding:1.1rem;}
  .teaser-layout{grid-template-columns:1fr;}
  .gallery{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .doors-grid,.fcards,.grid-cards,.split,.steps-grid,.spec-grid,.why-grid,.testimonial-grid,.showcase-grid,.teaser-grid,.home-steps-grid,.story-gallery{grid-template-columns:1fr;}
  .stat-bar{gap:1.6rem 0.5rem;}
  /* 2 per row, an odd last number (e.g. "2024 Operating Since") centred on its own row */
  .stat-bar .stat-item{flex:0 0 46%;}
}

/* Contact page: digital business card */
.contact-page{background:var(--warm-stone-fixed);}
.bcard{max-width:440px;margin:3.4rem auto 4rem;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:2rem 1.8rem 2.2rem;text-align:center;position:relative;overflow:hidden;}
.bcard::before{content:"";position:absolute;inset:0 0 auto 0;height:96px;background:var(--deep-harbor);}
.bcard-top{position:relative;display:flex;align-items:center;justify-content:center;gap:0.55rem;}
.bcard-brand{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.1rem;color:#fff;}
.bcard-photo{position:relative;width:112px;height:112px;border-radius:50%;object-fit:cover;border:4px solid var(--surface);margin:1.3rem auto 0.8rem;display:block;}
.bcard-name{font-size:1.6rem;margin:0;}
.bcard-role{margin:0.25rem 0 0;color:var(--ink-soft);font-weight:600;}
.bcard-license{margin:0.5rem auto 0;font-size:0.82rem;color:var(--accent2-ink);font-weight:600;max-width:32ch;line-height:1.45;}
.bcard-lines{display:flex;flex-direction:column;gap:0.55rem;margin:1.5rem 0 1.6rem;padding:1.1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.bcard-lines a,.bcard-lines > span{color:var(--ink);text-decoration:none;font-size:0.95rem;}
.bcard-lines a:hover{color:var(--accent-ink,var(--ink));text-decoration:underline;}
.bcard-label{color:var(--ink-soft);font-size:0.85rem;margin-right:0.2rem;}
.bcard-btns{display:flex;gap:0.6rem;justify-content:center;flex-wrap:wrap;}

.stories-sell-band .sell-inner h2{margin-top:0;} /* title + one line, level with the List Now button (Joshua, 2026-11-09) */