/* =========================================================
   UTECH DIGITAL — homepage prototype  ·  EN / PT  ·  light / dark
   All currency in US dollars (USD).
   ========================================================= */
:root{
  --paper:#FFFFFF; --slab:#EDF1F7; --slab-2:#E2E9F3;
  --ink:#0B1420; --ink-2:#4E607A; --ink-3:#7B8AA1;
  --rule:#D5DEEA; --edge:#0B1420; --shadow:#0B1420;
  --blue:#1552D0; --blue-wash:#E8EFFD;
  --btn-bg:#1552D0; --btn-edge:#0E3C9C;
  --amber:#FFB400; --amber-ink:#0B1420; --amber-wash:#FFF3D4; --amber-fine:#6B5A1F;
  --red:#C0392B; --red-wash:#FCEDEB;
  --green:#0B7F4E; --green-wash:#E7F5EE;
  --invert-bg:#0B1420; --invert-fg:#FFFFFF; --invert-muted:#B9C6D8; --invert-rule:#22314A; --invert-track:#2A3A52;
  --deep:#1552D0; --deep-edge:#0E3C9C; --deep-fg:#FFFFFF; --deep-muted:#D6E3FB;
  --mark-top:58%;
  --grad-a:#FFFFFF; --grad-b:#EDF1F7;

  --f-d:"Archivo","Arial Black",system-ui,sans-serif;
  --f-b:"Public Sans","Helvetica Neue",system-ui,sans-serif;
  --wrap:1160px;
  --pad:clamp(18px,5vw,44px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0E1420; --slab:#151E2C; --slab-2:#1B2536;
    --ink:#E9EFF7; --ink-2:#A5B4C9; --ink-3:#7E8EA5;
    --rule:#28354A; --edge:#3A4A63; --shadow:#1B2536;
    --blue:#5B95FF; --blue-wash:#16233A;
    --btn-bg:#1E5AC8; --btn-edge:#0B3E9E;
    --amber:#FFC33D; --amber-ink:#0B1420; --amber-wash:#3A2E12; --amber-fine:#6B5A1F;
    --red:#FF8874; --red-wash:#33201C;
    --green:#4CD79A; --green-wash:#12301F;
    --invert-bg:#070C14; --invert-fg:#F2F6FC; --invert-muted:#9CACC2; --invert-rule:#1E2B40; --invert-track:#22314A;
    --deep:#123B8F; --deep-edge:#0B2A6B; --deep-fg:#FFFFFF; --deep-muted:#C3D6F7;
    --mark-top:76%;
    --grad-a:#0E1420; --grad-b:#151E2C;
  }
}
:root[data-theme="dark"]{
  --paper:#0E1420; --slab:#151E2C; --slab-2:#1B2536;
  --ink:#E9EFF7; --ink-2:#A5B4C9; --ink-3:#7E8EA5;
  --rule:#28354A; --edge:#3A4A63; --shadow:#1B2536;
  --blue:#5B95FF; --blue-wash:#16233A;
  --btn-bg:#1E5AC8; --btn-edge:#0B3E9E;
  --amber:#FFC33D; --amber-ink:#0B1420; --amber-wash:#3A2E12; --amber-fine:#6B5A1F;
  --red:#FF8874; --red-wash:#33201C;
  --green:#4CD79A; --green-wash:#12301F;
  --invert-bg:#070C14; --invert-fg:#F2F6FC; --invert-muted:#9CACC2; --invert-rule:#1E2B40; --invert-track:#22314A;
  --deep:#123B8F; --deep-edge:#0B2A6B; --deep-fg:#FFFFFF; --deep-muted:#C3D6F7;
  --mark-top:76%;
  --grad-a:#0E1420; --grad-b:#151E2C;
}

*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-b);font-size:17.5px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3,h4{font-family:var(--f-d);margin:0;line-height:1.06;letter-spacing:-.028em;text-wrap:balance;font-weight:800}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}

/* Anchored sections clear the sticky nav, and jumping to one is a glide,
   not a teleport. */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[id]{scroll-margin-top:96px}

