/* ==========================================================================
   WEBTALES — main.css  v3.2

   Direction: conventional, conversion-first agency layout in the language
   of theadroit.in. Sentence case throughout. Dark header and footer so the
   white-lettered logotype reads correctly; amber CTAs for contrast.

   Colour, sampled from the logo artwork:
   amber #fba91f · fold #c27f28 · ink #212121

   Contents
   01 Tokens        08 Hero            15 Testimonials   22 Chat widget
   02 Reset         09 Intro & mantra  16 Logo grids     23 Slider
   03 Type          10 Service columns 17 Team
   04 Layout        11 CTA band        18 Blog
   05 Accents       12 Products        19 FAQ
   06 Header        13 Tabs            20 Forms
   07 Buttons       14 Steps           21 Footer / utilities
   ========================================================================== */


/* 01 TOKENS =============================================================== */

:root {
  --wt-amber:      #fba91f;
  --wt-fold:       #c27f28;
  --wt-amber-lift: #ffc255;
  --wt-wash:       #fff4e0;

  --wt-ink:        #212121;
  --wt-ink-2:      #4d4d4d;
  --wt-ink-3:      #7a7a7a;

  --wt-paper:      #ffffff;
  --wt-tint:       #f6f6f4;
  --wt-rule:       #e4e4e1;
  --wt-rule-2:     #cfcfcb;

  --wt-focus:      #0b63ce;

  --wt-font: "Archivo", "Archivo Fallback", system-ui, sans-serif;

  --wt-fs-xs:   0.8125rem;
  --wt-fs-sm:   0.9375rem;
  --wt-fs-base: 1.0625rem;
  --wt-fs-lg:   1.1875rem;
  --wt-fs-h4:   clamp(1.125rem, 1.5vw, 1.35rem);
  --wt-fs-h3:   clamp(1.375rem, 2.1vw, 1.75rem);
  --wt-fs-h2:   clamp(1.85rem,  3.4vw, 2.7rem);
  --wt-fs-h1:   clamp(2.25rem,  4.8vw, 3.75rem);

  --wt-s1:.25rem; --wt-s2:.5rem;  --wt-s3:.75rem; --wt-s4:1rem;
  --wt-s5:1.5rem; --wt-s6:2rem;   --wt-s7:3rem;   --wt-s8:4rem;
  --wt-s9:6rem;

  --wt-section-y: clamp(3.5rem, 6.5vw, 6rem);
  --wt-container: 1240px;
  --wt-gutter:    clamp(1.25rem, 4vw, 2.5rem);
  --wt-header-h:  76px;
  --wt-radius:    6px;
  --wt-ease: cubic-bezier(.2,.7,.3,1);
}


/* 02 RESET ================================================================ */

