:root{--ink:#0b1220;--ink-soft:#151c2c;--paper:#f7f8fa;--surface:#fff;--text:#0f172a;--muted:#64748b;--on-dark:#e8eef8;--signal:#14b8a6;--signal-deep:#0f766e;--glow:#5eead4;--ember:#f97316;--line:#e2e8f0;--r-card:16px;--r-btn:12px;--container:1160px;
--sans:'Inter',ui-sans-serif,system-ui,sans-serif;--display:'Plus Jakarta Sans','Inter',ui-sans-serif,system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.bm{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}
#main{flex:1}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;margin:0;line-height:1.2}
p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
::selection{background:color-mix(in srgb,var(--signal) 35%,transparent);color:var(--ink)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:var(--container);margin:0 auto;padding:0 20px;width:100%}
@media(min-width:640px){.wrap{padding:0 24px}}@media(min-width:1024px){.wrap{padding:0 32px}}

/* Sections */
.sec{padding:64px 0;position:relative;overflow:hidden}@media(min-width:768px){.sec{padding:96px 0}}
.sec--paper{background:var(--paper)}.sec--surface{background:var(--surface)}.sec--ink{background:var(--ink);color:var(--on-dark)}
.sec--slim{padding:40px 0;border-block:1px solid var(--line)}
.sec--glow-r::before,.sec--glow-l::before{content:"";position:absolute;inset:0;pointer-events:none}
.sec--glow-r::before{background:radial-gradient(ellipse 60% 80% at 90% 50%,color-mix(in srgb,var(--glow) 22%,transparent),transparent 55%)}
.sec--glow-l::before{background:radial-gradient(ellipse 50% 60% at 0% 50%,color-mix(in srgb,var(--signal) 20%,transparent),transparent 55%)}
.sec>.wrap{position:relative}
.eyebrow{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--signal)}
.h1{font-size:2.25rem;font-weight:800;letter-spacing:-.025em}.h2{font-size:1.875rem;font-weight:700;letter-spacing:-.025em}
@media(min-width:768px){.h1{font-size:3rem;line-height:1.05}.h2{font-size:2.25rem}}
.h3{font-size:1.25rem;font-weight:700}
.lead{font-size:1.125rem;line-height:1.65;color:var(--muted)}.lead--dark{color:color-mix(in srgb,var(--on-dark) 75%,transparent)}
.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}.mt-12{margin-top:48px}
.maxw-2{max-width:42rem}.maxw-3{max-width:48rem}.maxw-4{max-width:56rem}
.muted{color:var(--muted)}.signal{color:var(--signal)}.signal-deep{color:var(--signal-deep)}
.row{display:flex;flex-wrap:wrap;gap:12px}
.split{display:flex;flex-direction:column;gap:24px;justify-content:space-between}@media(min-width:768px){.split{flex-direction:row;align-items:flex-end}}
.grid{display:grid;gap:20px}.g-2{grid-template-columns:1fr}.g-3{grid-template-columns:1fr}.g-4{grid-template-columns:1fr}
@media(min-width:640px){.g-2,.g-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px){.g-md-2{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.g-3{grid-template-columns:repeat(3,1fr)}.g-4{grid-template-columns:repeat(4,1fr)}.g-lg-2{grid-template-columns:repeat(2,1fr)}}
.gap-6{gap:24px}.gap-10{gap:40px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 20px;border-radius:var(--r-btn);font-size:15px;font-weight:600;transition:.2s;border:1px solid transparent;cursor:pointer;font-family:inherit}
.btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.btn--ember{background:var(--ember);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}.btn--ember:hover{filter:brightness(1.1)}
.btn--ghost{border-color:var(--line);color:var(--text)}.btn--ghost:hover{background:var(--surface)}
.btn--ghost-dark{border-color:rgba(255,255,255,.2);color:var(--on-dark)}.btn--ghost-dark:hover{background:rgba(255,255,255,.05)}
.btn--signal{background:var(--signal);color:var(--ink)}.btn--signal:hover{background:var(--signal-deep);color:#fff}
.btn--block{width:100%}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,248,250,.9);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{display:inline-flex;align-items:center;gap:10px}.logo__mark{height:36px;width:auto;flex-shrink:0}
.logo__word{font-family:var(--display);font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.logo__word span{color:var(--signal)}.logo__word--dark{color:var(--on-dark)}
.nav-toggle{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--r-btn);background:transparent;cursor:pointer}
.nav-toggle i{display:block;width:20px;height:2px;background:var(--ink);margin:2.5px 0;transition:.2s}
.is-open .nav-toggle i:nth-child(1){transform:translateY(7px) rotate(45deg)}.is-open .nav-toggle i:nth-child(2){opacity:0}.is-open .nav-toggle i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.header-cta{display:none}
.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-top:1px solid var(--line);padding:16px 20px}
.is-open .primary-nav{display:block}
.nav-list a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text)}
.nav-list .sub-menu a{padding-left:24px;color:var(--muted)}
.mobile-cta{margin-top:12px;width:100%}
@media(min-width:768px){
  .nav-toggle,.mobile-cta{display:none}.header-cta{display:block}
  .primary-nav{display:block;position:static;background:none;border:0;padding:0}
  .nav-list{display:flex;gap:28px}.nav-list>li{position:relative}
  .nav-list a{padding:0;color:var(--muted);transition:.15s}.nav-list a:hover,.nav-list .current-menu-item>a{color:var(--text)}
  .nav-list .sub-menu{display:none;position:absolute;left:0;top:100%;margin-top:12px;min-width:224px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:8px;box-shadow:0 10px 25px rgba(0,0,0,.1)}
  .nav-list .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  .nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{display:block}
  .nav-list .sub-menu a{padding:8px 12px;border-radius:8px}.nav-list .sub-menu a:hover{background:var(--paper)}
}