.mark{display:inline;background-image:linear-gradient(180deg,transparent var(--mark-top),var(--amber) var(--mark-top),var(--amber) 94%,transparent 94%);padding-inline:2px}

.kicker{font-family:var(--f-b);font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.lede{color:var(--ink-2);font-size:clamp(17px,1.7vw,20px);max-width:60ch}
.sec{padding-block:clamp(64px,8vw,104px)}
.sec-head{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(30px,4.5vw,52px)}
.sec-head h2{font-size:clamp(30px,4.6vw,50px)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--f-b);font-weight:700;font-size:16px;padding:16px 26px;border-radius:4px;border:2px solid var(--edge);cursor:pointer;transition:transform .13s ease,box-shadow .13s ease}
.btn-primary{background:var(--btn-bg);color:#fff;border-color:var(--btn-edge);box-shadow:4px 4px 0 var(--btn-edge)}
.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--btn-edge)}
.btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--btn-edge)}
.btn-line{background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--shadow)}
.btn-line:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow)}
.btn-line:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow)}
.slabcard{background:var(--paper);border:2px solid var(--edge);border-radius:4px;box-shadow:6px 6px 0 var(--shadow)}

/* --- nav --- */
.nav{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:2px solid var(--edge)}
.nav-in{display:flex;align-items:center;gap:20px;height:76px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo svg{width:32px;height:32px;flex:none}
.logo b{font-family:var(--f-d);font-weight:800;font-size:21px;letter-spacing:-.04em;line-height:1;display:block}
.logo i{font-style:normal;font-weight:700;font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3);display:block;margin-top:3px}
.nav-links{display:flex;gap:22px;margin-left:auto;font-size:15.5px;font-weight:600;color:var(--ink-2)}
.nav-links a{white-space:nowrap}
.nav-links a:hover{color:var(--blue)}
.nav-phone{font-family:var(--f-d);font-weight:700;font-size:16.5px;letter-spacing:-.02em;white-space:nowrap}
.nav .btn{padding:11px 17px;font-size:15px;white-space:nowrap}
.nav-toggle{display:none;border:2px solid var(--edge);background:var(--paper);color:var(--ink);border-radius:4px;padding:9px 13px;font-weight:700;font-size:13px;cursor:pointer;font-family:var(--f-b)}

/* --- language + theme controls --- */
.ctrls{display:flex;align-items:center;gap:8px;flex:none}
.lang{display:flex;border:2px solid var(--edge);border-radius:4px;overflow:hidden}
.lang button{font-family:var(--f-b);font-weight:700;font-size:12.5px;letter-spacing:.06em;padding:7px 10px;border:none;background:var(--paper);color:var(--ink-3);cursor:pointer;transition:background .14s ease,color .14s ease}
.lang button+button{border-left:2px solid var(--edge)}
.lang button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.theme-btn{width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--edge);border-radius:4px;background:var(--paper);color:var(--ink);cursor:pointer;flex:none}
.theme-btn:hover{background:var(--slab)}
.theme-btn .moon{display:none}
:root[data-theme="dark"] .theme-btn .moon{display:block}
:root[data-theme="dark"] .theme-btn .sun{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .theme-btn .moon{display:block}
  :root:not([data-theme="light"]) .theme-btn .sun{display:none}
}

