/* Only on F4Fit — feature pages. Uses the site's tokens with safe fallbacks. */
.uq{--uqc:var(--cream,#FCF3EC);--uqm:var(--muted,#9A9899);--uql:var(--line-2,rgba(255,255,255,.12));--uqo:var(--orange,#F6551F);--uqs:rgba(255,255,255,.04);max-width:960px}
.uq-back{display:inline-block;color:var(--uqm);text-decoration:none;font-weight:600;margin-bottom:14px}
.uq-back:hover{color:var(--uqc)}
.uq-hero{display:flex;gap:20px;align-items:center;padding:26px;border-radius:26px;background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--c) 45%,transparent),transparent 60%),var(--uqs);border:1px solid var(--uql);margin-bottom:22px}
.uq-hero h1{font-size:clamp(28px,4.5vw,44px);margin:4px 0 6px;line-height:1.1}
.uq-hero p{margin:0;font-size:18px;max-width:58ch}
.uq-emo{flex:none;width:84px;height:84px;border-radius:24px;display:grid;place-items:center;font-size:44px;background:color-mix(in srgb,var(--c) 22%,transparent);border:1px solid color-mix(in srgb,var(--c) 50%,transparent)}
.uq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.uq-box{background:var(--uqs);border:1px solid var(--uql);border-radius:22px;padding:20px;min-width:0}
.uq-box h2,.uq-box h3{margin:0 0 10px;font-size:20px}
.uq-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.07);font-size:14px;font-weight:600}
.uq-pill.ok{background:rgba(34,197,94,.15);color:#6EE7A0}
.uq-big{font-size:clamp(34px,6vw,52px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.uq-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.uq-stat{flex:1;min-width:120px;background:rgba(255,255,255,.05);border-radius:16px;padding:14px}
.uq-stat small{display:block;color:var(--uqm)}
.uq label{display:block;font-weight:600;margin:10px 0 6px;color:var(--uqc)}
.uq input[type=text],.uq input[type=number],.uq input[type=email],.uq input[type=date],.uq select,.uq textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--uql);background:#0B0A0F;color:var(--uqc);font:inherit;font-size:16px}
.uq textarea{min-height:90px}
.uq input[type=range]{width:100%;accent-color:var(--uqo)}
.uq-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.uq-opt{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;border:2px solid var(--uql);background:rgba(255,255,255,.03);cursor:pointer;font-weight:600;color:var(--uqc);text-align:left;font:inherit}
.uq-opt[aria-pressed=true],.uq-opt:has(input:checked){border-color:var(--uqo);background:rgba(246,85,31,.1)}
.uq-opt input{accent-color:var(--uqo)}
.uq-msg{padding:12px 16px;border-radius:16px;margin:12px 0;font-weight:600}
.uq-msg.err{background:rgba(240,68,56,.14);color:#FF9A8A}
.uq-msg.ok{background:rgba(34,197,94,.14);color:#86EFAC}
.uq-mic{width:110px;height:110px;border-radius:50%;border:0;background:var(--uqo);color:#fff;font-size:46px;cursor:pointer;display:grid;place-items:center;margin:14px auto}
.uq-mic.rec{animation:uqring 1s infinite}
@keyframes uqring{0%{box-shadow:0 0 0 0 rgba(246,85,31,.7)}70%{box-shadow:0 0 0 22px rgba(246,85,31,0)}100%{box-shadow:0 0 0 0 rgba(246,85,31,0)}}
.uq-ring{width:200px;height:200px;border-radius:50%;margin:10px auto;display:grid;place-items:center;background:conic-gradient(var(--uqo) var(--p,0%),rgba(255,255,255,.08) 0);position:relative}
.uq-ring::after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--bg,#121016)}
.uq-ring>*{position:relative;z-index:1;text-align:center}
.uq-chat{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:6px 2px}
.uq-b{max-width:80%;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.07);white-space:pre-wrap;word-wrap:break-word}
.uq-b.me{align-self:flex-end;background:var(--uqo);color:#fff}
.uq-b small{display:block;opacity:.7;font-size:12px}
.uq-dots{display:flex;gap:6px;flex-wrap:wrap}
.uq-dot{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);font-weight:800;font-size:13px}
.uq-dot.on{background:var(--uqo);color:#fff}
.uq-tbl{width:100%;border-collapse:collapse}.uq-tbl td,.uq-tbl th{padding:9px 6px;border-bottom:1px solid var(--uql);text-align:left;font-variant-numeric:tabular-nums}
.uq-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px}
.uq-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:24px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--c) 30%,transparent),transparent 55%),rgba(255,255,255,.04);border:1px solid var(--uql);color:var(--uqc);text-decoration:none;transition:transform .2s,border-color .2s}
.uq-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 60%,transparent)}
.uq-card .e{font-size:40px;line-height:1}
.uq-card b{font-size:20px}.uq-card span{color:var(--uqm)}
.uq-card em{font-style:normal;color:var(--c);font-weight:800;margin-top:auto}
@media print{header,footer,nav,.uq-back,.uq-hero,.noprint,.promo-bar{display:none!important}body{background:#fff!important;color:#000!important}.uq-report{box-shadow:none!important}}
.uq-report{background:#FCF3EC;color:#1E1C21;border-radius:18px;padding:26px;font-size:15px}
.uq-report h2{color:#1E1C21;border-bottom:3px solid #F6551F;padding-bottom:10px;margin:0 0 12px}
.uq-report td,.uq-report th{border-color:#e5d9cf;color:#1E1C21}
.uq,.uq *{box-sizing:border-box}
/* ---------- designed icon tiles ---------- */
.uq-ic{flex:none;display:inline-grid;place-items:center;width:60px;height:60px;min-height:60px;max-height:84px;aspect-ratio:1/1;align-self:flex-start;border-radius:18px;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--c) 92%,#fff) 0%,var(--c) 45%,color-mix(in srgb,var(--c) 70%,#000) 100%);box-shadow:0 10px 26px color-mix(in srgb,var(--c) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.35);position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,1.4,.4,1)}
.uq-ic::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 62%);transform:translateX(-120%);animation:uqShine 5.5s ease-in-out infinite}
.uq-ic svg{width:32px;height:32px;position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.uq-ic.lg{width:84px;height:84px;min-height:84px;border-radius:24px}.uq-ic.lg svg{width:44px;height:44px}
.uq-card:hover .uq-ic,.uq-why:hover .uq-ic{transform:translateY(-3px) rotate(-4deg) scale(1.06)}
@keyframes uqShine{0%,70%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.uq-ic .a-flash{animation:uqFlash 2.6s infinite}@keyframes uqFlash{0%,80%,100%{opacity:.3;r:.9}86%{opacity:1;r:1.6}}
.uq-ic .a-w1{animation:uqWave 1.8s infinite}.uq-ic .a-w2{animation:uqWave 1.8s .3s infinite}@keyframes uqWave{0%,100%{opacity:.25}50%{opacity:1}}
.uq-ic .a-rise{animation:uqRise 3.2s ease-in-out infinite}@keyframes uqRise{0%,100%{transform:translateY(2.5px)}50%{transform:translateY(-.5px)}}
.uq-ic .a-draw{stroke-dasharray:60;stroke-dashoffset:60;animation:uqDraw 3.4s ease-in-out infinite}@keyframes uqDraw{0%{stroke-dashoffset:60}45%,75%{stroke-dashoffset:0}100%{stroke-dashoffset:-60}}
.uq-ic .a-tw1{transform-origin:17px 5.2px;animation:uqTw 2.2s infinite}.uq-ic .a-tw2{transform-origin:20.5px 9.2px;animation:uqTw 2.2s .9s infinite}@keyframes uqTw{0%,100%{transform:scale(.5);opacity:.4}50%{transform:scale(1.15);opacity:1}}
.uq-ic .a-bob{animation:uqBob 2.6s ease-in-out infinite}@keyframes uqBob{0%,100%{transform:translateY(.8px)}50%{transform:translateY(-.8px)}}
.uq-ic .a-beat{transform-origin:12px 12px;animation:uqBeat 1.4s infinite}@keyframes uqBeat{0%,100%{transform:scale(.85)}15%{transform:scale(1.25)}30%{transform:scale(.95)}45%{transform:scale(1.15)}}
.uq-ic .a-d1,.uq-ic .a-d2,.uq-ic .a-d3{animation:uqDot 1.3s infinite}.uq-ic .a-d2{animation-delay:.18s}.uq-ic .a-d3{animation-delay:.36s}@keyframes uqDot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-1.6px);opacity:1}}
.uq-ic .a-spin3d{transform-origin:12px 12px;animation:uqSpin3d 4s linear infinite}@keyframes uqSpin3d{0%{transform:scaleX(1)}25%{transform:scaleX(.15)}50%{transform:scaleX(-1)}75%{transform:scaleX(-.15)}100%{transform:scaleX(1)}}
.uq-ic .a-st1,.uq-ic .a-st2,.uq-ic .a-st3{animation:uqSteam 2.4s ease-in-out infinite}.uq-ic .a-st2{animation-delay:.4s}.uq-ic .a-st3{animation-delay:.8s}@keyframes uqSteam{0%{transform:translateY(1.5px);opacity:0}40%{opacity:1}100%{transform:translateY(-2px);opacity:0}}
.uq-ic .a-rot{transform-origin:12px 12px;animation:uqRot 6s cubic-bezier(.6,0,.4,1) infinite}@keyframes uqRot{0%,30%{transform:rotate(0)}60%,100%{transform:rotate(360deg)}}
.uq-ic .a-pulse{transform-origin:19px 12px;animation:uqPulse 1.6s infinite}@keyframes uqPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
@media (prefers-reduced-motion:reduce){.uq-ic *,.uq-ic::after{animation:none!important}.uq-ic .a-draw{stroke-dashoffset:0}}
/* ---------- phones: centre the feature cards and heroes ---------- */
@media (max-width:640px){
  .uq-hero{flex-direction:column;text-align:center;padding:22px 18px}
  .uq-hero p{margin-inline:auto}
  .uq-card,.uq-why{align-items:center;text-align:center}
  .uq-why{display:flex;flex-direction:column}
  .uq-hub,.uq-grid{grid-template-columns:1fr!important}
  .uq-why .uq-ic{margin-bottom:4px}
  .sec-head .eyebrow{display:inline-block}
}
.uq-why .uq-ic{margin-bottom:6px}
@media (max-width:640px){.uq-card .uq-ic,.uq-why .uq-ic,.uq-hero .uq-ic{align-self:center}}