/* Hero */
.hero{background:var(--ink);color:var(--on-dark);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 80% 20%,color-mix(in srgb,var(--glow) 28%,transparent),transparent 60%),radial-gradient(ellipse 50% 40% at 10% 80%,color-mix(in srgb,var(--signal) 18%,transparent),transparent 55%)}
.hero__in{position:relative;display:flex;flex-direction:column;gap:32px;padding-block:96px}@media(min-width:768px){.hero__in{padding-block:128px}}
.hero__kicker{font-size:14px;font-weight:500;letter-spacing:.025em;color:var(--glow)}
.hero h1{font-size:2.25rem;font-weight:800;line-height:1.1;max-width:48rem}
@media(min-width:640px){.hero h1{font-size:3rem}}@media(min-width:768px){.hero h1{font-size:3.75rem}}
.hero__bar{display:block;margin-top:12px;height:4px;width:96px;border-radius:99px;background:var(--signal);box-shadow:0 0 24px var(--glow)}
.hero p.lead{max-width:36rem;margin-top:24px}

/* Cards */
.card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);padding:24px;transition:.2s}
.card--paper{background:var(--paper)}
a.card:hover,.card--lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.1)}
a.card:hover{border-color:color-mix(in srgb,var(--signal) 40%,transparent)}
.card--pad-lg{padding:28px}
.card h3{margin-top:12px}.card:hover h3.hov{color:var(--signal-deep)}
.mono{font-family:var(--mono)}
.metric{border-radius:var(--r-card);background:color-mix(in srgb,var(--ink-soft) 80%,transparent);padding:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.metric b{display:block;font-family:var(--mono);font-weight:500;font-size:2.25rem;color:var(--glow)}.metric span{display:block;margin-top:8px;font-size:14px;color:color-mix(in srgb,var(--on-dark) 70%,transparent)}
.metric--light{background:var(--paper);box-shadow:none;border:1px solid var(--line)}.metric--light b{color:var(--signal-deep)}.metric--light span{color:var(--muted)}
.trust{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:center;margin-top:24px}.trust span{font-family:var(--display);font-size:1.125rem;font-weight:700;color:rgba(15,23,42,.3)}
.cta-band{display:flex;flex-direction:column;gap:32px;align-items:flex-start;justify-content:space-between}@media(min-width:768px){.cta-band{flex-direction:row;align-items:center}}
.cta-band__text{max-width:36rem}.cta-band .lead{margin-top:12px}

/* Work */
.work-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);transition:.2s}
.work-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.1)}
.work-card[hidden]{display:none}
.work-card__img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ink-soft)}
.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.work-card:hover .cover-img{transform:scale(1.03)}
.work-card__body{padding:24px}.work-card h3{margin-top:12px;font-size:1.25rem}.work-card:hover h3{color:var(--signal-deep)}
.work-card p{margin-top:8px;font-size:14px;color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{border-radius:99px;background:var(--surface);padding:4px 10px;font-size:12px;font-weight:500;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:14px;font-weight:600}.links a:first-child{color:var(--signal)}.links a+a{color:var(--muted)}.links a+a:hover{color:var(--text)}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filters button{border:0;border-radius:99px;padding:8px 16px;font:500 14px var(--sans);background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.filters button:hover{color:var(--text)}.filters button[aria-selected=true]{background:var(--ink);color:var(--on-dark);box-shadow:inset 0 0 0 1px var(--ink)}
.empty{margin-top:40px;border:1px dashed var(--line);border-radius:var(--r-card);background:var(--paper);padding:32px;text-align:center;color:var(--muted)}.empty[hidden]{display:none}
.empty a{color:var(--signal);font-weight:600}
.case-hero{position:relative;aspect-ratio:16/8;border-radius:var(--r-card);overflow:hidden;background:var(--ink-soft);margin-top:32px}
.facts{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:32px}
.facts dt{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--signal)}.facts dd{margin:4px 0 0;font-weight:600}

/* Lists, FAQ, steps */
.dot-list li{display:flex;gap:12px;color:var(--muted);margin-top:12px}.dot-list li::before{content:"";width:6px;height:6px;margin-top:10px;border-radius:99px;background:var(--signal);flex-shrink:0}
.faq>div{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);padding:24px;margin-top:24px}.faq dt{font-family:var(--display);font-size:1.125rem;font-weight:700}.faq dd{margin:8px 0 0;color:var(--muted)}
.step{display:grid;gap:16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);padding:24px;margin-top:20px}
@media(min-width:768px){.step{grid-template-columns:auto 1fr auto;align-items:center}}
.quote{border-left:2px solid var(--signal);padding-left:24px;font-family:var(--display);font-size:1.25rem;font-weight:700;line-height:1.6;color:var(--on-dark);max-width:48rem;margin:32px 0 0}
@media(min-width:768px){.quote{font-size:1.5rem}}
.link-arrow{display:inline-flex;gap:4px;margin-top:24px;font-weight:600;color:var(--signal-deep)}.link-arrow:hover{color:var(--ember)}