/* --- hero --- */
.hero{border-bottom:2px solid var(--edge);background:linear-gradient(180deg,var(--grad-a) 0%,var(--grad-b) 100%)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,5vw,60px);align-items:center;padding-block:clamp(48px,7vw,86px)}
.hero h1{font-size:clamp(36px,5.8vw,63px);letter-spacing:-.04em}
.hero .lede{margin-top:20px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-proof{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:14.5px;font-weight:600;color:var(--ink-2)}
.hero-proof span{display:flex;align-items:center;gap:8px}
.tick{width:18px;height:18px;border-radius:50%;background:var(--green-wash);color:var(--green);display:grid;place-items:center;flex:none}

/* --- call log --- */
.log{padding:0;overflow:hidden}
.log-top{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:2px solid var(--edge);background:var(--invert-bg);color:var(--invert-fg)}
.log-top b{font-family:var(--f-d);font-size:14px}
.log-top .badge{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--amber);color:var(--amber-ink);padding:3px 9px;border-radius:3px}
.lr{display:flex;align-items:center;gap:13px;padding:14px 18px;border-bottom:1px solid var(--rule)}
.lr:last-child{border-bottom:none}
.lr .ico{width:32px;height:32px;border-radius:4px;display:grid;place-items:center;flex:none}
.lr.miss .ico{background:var(--red-wash);color:var(--red)}
.lr.won .ico{background:var(--green-wash);color:var(--green)}
.lr .who{font-weight:700;font-size:15px}
.lr .when{font-size:13px;color:var(--ink-3);font-weight:500}
.lr .out{margin-left:auto;text-align:right;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.lr.miss .out{color:var(--red)}
.lr.won .out{color:var(--green)}
.lr .val{display:block;font-family:var(--f-d);font-size:15px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.log-foot{padding:14px 18px;background:var(--amber-wash);border-top:2px solid var(--edge);font-size:14px;font-weight:600;color:var(--ink)}
.log-foot b{font-family:var(--f-d);font-size:16px}


/* --- calculator --- */
.calc-sec{background:var(--invert-bg);color:var(--invert-fg);border-block:2px solid var(--edge)}
.calc-sec .kicker{color:var(--amber)}
.calc-sec .lede{color:var(--invert-muted)}
.calc-sec h2{color:var(--invert-fg)}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(24px,4vw,44px);align-items:start}
.dials{display:flex;flex-direction:column;gap:26px}
.dial label{display:flex;align-items:baseline;gap:12px;font-weight:600;font-size:16px;color:var(--invert-muted)}
.dial output{margin-left:auto;font-family:var(--f-d);font-weight:800;font-size:24px;letter-spacing:-.03em;color:var(--amber);font-variant-numeric:tabular-nums}
.dial input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--invert-track);margin-top:14px;outline:none}
.dial input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--amber);border:3px solid var(--invert-bg);cursor:pointer;box-shadow:0 0 0 2px var(--amber)}
.dial input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--amber);border:3px solid var(--invert-bg);cursor:pointer}
.dial .hint{font-size:13px;color:var(--invert-muted);opacity:.75;margin-top:8px}
.result{background:var(--amber);color:var(--amber-ink);border:2px solid var(--amber);border-radius:4px;box-shadow:8px 8px 0 rgba(255,180,0,.22);padding:30px 28px;display:flex;flex-direction:column;gap:10px}
.result .lab{font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.result .big{font-family:var(--f-d);font-weight:800;font-size:clamp(40px,6.2vw,64px);letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.result .sub{font-size:15.5px;font-weight:600;border-top:2px solid rgba(11,20,32,.22);padding-top:14px;margin-top:6px}
.result .fine{font-size:12.5px;line-height:1.5;color:var(--amber-fine)}
.result .btn{margin-top:8px;background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 rgba(11,20,32,.35)}

/* --- before / after --- */
.ba{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--edge);border-radius:4px;overflow:hidden;box-shadow:6px 6px 0 var(--shadow)}
.ba-col:first-child{border-right:2px solid var(--edge)}
.ba-head{padding:18px 24px;font-family:var(--f-d);font-weight:800;font-size:18px;letter-spacing:-.02em;border-bottom:2px solid var(--edge);display:flex;align-items:center;gap:10px}
.ba-col.before .ba-head{background:var(--red-wash);color:var(--red)}
.ba-col.after .ba-head{background:var(--green-wash);color:var(--green)}
.ba-col ul{margin:0;padding:0;list-style:none}
.ba-col li{padding:16px 24px;border-bottom:1px solid var(--rule);font-size:15.5px;display:flex;gap:11px;align-items:flex-start;min-height:74px;color:var(--ink-2)}
.ba-col li:last-child{border-bottom:none}
.ba-col li svg{flex:none;margin-top:4px}
.ba-col.before li svg{color:var(--red)}
.ba-col.after li svg{color:var(--green)}

/* --- what we build --- */
.jobs{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.job{padding:28px 26px;display:flex;flex-direction:column;gap:12px;background:var(--paper);border:2px solid var(--edge);border-radius:4px;box-shadow:5px 5px 0 var(--shadow);transition:transform .14s ease,box-shadow .14s ease}
.job:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--blue)}
.job .num{font-family:var(--f-d);font-weight:800;font-size:13px;letter-spacing:.1em;color:var(--blue)}
.job h3{font-size:24px}
.job p{color:var(--ink-2);font-size:16px}
.job .tech{font-size:13.5px;font-weight:600;color:var(--ink-3);border-top:1px solid var(--rule);padding-top:12px;margin-top:4px}

