/* TechyUpdate homepage — Midnight + Amber */
body{overflow-x:clip}
.tuh{--navy:#0E1424;--blue:#2F6BFF;--link:#1F5AF0;--amber:#FFB224;--on-amber:#1F1300;--ink:#101828;--body:#3D4759;--muted:#5F6879;
  --ground:#FAF8F4;--surface:#fff;--line:#ECE7DD;--img:#EDE8DD;--icon:#EAF0FF;
  font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--ground);
  width:100vw;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:0!important;font-size:17px;line-height:1.55}
.tuh button{box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important}
.tuh *{box-sizing:border-box}
.tuh a{text-decoration:none;color:inherit}
.tuh h1,.tuh h2,.tuh .tuh-h3{font-family:Sora,"Source Sans 3",sans-serif;color:inherit;letter-spacing:-.01em;margin:0}
.tuh h2{font-size:28px;line-height:1.2}
.tuh p{margin:0}
.tuh-wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.tuh-sr{position:absolute!important;left:-9999px!important}
.tuh-hp{position:absolute!important;left:-9999px!important;height:1px;width:1px}
.tuh-bar{background:var(--amber);color:var(--on-amber);font-size:15px}
.tuh-bar .tuh-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;padding-top:9px;padding-bottom:9px}
.tuh-bar a{text-decoration:underline;font-weight:700}