/* Contact form */
.contact-grid{display:grid;gap:40px}@media(min-width:1024px){.contact-grid{grid-template-columns:1.2fr .8fr}}
.form{display:grid;gap:20px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);padding:24px}@media(min-width:768px){.form{padding:32px}}
.form label{display:block;font-size:14px;font-weight:500}
.form input,.form select,.form textarea{display:block;width:100%;margin-top:8px;height:48px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--surface);padding:0 16px;font:inherit;color:inherit;outline:none}
.form textarea{height:auto;padding:12px 16px}.form input:focus,.form select:focus,.form textarea:focus{box-shadow:0 0 0 2px var(--signal)}
.form .two{display:grid;gap:20px}@media(min-width:640px){.form .two{grid-template-columns:1fr 1fr}}
.form .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.form small{font-size:12px;color:var(--muted)}.err{font-size:14px;color:#dc2626}
.notice{border:1px solid color-mix(in srgb,var(--signal) 30%,transparent);border-radius:var(--r-card);background:var(--paper);padding:32px}
.aside-dark{border-radius:var(--r-card);background:var(--ink);color:var(--on-dark);padding:24px}.aside-dark li{margin-top:8px;font-size:14px;color:color-mix(in srgb,var(--on-dark) 80%,transparent)}.aside-dark a:hover{color:#fff}
.aside-stack{display:grid;gap:24px;align-content:start}.aside-light{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);padding:24px}.aside-light li{margin-top:8px;font-size:14px;color:var(--muted)}

/* Footer */
.site-footer{background:var(--ink);color:var(--on-dark)}
.footer-grid{display:grid;gap:40px;padding-block:64px}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr);gap:32px}}
.footer-grid p.blurb{margin-top:12px;font-size:14px;color:color-mix(in srgb,var(--on-dark) 75%,transparent)}
.footer-h{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--glow) 90%,transparent)}
.footer-list{margin-top:16px;font-size:14px}.footer-list li{margin-bottom:8px;color:color-mix(in srgb,var(--on-dark) 75%,transparent)}.footer-list a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1)}.footer-bottom .wrap{display:flex;flex-direction:column;gap:8px;padding-block:20px;font-size:12px;color:color-mix(in srgb,var(--on-dark) 60%,transparent)}
@media(min-width:640px){.footer-bottom .wrap{flex-direction:row;align-items:center;justify-content:space-between}}
.footer-bottom a:hover{color:#fff}.footer-bottom nav{display:flex;gap:16px}
.wa-fab{position:fixed;left:20px;bottom:20px;z-index:50;display:inline-flex;align-items:center;gap:8px;border-radius:99px;background:#25d366;color:#fff;padding:12px 16px;font-size:14px;font-weight:600;box-shadow:0 10px 15px rgba(0,0,0,.2);transition:.2s}
.wa-fab:hover{filter:brightness(1.1)}.wa-fab span+span{display:none}@media(min-width:640px){.wa-fab span+span{display:inline}}@media(min-width:768px){.wa-fab{left:24px;bottom:24px}}

/* Default content (legal pages, blocks) */
.prose{max-width:48rem;color:var(--muted);font-size:1rem}.prose>*+*{margin-top:16px}
.prose h2{font-size:1.25rem;font-weight:700;color:var(--text);margin-top:28px}.prose h3{font-size:1.125rem;color:var(--text)}
.prose a{color:var(--signal)}.prose a:hover{color:var(--signal-deep)}.prose ul{list-style:disc;padding-left:20px}.prose ol{list-style:decimal;padding-left:20px}
.prose img{border-radius:var(--r-card)}

/* ===== v2: agency pages ===== */
.sec--hero-lite{padding:40px 0 64px}@media(min-width:768px){.sec--hero-lite{padding:48px 0 88px}}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:6px;opacity:.5}
.crumbs a{color:var(--signal-deep)}.crumbs a:hover{color:var(--ember)}
.crumbs [aria-current]{color:var(--text);font-weight:500}
.ticks{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;font-weight:500;color:var(--text)}
.ticks li{display:flex;align-items:center;gap:8px}.ticks li::before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:99px;background:color-mix(in srgb,var(--signal) 15%,transparent);color:var(--signal-deep);font-size:12px;font-weight:700}
.card--plain{background:var(--surface)}
.prose--lead{max-width:48rem;font-size:1.0625rem;line-height:1.75}.prose--lead strong{color:var(--text)}
.prose--lead p+p{margin-top:16px}
.dot-list--cols{display:grid;gap:4px 32px}@media(min-width:768px){.dot-list--cols{grid-template-columns:repeat(2,1fr)}}
.dot-list li a,.faq-a a,.prose--lead a{color:var(--signal-deep);font-weight:500;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--signal) 40%,transparent);text-underline-offset:3px}
.dot-list li a:hover,.faq-a a:hover,.prose--lead a:hover{color:var(--ember)}
.dot-list strong,.card strong{color:var(--text)}