/* --- local --- */
.local{background:var(--slab);border-block:2px solid var(--edge)}
.local-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(26px,4vw,52px);align-items:center}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--edge);border:2px solid var(--edge);border-radius:4px;overflow:hidden}
.fact{background:var(--paper);padding:22px 20px}
.fact b{display:block;font-family:var(--f-d);font-weight:800;font-size:30px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.fact span{font-size:13.5px;font-weight:600;color:var(--ink-3)}

/* --- pricing --- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.tier{display:flex;flex-direction:column;gap:16px;padding:28px 26px;background:var(--paper);border:2px solid var(--edge);border-radius:4px;box-shadow:5px 5px 0 var(--shadow)}
.tier.pick{background:var(--deep);color:var(--deep-fg);border-color:var(--deep-edge);box-shadow:5px 5px 0 var(--deep-edge)}
.tier.pick .who,.tier.pick li{color:var(--deep-muted)}
.tier .flag{align-self:flex-start;background:var(--amber);color:var(--amber-ink);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:3px}
.tier h3{font-size:23px}
.tier .who{font-size:14.5px;color:var(--ink-2);font-weight:600}
.tier .amt{font-family:var(--f-d);font-weight:800;font-size:36px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}
.tier .amt small{display:block;font-family:var(--f-b);font-size:13.5px;font-weight:600;letter-spacing:0;margin-top:6px;opacity:.75}
.tier ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--ink-2)}
.tier li{display:flex;gap:9px;align-items:flex-start}
.tier li svg{flex:none;margin-top:4px;color:var(--blue)}
.tier.pick li svg{color:var(--amber)}
.tier .btn{margin-top:auto;width:100%}
.tier.pick .btn{background:var(--amber);color:var(--amber-ink);border-color:var(--amber-ink);box-shadow:4px 4px 0 rgba(0,0,0,.35)}
.note{margin-top:22px;font-size:14.5px;color:var(--ink-3);font-weight:600}

/* --- faq --- */
details{border-bottom:2px solid var(--edge)}
details:first-of-type{border-top:2px solid var(--edge)}
summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;gap:16px;align-items:center;font-family:var(--f-d);font-weight:700;font-size:19px;letter-spacing:-.02em}
summary::-webkit-details-marker{display:none}
summary::after{content:"";margin-left:auto;width:15px;height:15px;flex:none;border-right:3px solid var(--blue);border-bottom:3px solid var(--blue);transform:rotate(45deg) translateY(-4px);transition:transform .2s ease}
details[open] summary::after{transform:rotate(-135deg) translateY(-4px)}
details p{padding:0 0 24px;color:var(--ink-2);max-width:72ch;font-size:16.5px}

/* --- close --- */
.close{background:var(--deep);color:var(--deep-fg);border-block:2px solid var(--edge)}
.close h2{font-size:clamp(30px,5vw,52px);color:var(--deep-fg)}
.close p{color:var(--deep-muted);font-size:18px;max-width:56ch;margin-top:16px}
.close .row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.close .btn-amber{background:var(--amber);color:var(--amber-ink);border-color:var(--amber-ink);box-shadow:4px 4px 0 rgba(0,0,0,.4)}
.close .btn-amber:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(0,0,0,.4)}
.close .btn-line{background:var(--paper);color:var(--ink);border-color:var(--amber-ink);box-shadow:4px 4px 0 rgba(0,0,0,.4)}

