/* TechyGeeksHome front page, 2026 layout (combined direction). Added 27 Sep 2026. */
.tfp{--tfp-bg:#0b0e13;--tfp-s1:#10161e;--tfp-s2:#121821;--tfp-line:#1f2935;--tfp-line2:#1c2430;--tfp-text:#e6edf3;--tfp-mute:#a9b6c6;--tfp-dim:#8b98a8;--tfp-green:#3fe07f;--tfp-amber:#f5b54a;--tfp-blue:#4c9bff;--tfp-serif:Fraunces,Georgia,"Times New Roman",serif;--tfp-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--tfp-sans:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--tfp-bg);color:var(--tfp-text);font-family:var(--tfp-sans);padding:40px 0 96px;line-height:1.5}
.tfp *{box-sizing:border-box}
.tfp a{color:var(--tfp-text);text-decoration:none}
.tfp a:hover{color:var(--tfp-green)}
.tfp a:focus-visible{outline:2px solid var(--tfp-green);outline-offset:3px;border-radius:6px}
.tfp .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}
.tfp-wrap{max-width:1300px;margin:0 auto;padding:0 24px}
.tfp-sec{margin-top:88px}
.tfp-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:26px}
.tfp-head h2{margin:0;font-family:var(--tfp-serif);font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--tfp-text)}
.tfp-head a{color:var(--tfp-green);font-size:15px;font-weight:600;white-space:nowrap}
.tfp-head p{margin:6px 0 0;color:var(--tfp-mute);font-size:16px}
.tfp-kicker{font-family:var(--tfp-mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase}

/* Hero */
.tfp-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}
.tfp-side{display:grid;grid-template-rows:1fr 1fr;gap:24px}
.tfp-card{position:relative;display:block;overflow:hidden;border-radius:18px;background:#0f1520;border:1px solid var(--tfp-line);isolation:isolate;transition:border-color .2s ease,transform .2s ease}
.tfp-card:hover{border-color:#2d3a4b;transform:translateY(-2px)}
.tfp-card svg.tfp-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;transition:transform .5s ease}
.tfp-card:hover svg.tfp-art{transform:scale(1.025)}
.tfp-card--big{min-height:560px}
.tfp-card--small{min-height:268px}
.tfp-card__body{position:absolute;left:0;right:0;bottom:0;padding:36px 40px;display:flex;flex-direction:column;gap:12px}
.tfp-card--small .tfp-card__body{padding:20px 24px;gap:8px}
.tfp-tag{align-self:flex-start;font-family:var(--tfp-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#07130b;background:var(--tfp-green);padding:5px 10px;border-radius:4px}
.tfp-card h2,.tfp-card h3{margin:0;font-family:var(--tfp-serif);font-weight:700;color:var(--tfp-text);letter-spacing:-.01em}
.tfp-card h2{font-size:44px;line-height:1.08;max-width:720px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tfp-card h3{font-size:22px;line-height:1.22;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tfp-card:hover h2,.tfp-card:hover h3{color:#fff}
.tfp-meta{font-size:15px;color:var(--tfp-mute)}
.tfp-accent-green{color:var(--tfp-green)}.tfp-accent-blue{color:var(--tfp-blue)}.tfp-accent-amber{color:var(--tfp-amber)}

/* Popular rail */
.tfp-popular{margin-top:24px;padding:20px 24px;border:1px solid var(--tfp-line);border-radius:14px;background:var(--tfp-s1);display:grid;grid-template-columns:140px repeat(4,minmax(0,1fr));gap:24px;align-items:center}
.tfp-popular .tfp-kicker{color:var(--tfp-dim)}
.tfp-popular a{display:flex;gap:12px;align-items:baseline;font-size:15px;line-height:1.35}
.tfp-popular b{font-family:var(--tfp-serif);font-size:24px;font-weight:600;color:var(--tfp-green)}

/* Stats */
.tfp-stats{margin-top:64px;padding:26px 0;border-top:1px solid var(--tfp-line2);border-bottom:1px solid var(--tfp-line2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;font-family:var(--tfp-mono)}
.tfp-stats strong{display:block;font-size:30px;font-weight:700;line-height:1.2}
.tfp-stats span{font-size:13px;color:var(--tfp-dim)}

/* Topics */
.tfp-topics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.tfp-topic{background:var(--tfp-s2);border:1px solid var(--tfp-line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px}
.tfp-topic__icon{width:44px;height:44px;border-radius:10px;background:#152a1d;display:flex;align-items:center;justify-content:center}
.tfp-topic h3{margin:0;font-size:19px;font-weight:600;line-height:1.3;color:var(--tfp-text);font-family:var(--tfp-sans)}
.tfp-topic small{font-family:var(--tfp-mono);font-size:12px;color:var(--tfp-dim);margin-top:-8px}
.tfp-topic ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px;line-height:1.4}
.tfp-topic ul a{color:var(--tfp-mute)}
.tfp-topic__more{margin-top:auto;color:var(--tfp-green)!important;font-size:14px;font-weight:600}

/* Tools and pro */
.tfp-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px}
.tfp-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.tfp-tool{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--tfp-line2)}
.tfp-tool__icon{flex:0 0 44px;width:44px;height:44px;border-radius:22%;background:#2563eb;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.tfp-tool strong{display:block;font-weight:600;font-size:16px}
.tfp-tool span span{font-size:14px;color:var(--tfp-dim)}
.tfp-also{margin-top:18px;font-size:14px;color:var(--tfp-dim)}
.tfp-also a{color:var(--tfp-mute)}
.tfp-pro{background:#14120d;border:1px solid #3a3222;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:16px}
.tfp-pro .tfp-kicker{color:var(--tfp-amber)}
.tfp-pro h2{margin:0;font-family:var(--tfp-serif);font-size:28px;line-height:1.2;font-weight:700;color:var(--tfp-text)}
.tfp-pro p{margin:0;color:var(--tfp-mute);font-size:15px}
.tfp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tfp-price{background:#1c1911;border:1px solid transparent;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s}
.tfp-price:hover{border-color:#5a4a26}
.tfp-price b{font-family:var(--tfp-serif);font-size:26px;font-weight:600;color:var(--tfp-amber);line-height:1}
.tfp-price span{font-weight:600;font-size:15px;line-height:1.3}
.tfp-btn-amber{margin-top:auto;height:48px;border-radius:8px;background:var(--tfp-amber);color:#241a05!important;display:flex;align-items:center;justify-content:center;font-weight:700}
.tfp-btn-amber:hover{background:#ffc766}

/* Latest */
.tfp-latest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.tfp-latest a{padding:22px 0;border-top:1px solid var(--tfp-line2);display:flex;flex-direction:column;gap:10px}
.tfp-latest .tfp-kicker{color:var(--tfp-green)}
.tfp-latest strong{font-size:19px;font-weight:600;line-height:1.35}

/* Newsletter */
.tfp-news{padding:40px 48px;border:1px solid var(--tfp-line);border-radius:16px;background:var(--tfp-s1);display:flex;justify-content:space-between;align-items:center;gap:40px}
.tfp-news h2{margin:0;font-family:var(--tfp-serif);font-size:26px;font-weight:700;color:var(--tfp-text)}
.tfp-news p{margin:8px 0 0;color:var(--tfp-mute);font-size:16px}
.tfp-news .wp-block-jetpack-subscriptions,.tfp-news form{margin:0!important}
.tfp-news .wp-block-jetpack-subscriptions__form-elements{display:flex!important;gap:10px;align-items:stretch;flex-wrap:nowrap}
.tfp-news #subscribe-email,.tfp-news #subscribe-submit,.tfp-news p[id^=subscribe]{margin:0!important}
.tfp-news input[type=email]{width:300px!important;height:50px!important;padding:0 16px!important;border-radius:8px!important;border:1px solid #2a3544!important;background:var(--tfp-bg)!important;color:var(--tfp-text)!important;font-size:15px!important;font-family:inherit!important}
.tfp-news button[type=submit]{height:50px!important;padding:0 24px!important;border-radius:8px!important;border:none!important;background:var(--tfp-green)!important;color:#06200f!important;font-weight:700!important;font-size:15px!important;font-family:inherit!important;cursor:pointer;margin:0!important}
.tfp-news .wp-block-jetpack-subscriptions__subscount{display:none}

/* Responsive */
@media (max-width:1100px){
  .tfp-hero{grid-template-columns:1fr}
  .tfp-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .tfp-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tfp-split{grid-template-columns:1fr}
  .tfp-popular{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tfp-popular .tfp-kicker{grid-column:1/-1}
}
@media (max-width:760px){
  .tfp{padding-top:20px}
  .tfp-wrap{padding:0 16px}
  .tfp-sec{margin-top:56px}
  .tfp-card--big{min-height:440px}
  .tfp-card__body{padding:22px 20px}
  .tfp-card h2{font-size:30px;-webkit-line-clamp:4}
  .tfp-card h3{font-size:21px}
  .tfp-side{grid-template-columns:1fr}
  .tfp-card--small{min-height:230px}
  .tfp-popular{grid-template-columns:1fr;gap:14px;padding:18px}
  .tfp-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}
  .tfp-stats strong{font-size:24px}
  .tfp-head h2{font-size:28px}
  .tfp-topics,.tfp-tools,.tfp-latest{grid-template-columns:1fr}
  .tfp-pro{padding:22px}
  .tfp-news{flex-direction:column;align-items:stretch;padding:24px 20px;gap:18px}
  .tfp-news .wp-block-jetpack-subscriptions__form-elements{flex-direction:column}
  .tfp-news input[type=email]{width:100%!important}
}
@media (prefers-reduced-motion:reduce){.tfp-card,.tfp-card svg.tfp-art{transition:none}.tfp-card:hover{transform:none}.tfp-card:hover svg.tfp-art{transform:none}}