.link-grid{display:grid;gap:12px}@media(min-width:640px){.link-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.link-grid{grid-template-columns:repeat(3,1fr)}}
.link-grid a{position:relative;display:block;height:100%;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);padding:20px 44px 20px 20px;transition:.2s}
.sec--surface .link-grid a{background:var(--paper)}
.link-grid a:hover{border-color:color-mix(in srgb,var(--signal) 45%,transparent);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.link-grid b{display:block;font-family:var(--display);font-size:1.0625rem;font-weight:700}.link-grid a:hover b{color:var(--signal-deep)}
.link-grid span{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.link-grid i{position:absolute;right:18px;top:20px;font-style:normal;color:var(--signal)}
.link-grid--compact{grid-template-columns:1fr}@media(min-width:640px){.link-grid--compact{grid-template-columns:repeat(2,1fr)}}
.link-grid--compact a{padding:14px 40px 14px 16px}.link-grid--compact i{top:14px}

.faq-list details{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);margin-top:12px;transition:.2s}
.sec--surface .faq-list details{background:var(--paper)}
.faq-list summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;position:relative;font-family:var(--display);font-size:1.0625rem;font-weight:700}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:var(--signal)}
.faq-list details[open] summary::after{content:"−"}
.faq-list details[open]{border-color:color-mix(in srgb,var(--signal) 35%,transparent)}
.faq-a{padding:0 24px 22px;color:var(--muted);line-height:1.7;max-width:52rem}

/* Blog */
.chip,.filters a{display:inline-block;border-radius:99px;padding:8px 16px;font:500 14px var(--sans);background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.chip:hover{color:var(--text)}.chip.is-active{background:var(--ink);color:var(--on-dark)}
.byline{font-size:14px;color:var(--muted)}
.article-grid{display:grid;gap:48px}@media(min-width:1024px){.article-grid{grid-template-columns:minmax(0,1fr) 300px}}
.article-aside{position:sticky;top:96px;align-self:start}
.aside-light a:hover{color:var(--signal-deep)}
.prose--article{font-size:1.0625rem;line-height:1.8;max-width:44rem}
.prose--article h2{font-size:1.5rem;margin-top:44px}.prose--article h3{font-size:1.15rem;margin-top:28px}
.prose--article strong{color:var(--text)}.prose--article li+li{margin-top:6px}
.pager .nav-links{display:flex;flex-wrap:wrap;gap:8px}.pager .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);font-size:14px}
.pager .current{background:var(--ink);color:var(--on-dark);border-color:var(--ink)}
.post-card .work-card__body{padding:24px}