/* --- footer --- */
.foot{background:var(--invert-bg);color:var(--invert-muted);padding-block:52px 26px}
.foot .logo b{color:var(--invert-fg)}
.foot .logo i{color:var(--ink-3)}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:34px}
.foot h5{font-family:var(--f-b);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 15px}
.foot ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px}
.foot a:hover{color:var(--invert-fg)}
.fbot{margin-top:42px;padding-top:20px;border-top:1px solid var(--invert-rule);display:flex;flex-wrap:wrap;gap:14px;font-size:13.5px;color:var(--ink-3)}
.fbot .sp{margin-left:auto}

@media (max-width:1320px){ .nav-links{gap:16px;font-size:14.8px} }
@media (max-width:1180px){ .nav-phone{display:none} }
@media (max-width:1040px){ .nav-links{gap:13px;font-size:14px} .nav-in{gap:14px} }
@media (max-width:960px){
  .hero-in,.calc,.local-in{grid-template-columns:1fr}
  .tiers{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .nav-links,.nav .btn{display:none}
  .nav-toggle{display:block;margin-left:auto}
  .nav-in{gap:12px}
}
@media (max-width:660px){
  body{font-size:16.5px}
  .jobs{grid-template-columns:1fr}
  .ba{grid-template-columns:1fr}
  .ba-col:first-child{border-right:none;border-bottom:2px solid var(--edge)}
  .facts{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .hero-cta .btn,.close .row .btn{width:100%}
  .logo i{display:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* =========================================================
   WordPress-specific: blog, pages, comments, admin bar
   ========================================================= */
.admin-bar .nav{top:32px}
@media (max-width:782px){.admin-bar .nav{top:46px}}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:10px;left:10px;z-index:999;background:var(--paper);color:var(--ink);padding:12px 18px;border:2px solid var(--edge);border-radius:4px;width:auto;height:auto;clip:auto}

.page-hero{background:var(--slab);border-bottom:2px solid var(--edge);padding-block:clamp(44px,6vw,76px)}
.page-hero h1{font-size:clamp(32px,5vw,54px)}
.page-hero .kicker{margin-bottom:14px}
.page-hero .meta{margin-top:16px;font-size:14.5px;font-weight:600;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:8px 18px}

.content{max-width:none}
.entry{max-width:72ch;font-size:17.5px}
.entry > *+*{margin-top:1.15em}
.entry h2{font-size:clamp(25px,3.2vw,34px);margin-top:1.8em}
.entry h3{font-size:clamp(20px,2.4vw,25px);margin-top:1.6em}
.entry p{color:var(--ink-2)}
.entry a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.entry ul,.entry ol{padding-left:1.3em;color:var(--ink-2)}
.entry li+li{margin-top:.5em}
.entry img,.entry iframe{max-width:100%;height:auto;border:2px solid var(--edge);border-radius:4px}
.entry blockquote{border-left:4px solid var(--amber);padding:4px 0 4px 20px;margin-left:0;font-size:19px;color:var(--ink)}
.entry code{font-family:ui-monospace,Menlo,monospace;font-size:.9em;background:var(--slab);padding:2px 6px;border-radius:3px}
.entry pre{background:var(--invert-bg);color:var(--invert-fg);padding:18px;border-radius:4px;overflow-x:auto}
.entry table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.entry th,.entry td{border:1px solid var(--rule);padding:10px 12px;text-align:left}
.entry figcaption{font-size:13.5px;color:var(--ink-3);margin-top:8px}

.postlist{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--paper);border:2px solid var(--edge);border-radius:4px;box-shadow:5px 5px 0 var(--shadow);transition:transform .14s ease,box-shadow .14s ease}
.post-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--blue)}
.post-card .thumb{margin:-24px -24px 4px;border-bottom:2px solid var(--edge);aspect-ratio:16/9;overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-card time{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.post-card h3{font-size:20px}
.post-card p{font-size:15px;color:var(--ink-2)}
.post-card .more{margin-top:auto;font-weight:700;font-size:14.5px;color:var(--blue)}

.pager{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px;align-items:center}
.pager .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:2px solid var(--edge);border-radius:4px;font-weight:700;font-size:15px;background:var(--paper)}
.pager .page-numbers.current{background:var(--ink);color:var(--paper)}

.sixteen-nine{aspect-ratio:16/9}
.hero-in .log{max-width:100%}
.wp-caption{max-width:100%}
.alignleft{float:left;margin:0 24px 16px 0}
.alignright{float:right;margin:0 0 16px 24px}
.aligncenter{display:block;margin-inline:auto}

@media (max-width:900px){.postlist{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.postlist{grid-template-columns:1fr}}

/* =========================================================
   Inner pages: services, about, contact
   ========================================================= */
.inner-hero{background:linear-gradient(180deg,var(--grad-a),var(--grad-b));border-bottom:2px solid var(--edge);padding-block:clamp(48px,6.5vw,84px)}
.inner-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4.5vw,56px);align-items:center}
.inner-hero h1{font-size:clamp(33px,5vw,55px);letter-spacing:-.038em;margin:16px 0 18px}
.inner-hero .hero-cta{margin-top:26px}