*,*::before,*::after { box-sizing:border-box; }
* { margin:0; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--wt-header-h) + 1rem); }
body { background:var(--wt-paper); color:var(--wt-ink); font-family:var(--wt-font); font-size:var(--wt-fs-base); line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img,picture,video,svg,canvas { display:block; max-width:100%; height:auto; }
input,button,textarea,select { font:inherit; color:inherit; }
ul,ol { padding-left:1.15em; }
p,h1,h2,h3,h4,h5,h6 { overflow-wrap:break-word; }
hr { border:0; border-top:1px solid var(--wt-rule); margin:var(--wt-s7) 0; }
::selection { background:var(--wt-amber); color:var(--wt-ink); }
:focus-visible { outline:3px solid var(--wt-focus); outline-offset:3px; }
.wt-skip-link { position:absolute; left:var(--wt-s4); top:-100px; z-index:999; background:var(--wt-ink); color:#fff; padding:var(--wt-s3) var(--wt-s5); font-weight:700; }
.wt-skip-link:focus { top:var(--wt-s4); }


/* 03 TYPE ================================================================= */

h1,h2,h3,h4,h5,h6 { font-family:var(--wt-font); font-weight:700; line-height:1.15; letter-spacing:-.018em; text-wrap:balance; }
h1 { font-size:var(--wt-fs-h1); font-weight:800; line-height:1.08; letter-spacing:-.025em; }
h2 { font-size:var(--wt-fs-h2); font-weight:800; letter-spacing:-.022em; }
h3 { font-size:var(--wt-fs-h3); }
h4 { font-size:var(--wt-fs-h4); }
h5 { font-size:var(--wt-fs-lg); }
h6 { font-size:var(--wt-fs-base); }
p { text-wrap:pretty; }

.wt-lede { font-size:clamp(1.0625rem,1.4vw,1.25rem); line-height:1.55; color:var(--wt-ink-2); max-width:58ch; }
.wt-meta { font-size:var(--wt-fs-xs); color:var(--wt-ink-3); }

.wt-section-head { max-width:64ch; margin-bottom:var(--wt-s7); }
.wt-section-head--center { margin-inline:auto; text-align:center; }
.wt-section-head p { color:var(--wt-ink-2); margin-top:var(--wt-s4); font-size:var(--wt-fs-lg); }

/* Small amber line under section headings — the fold from the logo. */
.wt-section-head h2::after,
.wt-fold-after::after { content:""; display:block; width:56px; height:5px; margin-top:var(--wt-s4); background:linear-gradient(115deg, var(--wt-amber) 0 60%, var(--wt-fold) 60% 100%); }
.wt-section-head--center h2::after { margin-inline:auto; }


/* 04 LAYOUT =============================================================== */

.wt-container { width:100%; max-width:var(--wt-container); margin-inline:auto; padding-inline:var(--wt-gutter); }
.wt-container--narrow { max-width:800px; }
.wt-section { padding-block:var(--wt-section-y); }
.wt-section--tint { background:var(--wt-tint); }
.wt-section--ink { background:var(--wt-ink); color:#ededeb; }
.wt-section--ink h2,.wt-section--ink h3 { color:#fff; }
.wt-section--ink p { color:#cfcfcd; }
.wt-split { display:grid; gap:clamp(2rem,5vw,4.5rem); grid-template-columns:1fr 1fr; align-items:center; }
.wt-split--wide-media { grid-template-columns:1.15fr 1fr; }
@media (max-width:900px){ .wt-split,.wt-split--wide-media { grid-template-columns:1fr; } }
.wt-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s6); }
.wt-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--wt-s6); }
@media (max-width:900px){ .wt-grid-3,.wt-grid-4 { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .wt-grid-3,.wt-grid-4 { grid-template-columns:1fr; } }


/* 05 ACCENTS ============================================================== */

.wt-edge { border-left:5px solid var(--wt-amber); padding-left:var(--wt-s5); }
.wt-card { background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); padding:var(--wt-s6); }
.wt-section--tint .wt-card { border-color:transparent; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.wt-mantra { font-size:var(--wt-fs-lg); font-weight:600; line-height:1.55; }
.wt-mantra span { display:block; }
.wt-fold-tab { display:inline-block; width:56px; height:5px; margin-bottom:var(--wt-s4); background:linear-gradient(115deg, var(--wt-amber) 0 60%, var(--wt-fold) 60% 100%); }


/* 06 HEADER =============================================================== */
/* Dark header: the logotype has white lettering, so a dark ground is the
   only one it reads on. It also gives the amber CTA maximum contrast. */

.wt-header { position:sticky; top:0; z-index:100; background:var(--wt-ink); border-bottom:1px solid #333; }
.wt-header__inner { display:flex; align-items:center; justify-content:space-between; gap:var(--wt-s5); min-height:var(--wt-header-h); }
.wt-logo { display:inline-flex; align-items:center; flex-shrink:0; }
.wt-logo img { max-height:46px; width:auto; max-width:220px; object-fit:contain; background:none; }

.wt-nav { display:flex; align-items:center; gap:var(--wt-s4); }
.wt-nav ul { display:flex; align-items:center; gap:0; list-style:none; margin:0; padding:0; }
.wt-nav a { display:block; padding:var(--wt-s3) .85rem; font-size:var(--wt-fs-sm); font-weight:600; color:#f0f0ee; text-decoration:none; white-space:nowrap; }
.wt-nav > ul { align-items:stretch; }
.wt-nav > ul > li { position:relative; display:flex; }
.wt-nav > ul > li > a { display:flex; align-items:center; min-height:48px; border-bottom:3px solid transparent; }
.wt-nav > ul > li:hover > a,
.wt-nav > ul > li.current-menu-item > a,
.wt-nav > ul > li.current-menu-ancestor > a { border-bottom-color:var(--wt-amber); color:#fff; }

.wt-nav .sub-menu { position:absolute; top:100%; left:0; min-width:270px; padding:var(--wt-s2) 0; margin:0; background:var(--wt-paper); border:1px solid var(--wt-rule); border-top:3px solid var(--wt-amber); border-radius:0 0 var(--wt-radius) var(--wt-radius); box-shadow:0 10px 30px rgba(0,0,0,.18); display:block; list-style:none; opacity:0; visibility:hidden; transform:translateY(5px); transition:opacity .15s var(--wt-ease), transform .15s var(--wt-ease), visibility .15s; }
.wt-nav li:hover > .sub-menu,.wt-nav li:focus-within > .sub-menu { opacity:1; visibility:visible; transform:none; }
.wt-nav .sub-menu li { width:100%; position:relative; }
.wt-nav .sub-menu a { padding:var(--wt-s3) var(--wt-s5); white-space:normal; font-weight:500; color:var(--wt-ink); }
.wt-nav .sub-menu a:hover { background:var(--wt-wash); }
.wt-nav .sub-menu .sub-menu { top:-3px; left:100%; }
.wt-nav .menu-item-has-children > a::after { content:""; display:inline-block; width:6px; height:6px; margin-left:.5em; margin-top:-3px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); opacity:.6; flex-shrink:0; }

.wt-submenu-toggle { display:none; }
.wt-nav__toggle { display:none; width:46px; height:46px; align-items:center; justify-content:center; background:none; border:1px solid #444; border-radius:var(--wt-radius); cursor:pointer; }
.wt-nav__toggle span { display:block; width:20px; height:2px; background:#fff; position:relative; }
.wt-nav__toggle span::before,.wt-nav__toggle span::after { content:""; position:absolute; left:0; width:20px; height:2px; background:#fff; }
.wt-nav__toggle span::before { top:-6px; } .wt-nav__toggle span::after { top:6px; }
.wt-nav__toggle[aria-expanded="true"] span { background:transparent; }
.wt-nav__toggle[aria-expanded="true"] span::before { top:0; transform:rotate(45deg); }
.wt-nav__toggle[aria-expanded="true"] span::after { top:0; transform:rotate(-45deg); }

@media (max-width:1120px){
  .wt-nav__toggle { display:flex; }
  .wt-nav { position:fixed; inset:var(--wt-header-h) 0 0 0; display:block; padding:var(--wt-s5) var(--wt-gutter) var(--wt-s9); background:var(--wt-ink); overflow-y:auto; transform:translateX(100%); transition:transform .24s var(--wt-ease); }
  .wt-nav.is-open { transform:none; }
  .wt-nav ul { display:block; }
  .wt-nav > ul > li { border-bottom:1px solid #333; position:relative; display:block; }
  .wt-nav a { padding:var(--wt-s4) 0; font-size:1.0625rem; color:#f0f0ee; }
  .wt-nav > ul > li > a { border-bottom:0; min-height:0; }
  .wt-nav .menu-item-has-children > a::after { display:none; }
  .wt-nav .sub-menu { position:static; opacity:1; visibility:visible; transform:none; border:0; border-left:3px solid var(--wt-amber); border-radius:0; box-shadow:none; background:transparent; padding:0 0 var(--wt-s4) var(--wt-s5); margin-bottom:var(--wt-s4); display:none; }
  .wt-nav .sub-menu.is-open { display:block; }
  .wt-nav .sub-menu a { padding:var(--wt-s3) 0; color:#d8d8d6; }
  .wt-nav .sub-menu a:hover { background:transparent; color:var(--wt-amber); }
  .wt-nav .sub-menu .sub-menu { left:0; top:0; }
  .wt-submenu-toggle { display:block; position:absolute; right:0; top:6px; width:44px; height:44px; background:none; border:0; cursor:pointer; }
  .wt-submenu-toggle::after { content:""; display:block; width:9px; height:9px; margin:0 auto; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg) translate(-2px,-2px); }
  .wt-submenu-toggle[aria-expanded="true"]::after { transform:rotate(-135deg); }
  .wt-nav .wt-btn-row { margin-top:var(--wt-s5); }
}


/* 07 BUTTONS ============================================================== */

a { color:var(--wt-ink); text-underline-offset:.18em; }
.wt-btn { display:inline-flex; align-items:center; justify-content:center; gap:var(--wt-s3); padding:.9rem 1.7rem; font-size:var(--wt-fs-sm); font-weight:700; text-decoration:none; border:2px solid transparent; border-radius:var(--wt-radius); cursor:pointer; transition:background-color .15s var(--wt-ease), color .15s var(--wt-ease), border-color .15s var(--wt-ease), transform .15s var(--wt-ease); }
.wt-btn:hover { transform:translateY(-1px); }
.wt-btn--primary { background:var(--wt-amber); color:var(--wt-ink); border-color:var(--wt-amber); }
.wt-btn--primary:hover { background:var(--wt-amber-lift); border-color:var(--wt-amber-lift); }
.wt-btn--ink { background:var(--wt-ink); color:#fff; border-color:var(--wt-ink); }
.wt-btn--ink:hover { background:#000; }
.wt-btn--ghost { background:transparent; color:var(--wt-ink); border-color:var(--wt-ink); }
.wt-btn--ghost:hover { background:var(--wt-ink); color:#fff; }
.wt-section--ink .wt-btn--ghost,.wt-cta .wt-btn--ghost,.wt-band .wt-btn--ghost,.wt-hero .wt-btn--ghost { color:#fff; border-color:#fff; }
.wt-section--ink .wt-btn--ghost:hover,.wt-cta .wt-btn--ghost:hover,.wt-band .wt-btn--ghost:hover,.wt-hero .wt-btn--ghost:hover { background:#fff; color:var(--wt-ink); }
.wt-btn--sm { padding:.65rem 1.15rem; font-size:var(--wt-fs-xs); }
.wt-btn--block { width:100%; }
.wt-btn-row { display:flex; flex-wrap:wrap; gap:var(--wt-s4); }
.wt-link { font-weight:700; text-decoration:none; border-bottom:2px solid var(--wt-amber); }
.wt-link:hover { background:var(--wt-wash); }


/* 08 HERO ================================================================= */

.wt-hero { position:relative; background:var(--wt-ink); color:#fff; overflow:hidden; }
.wt-hero__media { position:absolute; inset:0; }
.wt-hero__media img { width:100%; height:100%; object-fit:cover; opacity:.42; background:none; }
.wt-hero__media::after { content:""; position:absolute; inset:0; background:linear-gradient(100deg, rgba(33,33,33,.92) 30%, rgba(33,33,33,.4) 100%); }
.wt-hero__inner { position:relative; z-index:1; padding-block:clamp(4rem,9vw,8rem); max-width:720px; }
.wt-hero__kicker { display:inline-block; font-size:var(--wt-fs-sm); font-weight:600; color:var(--wt-amber); margin-bottom:var(--wt-s4); }
.wt-hero h1 { color:#fff; }
.wt-hero .wt-lede { color:#d9d9d7; margin-top:var(--wt-s5); }
.wt-hero .wt-btn-row { margin-top:var(--wt-s6); }
.wt-hero__proof { display:flex; flex-wrap:wrap; gap:var(--wt-s5) var(--wt-s7); margin-top:var(--wt-s7); padding-top:var(--wt-s5); border-top:1px solid rgba(255,255,255,.18); }
.wt-hero__proof strong { display:block; font-size:1.75rem; font-weight:800; line-height:1.1; color:#fff; }
.wt-hero__proof span { font-size:var(--wt-fs-xs); color:#b7b7b5; }


/* 09 INTRO & MANTRA ======================================================= */

.wt-stat-big { font-size:clamp(3rem,7vw,5.5rem); font-weight:800; line-height:1; letter-spacing:-.03em; color:var(--wt-amber); }
.wt-stat-big small { display:block; font-size:var(--wt-fs-sm); font-weight:600; letter-spacing:0; color:var(--wt-ink-2); margin-top:var(--wt-s2); }


/* 10 SERVICE COLUMNS ====================================================== */

.wt-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s6); }
.wt-pillar { background:var(--wt-paper); border:1px solid var(--wt-rule); border-top:4px solid var(--wt-amber); border-radius:var(--wt-radius); padding:var(--wt-s6); }
.wt-pillar__icon { width:48px; height:48px; color:var(--wt-fold); margin-bottom:var(--wt-s5); }
.wt-pillar h3 { font-size:var(--wt-fs-h4); }
.wt-pillar > p { margin-top:var(--wt-s3); font-size:var(--wt-fs-sm); color:var(--wt-ink-2); }
.wt-pillar ul { list-style:none; padding:0; margin-top:var(--wt-s5); }
.wt-pillar li { padding:var(--wt-s2) 0 var(--wt-s2) 1.4rem; position:relative; font-size:var(--wt-fs-sm); border-top:1px solid var(--wt-rule); }
.wt-pillar li::before { content:""; position:absolute; left:0; top:calc(var(--wt-s2) + .5em); width:8px; height:8px; background:var(--wt-amber); border-radius:50%; }
.wt-pillar li a { text-decoration:none; }
.wt-pillar li a:hover { color:var(--wt-fold); }
@media (max-width:900px){ .wt-pillars { grid-template-columns:1fr; } }

.wt-tiles { display:grid; grid-template-columns:repeat(5,1fr); gap:var(--wt-s4); }
.wt-tile { position:relative; display:flex; flex-direction:column; gap:var(--wt-s2); padding:var(--wt-s5); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); transition:border-color .15s var(--wt-ease), transform .15s var(--wt-ease); }
.wt-tile:hover { border-color:var(--wt-amber); transform:translateY(-2px); }
.wt-tile h3 { font-size:var(--wt-fs-base); }
.wt-tile h3 a { text-decoration:none; }
.wt-tile h3 a::after { content:""; position:absolute; inset:0; }
.wt-tile p { font-size:var(--wt-fs-xs); color:var(--wt-ink-2); }
@media (max-width:1000px){ .wt-tiles { grid-template-columns:repeat(3,1fr); } }
@media (max-width:620px){ .wt-tiles { grid-template-columns:repeat(2,1fr); } }


/* 11 CTA BAND ============================================================= */

.wt-band { background:var(--wt-ink); color:#fff; padding-block:clamp(3rem,6vw,5rem); position:relative; overflow:hidden; }
.wt-band::before { content:""; position:absolute; right:-8%; top:-40%; width:46vw; max-width:560px; aspect-ratio:1; background:radial-gradient(circle, rgba(251,169,31,.28), transparent 65%); pointer-events:none; }
.wt-band__inner { position:relative; display:grid; grid-template-columns:1.1fr 1fr; gap:var(--wt-s7); align-items:center; }
.wt-band h2 { color:#fff; }
.wt-band p { color:#cfcfcd; margin-top:var(--wt-s4); }
@media (max-width:900px){ .wt-band__inner { grid-template-columns:1fr; } }
.wt-miniform { background:var(--wt-paper); color:var(--wt-ink); padding:var(--wt-s6); border-radius:var(--wt-radius); }
.wt-miniform h3 { font-size:var(--wt-fs-h4); margin-bottom:var(--wt-s5); }
.wt-miniform .wt-field { margin-bottom:var(--wt-s4); }


/* 12 PRODUCTS ============================================================= */

.wt-products { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--wt-s6); }
.wt-product { display:grid; grid-template-columns:120px 1fr; gap:var(--wt-s5); padding:var(--wt-s6); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); }
.wt-product img { width:120px; height:auto; background:none; }
.wt-product h3 { font-size:var(--wt-fs-h4); }
.wt-product h4 { font-size:var(--wt-fs-sm); color:var(--wt-fold); margin-top:var(--wt-s1); font-weight:600; }
.wt-product p { margin-top:var(--wt-s3); font-size:var(--wt-fs-sm); color:var(--wt-ink-2); }
.wt-product .wt-btn { margin-top:var(--wt-s4); }
@media (max-width:900px){ .wt-products { grid-template-columns:1fr; } }
@media (max-width:560px){ .wt-product { grid-template-columns:1fr; } }


/* 13 TABS ================================================================= */

.wt-tabs { border:1px solid var(--wt-rule); border-radius:var(--wt-radius); overflow:hidden; }
.wt-tabs__list { display:flex; background:var(--wt-tint); border-bottom:1px solid var(--wt-rule); }
.wt-tabs__list button { flex:1; padding:var(--wt-s4); background:none; border:0; border-bottom:3px solid transparent; font-weight:700; cursor:pointer; }
.wt-tabs__list button[aria-selected="true"] { background:var(--wt-paper); border-bottom-color:var(--wt-amber); }
.wt-tabs__panel { padding:var(--wt-s6); }
.wt-tabs__panel[hidden] { display:none; }


/* 14 STEPS & CHECKS ======================================================= */

.wt-steps { counter-reset:s; display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s6); }
.wt-step { counter-increment:s; padding:var(--wt-s6); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); }
.wt-step::before { content:counter(s,decimal-leading-zero); display:block; font-size:2rem; font-weight:800; color:var(--wt-amber); line-height:1; margin-bottom:var(--wt-s4); }
.wt-step h3 { font-size:var(--wt-fs-h4); }
.wt-step p { margin-top:var(--wt-s3); font-size:var(--wt-fs-sm); color:var(--wt-ink-2); }
@media (max-width:900px){ .wt-steps { grid-template-columns:1fr; } }
.wt-checks { list-style:none; padding:0; display:grid; gap:var(--wt-s3); }
.wt-checks li { position:relative; padding-left:2rem; }
.wt-checks li::before { content:""; position:absolute; left:0; top:.2em; width:20px; height:20px; border-radius:50%; background:var(--wt-amber); }
.wt-checks li::after { content:""; position:absolute; left:7px; top:.2em; width:5px; height:10px; margin-top:3px; border-right:2.5px solid var(--wt-ink); border-bottom:2.5px solid var(--wt-ink); transform:rotate(45deg); }


/* 15 TESTIMONIALS ========================================================= */

.wt-quotes { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s6); }
.wt-quote { padding:var(--wt-s6); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); display:flex; flex-direction:column; }
.wt-quote::before { content:"\201C"; font-size:3.5rem; line-height:.6; color:var(--wt-amber); font-weight:800; margin-bottom:var(--wt-s3); }
.wt-quote p { font-size:var(--wt-fs-sm); color:var(--wt-ink-2); flex:1; }
.wt-quote footer { margin-top:var(--wt-s5); padding-top:var(--wt-s4); border-top:1px solid var(--wt-rule); font-size:var(--wt-fs-sm); }
.wt-quote footer strong { display:block; }
.wt-quote footer span { color:var(--wt-ink-3); font-size:var(--wt-fs-xs); }
@media (max-width:900px){ .wt-quotes { grid-template-columns:1fr; } }


/* 16 LOGO GRIDS =========================================================== */

.wt-logos { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--wt-s6) var(--wt-s8); }
.wt-logos img { height:40px; width:auto; background:none; filter:grayscale(1); opacity:.7; transition:filter .2s var(--wt-ease), opacity .2s var(--wt-ease); }
.wt-logos img:hover { filter:none; opacity:1; }
.wt-logos--lg img { height:56px; }
.wt-logos--color img { filter:none; opacity:1; }


/* 17 TEAM ================================================================= */

.wt-team { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s7) var(--wt-s6); }
.wt-member { text-align:left; }
.wt-member__photo { width:100%; aspect-ratio:1/1; object-fit:cover; object-position:top center; border-radius:var(--wt-radius); background:var(--wt-tint); }
.wt-member h3 { margin-top:var(--wt-s4); font-size:var(--wt-fs-h4); }
.wt-member__role { font-size:var(--wt-fs-sm); font-weight:600; color:var(--wt-fold); margin-top:var(--wt-s1); }
.wt-member__bio { margin-top:var(--wt-s3); font-size:var(--wt-fs-sm); color:var(--wt-ink-2); }
.wt-member__bio[data-clamped="true"] { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.wt-member__more { margin-top:var(--wt-s3); padding:0; background:none; border:0; font-size:var(--wt-fs-sm); font-weight:700; cursor:pointer; border-bottom:2px solid var(--wt-amber); }
@media (max-width:900px){ .wt-team { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .wt-team { grid-template-columns:1fr; } }


/* 18 BLOG ================================================================= */

.wt-posts { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s6); }
.wt-post { position:relative; display:flex; flex-direction:column; background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); overflow:hidden; transition:transform .15s var(--wt-ease), border-color .15s var(--wt-ease); }
.wt-post:hover { transform:translateY(-2px); border-color:var(--wt-amber); }
.wt-post__thumb { width:100%; aspect-ratio:16/10; object-fit:cover; }
.wt-post__body { padding:var(--wt-s5); display:flex; flex-direction:column; flex:1; }
.wt-post__meta { display:flex; flex-wrap:wrap; gap:var(--wt-s4); font-size:var(--wt-fs-xs); color:var(--wt-ink-3); }
.wt-post h3 { margin-top:var(--wt-s3); font-size:var(--wt-fs-h4); }
.wt-post h3 a { text-decoration:none; }
.wt-post h3 a::after { content:""; position:absolute; inset:0; }
.wt-post p { margin-top:var(--wt-s3); font-size:var(--wt-fs-sm); color:var(--wt-ink-2); }
@media (max-width:900px){ .wt-posts { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .wt-posts { grid-template-columns:1fr; } }

.wt-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:clamp(2rem,5vw,4rem); align-items:start; }
@media (max-width:1000px){ .wt-article-layout { grid-template-columns:1fr; } }
.wt-rail { position:sticky; top:calc(var(--wt-header-h) + 1.5rem); }
.wt-rail > * + * { margin-top:var(--wt-s6); }
.wt-rail h4 { padding-bottom:var(--wt-s3); border-bottom:3px solid var(--wt-amber); }
.wt-rail ul { list-style:none; padding:0; margin-top:var(--wt-s4); }
.wt-rail li + li { margin-top:var(--wt-s3); }
.wt-rail a { font-size:var(--wt-fs-sm); color:var(--wt-ink-2); }
.wt-toc { padding:var(--wt-s5); background:var(--wt-tint); border-left:5px solid var(--wt-amber); border-radius:0 var(--wt-radius) var(--wt-radius) 0; }
.wt-toc ol { margin:var(--wt-s3) 0 0; padding-left:1.2em; }
.wt-toc li + li { margin-top:var(--wt-s2); }
.wt-toc a { font-size:var(--wt-fs-sm); }
.wt-author { display:grid; grid-template-columns:96px 1fr; gap:var(--wt-s5); margin-top:var(--wt-s8); padding:var(--wt-s6); background:var(--wt-tint); border-radius:var(--wt-radius); }
.wt-author img { width:96px; height:96px; object-fit:cover; border-radius:50%; }
.wt-author__credentials { font-size:var(--wt-fs-sm); color:var(--wt-ink-3); margin-top:var(--wt-s1); }
.wt-author__social { display:flex; gap:var(--wt-s4); margin-top:var(--wt-s4); list-style:none; padding:0; }
@media (max-width:560px){ .wt-author { grid-template-columns:1fr; } }
.wt-share { display:flex; align-items:center; gap:var(--wt-s4); margin-top:var(--wt-s7); flex-wrap:wrap; }
.wt-pagination { display:flex; flex-wrap:wrap; gap:var(--wt-s2); margin-top:var(--wt-s8); }
.wt-pagination .page-numbers { display:grid; place-items:center; min-width:46px; height:46px; padding-inline:var(--wt-s3); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); text-decoration:none; font-weight:700; }
.wt-pagination .page-numbers.current,.wt-pagination .page-numbers:hover { background:var(--wt-amber); border-color:var(--wt-amber); }
.wt-crumbs { padding-block:var(--wt-s4); font-size:var(--wt-fs-xs); color:var(--wt-ink-3); }
.wt-crumbs ol { display:flex; flex-wrap:wrap; gap:var(--wt-s2); list-style:none; margin:0; padding:0; }
.wt-crumbs li:not(:last-child)::after { content:"/"; margin-left:var(--wt-s2); color:var(--wt-rule-2); }
.wt-crumbs a { color:var(--wt-ink-2); }
.wt-banner { padding-block:clamp(2.5rem,5vw,4.5rem); background:var(--wt-tint); border-bottom:1px solid var(--wt-rule); }
.wt-banner h1 { max-width:22ch; }
.wt-banner .wt-lede { margin-top:var(--wt-s4); }


/* 19 FAQ ================================================================== */

.wt-faq { border-top:1px solid var(--wt-rule); }
.wt-faq__item { border-bottom:1px solid var(--wt-rule); }
.wt-faq__item summary { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--wt-s5); padding:var(--wt-s5) 0; cursor:pointer; list-style:none; font-size:var(--wt-fs-h4); font-weight:700; }
.wt-faq__item summary::-webkit-details-marker { display:none; }
.wt-faq__item summary::after { content:""; flex-shrink:0; width:14px; height:14px; margin-top:.45em; border-right:2.5px solid var(--wt-fold); border-bottom:2.5px solid var(--wt-fold); transform:rotate(45deg); transition:transform .18s var(--wt-ease); }
.wt-faq__item[open] summary::after { transform:rotate(-135deg); }
.wt-faq__answer { padding-bottom:var(--wt-s5); color:var(--wt-ink-2); max-width:72ch; }
.wt-faq__answer > * + * { margin-top:var(--wt-s4); }


/* 20 FORMS ================================================================ */

.wt-field { margin-bottom:var(--wt-s5); }
.wt-field label { display:block; margin-bottom:var(--wt-s2); font-size:var(--wt-fs-sm); font-weight:600; }
.wt-field input,.wt-field textarea,.wt-field select { width:100%; padding:.8rem 1rem; background:var(--wt-paper); border:1px solid var(--wt-rule-2); border-radius:var(--wt-radius); transition:border-color .15s var(--wt-ease); }
.wt-field input:focus,.wt-field textarea:focus,.wt-field select:focus { border-color:var(--wt-fold); }
.wt-field textarea { min-height:140px; resize:vertical; }
.wt-field__hint { margin-top:var(--wt-s2); font-size:var(--wt-fs-xs); color:var(--wt-ink-3); }
.wt-field__error { margin-top:var(--wt-s2); font-size:var(--wt-fs-xs); color:#b3261e; }
.wt-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.wt-field-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--wt-s4); }
@media (max-width:560px){ .wt-field-row { grid-template-columns:1fr; } }


/* 21 CTA, FOOTER, CONTENT, UTILITIES ====================================== */

.wt-cta { background:var(--wt-amber); color:var(--wt-ink); padding-block:clamp(3rem,6vw,4.5rem); }
.wt-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:var(--wt-s6); flex-wrap:wrap; }
.wt-cta h2 { max-width:20ch; }
.wt-cta p { margin-top:var(--wt-s3); max-width:48ch; color:#3a2a0a; }
.wt-cta .wt-btn--ghost { color:var(--wt-ink); border-color:var(--wt-ink); }
.wt-cta .wt-btn--ghost:hover { background:var(--wt-ink); color:#fff; }

/* Dark footer, matching the header, so the white-lettered logo reads. */
.wt-footer { background:var(--wt-ink); color:#a8a8a8; border-top:1px solid #333; padding-top:var(--wt-s8); font-size:var(--wt-fs-sm); }
.wt-footer a { color:#a8a8a8; text-decoration:none; }
.wt-footer a:hover { color:var(--wt-amber); }
.wt-footer address,.wt-footer p { color:#b5b5b3; }
.wt-footer__cols { display:grid; grid-template-columns:1.6fr repeat(4,1fr); gap:var(--wt-s7) var(--wt-s6); }
.wt-footer h5 { color:#fff; margin-bottom:var(--wt-s4); font-size:var(--wt-fs-base); }
.wt-footer ul { list-style:none; padding:0; }
.wt-footer li + li { margin-top:var(--wt-s3); }
.wt-footer__logo { max-height:44px; width:auto; background:none; margin-bottom:var(--wt-s5); }
.wt-footer__social { display:flex; align-items:center; gap:var(--wt-s3); margin-top:var(--wt-s5); list-style:none; padding:0; }
.wt-footer__social li { margin:0 !important; }
.wt-footer__social a { display:grid; place-items:center; width:40px; height:40px; border:1px solid #3a3a3a; border-radius:var(--wt-radius); color:#e0e0de; }
.wt-footer__social a:hover { border-color:var(--wt-amber); background:var(--wt-amber); color:var(--wt-ink); }
.wt-footer__social svg { width:18px; height:18px; }
.wt-footer__partners { margin-top:var(--wt-s7); padding-top:var(--wt-s6); border-top:1px solid #333; }
.wt-footer__partners .wt-logos img { background:#fff; padding:6px 10px; border-radius:4px; }
.wt-footer__bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--wt-s4); margin-top:var(--wt-s7); padding-block:var(--wt-s5); border-top:1px solid #333; font-size:var(--wt-fs-xs); }
.wt-footer__bar ul { display:flex; flex-wrap:wrap; gap:var(--wt-s4); }
.wt-footer__bar li + li { margin-top:0; }
@media (max-width:1000px){ .wt-footer__cols { grid-template-columns:repeat(3,1fr); } .wt-footer__cols > :first-child { grid-column:1 / -1; } }
@media (max-width:560px){ .wt-footer__cols { grid-template-columns:1fr; } }

.wt-content > * + * { margin-top:var(--wt-s5); }
.wt-content > h2 { margin-top:var(--wt-s8); }
.wt-content > h3 { margin-top:var(--wt-s7); }
.wt-content > h4 { margin-top:var(--wt-s6); }
.wt-content a { text-decoration:underline; text-decoration-color:var(--wt-amber); text-decoration-thickness:2px; }
.wt-content a:hover { background:var(--wt-wash); }
.wt-content a.wt-btn { text-decoration:none; }
.wt-content a.wt-btn:hover { background:var(--wt-amber-lift); }
.wt-content ul,.wt-content ol { padding-left:1.35em; }
.wt-content li + li { margin-top:var(--wt-s2); }
.wt-content ul li::marker { color:var(--wt-fold); }
.wt-content blockquote { padding-left:var(--wt-s5); border-left:5px solid var(--wt-amber); font-size:var(--wt-fs-lg); color:var(--wt-ink-2); }
.wt-content figure { margin:var(--wt-s7) 0; }
.wt-content figcaption { margin-top:var(--wt-s3); font-size:var(--wt-fs-sm); color:var(--wt-ink-3); }
.wt-content code { padding:.15em .4em; background:var(--wt-tint); border:1px solid var(--wt-rule); font-size:.9em; }
.wt-content pre { padding:var(--wt-s5); background:var(--wt-ink); color:#eaeaea; overflow-x:auto; border-radius:var(--wt-radius); }
.wt-content pre code { background:none; border:0; color:inherit; }
.wt-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.wt-content table { width:100%; border-collapse:collapse; font-size:var(--wt-fs-sm); }
.wt-content th,.wt-content td { padding:var(--wt-s3) var(--wt-s4); border:1px solid var(--wt-rule); text-align:left; vertical-align:top; }
.wt-content thead th { background:var(--wt-tint); font-weight:700; }
.wt-takeaway { padding:var(--wt-s6); background:var(--wt-wash); border-left:5px solid var(--wt-amber); border-radius:0 var(--wt-radius) var(--wt-radius) 0; }
.wt-takeaway ul { margin-top:var(--wt-s4); }

.wt-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; }
.wt-hide { display:none !important; }
.wt-center { text-align:center; margin-inline:auto; }
.wt-stack > * + * { margin-top:var(--wt-s5); }
.wt-mt-0 { margin-top:0 !important; }

.wt-whatsapp { position:fixed; right:clamp(1rem,3vw,2rem); bottom:clamp(1rem,3vw,2rem); z-index:90; display:grid; place-items:center; width:56px; height:56px; background:#25d366; border-radius:50%; box-shadow:0 4px 16px rgba(0,0,0,.22); }
.wt-whatsapp svg { width:28px; height:28px; fill:#fff; }


/* 22 AI CHAT WIDGET ======================================================= */

.wt-chat__launch { position:fixed; right:clamp(1rem,3vw,2rem); bottom:calc(clamp(1rem,3vw,2rem) + 68px); z-index:91; display:inline-flex; align-items:center; gap:.5rem; padding:.75rem 1.1rem; background:var(--wt-ink); color:#fff; border:0; border-radius:999px; font-weight:700; font-size:var(--wt-fs-sm); cursor:pointer; box-shadow:0 4px 16px rgba(0,0,0,.22); }
.wt-chat__launch svg { width:20px; height:20px; }
.wt-chat__launch.is-open span { display:none; }
.wt-chat { position:fixed; right:clamp(1rem,3vw,2rem); bottom:calc(clamp(1rem,3vw,2rem) + 124px); z-index:92; width:min(380px, calc(100vw - 2rem)); height:min(560px, calc(100vh - 160px)); display:flex; flex-direction:column; background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,.2); overflow:hidden; }
.wt-chat__head { display:flex; align-items:center; justify-content:space-between; padding:.9rem 1rem; background:var(--wt-ink); color:#fff; }
.wt-chat__close { background:none; border:0; color:#fff; font-size:1.5rem; line-height:1; cursor:pointer; padding:0 .25rem; }
.wt-chat__log { flex:1; overflow-y:auto; padding:1rem; display:flex; flex-direction:column; gap:.75rem; }
.wt-chat__msg { max-width:88%; padding:.7rem .9rem; border-radius:12px; font-size:var(--wt-fs-sm); line-height:1.5; }
.wt-chat__msg p + p { margin-top:.5rem; }
.wt-chat__msg a { color:var(--wt-fold); font-weight:600; }
.wt-chat__msg--assistant { align-self:flex-start; background:var(--wt-tint); border-bottom-left-radius:4px; }
.wt-chat__msg--user { align-self:flex-end; background:var(--wt-amber); border-bottom-right-radius:4px; }
.wt-chat__msg.is-typing { color:var(--wt-ink-3); }
.wt-chat__chips { display:flex; flex-wrap:wrap; gap:.4rem; padding:0 1rem .75rem; }
.wt-chat__chip { padding:.4rem .7rem; background:var(--wt-paper); border:1px solid var(--wt-rule-2); border-radius:999px; font-size:var(--wt-fs-xs); cursor:pointer; }
.wt-chat__chip:hover { border-color:var(--wt-amber); background:var(--wt-wash); }
.wt-chat__form { display:flex; gap:.5rem; padding:.75rem 1rem; border-top:1px solid var(--wt-rule); }
.wt-chat__form textarea { flex:1; resize:none; padding:.6rem .8rem; border:1px solid var(--wt-rule-2); border-radius:8px; font-size:var(--wt-fs-sm); max-height:96px; }
.wt-chat__send { padding:.6rem 1rem; background:var(--wt-amber); border:0; border-radius:8px; font-weight:700; cursor:pointer; }
.wt-chat__send:disabled { opacity:.5; cursor:default; }
.wt-chat__foot { padding:.5rem 1rem .75rem; font-size:.75rem; color:var(--wt-ink-3); }
.wt-chat__foot a { color:var(--wt-ink-2); }


/* 23 SLIDER (team) ======================================================== */

.wt-slider { position:relative; }
.wt-slider__track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 3 * var(--wt-s6)) / 4); column-gap:var(--wt-s6); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding-bottom:var(--wt-s2); }
.wt-slider__track::-webkit-scrollbar { display:none; }
.wt-slider__track > * { scroll-snap-align:start; }
@media (max-width:1100px){ .wt-slider__track { grid-auto-columns:calc((100% - 2 * var(--wt-s6)) / 3); } }
@media (max-width:900px){ .wt-slider__track { grid-auto-columns:calc((100% - var(--wt-s6)) / 2); } }
@media (max-width:560px){ .wt-slider__track { grid-auto-columns:100%; } }
.wt-slider__nav { display:flex; align-items:center; justify-content:center; gap:var(--wt-s4); margin-top:var(--wt-s6); }
.wt-slider__prev,.wt-slider__next { width:46px; height:46px; display:grid; place-items:center; background:var(--wt-paper); border:1px solid var(--wt-rule-2); border-radius:50%; cursor:pointer; transition:background-color .15s var(--wt-ease), border-color .15s var(--wt-ease); }
.wt-slider__prev:hover,.wt-slider__next:hover { background:var(--wt-amber); border-color:var(--wt-amber); }
.wt-slider__prev:disabled,.wt-slider__next:disabled { opacity:.35; cursor:default; background:var(--wt-paper); border-color:var(--wt-rule-2); }
.wt-slider__prev svg,.wt-slider__next svg { width:18px; height:18px; }
.wt-slider__dots { display:flex; gap:.5rem; }
.wt-slider__dots button { position:relative; width:10px; height:10px; padding:0; border:0; border-radius:50%; background:var(--wt-rule-2); cursor:pointer; }
/* Lighthouse's tap-target audit wants a 24x24 CSS-px hit area; the dot
   stays visually small (10px) and an invisible pseudo-element enlarges
   only the clickable/tappable region around it. */
.wt-slider__dots button::before { content:""; position:absolute; inset:-8px; }
.wt-slider__dots button[aria-current="true"] { background:var(--wt-amber); width:26px; border-radius:5px; }


@media (prefers-reduced-motion: reduce){
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}
@media print {
  .wt-header,.wt-footer,.wt-cta,.wt-band,.wt-whatsapp,.wt-alert,.wt-share,.wt-rail,.wt-chat,.wt-chat__launch { display:none !important; }
  body { font-size:11pt; color:#000; }
  .wt-article-layout { grid-template-columns:1fr; }
}

.wt-slider .wt-member { padding:var(--wt-s5); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); }
.wt-slider .wt-member__photo { aspect-ratio:1/1; border-radius:50%; width:72%; margin-inline:auto; }
.wt-slider .wt-member h3 { text-align:center; font-size:var(--wt-fs-base); }
.wt-slider .wt-member__role { text-align:center; }
.wt-slider .wt-member__bio { font-size:var(--wt-fs-xs); }
.wt-slider .wt-member__bio[data-clamped="true"] { -webkit-line-clamp:3; }
.wt-slider .wt-member__more { font-size:var(--wt-fs-xs); }
.wt-slider__track { scroll-behavior:smooth; }

/* 24 BLOG SINGLE & LISTING ================================================ */
.wt-post-hero { background:var(--wt-ink); color:#fff; position:relative; overflow:hidden; }
.wt-post-hero__media { position:absolute; inset:0; }
.wt-post-hero__media img { width:100%; height:100%; object-fit:cover; opacity:.28; background:none; }
.wt-post-hero__media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(33,33,33,.55), rgba(33,33,33,.95)); }
.wt-post-hero__inner { position:relative; z-index:1; padding-block:clamp(3rem,7vw,6rem); max-width:820px; }
.wt-post-hero h1 { color:#fff; }
.wt-post-hero .wt-post__meta { color:#c9c9c7; margin-top:var(--wt-s5); }
.wt-post-hero .wt-post__meta a { color:#fff; }
.wt-cat-chip { display:inline-block; padding:.3rem .7rem; background:var(--wt-amber); color:var(--wt-ink); border-radius:999px; font-size:var(--wt-fs-xs); font-weight:700; text-decoration:none; }
.wt-content > p:first-of-type { font-size:var(--wt-fs-lg); color:var(--wt-ink-2); }
.wt-content h2 { padding-top:var(--wt-s3); border-top:3px solid var(--wt-amber); display:inline-block; }
.wt-content img { border-radius:var(--wt-radius); }
.wt-share a { display:inline-flex; align-items:center; padding:.5rem .9rem; border:1px solid var(--wt-rule-2); border-radius:var(--wt-radius); text-decoration:none; font-size:var(--wt-fs-sm); font-weight:600; }
.wt-share a:hover { background:var(--wt-amber); border-color:var(--wt-amber); }
.wt-prevnext { display:grid; grid-template-columns:1fr 1fr; gap:var(--wt-s5); margin-top:var(--wt-s8); }
.wt-prevnext a { display:block; padding:var(--wt-s5); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); text-decoration:none; }
.wt-prevnext a:hover { border-color:var(--wt-amber); }
.wt-prevnext span { display:block; font-size:var(--wt-fs-xs); color:var(--wt-ink-3); margin-bottom:.35rem; }
.wt-prevnext a:last-child { text-align:right; }
@media (max-width:600px){ .wt-prevnext { grid-template-columns:1fr; } .wt-prevnext a:last-child { text-align:left; } }
.wt-filters { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:var(--wt-s7); }
.wt-filters a { padding:.45rem .9rem; border:1px solid var(--wt-rule-2); border-radius:999px; font-size:var(--wt-fs-sm); font-weight:600; text-decoration:none; }
.wt-filters a:hover,.wt-filters a[aria-current="page"] { background:var(--wt-amber); border-color:var(--wt-amber); }
.wt-post--featured { grid-column:1 / -1; display:grid; grid-template-columns:1.2fr 1fr; }
.wt-post--featured .wt-post__thumb { aspect-ratio:auto; height:100%; }
.wt-post--featured h3 { font-size:var(--wt-fs-h2); }
@media (max-width:900px){ .wt-post--featured { grid-template-columns:1fr; } .wt-post--featured .wt-post__thumb { aspect-ratio:16/10; } }

/* 25 SERVICE PAGE SECTIONS ================================================ */
.wt-svc-hero { background:var(--wt-ink); color:#fff; position:relative; overflow:hidden; }
.wt-svc-hero::before { content:""; position:absolute; right:-10%; top:-30%; width:50vw; max-width:640px; aspect-ratio:1; background:radial-gradient(circle, rgba(251,169,31,.22), transparent 62%); pointer-events:none; }
.wt-svc-hero__inner { position:relative; display:grid; grid-template-columns:1.25fr .9fr; gap:var(--wt-s7); align-items:center; padding-block:clamp(3rem,7vw,6rem); }
.wt-svc-hero h1 { color:#fff; }
.wt-svc-hero .wt-lede { color:#d9d9d7; }
.wt-svc-hero .wt-card { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); color:#fff; }
.wt-svc-hero .wt-card h3 { color:#fff; }
.wt-svc-hero .wt-checks li::after { border-color:var(--wt-ink); }
@media (max-width:900px){ .wt-svc-hero__inner { grid-template-columns:1fr; } }
.wt-stats { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); overflow:hidden; background:var(--wt-paper); }
.wt-stats div { padding:var(--wt-s5); text-align:center; }
.wt-stats div + div { border-left:1px solid var(--wt-rule); }
.wt-stats strong { display:block; font-size:2rem; font-weight:800; color:var(--wt-fold); line-height:1.1; }
.wt-stats span { font-size:var(--wt-fs-xs); color:var(--wt-ink-3); }
@media (max-width:700px){ .wt-stats { grid-template-columns:1fr 1fr; } .wt-stats div:nth-child(3) { border-left:0; } .wt-stats div:nth-child(n+3) { border-top:1px solid var(--wt-rule); } }
.wt-svc-section { padding-block:var(--wt-section-y); }
.wt-svc-section:nth-of-type(even) { background:var(--wt-tint); }
.wt-svc-section .wt-section-head { max-width:none; }
.wt-svc-section .wt-section-head p { max-width:70ch; }
.wt-features { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s5); }
.wt-feature { padding:var(--wt-s6); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); border-top:4px solid var(--wt-amber); }
.wt-feature h3 { font-size:var(--wt-fs-h4); }
.wt-feature h3 + * { margin-top:var(--wt-s3); }
.wt-feature p, .wt-feature li { font-size:var(--wt-fs-sm); color:var(--wt-ink-2); }
.wt-feature ul { padding-left:1.2em; margin-top:var(--wt-s3); }
.wt-feature li + li { margin-top:.35rem; }
@media (max-width:900px){ .wt-features { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .wt-features { grid-template-columns:1fr; } }
.wt-svc-prose { max-width:76ch; }
.wt-svc-prose > * + * { margin-top:var(--wt-s4); }
.wt-svc-prose ul,.wt-svc-prose ol { padding-left:1.35em; }
.wt-svc-prose li + li { margin-top:.35rem; }
.wt-svc-prose ul li::marker { color:var(--wt-fold); }
.wt-svc-prose a { text-decoration:underline; text-decoration-color:var(--wt-amber); text-decoration-thickness:2px; }
.wt-svc-prose a.wt-btn { text-decoration:none; }
.wt-svc-prose .wt-takeaway { margin-top:var(--wt-s6); }
.wt-chips { display:flex; flex-wrap:wrap; gap:.5rem; }
.wt-chips span { padding:.45rem .9rem; background:var(--wt-paper); border:1px solid var(--wt-rule-2); border-radius:999px; font-size:var(--wt-fs-sm); }
.wt-related { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s5); }
.wt-related a { display:block; padding:var(--wt-s5); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); text-decoration:none; transition:border-color .15s var(--wt-ease), transform .15s var(--wt-ease); }
.wt-related a:hover { border-color:var(--wt-amber); transform:translateY(-2px); }
.wt-related strong { display:block; font-size:var(--wt-fs-h4); }
.wt-related span { display:block; margin-top:.35rem; font-size:var(--wt-fs-sm); color:var(--wt-ink-2); }
@media (max-width:900px){ .wt-related { grid-template-columns:1fr; } }
.wt-svc-cta-inline { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--wt-s5); padding:var(--wt-s6); background:var(--wt-ink); color:#fff; border-radius:var(--wt-radius); }
.wt-svc-cta-inline h3 { color:#fff; font-size:var(--wt-fs-h4); }
.wt-svc-cta-inline p { color:#cfcfcd; font-size:var(--wt-fs-sm); margin-top:.25rem; }

/* 26 PROFILE MODAL ======================================================== */
.wt-profile { border:0; padding:0; max-width:min(860px, calc(100vw - 2rem)); width:100%; border-radius:12px; box-shadow:0 30px 80px rgba(0,0,0,.35); overflow:hidden; }
.wt-profile::backdrop { background:rgba(20,20,20,.7); backdrop-filter:blur(3px); }
.wt-profile__close { position:absolute; top:.75rem; right:.75rem; width:40px; height:40px; border:0; border-radius:50%; background:var(--wt-paper); font-size:1.6rem; line-height:1; cursor:pointer; z-index:1; box-shadow:0 2px 8px rgba(0,0,0,.2); }
.wt-profile__grid { display:grid; grid-template-columns:320px 1fr; }
.wt-profile__media { background:var(--wt-ink); }
.wt-profile__media img { width:100%; height:100%; object-fit:cover; object-position:top; }
.wt-profile__body { padding:2.5rem; max-height:min(80vh, 640px); overflow-y:auto; }
.wt-profile__role { font-size:var(--wt-fs-xs); font-weight:700; color:var(--wt-fold); letter-spacing:.04em; }
.wt-profile__body h2 { font-size:var(--wt-fs-h2); margin-top:.25rem; }
.wt-profile__bio { margin-top:1.25rem; color:var(--wt-ink-2); }
.wt-profile__bio p + p { margin-top:.85rem; }
.wt-profile__body .wt-btn { margin-top:1.75rem; }
@media (max-width:700px){ .wt-profile__grid { grid-template-columns:1fr; } .wt-profile__media { aspect-ratio:4/3; } .wt-profile__body { padding:1.5rem; } }

/* 27 ABOUT PAGE =========================================================== */
.wt-about-hero { background:var(--wt-ink); color:#fff; position:relative; overflow:hidden; }
.wt-about-hero::before { content:""; position:absolute; left:-10%; bottom:-40%; width:50vw; max-width:640px; aspect-ratio:1; background:radial-gradient(circle, rgba(251,169,31,.2), transparent 62%); pointer-events:none; }
.wt-about-hero__inner { position:relative; padding-block:clamp(3.5rem,8vw,7rem); max-width:820px; }
.wt-about-hero h1 { color:#fff; }
.wt-about-hero .wt-lede { color:#d9d9d7; }
.wt-values { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s5); }
.wt-value { padding:var(--wt-s6); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); position:relative; }
.wt-value::before { content:attr(data-n); position:absolute; top:1rem; right:1.25rem; font-size:2.5rem; font-weight:800; color:var(--wt-wash); line-height:1; }
.wt-value h3 { font-size:var(--wt-fs-h4); position:relative; }
.wt-value p { margin-top:.6rem; font-size:var(--wt-fs-sm); color:var(--wt-ink-2); position:relative; }
@media (max-width:900px){ .wt-values { grid-template-columns:1fr; } }
.wt-timeline { position:relative; padding-left:2rem; margin:0; }
.wt-timeline::before { content:""; position:absolute; left:.45rem; top:.5rem; bottom:.5rem; width:3px; background:var(--wt-rule-2); }
.wt-timeline li { position:relative; list-style:none; padding-bottom:var(--wt-s6); }
.wt-timeline li::before { content:""; position:absolute; left:-2rem; top:.35rem; width:1.15rem; height:1.15rem; border-radius:50%; background:var(--wt-amber); border:3px solid var(--wt-paper); box-shadow:0 0 0 2px var(--wt-amber); }
.wt-timeline strong { display:block; font-size:var(--wt-fs-h4); }
.wt-timeline p { margin-top:.35rem; color:var(--wt-ink-2); }
.wt-offices { display:grid; grid-template-columns:1fr 1fr; gap:var(--wt-s5); }
.wt-office { padding:var(--wt-s6); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); border-left:5px solid var(--wt-amber); }
.wt-office h3 { font-size:var(--wt-fs-h4); }
.wt-office p { margin-top:.5rem; color:var(--wt-ink-2); font-size:var(--wt-fs-sm); }
@media (max-width:700px){ .wt-offices { grid-template-columns:1fr; } }
.wt-leader { display:grid; grid-template-columns:260px 1fr; gap:var(--wt-s6); align-items:center; padding:var(--wt-s6); background:var(--wt-ink); color:#fff; border-radius:var(--wt-radius); }
.wt-leader img { width:100%; aspect-ratio:1/1; object-fit:cover; object-position:top; border-radius:var(--wt-radius); }
.wt-leader h3 { color:#fff; font-size:var(--wt-fs-h3); }
.wt-leader p { color:#cfcfcd; margin-top:.75rem; }
.wt-leader .wt-profile__role { color:var(--wt-amber); }
@media (max-width:700px){ .wt-leader { grid-template-columns:1fr; } }

/* 28 SERVICE PAGE EXTRAS ================================================== */
.wt-svc-prose ol { counter-reset:wt; list-style:none; padding:0; display:grid; gap:var(--wt-s4); }
.wt-svc-prose ol > li { counter-increment:wt; position:relative; padding:var(--wt-s5) var(--wt-s5) var(--wt-s5) 4.25rem; background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); margin:0; }
.wt-svc-prose ol > li::before { content:counter(wt,decimal-leading-zero); position:absolute; left:1.25rem; top:1.1rem; font-size:1.5rem; font-weight:800; color:var(--wt-amber); line-height:1; }
.wt-feature::before { content:""; display:block; width:36px; height:36px; margin-bottom:var(--wt-s4); border-radius:8px; background:linear-gradient(135deg, var(--wt-amber) 0 55%, var(--wt-fold) 55% 100%); }
.wt-compare { width:100%; border-collapse:separate; border-spacing:0; border:1px solid var(--wt-rule); border-radius:var(--wt-radius); overflow:hidden; font-size:var(--wt-fs-sm); }
.wt-compare th,.wt-compare td { padding:.9rem 1.1rem; text-align:left; border-bottom:1px solid var(--wt-rule); vertical-align:top; }
.wt-compare thead th { background:var(--wt-ink); color:#fff; }
.wt-compare thead th:last-child { background:var(--wt-amber); color:var(--wt-ink); }
.wt-compare tbody td:last-child { background:var(--wt-wash); font-weight:600; }
.wt-compare tbody tr:last-child td { border-bottom:0; }
.wt-models { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s5); }
.wt-model { padding:var(--wt-s6); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); display:flex; flex-direction:column; }
.wt-model--hi { border-color:var(--wt-amber); box-shadow:0 0 0 3px var(--wt-wash); }
.wt-model h3 { font-size:var(--wt-fs-h4); }
.wt-model > p { margin-top:.5rem; font-size:var(--wt-fs-sm); color:var(--wt-ink-2); }
.wt-model ul { margin-top:var(--wt-s4); flex:1; }
.wt-model .wt-btn { margin-top:var(--wt-s5); }
@media (max-width:900px){ .wt-models { grid-template-columns:1fr; } }
.wt-quoteband { background:var(--wt-ink); color:#fff; padding-block:var(--wt-section-y); text-align:center; }
.wt-quoteband blockquote { font-size:clamp(1.25rem,2.4vw,1.75rem); font-weight:600; max-width:30ch; margin-inline:auto; line-height:1.4; }
.wt-quoteband cite { display:block; margin-top:1.25rem; font-style:normal; color:#b7b7b5; font-size:var(--wt-fs-sm); }

@media (max-width:1000px){ .wt-team[style*='repeat(4'] { grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:560px){ .wt-team[style*='repeat(4'] { grid-template-columns:1fr !important; } }

/* 29 AUTHOR BOX (centered) =============================================== */
.wt-author-box { margin-top:var(--wt-s8); padding:var(--wt-s7) var(--wt-s6); background:var(--wt-tint); border-radius:var(--wt-radius); text-align:center; }
.wt-author-box__avatar { width:120px; height:120px; border-radius:50%; object-fit:cover; margin:0 auto var(--wt-s5); display:block; }
.wt-author-box__label { font-size:var(--wt-fs-xs); font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#e0421b; }
.wt-author-box h2 { font-size:var(--wt-fs-h2); margin-top:.25rem; }
.wt-author-box h2 a { text-decoration:none; }
.wt-author-box__title { margin-top:.75rem; color:var(--wt-ink-2); }
.wt-author-box__creds { margin-top:.5rem; color:var(--wt-ink-2); max-width:70ch; margin-inline:auto; }
.wt-author-box__social { display:flex; justify-content:center; gap:.75rem; list-style:none; padding:0; margin:1.25rem auto 0; }
.wt-author-box__social a { display:grid; place-items:center; width:44px; height:44px; border-radius:10px; background:var(--wt-ink); color:#fff; }
.wt-author-box__social a:hover { background:var(--wt-amber); color:var(--wt-ink); }
.wt-author-box__social svg { width:22px; height:22px; }
.wt-author-box__bio { margin:1.5rem auto 0; max-width:78ch; color:var(--wt-ink-2); text-align:center; }
.wt-author-box__bio p + p { margin-top:.85rem; }

/* 30 SERVICE PAGE v2 ====================================================== */
.wt-svc-art { display:flex; align-items:center; justify-content:center; }
.wt-svc-art svg { width:100%; max-width:420px; height:auto; filter:drop-shadow(0 20px 40px rgba(0,0,0,.35)); }
.wt-trust { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; list-style:none; padding:var(--wt-s4) var(--wt-s5); margin:0; background:var(--wt-wash); border:1px solid #f3dcae; border-radius:var(--wt-radius); font-size:var(--wt-fs-sm); font-weight:600; }
.wt-trust li { position:relative; padding-left:1.4rem; }
.wt-trust li::before { content:""; position:absolute; left:0; top:.45em; width:.75rem; height:.75rem; border-radius:50%; background:var(--wt-amber); }
.wt-svc-head { display:grid; grid-template-columns:1fr 1.2fr; gap:var(--wt-s6) var(--wt-s8); align-items:start; margin-bottom:var(--wt-s7); }
.wt-svc-head__n { display:inline-block; font-size:var(--wt-fs-xs); font-weight:800; letter-spacing:.14em; color:var(--wt-fold); margin-bottom:.5rem; }
.wt-svc-head__n::after { content:""; display:inline-block; width:40px; height:2px; background:var(--wt-amber); margin-left:.6rem; vertical-align:middle; }
.wt-svc-head__title h2 { font-size:var(--wt-fs-h2); }
.wt-svc-head__intro { font-size:var(--wt-fs-lg); color:var(--wt-ink-2); max-width:none; }
.wt-svc-head__intro > p:first-child { font-size:var(--wt-fs-lg); }
@media (max-width:900px){ .wt-svc-head { grid-template-columns:1fr; } }
.wt-svc-section { position:relative; }
.wt-svc-section::before { content:attr(data-n); position:absolute; right:var(--wt-gutter); top:var(--wt-s5); font-size:clamp(4rem,10vw,8rem); font-weight:900; line-height:1; color:var(--wt-ink); opacity:.04; pointer-events:none; }
.wt-feature { transition:transform .15s var(--wt-ease), box-shadow .15s var(--wt-ease), border-color .15s var(--wt-ease); }
.wt-feature:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.08); border-color:var(--wt-amber); }
.wt-feature::before { display:none; }
.wt-feature__icon { width:44px; height:44px; padding:10px; margin-bottom:var(--wt-s4); border-radius:10px; background:linear-gradient(135deg, var(--wt-amber) 0 55%, var(--wt-fold) 55% 100%); color:var(--wt-ink); }
.wt-sticky-cta { display:none; }
@media (max-width:700px){
  .wt-sticky-cta { position:fixed; left:0; right:0; bottom:0; z-index:89; display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.75rem 1rem; background:var(--wt-ink); color:#fff; font-size:var(--wt-fs-sm); box-shadow:0 -6px 20px rgba(0,0,0,.25); }
  .wt-whatsapp, .wt-chat__launch { bottom:calc(1rem + 64px); }
  .wt-chat__launch { bottom:calc(1rem + 132px); }
}

/* 31 LOGO MARQUEE, LEADERS, ABOUT SIDE, SERVICE SIDE ====================== */
.wt-logo-marquee { overflow:hidden; padding-block:var(--wt-s4); }
.wt-logo-marquee__track { display:flex; width:max-content; animation:wt-logos 36s linear infinite; }
.wt-logo-marquee__group { display:flex; align-items:center; gap:var(--wt-s8); padding-right:var(--wt-s8); flex-shrink:0; }
.wt-logo-marquee img { height:48px; width:auto; background:none; }
.wt-logo-marquee:hover .wt-logo-marquee__track { animation-play-state:paused; }
@keyframes wt-logos { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .wt-logo-marquee__track { animation:none; flex-wrap:wrap; width:auto; } }
.wt-team--4 { grid-template-columns:repeat(4,1fr); gap:var(--wt-s5); }
.wt-team--4 .wt-member { padding:1.5rem; }
.wt-team--4 .wt-member__photo { aspect-ratio:1/1; border-radius:50%; width:70%; margin-inline:auto; }
.wt-team--4 .wt-member h3 { text-align:center; font-size:var(--wt-fs-base); }
.wt-team--4 .wt-member__role { text-align:center; }
.wt-team--4 .wt-member__bio { font-size:var(--wt-fs-xs); }
.wt-team--4 .wt-member__bio[data-clamped="true"] { -webkit-line-clamp:3; }
@media (max-width:1000px){ .wt-team--4 { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .wt-team--4 { grid-template-columns:1fr; } }
.wt-leaders { display:grid; grid-template-columns:1fr 1fr; gap:var(--wt-s5); }
.wt-leader--primary { grid-column:1 / -1; }
.wt-leader:not(.wt-leader--primary) { grid-template-columns:150px 1fr; padding:var(--wt-s5); }
.wt-leader:not(.wt-leader--primary) h3 { font-size:var(--wt-fs-h4); }
.wt-leader:not(.wt-leader--primary) p { font-size:var(--wt-fs-sm); }
@media (max-width:900px){ .wt-leaders { grid-template-columns:1fr; } .wt-leader:not(.wt-leader--primary) { grid-template-columns:1fr; } }
.wt-about-side { display:flex; flex-direction:column; gap:var(--wt-s5); }
.wt-about-side__photo { position:relative; border-radius:var(--wt-radius); overflow:hidden; flex:1; min-height:320px; }
.wt-about-side__photo img { width:100%; height:100%; object-fit:cover; }
.wt-about-side__mantra { position:absolute; left:0; right:0; bottom:0; padding:var(--wt-s5); background:linear-gradient(180deg, transparent, rgba(33,33,33,.92)); color:#fff; font-weight:700; font-size:var(--wt-fs-lg); line-height:1.4; }
.wt-about-side__mantra span { display:block; }
.wt-about-side__facts { padding:var(--wt-s5); background:var(--wt-tint); border-radius:var(--wt-radius); }
.wt-svc-head--solo { grid-template-columns:1fr; }
.wt-svc-two { display:grid; grid-template-columns:1.4fr 1fr; gap:var(--wt-s7); align-items:start; }
@media (max-width:900px){ .wt-svc-two { grid-template-columns:1fr; } }
.wt-svc-side { position:sticky; top:calc(var(--wt-header-h) + 1.5rem); padding:var(--wt-s6); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); }
.wt-svc-side h3 { font-size:var(--wt-fs-h4); margin-top:.5rem; }
.wt-svc-side > p { margin-top:.75rem; font-size:var(--wt-fs-sm); color:var(--wt-ink-2); }
.wt-svc-side .wt-btn { margin-top:1.25rem; }
.wt-svc-side__alt { font-size:var(--wt-fs-xs) !important; color:var(--wt-ink-3) !important; margin-top:1rem !important; }
.wt-svc-side--dark { background:var(--wt-ink); color:#fff; border-color:#333; }
.wt-svc-side--dark h3 { color:#fff; }
.wt-svc-side--dark > p { color:#cfcfcd; }
.wt-svc-side--dark .wt-svc-side__alt a { color:#fff; }

/* 32 SERVICE PAGE v3: stacked heads, auto-fit grids, illustrations ========= */
.wt-svc-head { grid-template-columns:1fr; gap:var(--wt-s4); max-width:78ch; }
.wt-svc-head__intro > p:first-child { font-size:var(--wt-fs-lg); }
.wt-features { grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); }
.wt-svc-side--art { padding:var(--wt-s4); background:var(--wt-tint); border-color:transparent; }
.wt-svc-side--art img { width:100%; height:auto; }
.wt-svc-band { display:grid; grid-template-columns:1fr 1.2fr; gap:var(--wt-s7); align-items:center; margin-top:var(--wt-s7); padding:var(--wt-s6); background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); }
.wt-svc-band--flip img { order:2; }
.wt-svc-band img { width:100%; height:auto; background:var(--wt-tint); border-radius:var(--wt-radius); }
.wt-svc-band h3 { font-size:var(--wt-fs-h3); margin-top:.5rem; }
.wt-svc-band p:not(.wt-hero__kicker) { margin-top:.75rem; color:var(--wt-ink-2); }
.wt-svc-band .wt-link { display:inline-block; margin-top:1rem; }
.wt-svc-section:nth-of-type(even) .wt-svc-band { background:var(--wt-paper); }
@media (max-width:900px){ .wt-svc-band { grid-template-columns:1fr; } .wt-svc-band--flip img { order:0; } }

/* 33 SERVICE LAYOUT CLASSES ============================================== */
.wt-svc-split { display:grid; grid-template-columns:1.15fr 1fr; gap:var(--wt-s7); align-items:center; }
.wt-svc-split--flip .wt-svc-split__media { order:-1; }
.wt-svc-split__media { border-radius:var(--wt-radius); overflow:hidden; }
.wt-svc-img { width:100%; height:auto; border-radius:var(--wt-radius); }
.wt-svc-img--art { background:var(--wt-tint); padding:var(--wt-s4); }
@media (max-width:900px){ .wt-svc-split { grid-template-columns:1fr; } .wt-svc-split--flip .wt-svc-split__media { order:0; } }
.wt-svc-prose--full { max-width:none; }
.wt-svc-prose--full ol { gap:var(--wt-s4); }
.wt-svc-prose--full ol > li { padding-right:var(--wt-s7); }
.wt-quoteband--split { text-align:left; }
.wt-quoteband__inner { display:grid; grid-template-columns:1.4fr 1fr; gap:var(--wt-s7); align-items:center; }
.wt-quoteband--split blockquote { margin-inline:0; max-width:34ch; }
.wt-quoteband__icon svg { width:min(280px,70%); height:auto; margin-inline:auto; display:block; }
@media (max-width:900px){ .wt-quoteband__inner { grid-template-columns:1fr; } .wt-quoteband__icon svg { width:180px; } }

/* 34 GLOBAL TWEAKS: FAQ width, partners, quote mark, full-width lists ====== */
.wt-faq--wide .wt-faq__answer { max-width:none; column-count:1; }
.wt-faq--wide .wt-faq__item summary { font-size:var(--wt-fs-h4); }
.wt-partners { justify-content:flex-start; gap:1.25rem 1.5rem; }
.wt-partners img { height:40px; width:auto; background:#fff; padding:6px 10px; border-radius:4px; }
.wt-partner-badge { display:inline-flex; align-items:center; height:40px; padding:0 14px; background:#fff; color:var(--wt-ink); border-radius:4px; font-weight:800; font-size:var(--wt-fs-sm); letter-spacing:.02em; }
.wt-quoteband__ring { width:min(260px,70%); aspect-ratio:1; margin-inline:auto; border-radius:50%; display:grid; place-items:center; background:#2b2b2b; border:3px dashed var(--wt-amber); box-shadow:0 0 0 14px #262626; }
.wt-quoteband__ring img { width:62%; height:auto; background:none; }
/* Full-width "why choose" lists become a two-column check grid. */
.wt-svc-prose--full > ul { list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:var(--wt-s4); }
.wt-svc-prose--full > ul > li { position:relative; margin:0; padding:var(--wt-s5) var(--wt-s5) var(--wt-s5) 3.5rem; background:var(--wt-paper); border:1px solid var(--wt-rule); border-radius:var(--wt-radius); }
.wt-svc-prose--full > ul > li::before { content:""; position:absolute; left:1.1rem; top:1.35rem; width:24px; height:24px; border-radius:50%; background:var(--wt-amber); }
.wt-svc-prose--full > ul > li::after { content:""; position:absolute; left:calc(1.1rem + 8px); top:calc(1.35rem + 5px); width:6px; height:11px; border-right:2.5px solid var(--wt-ink); border-bottom:2.5px solid var(--wt-ink); transform:rotate(45deg); }
.wt-svc-prose--full > ul > li strong { display:block; margin-bottom:.25rem; }
@media (max-width:760px){ .wt-svc-prose--full > ul { grid-template-columns:1fr; } }
/* Numbered steps: the "what to expect" line reads as a note. */
.wt-svc-prose ol > li em { display:block; margin-top:.6rem; font-style:normal; font-size:var(--wt-fs-sm); color:var(--wt-fold); font-weight:600; }
.wt-svc-prose ol > li br { display:none; }

/* 35 FULL-WIDTH SECTIONS + WHY BLOCK ====================================== */
.wt-svc-head--full { max-width:none; margin-bottom:var(--wt-s6); }
.wt-svc-prose--full > ol { grid-template-columns:1fr; }
.wt-svc-prose--full > ol > li { padding:var(--wt-s6) var(--wt-s7) var(--wt-s6) 5rem; font-size:var(--wt-fs-base); }
.wt-svc-prose--full > ol > li::before { left:1.5rem; top:1.35rem; font-size:1.9rem; }
.wt-svc-prose--full > p { max-width:none; font-size:var(--wt-fs-lg); }
.wt-svc-head__n--light { color:var(--wt-amber); }
.wt-svc-head__n--light::after { background:var(--wt-amber); }
.wt-why { position:relative; background:var(--wt-ink); color:#fff; padding-block:var(--wt-section-y); overflow:hidden; }
.wt-why::before { content:""; position:absolute; right:-12%; top:-30%; width:52vw; max-width:680px; aspect-ratio:1; background:radial-gradient(circle, rgba(251,169,31,.22), transparent 62%); pointer-events:none; }
.wt-why::after { content:attr(data-n); position:absolute; right:var(--wt-gutter); top:var(--wt-s5); font-size:clamp(4rem,10vw,8rem); font-weight:900; line-height:1; color:#fff; opacity:.04; pointer-events:none; }
.wt-why__head { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:var(--wt-s6); align-items:end; margin-bottom:var(--wt-s7); }
.wt-why__head h2 { color:#fff; }
.wt-why__head p { color:#cfcfcd; font-size:var(--wt-fs-lg); max-width:44ch; }
@media (max-width:800px){ .wt-why__head { grid-template-columns:1fr; } }
.wt-why__grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:var(--wt-s5); }
.wt-why__card { position:relative; padding:var(--wt-s6); background:#2b2b2b; border:1px solid #3a3a3a; border-radius:var(--wt-radius); transition:transform .15s var(--wt-ease), border-color .15s var(--wt-ease), background-color .15s var(--wt-ease); }
.wt-why__card:hover { transform:translateY(-4px); border-color:var(--wt-amber); background:#303030; }
.wt-why__num { position:absolute; top:1rem; right:1.25rem; font-size:var(--wt-fs-xs); font-weight:800; letter-spacing:.14em; color:var(--wt-amber); }
.wt-why__card .wt-feature__icon { background:var(--wt-amber); color:var(--wt-ink); }
.wt-why__card h3 { color:#fff; font-size:var(--wt-fs-h4); }
.wt-why__card p { margin-top:.6rem; color:#c9c9c7; font-size:var(--wt-fs-sm); }
@media (max-width:900px){ .wt-why__grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .wt-why__grid { grid-template-columns:1fr; } }
.wt-why__foot { position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--wt-s6); margin-top:var(--wt-s7); padding-top:var(--wt-s6); border-top:1px solid #3a3a3a; }
.wt-why__stats { display:flex; flex-wrap:wrap; gap:var(--wt-s6) var(--wt-s7); }
.wt-why__stats strong { display:block; font-size:2rem; font-weight:800; line-height:1; color:var(--wt-amber); }
.wt-why__stats span { font-size:var(--wt-fs-xs); color:#b7b7b5; }

/* 36 WIDER SECTION INTROS ================================================ */
.wt-svc-head { max-width:none; }
.wt-svc-head__intro { max-width:none; }
.wt-svc-head__intro > p { max-width:none; }
.wt-svc-band img { border-radius:14px; }

/* 37 DEFERRED RENDERING FOR LONG PAGES ===================================
   The homepage stacks many sections on one load: hero, pillars, products,
   tabs, logo marquee, team, blog, FAQs. content-visibility:auto tells the
   browser to skip layout/paint for sections until they approach the
   viewport, which cuts initial rendering work substantially on long pages
   without changing anything visually. contain-intrinsic-size gives an
   approximate placeholder height so the scrollbar and layout don't jump
   once the estimate is replaced by the section's real size. Supported in
   Chromium and recent Safari; browsers without it simply render normally. */
.wt-section,
.wt-band,
.wt-cta,
.wt-quoteband,
.wt-why,
.wt-logo-marquee,
.wt-svc-section {
	content-visibility: auto;
	contain-intrinsic-size: auto 900px;
}
/* Never defer the hero: it is the first thing painted and must not wait. */
.wt-hero, .wt-svc-hero, .wt-about-hero { content-visibility: visible; }