/* Nav: long dropdowns split into columns */
@media(min-width:768px){
  .nav-list{gap:22px}
  .nav-list .sub-menu:has(> li:nth-child(9)){columns:2;column-gap:4px;min-width:420px}
  .nav-list .sub-menu li{break-inside:avoid}
}
@media(max-width:767px){.primary-nav{max-height:calc(100vh - 64px);overflow-y:auto}}

/* Footer: 5 columns */
@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.footer-grid{grid-template-columns:1.4fr repeat(4,1fr)}}
.footer-grid .footer-list{font-size:13.5px}

/* ===== v2.1: international ===== */
.anywhere{border:0;padding:56px 0}
.anywhere__grid{display:grid;gap:16px}@media(min-width:640px){.anywhere__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.anywhere__grid{grid-template-columns:repeat(5,1fr)}}
.anywhere__grid li{border-radius:var(--r-card);background:color-mix(in srgb,var(--ink-soft) 80%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);padding:20px}
.anywhere__grid b{display:block;font-family:var(--display);font-size:1.0625rem;color:#fff}
.anywhere__grid span{display:block;margin-top:8px;font-size:14px;line-height:1.6;color:color-mix(in srgb,var(--on-dark) 75%,transparent)}
.anywhere__grid a{color:var(--glow);text-decoration:underline;text-underline-offset:3px}
.tz{opacity:.75}.aside-dark .tz-note{font-size:13px;opacity:.8}
/* Keep the floating WhatsApp button clear of the copyright line */
.site-footer.has-fab .footer-bottom .wrap{padding-bottom:88px}
@media(min-width:768px){.site-footer.has-fab .footer-bottom .wrap{padding-bottom:96px}}
/* ===== v2.3: long-form articles ===== */
.article-hero{margin:0;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);background:var(--ink)}
.article-hero img{display:block;width:100%;height:auto}
.toc{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);padding:20px 22px;max-height:calc(100vh - 140px);overflow:auto}
.toc__h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--signal-deep)}
.toc ol{margin-top:10px;counter-reset:toc}.toc li{counter-increment:toc;margin-top:8px;font-size:14px;line-height:1.4}
.toc li a{display:flex;gap:8px;color:var(--muted)}.toc li a::before{content:counter(toc,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:var(--signal);padding-top:1px}
.toc li a:hover{color:var(--text)}
@media(max-width:1023px){.article-aside{position:static}}
.prose--article h2{scroll-margin-top:96px}
.prose--article h3{font-size:1.2rem;margin-top:30px;color:var(--text)}
.prose--article ol{list-style:decimal;padding-left:22px}.prose--article ol li::marker{color:var(--signal-deep);font-weight:700}
.prose--article ul li::marker{color:var(--signal)}
.prose--article a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--signal) 45%,transparent);text-underline-offset:3px}
.bm-takeaways{margin:32px 0;border-radius:var(--r-card);background:var(--ink);color:var(--on-dark);padding:24px 28px}
.bm-takeaways .bm-takeaways__title{color:var(--glow);font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin:0}
.bm-takeaways ul{margin-top:12px}.bm-takeaways li{color:color-mix(in srgb,var(--on-dark) 88%,transparent);margin-top:8px}.bm-takeaways li::marker{color:var(--glow)}
.bm-takeaways strong{color:#fff}
.bm-callout{margin:24px 0;border-left:4px solid var(--ember);background:color-mix(in srgb,var(--ember) 7%,var(--surface));border-radius:0 12px 12px 0;padding:16px 20px}
.bm-callout p{margin:0;color:var(--text)}
.bm-table{margin:24px 0;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.bm-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;min-width:560px}
.bm-table th{background:var(--ink);color:#fff;text-align:left;font-weight:600;padding:12px 14px}
.bm-table td{padding:12px 14px;border-top:1px solid var(--line);color:var(--text);vertical-align:top}
.bm-table tbody tr:nth-child(even) td{background:var(--paper)}
.bm-table td:first-child{font-weight:600}
.bm-figure{margin:28px 0}.bm-figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
.bm-figure figcaption{margin-top:10px;font-size:13px;color:var(--muted);text-align:center}
.post-card .work-card__img img{object-position:center}