.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pain{padding:24px;border:2px solid var(--edge);border-radius:4px;background:var(--paper);box-shadow:5px 5px 0 var(--shadow);display:flex;flex-direction:column;gap:10px}
.pain .q{font-family:var(--f-d);font-weight:800;font-size:17.5px;letter-spacing:-.02em;color:var(--red)}
.pain p{font-size:15px;color:var(--ink-2)}

.gets{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--edge);border:2px solid var(--edge);border-radius:4px;overflow:hidden}
.get{background:var(--paper);padding:24px 22px;display:flex;flex-direction:column;gap:9px}
.get h4{font-size:18px}
.get p{font-size:15px;color:var(--ink-2)}
.get .tick-row{display:flex;align-items:center;gap:9px;font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}

.flow{display:flex;flex-direction:column;gap:0;border:2px solid var(--edge);border-radius:4px;overflow:hidden}
.flow-step{display:grid;grid-template-columns:88px 1fr;gap:22px;padding:22px 24px;border-bottom:1px solid var(--rule);background:var(--paper);align-items:start}
.flow-step:last-child{border-bottom:none}
.flow-step .st{font-family:var(--f-d);font-weight:800;font-size:13px;letter-spacing:.1em;color:var(--blue);padding-top:3px}
.flow-step h4{font-size:18px;margin-bottom:6px}
.flow-step p{font-size:15.5px;color:var(--ink-2)}

.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.ccard{display:flex;flex-direction:column;gap:12px;padding:30px 28px;border:2px solid var(--edge);border-radius:4px;background:var(--paper);box-shadow:6px 6px 0 var(--shadow);transition:transform .14s ease,box-shadow .14s ease}
.ccard:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--blue)}
.ccard .lab{font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.ccard .big{font-family:var(--f-d);font-weight:800;font-size:clamp(24px,3.2vw,33px);letter-spacing:-.035em;word-break:break-word}
.ccard p{font-size:15px;color:var(--ink-2)}

.side-note{border-left:4px solid var(--amber);padding:4px 0 4px 20px;font-size:17px}
.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,4vw,48px)}
.crumb{font-size:13.5px;font-weight:600;color:var(--ink-3);display:flex;gap:8px;flex-wrap:wrap}
.crumb a:hover{color:var(--blue)}

@media (max-width:960px){
  .inner-hero-in,.two-col{grid-template-columns:1fr}
  .pains{grid-template-columns:1fr}
  .gets{grid-template-columns:1fr}
  .contact-cards{grid-template-columns:1fr}
}
@media (max-width:560px){
  .flow-step{grid-template-columns:1fr;gap:6px}
}