.tuh-hero{background:var(--navy);color:#fff}
.tuh-hero-in{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}
.tuh-hero-main{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}
.tuh-chip{align-self:flex-start;padding:6px 12px;border-radius:999px;background:#2A3550;color:#FFD27A;font-size:13px;font-weight:700;letter-spacing:.06em}
.tuh-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.06;font-weight:800;color:#fff}
.tuh-sub{font-size:19px;color:#B9C1D3;max-width:600px}
.tuh-search{display:flex;flex-wrap:wrap;gap:10px;max-width:620px;margin:0}
.tuh-search input{flex:1 1 280px;min-width:0;padding:16px 18px;font-size:16px;border:1px solid #2E3A57;border-radius:12px;font-family:inherit;background:#fff;color:#0f172a}
.tuh-search button,.tuh-news button{padding:16px 24px;background:var(--blue)!important;color:#fff!important;border:0;border-radius:12px;font-weight:700;font-size:16px;font-family:inherit;cursor:pointer}
.tuh-search button:hover{background:#1F5AF0!important}
.tuh-search button,.tuh-news button{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.2!important;height:52px!important;padding:0 24px!important;margin:0!important;vertical-align:middle}
.tuh-search input{height:52px!important;margin:0!important;line-height:1.2!important}
.tuh-news button,.tuh-news input[type=email]{height:48px!important}
.tuh-pop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.tuh-pop span{color:#B9C1D3}
.tuh-pop a{padding:7px 12px;border-radius:999px;border:1px solid #2E3A57;color:#fff}
.tuh-pop a:hover{border-color:var(--amber)}
.tuh-picks{flex:1 1 340px;min-width:0;background:#fff;color:var(--ink);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px}
.tuh-picks-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.tuh-picks-h strong{font-family:Sora,sans-serif;font-size:18px}
.tuh-picks-h span{font-size:13px;color:var(--muted)}
.tuh-pick{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#F6F4EF;border-radius:12px}
.tuh-pick-t{display:flex;flex-direction:column;flex:1;min-width:0}
.tuh-pick-t strong{font-size:15px}.tuh-pick-t span{font-size:13px;color:var(--muted)}
.tuh-more{font-size:13px;font-weight:700;color:var(--link)}

.tuh-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
a.tuh-card:hover{border-color:#D6CDBB;box-shadow:0 6px 20px rgba(16,24,40,.06)}
.tuh-pad{padding:22px;display:flex;flex-direction:column;gap:10px}
.tuh-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--link)}
.tuh-meta,.tuh small,.tuh-note{font-size:13px;color:var(--muted)}
.tuh-img{height:auto;aspect-ratio:16/9;background:var(--img);display:flex;align-items:center;justify-content:center;color:var(--muted);overflow:hidden}
.tuh-img{position:relative}
.tuh .tuh-img img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block}
.tuh-img-lg{height:auto}
.tuh-img span{padding:20px;text-align:center;font-family:Sora,sans-serif;font-weight:700}

.tuh-feat-row{display:flex;flex-wrap:wrap;gap:24px;padding-top:40px;padding-bottom:16px}
.tuh-feat{flex:999 1 540px;min-width:0}
.tuh-feat h2{font-size:clamp(26px,3vw,34px);line-height:1.15;font-weight:800}
.tuh-feat p{color:var(--body)}
.tuh-trend{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:10px}
.tuh-h3{font-size:19px;font-weight:700}
.tuh-trend-i{flex-direction:row;gap:14px;padding:14px 16px}
.tuh-trend-i strong{display:block;font-size:16px;line-height:1.35}
.tuh-num{font-family:Sora,sans-serif;font-size:22px;font-weight:800;color:var(--link);min-width:28px}

.tuh-sec{padding-top:40px;padding-bottom:16px}
.tuh-sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.tuh-sec-h a{font-weight:700;color:var(--link)}
.tuh-sec h2{margin-bottom:18px}.tuh-sec-h h2{margin:0}
.tuh-grid{display:grid;gap:16px}
.tuh-g200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.tuh-g250{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.tuh-g260{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

.tuh-deal{padding:22px;gap:12px}
.tuh-deal-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tuh-deal-h strong{font-size:17px}
.tuh-badge{padding:4px 9px;border-radius:8px;background:var(--amber);color:var(--on-amber);font-size:12px;font-weight:700}
.tuh-deal p{color:var(--body);font-size:15px}
.tuh-btn{text-align:center;padding:12px;background:var(--blue);color:#fff!important;border-radius:10px;font-weight:700}
.tuh-btn:hover{background:#1F5AF0}

.tuh-cat{padding:20px;gap:8px}
.tuh-cat strong{font-size:17px}
.tuh-ico{width:36px;height:36px;border-radius:10px;background:var(--icon);color:var(--blue);display:flex;align-items:center;justify-content:center}

.tuh-row{display:flex;flex-wrap:wrap;gap:24px}
.tuh-col{flex:1 1 380px;min-width:0}
.tuh-col-wide{flex:999 1 540px}
.tuh-vs{flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:20px 14px;font-family:Sora,sans-serif;font-weight:700;font-size:16px;text-align:center}
.tuh-vs-b{padding:3px 8px;background:var(--navy);color:var(--amber);border-radius:7px;font-size:12px}
.tuh-table-box{overflow-x:auto}
.tuh-table-box h2{font-size:24px;margin-bottom:6px}
.tuh table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;margin:0;border:0}
.tuh th{text-align:left;color:var(--muted);font-size:13px;letter-spacing:.05em;text-transform:uppercase;padding:10px;border:0;border-bottom:1px solid var(--line);background:none}
.tuh td{padding:12px 10px;border:0;border-bottom:1px solid var(--line)}
.tuh td a{font-weight:700;color:var(--link)}

.tuh-post .tuh-post-t{font-size:18px;line-height:1.35}
.tuh-post p{font-size:15px;color:var(--body)}

.tuh-faq{padding:18px 20px;margin-bottom:10px;display:block}
.tuh-faq summary{font-weight:700;font-size:17px;cursor:pointer}
.tuh-faq p{margin-top:10px;color:var(--body)}
.tuh-trust{display:flex;flex-direction:column;gap:12px}
.tuh-trust p{color:var(--body);font-size:15px}
.tuh-trust a{font-weight:700;color:var(--link)}

.tuh-news{background:var(--navy);color:#fff;border-radius:22px;padding:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}
.tuh-news>div{display:flex;flex-direction:column;gap:8px;max-width:560px}
.tuh-news strong{font-family:Sora,sans-serif;font-size:28px}
.tuh-news span{color:#B9C1D3}
.tuh-news .tuh-ok{color:var(--amber);font-weight:700}
.tuh-news form{display:flex;flex-wrap:wrap;gap:10px;flex:0 1 440px;margin:0}
.tuh-news input[type=email]{flex:1 1 220px;min-width:0;padding:14px 16px;border:0;border-radius:10px;font-family:inherit;font-size:15px}
.tuh-news button{background:var(--amber)!important;color:var(--on-amber)!important;padding:14px 22px;border-radius:10px}

.tuh-marks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:-28px;position:relative}
.tuh-mark{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.tuh-mark strong{display:block;font-family:Sora,sans-serif;font-size:17px}
.tuh-mark small{font-size:14px;color:var(--muted)}
@media (max-width:600px){
  .tuh-hero-in{padding-top:40px;padding-bottom:40px}
  .tuh-news{padding:26px}
  .tuh-img-lg{height:auto}
  .tuh-wrap{padding-left:16px;padding-right:16px}
}

/* v1.7.1: richer cards */
a.tuh-mark{color:inherit}a.tuh-mark:hover{border-color:#D6CDBB}
.tuh .tuh-stats{margin:18px auto 0;width:100%;font-size:14px;color:var(--muted);text-align:center}
.tuh-cat{padding:20px;gap:10px}
.tuh-cat-h{display:flex;gap:12px;align-items:center}
.tuh-cat-h strong{display:block;font-size:17px}.tuh-cat-h small{font-size:13px;color:var(--muted)}
.tuh-cat-d{font-size:14px;color:var(--body)}
.tuh-cat-l{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px}
.tuh-cat-l li{padding-left:14px;position:relative}.tuh-cat-l li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--amber)}
.tuh-cat-l a:hover,.tuh-more:hover{text-decoration:underline}
.tuh-vs2{gap:8px;padding:0 0 16px}
.tuh-vs2>small,.tuh-vs2>.tuh-more,.tuh-vs-t{padding:0 16px}
.tuh-img-sm{height:auto}
.tuh-vs-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:Sora,sans-serif;font-weight:700;font-size:16px;padding-top:12px}
.tuh-vs2>small{font-size:13px;color:var(--muted)}
.tuh-tool{gap:10px}
.tuh-tool-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.tuh-tool-h strong{font-family:Sora,sans-serif;font-size:18px}.tuh-tool-h small{font-size:12px;color:var(--muted)}
.tuh-tool p{font-size:15px;color:var(--body)}
.tuh-best span{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--icon);color:var(--link);font-size:12px;font-weight:700;margin-right:4px}
.tuh-tool-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.tuh-tool-a .tuh-btn{flex:1 1 120px;padding:10px 12px}
.tuh-btn-ghost{background:#fff!important;color:var(--link)!important;border:1px solid var(--line)}

/* Latest tool updates */
.tuh-upd-sub{color:var(--muted);font-size:15px}
.tuh-upd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.tuh-upd-list a{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.tuh-upd-list a:hover strong{color:var(--link)}
.tuh-upd-list time{flex:0 0 auto;background:var(--navy);color:#fff;font-weight:700;font-size:13px;border-radius:6px;padding:4px 8px;white-space:nowrap}
.tuh-upd-list span{min-width:0;display:flex;flex-direction:column;gap:2px}
.tuh-upd-list strong{font-size:16px;line-height:1.3}
.tuh-upd-list small{color:var(--body);font-size:14px}
@media (max-width:480px){.tuh-upd-list{grid-template-columns:1fr}}

/* v2.2.0 tool icon wall */
.tuh .tuh-wall{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.tuh .tuh-wall-i{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;background:#fff;border:1px solid #e3e8f0;border-radius:14px;text-decoration:none;color:#0e1a33;text-align:center;transition:transform .15s,box-shadow .15s,border-color .15s}
.tuh .tuh-wall-i:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(14,26,51,.10);border-color:#bcd0ff}
.tuh .tuh-wall-i img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(14,26,51,.14))}
.tuh .tuh-wall-i strong{font-size:14px;line-height:1.25;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tuh .tuh-wall-i small{font-size:11.5px;color:#5b6b86;text-transform:uppercase;letter-spacing:.05em}

.tuh .tuh-upd-list.tuh-upd-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.tuh .tuh-upd-list.tuh-upd-2{grid-template-columns:1fr}}
@media(max-width:1000px){.tuh .tuh-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tuh .tuh-wall-i{padding:12px 6px}.tuh .tuh-wall-i img{width:46px;height:46px}.tuh .tuh-wall-i strong{font-size:12.5px}}
@media(max-width:600px){.tuh .tuh-wall{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:116px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}.tuh .tuh-wall-i{scroll-snap-align:start;padding:12px 4px}.tuh .tuh-wall-i strong{font-size:12.5px}}

/* v2.2.3 interactive dots behind the hero */
.tuh .tuh-hero{position:relative;overflow:hidden;isolation:isolate}
.tuh .tuh-hero>canvas.tuh-dots{position:absolute;inset:0;z-index:0;pointer-events:none}
.tuh .tuh-hero>.tuh-hero-in{position:relative;z-index:1}
.tuh .tuh-deal{display:flex;flex-direction:column}.tuh .tuh-deal>a:last-child,.tuh .tuh-deal>.tuh-btn{margin-top:auto}

/* v2.3.0 hero: accent line, live chip, four promises, "Fresh on TechyUpdate" */
.tuh .tuh-accent{display:block;background:linear-gradient(90deg,#FFB224,#FFD27A);-webkit-background-clip:text;background-clip:text;color:transparent}
.tuh .tuh-chip{display:inline-flex;align-items:center;gap:8px}
.tuh .tuh-live{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:tuhLive 1.8s infinite;display:inline-block;flex:0 0 8px}
@keyframes tuhLive{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media (prefers-reduced-motion:reduce){.tuh .tuh-live{animation:none}}
.tuh .tuh-promise{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;color:#C9D2E4;font-size:14.5px}
.tuh .tuh-promise li{display:inline-flex;align-items:center;gap:7px}
.tuh .tuh-promise svg{color:#FFB224;flex:0 0 16px}
.tuh .tuh-fresh{flex:1 1 340px;min-width:0;max-width:440px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:6px}
.tuh .tuh-fresh-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.tuh .tuh-fresh-h strong{font-family:Sora,sans-serif;font-size:17px;color:#fff}
.tuh .tuh-fresh-h span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9fe3b5}
.tuh .tuh-fresh-i{display:flex;gap:12px;align-items:center;padding:9px;border-radius:12px;text-decoration:none;color:#fff;transition:background .15s}
.tuh .tuh-fresh-i:hover{background:rgba(255,255,255,.08)}
.tuh .tuh-fresh-i img,.tuh .tuh-fresh-l{width:40px;height:40px;border-radius:10px;flex:0 0 40px;object-fit:cover}
.tuh .tuh-fresh-l{display:flex;align-items:center;justify-content:center;background:#2A3550;color:#FFD27A;font-weight:800}
.tuh .tuh-fresh-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.tuh .tuh-fresh-t strong{font-size:14px;line-height:1.3;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tuh .tuh-fresh-t small{font-size:12px;color:#9AA6BF}
.tuh .tuh-fresh-t b{font-weight:700;margin-right:4px}.tuh .tuh-fresh-t b.is-new{color:#22c55e}.tuh .tuh-fresh-t b.is-upd{color:#FFB224}
@media(max-width:900px){.tuh .tuh-fresh{max-width:none}}

/* v2.3.1 "Today's best deals" in the hero */
.tuh .tuh-hdeal{align-items:center}
.tuh .tuh-hdeal .tuh-fresh-t{flex:1 1 auto}
.tuh .tuh-hdeal .tuh-fresh-t small{color:#C9D2E4;font-size:12.5px;line-height:1.35}
.tuh .tuh-code{align-self:flex-start;margin-top:4px;font:700 11.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:#FFD27A;background:transparent;border:1px dashed rgba(255,210,122,.6);border-radius:6px;padding:4px 7px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tuh .tuh-code:hover{background:rgba(255,210,122,.12)}.tuh .tuh-code.ok{color:#22c55e;border-color:#22c55e}
.tuh .tuh-hdeal-go{flex:0 0 auto;background:#2f6bff;color:#fff!important;text-decoration:none!important;font-weight:700;font-size:13px;padding:8px 12px;border-radius:9px;white-space:nowrap}
.tuh .tuh-hdeal-go:hover{background:#1f5eff}
.tuh .tuh-hdeals-all{align-self:flex-end;margin-top:4px;color:#FFD27A!important;font-weight:700;font-size:13.5px;text-decoration:none!important}

.tuh .tuh-fresh-h .tuh-hdeals-n{font-size:12px;font-weight:600;color:#9AA6BF;letter-spacing:0;text-transform:none}

/* v2.3.3 */
.tuh .tuh-hdeals-n{display:inline-flex;align-items:center;gap:7px}
.tuh .tuh-honest{display:flex!important;flex-direction:row;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:#9AA6BF;max-width:640px}
.tuh .tuh-honest svg{color:#22c55e;flex:0 0 15px;margin-top:2px}
.tuh .tuh-honest a{color:#C9D2E4;text-decoration:underline;text-underline-offset:3px}
.tuh .tuh-deal-b{display:inline-flex;align-items:center;gap:10px;min-width:0}
.tuh .tuh-deal-b img{width:32px;height:32px;border-radius:8px;flex:0 0 32px}
/* the Deals page sits inside the theme's content column (with its sidebar) — no full-width band there */
.tuh.tuh-inpage{width:auto;max-width:100%!important;margin:0!important;background:transparent}
.tuh.tuh-inpage .tuh-sec{padding:0}
.tuh.tuh-inpage .tuh-g250{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.tuh.tuh-inpage .tuh-sec>p{margin-bottom:18px}