:root{
  --ink:#0b0b0c; --ink-2:#3a3a3f; --mute:#6e6e73; --line:#e5e5ea;
  --bg:#ffffff; --soft:#f5f5f7; --blue:#0a6aa1; --blue-2:#0d82c4;
  --green:#1f9d55; --amber:#c98a00; --grey:#8e8e93;
  --r:22px; --display:'Anton',Impact,'Arial Narrow',sans-serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* mock banner */
.mock-banner{position:sticky;top:0;z-index:60;background:#ffcc00;color:#111;font-size:13px;text-align:center;padding:8px 16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;letter-spacing:.01em}
.mock-banner strong{text-transform:uppercase;letter-spacing:.06em}

/* nav */
.nav{position:sticky;top:36px;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav-inner{height:80px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:48px;width:auto}
.brand-tag{font-weight:700;font-size:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);border-left:1px solid var(--line);padding-left:10px}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:14px;color:var(--ink-2)}
.nav-links a:hover{color:var(--ink)}
.country-pill{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:6px 14px;min-height:36px;background:#fff;transition:border-color .2s}
.country-pill:hover{border-color:var(--ink)}
.iso{display:inline-grid;place-items:center;min-width:30px;height:22px;border-radius:999px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:0 6px}

/* type */
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.eyebrow.light{color:#7cc4ee}
.display{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(64px,11vw,150px);line-height:.9;letter-spacing:-.005em}
.h2{font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.03em;font-weight:800}
.h2.light{color:#fff}
.sub{font-size:clamp(17px,1.6vw,21px);color:var(--mute);max-width:640px;margin-top:16px;line-height:1.45}
.lede{font-size:clamp(19px,2vw,24px);color:var(--ink-2);max-width:620px;margin:28px auto 0;line-height:1.4;letter-spacing:-.01em}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 28px;border-radius:999px;font-weight:600;font-size:16px;transition:transform .15s,background .2s,box-shadow .2s}
.btn:active{transform:scale(.98)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#26262a}
.btn-ghost{color:var(--blue)}
.btn-ghost:hover{text-decoration:underline}
.btn-sm{height:44px;padding:0 22px;font-size:15px}
.btn[aria-disabled=true]{background:var(--soft);color:var(--grey);pointer-events:auto;cursor:not-allowed}
.cta-row{display:flex;gap:12px;justify-content:center;margin-top:36px;flex-wrap:wrap}

/* hero */
.hero{padding:64px 0 0;text-align:center;overflow:hidden}
.hero-copy .eyebrow{margin-bottom:22px}
.hero-media{max-width:1240px;margin:48px auto 0;padding:0 24px}
.hero-media img{width:100%;border-radius:28px;background:var(--soft)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:48px;padding-bottom:24px;text-align:left}
.hero-stats div{border-top:1px solid var(--ink);padding-top:16px}
.hero-stats b{display:block;font-family:var(--display);font-weight:400;font-size:40px;line-height:1;text-transform:uppercase}
.hero-stats span{color:var(--mute);font-size:15px}

/* sections */
.section{padding:120px 0}
.countries{background:var(--soft)}

/* picker */
.picker{display:grid;grid-template-columns:1fr;gap:20px;margin-top:56px}
.map{position:relative;background:#fff;border-radius:var(--r);padding:40px 56px 72px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.map-dots{width:100%;height:auto;opacity:.95}
.map{display:flex;flex-direction:column;justify-content:center}
.map-stage{position:relative}
#pins{position:absolute;inset:0}
.pin{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;display:grid;place-items:center;z-index:2}
.pin.sel,.pin:hover{z-index:3}
.pin .p{position:relative;width:14px;height:14px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.2);transition:transform .2s}
.pin.live .p{background:var(--blue);}
.pin.live .p::after{content:"";position:absolute;left:-3px;top:-3px;width:14px;height:14px;border-radius:50%;background:var(--blue);opacity:.35;animation:pulse 2s infinite;z-index:-1}
.pin.soon .p{background:var(--amber)}
.pin.ho .p{background:var(--grey)}
.pin .lbl{position:absolute;left:22px;top:50%;margin-top:-10px;line-height:16px;font-size:11px;font-weight:700;letter-spacing:.06em;background:#fff;border-radius:999px;padding:2px 7px;box-shadow:0 1px 4px rgba(0,0,0,.12);opacity:0;transform:translateX(-4px);transition:.2s;white-space:nowrap;pointer-events:none}
.pin:hover .lbl,.pin.sel .lbl,.pin.live .lbl{opacity:1;transform:none}
.pin:hover .p{transform:scale(1.25)}
.pin.sel .p{transform:scale(1.45);box-shadow:0 0 0 2px var(--ink),0 2px 8px rgba(0,0,0,.25)}
.pin.sel .lbl{background:var(--ink);color:#fff}
@keyframes pulse{0%{transform:scale(1);opacity:.45}100%{transform:scale(3);opacity:0}}
.map-legend{position:absolute;left:56px;bottom:26px;display:flex;gap:18px;font-size:13px;color:var(--mute);flex-wrap:wrap}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:1px}
.dot.live{background:var(--blue)}.dot.soon{background:var(--amber)}.dot.ho{background:var(--grey)}

.list{background:#fff;border-radius:var(--r);padding:20px;display:flex;flex-direction:column}
.search{max-width:420px}
.search{display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:12px;padding:0 14px;height:46px}
.search svg{width:18px;height:18px;fill:none;stroke:var(--mute);stroke-width:2;stroke-linecap:round}
.search input{border:0;background:none;font:inherit;font-size:16px;flex:1;outline:none;color:var(--ink)}
#country-list{list-style:none;margin-top:12px;display:grid;grid-template-columns:repeat(2,1fr);column-gap:16px}
.c-item{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;cursor:pointer;transition:background .15s}
.c-item:hover{background:var(--soft)}
.c-item.sel{background:var(--ink);color:#fff}
.c-item.sel .c-meta{color:#b8b8bf}
.c-item .iso{background:var(--soft);color:var(--ink)}
.c-item.sel .iso{background:#fff;color:var(--ink)}
.c-name{font-weight:600;font-size:15px;line-height:1.2}
.c-meta{font-size:12.5px;color:var(--mute)}
.c-status{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap}
.st-live{background:#e3f1fa;color:var(--blue)}
.st-soon{background:#fbf1d9;color:#8a5f00}
.st-ho{background:#ececf0;color:#55555b}
.c-item.sel .c-status{background:rgba(255,255,255,.14);color:#fff}
.c-empty{grid-column:1/-1;padding:16px 10px;color:var(--mute);font-size:14px}
.list-note{font-size:12px;color:var(--mute);padding:10px 10px 2px;margin-top:auto}

/* designers */
.designers-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.route-card{background:var(--soft);border-radius:18px;padding:18px 22px;min-width:280px;display:flex;flex-direction:column;gap:2px}
.route-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);font-weight:600}
.route-card strong{font-size:17px}
.route-meta{font-size:13.5px;color:var(--mute)}
.route-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--blue);margin-top:6px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.card{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,opacity .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.card-media{background:var(--soft);aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .5s}
.card:hover .card-media img{transform:scale(1.04)}
.card-body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.card h3{font-size:24px;letter-spacing:-.02em;font-weight:800}
.card p{color:var(--mute);font-size:15.5px;flex:1}
.card .btn{align-self:flex-start;margin-top:8px}
.badge{align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--mute)}
.badge:empty{display:none}
.badge.live{background:#e3f1fa;color:var(--blue)}
.badge.preview{background:#fbf1d9;color:#8a5f00}
.cards.locked .card{opacity:.55}
.cards.locked .card:hover{transform:none;box-shadow:none}
.cards.locked .card-media img{filter:grayscale(1)}

/* how */
.how{background:var(--ink);color:#fff}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:64px;counter-reset:s}
.steps li{border-top:1px solid #3a3a40;padding-top:22px;position:relative}
.steps li::before{content:"";position:absolute;top:-1px;left:0;width:48px;height:2px;background:var(--blue-2)}
.num{font-family:var(--display);font-size:44px;color:#3d3d44;line-height:1}
.steps h3{font-size:20px;margin:16px 0 8px;letter-spacing:-.01em}
.steps p{color:#a1a1a8;font-size:15px}

/* distributors */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ticks{list-style:none;margin-top:28px;display:grid;gap:12px}
.ticks li{padding-left:30px;position:relative;font-size:16.5px;color:var(--ink-2)}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.folder{background:var(--soft);border-radius:var(--r);padding:16px 16px 18px}
.folder-bar{display:flex;align-items:center;gap:6px;padding:4px 6px 14px}
.folder-bar i{width:11px;height:11px;border-radius:50%;background:#d6d6dc}
.folder-bar span{margin-left:10px;font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--mute)}
.folder ul{list-style:none;background:#fff;border-radius:14px;overflow:hidden}
.folder li{display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;column-gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:center}
.folder li:last-child{border:0}
.f-ico{grid-row:span 2;width:34px;height:28px;border-radius:5px;background:linear-gradient(#5aa9d6,#0a6aa1);position:relative}
.f-ico::before{content:"";position:absolute;top:-4px;left:0;width:14px;height:6px;border-radius:3px 3px 0 0;background:#5aa9d6}
.folder b{font-family:ui-monospace,Menlo,monospace;font-size:14px}
.folder em{font-style:normal;font-size:13px;color:var(--mute);grid-column:2}
.folder small{grid-row:1/3;grid-column:3;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);background:var(--soft);padding:3px 8px;border-radius:999px}
.folder-note{font-size:12px;color:var(--mute);margin:12px 6px 0}

/* footer */
.footer{background:#0b0b0c;color:#a1a1a8;padding:64px 0 32px;font-size:14px}
.foot-inner{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid #26262b}
.footer img{height:26px;width:auto;margin-bottom:14px}
.foot-links{display:flex;gap:28px;flex-wrap:wrap}
.foot-links a:hover{color:#fff}
.foot-small{padding-top:20px;font-size:12.5px;color:#6e6e73}
.foot-small .foot-staff{color:inherit;font-size:inherit;text-decoration:none;margin-left:6px;opacity:.75}
.foot-small .foot-staff:hover{text-decoration:underline;opacity:1}

/* toast */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;opacity:0;transition:.3s;pointer-events:none;z-index:80;max-width:92vw;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* responsive */
@media (max-width:980px){
  .picker{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr;row-gap:40px}
  .split{grid-template-columns:1fr;gap:40px}
}
@media (max-width:720px){
  html{scroll-padding-top:120px}
  .nav-links{display:none}
  .country-pill{margin-left:auto}
  .brand-tag{display:none}
  .mock-banner span{display:none}
  .nav{top:34px}
  .section{padding:80px 0}
  .hero{padding-top:56px}
  .hero-media{margin-top:40px;padding:0 12px}
  .hero-media img{border-radius:18px}
  .hero-stats{grid-template-columns:1fr;gap:16px}
  .cards{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .map{padding:20px 12px 70px}
  #country-list{grid-template-columns:1fr}
  .pin .lbl{display:none}
  .pin.sel .lbl{display:block}
  .map-legend{left:16px;bottom:16px;gap:12px;font-size:12px}
}
.iso[hidden]{display:none}.country-pill .iso{margin-left:-8px}

/* ---- Lead gate (Phase-1 preview) ---- */
.lead{background:#fff;border-bottom:1px solid var(--line)}
.lead[hidden]{display:none}
.lead-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
.lead-route{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;background:var(--soft);border-radius:999px;padding:8px 10px 8px 8px;font-size:14px;color:var(--ink-2);width:fit-content;max-width:100%}
.lead-route b{color:var(--ink)}
.btn-link{color:var(--blue);font-weight:600;font-size:14px;padding:4px 8px}
.btn-link:hover{text-decoration:underline}
.lead-form{background:var(--soft);border-radius:28px;padding:36px;display:grid;gap:18px}
.lead-form[hidden],.lead-done[hidden]{display:none}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field label{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink-2)}
.field input,.field textarea{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid transparent;border-radius:14px;padding:14px 16px;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 0 rgba(0,0,0,.04);resize:vertical;width:100%}
.field textarea{min-height:92px;line-height:1.4}
.field input:focus,.field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(10,106,161,.12)}
.field .invalid{border-color:#d93025}
.err{font-size:12.5px;color:#d93025;min-height:0}
.err:empty{display:none}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field-row-3{grid-template-columns:1.4fr 1fr .8fr}
.field label .opt{font-weight:400;color:var(--ink-3,#888)}
.lead-submit{justify-self:start;margin-top:6px}
.privacy{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--mute);line-height:1.45}
.privacy svg{flex:none;width:16px;height:16px;margin-top:2px;fill:none;stroke:var(--mute);stroke-width:2;stroke-linecap:round}
.privacy em{font-style:normal;color:#8a5f00}
.lead-done{background:var(--soft);border-radius:28px;padding:28px 30px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lead-done strong{display:block;font-size:20px;letter-spacing:-.01em}
.ld-meta{font-size:14px;color:var(--mute)}
.lead-done .btn-link{margin-left:auto}
.tick{width:44px;height:44px;border-radius:50%;flex:none;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}
.badge.gate{background:#ececf0;color:#55555b}
.cards.gated .card-media img{filter:grayscale(.85);opacity:.8}
.cards.gated .card:hover{transform:none;box-shadow:none}
@media (max-width:980px){.lead-grid{grid-template-columns:1fr;gap:36px}}
@media (max-width:720px){.lead-form{padding:24px 20px;border-radius:22px}.field-row{grid-template-columns:1fr}.lead-route{border-radius:16px}}
.card-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--mute);letter-spacing:.02em}
.steps code,.ticks code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:rgba(127,127,127,.14);padding:1px 6px;border-radius:6px}
.folder-note b{font-family:ui-monospace,Menlo,monospace;font-weight:600;color:var(--ink-2)}

/* lead API */
.staff-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink-2);cursor:pointer;line-height:1.4}
.staff-check input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--ink)}
.staff-check small{color:var(--mute);font-size:12px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-err{color:#c0392b;font-size:14px;font-weight:500;min-height:0}
.form-err:empty{display:none}
.lead-submit[disabled]{opacity:.6;cursor:wait}

/* coming-soon designer teasers (always soon, never linked) */
.badge.soon{background:#ececf0;color:#6e6e73}
.card--soon .card-media img{filter:grayscale(.6) contrast(.95);opacity:.78}
.card--soon h3{color:var(--ink-2)}
.card--soon:hover{transform:none;box-shadow:none}
.card--soon:hover .card-media img{transform:none}
.card--soon [data-soon-cta]{background:#e8e8ed;color:#86868b;border-color:transparent;cursor:default;pointer-events:auto;box-shadow:none}
.card--soon [data-soon-cta]:active{transform:none}

/* ---- Distributors directory page (/distributors/) ---- */
a.country-pill{text-decoration:none;white-space:nowrap;flex:none}
.dist-hero{padding:96px 0 40px}
.dist-hero .h2{margin-top:2px}
.dist-note{margin-top:28px;background:var(--soft);border-radius:16px;padding:14px 18px;font-size:15px;color:var(--ink-2);max-width:760px}
.dist-note a{color:var(--blue);font-weight:600;white-space:nowrap}
.dist-note a:hover{text-decoration:underline}
.dist-group{padding:40px 0 64px}
.dist-intl{background:var(--soft);padding:80px 0 96px}
.dist-h{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;font-weight:800}
.dist-sub{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:48px 0 0;color:var(--ink-2)}
.dist-lede{color:var(--mute);margin-top:8px;font-size:16px}
.dist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.dc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 22px;display:flex;flex-direction:column;gap:8px}
.dc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.dc-country{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.dc h3{font-size:21px;letter-spacing:-.02em;font-weight:800}
.dc-note{font-size:14px;color:var(--mute)}
.dc-note a{color:var(--blue)}
.dc dl{margin-top:8px;display:grid;gap:8px;border-top:1px solid var(--line);padding-top:14px}
.dc-row{display:grid;grid-template-columns:62px 1fr;gap:10px;font-size:14.5px;align-items:baseline}
.dc dt{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.dc dd{min-width:0;overflow-wrap:anywhere}
.dc dd a{color:var(--ink)}
.dc dd a:hover{color:var(--blue);text-decoration:underline}
.dc-muted{color:var(--grey)}
.dist-src{font-size:12.5px;color:var(--mute);margin-top:28px}
@media (max-width:980px){.dist-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.dist-grid{grid-template-columns:1fr}.dist-hero{padding:64px 0 28px}}
.dc-flag{font-size:16px;letter-spacing:0;margin-right:8px;vertical-align:-1px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}