/* TRPN Layout Refresh — 2026-09-01
   Safe public presentation layer only. No dashboard/admin/data logic. */

body.trpn-layout-202609{
  --trpn-gold:#d2aa4a;
  --trpn-gold-soft:#f0d27a;
  --trpn-gold-deep:#7a5616;
  --trpn-ink:#050505;
  --trpn-panel:#0d0d0d;
  --trpn-panel-2:#121212;
  --trpn-text:#f5f5f2;
  --trpn-muted:#b9b9b5;
  --trpn-line:rgba(210,170,74,.30);
  --trpn-line-soft:rgba(255,255,255,.09);
  --trpn-radius:16px;
  --trpn-shadow:0 18px 48px rgba(0,0,0,.34);
  margin:0!important;
  background:#050505!important;
  color:var(--trpn-text)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  overflow-x:hidden!important;
}
body.trpn-layout-202609:before{display:none!important;content:none!important}
body.trpn-layout-202609 *{box-sizing:border-box}
body.trpn-layout-202609 p{color:var(--trpn-muted)!important;line-height:1.62!important}
body.trpn-layout-202609 h1,
body.trpn-layout-202609 h2,
body.trpn-layout-202609 h3{letter-spacing:.025em!important;text-wrap:balance}
body.trpn-layout-202609 h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.05!important;margin-bottom:12px!important}

/* HEADER — cleaner, more useful, less crowded */
body.trpn-layout-202609 .header{
  height:76px!important;
  min-height:76px!important;
  padding:8px clamp(16px,3.2vw,46px)!important;
  background:rgba(4,4,4,.94)!important;
  border:0!important;
  border-bottom:1px solid rgba(210,170,74,.34)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(18px)!important;
}
body.trpn-layout-202609 .header .logo img{
  width:auto!important;
  height:58px!important;
  max-width:150px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.45))!important;
}
body.trpn-layout-202609 .nav{gap:14px!important;font-size:12px!important;letter-spacing:.045em!important;white-space:nowrap}
body.trpn-layout-202609 .nav a{padding:10px 2px!important;color:#e9e9e6!important;transition:.18s ease!important}
body.trpn-layout-202609 .nav a:hover{color:var(--trpn-gold-soft)!important;text-shadow:none!important}
body.trpn-layout-202609 .header-right{gap:9px!important}
body.trpn-layout-202609 .trpn-header-help{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;
  border-radius:10px;background:linear-gradient(180deg,#efd47f,#b88628)!important;color:#080808!important;
  border:1px solid #f3dc92;font-size:12px;font-weight:1000;letter-spacing:.035em;text-transform:uppercase;
  box-shadow:0 8px 22px rgba(176,128,30,.18);white-space:nowrap
}
body.trpn-layout-202609 .call-now-btn{
  min-height:42px!important;padding:0 12px!important;border-radius:10px!important;
  background:#0b0b0b!important;color:#efefec!important;border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;font-size:12px!important
}
body.trpn-layout-202609 .language-trigger{min-height:42px!important;border-radius:10px!important}
body.trpn-layout-202609 .menu{border-radius:10px!important;background:#0b0b0b!important}
body.trpn-layout-202609 .mobile{
  top:74px!important;left:auto!important;right:14px!important;width:min(390px,calc(100vw - 28px))!important;
  padding:10px!important;border-radius:14px!important;background:#080808!important;border:1px solid rgba(210,170,74,.35)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.72)!important
}
body.trpn-layout-202609 .mobile.show{display:grid!important}
body.trpn-layout-202609 .mobile a{padding:13px 14px!important;border-radius:9px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
body.trpn-layout-202609 .mobile a[href="/request-help"]{order:-4;background:linear-gradient(180deg,#e7c96d,#a97922)!important;color:#090909!important;border:0!important}
body.trpn-layout-202609 .mobile a[href="/find-a-pro"]{order:-3;border:1px solid rgba(210,170,74,.40)!important}

/* HOME HERO — premium but not oversized */
body.trpn-layout-202609 .hero{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background-position:center!important;
}
body.trpn-layout-202609 .hero.hero-stacked{
  min-height:575px!important;
  padding:62px clamp(18px,6vw,88px)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.84)),
    linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.38),rgba(0,0,0,.82)),
    url('/assets/images/image-5031c72ad72d4fad.jpg') center/cover no-repeat!important;
  border-bottom:1px solid rgba(210,170,74,.28)!important;
}
body.trpn-layout-202609 .hero-message{
  width:min(100%,960px)!important;max-width:960px!important;margin:0 auto!important;padding:0!important;text-align:center!important
}
body.trpn-layout-202609 .hero-main-logo{
  width:clamp(150px,17vw,230px)!important;height:auto!important;margin:0 auto 14px!important;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.5))!important
}
body.trpn-layout-202609 .hero-kicker{
  display:inline-flex!important;align-items:center;justify-content:center!important;margin:0 auto 14px!important;
  padding:7px 12px!important;border:1px solid rgba(210,170,74,.40)!important;border-radius:999px!important;
  background:rgba(0,0,0,.45)!important;color:var(--trpn-gold-soft)!important;font-size:11px!important;font-weight:900!important;
  letter-spacing:.12em!important;text-transform:uppercase!important
}
body.trpn-layout-202609 .hero h1{
  max-width:900px!important;margin:0 auto 16px!important;font-size:clamp(38px,5.2vw,68px)!important;
  line-height:.98!important;color:#f5f4ef!important;text-shadow:0 3px 20px rgba(0,0,0,.7)!important;letter-spacing:.02em!important
}
body.trpn-layout-202609 .hero h1 .gold{color:#efd36f!important;text-shadow:0 3px 18px rgba(0,0,0,.72)!important}
body.trpn-layout-202609 .hero-message>p:not(.hero-kicker){max-width:760px!important;margin:0 auto 24px!important;font-size:17px!important;line-height:1.55!important;color:#e2e2de!important}
body.trpn-layout-202609 .trpn-primary-paths{
  width:min(100%,820px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.15fr 1fr 1fr!important;gap:10px!important
}
body.trpn-layout-202609 .trpn-primary-paths .btn{width:100%!important;margin:0!important;min-height:50px!important}
body.trpn-layout-202609 .hero-proof{
  display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin:20px auto 0;color:#d7d7d2;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase
}
body.trpn-layout-202609 .hero-proof span{display:inline-flex;align-items:center;gap:7px}
body.trpn-layout-202609 .hero-proof span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--trpn-gold);box-shadow:0 0 8px rgba(210,170,74,.5)}

/* SECTION RHYTHM */
body.trpn-layout-202609 .section,
body.trpn-layout-202609 .trpn-upgrade-section{
  padding:68px clamp(18px,5vw,72px)!important;background:#050505!important;border:0!important
}
body.trpn-layout-202609 .section:nth-of-type(even){background:#070707!important}
body.trpn-layout-202609 .intro{max-width:820px!important;margin:0 auto 30px!important;text-align:center!important}
body.trpn-layout-202609 .intro:before,
body.trpn-layout-202609 .section-title:before{width:72px!important;height:2px!important;margin:0 auto 16px!important;background:var(--trpn-gold)!important;box-shadow:none!important}
body.trpn-layout-202609 .intro p{max-width:720px;margin:0 auto!important;font-size:16px!important}

/* BUTTONS — simpler, less chrome-gradient noise */
body.trpn-layout-202609 .btn,
body.trpn-layout-202609 .btn-wiz{
  min-height:46px!important;padding:12px 17px!important;border-radius:10px!important;
  background:linear-gradient(180deg,#efd47f,#b98729)!important;color:#090909!important;
  border:1px solid #f1d986!important;box-shadow:0 8px 22px rgba(151,105,20,.16)!important;
  font-size:12px!important;font-weight:1000!important;letter-spacing:.035em!important;text-transform:uppercase!important;
  transition:transform .16s ease,box-shadow .16s ease!important
}
body.trpn-layout-202609 .btn:hover,
body.trpn-layout-202609 .btn-wiz:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(151,105,20,.24)!important}
body.trpn-layout-202609 .btn.dark,
body.trpn-layout-202609 .btn-wiz.secondary{
  background:#0c0c0c!important;color:#f4f4f0!important;border:1px solid rgba(210,170,74,.36)!important;box-shadow:none!important
}

/* CARDS — lighter visual density */
body.trpn-layout-202609 .card,
body.trpn-layout-202609 .trpn-upgrade-card,
body.trpn-layout-202609 .step,
body.trpn-layout-202609 .panel,
body.trpn-layout-202609 .dash-card,
body.trpn-layout-202609 .trpn-tier{
  border:1px solid rgba(210,170,74,.24)!important;border-radius:var(--trpn-radius)!important;
  background:linear-gradient(180deg,#101010,#090909)!important;box-shadow:var(--trpn-shadow)!important
}
body.trpn-layout-202609 .card:hover,
body.trpn-layout-202609 .trpn-upgrade-card:hover{border-color:rgba(210,170,74,.52)!important;transform:translateY(-2px)!important}
body.trpn-layout-202609 .card h3,
body.trpn-layout-202609 .trpn-upgrade-card h3{color:#f5f5f1!important;text-shadow:none!important;line-height:1.15!important}

/* HOME SERVICES — keep all categories, make them compact */
body.trpn-layout-202609 .service-choice-grid{
  max-width:1240px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important
}
body.trpn-layout-202609 .service-choice-grid .card{
  min-height:192px!important;padding:20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important
}
body.trpn-layout-202609 .service-choice-grid .card:before{
  content:"";width:34px;height:2px;background:var(--trpn-gold);display:block;margin-bottom:15px
}
body.trpn-layout-202609 .service-choice-grid .card h3{font-size:17px!important;margin:0 0 8px!important}
body.trpn-layout-202609 .service-choice-grid .card p{font-size:13.5px!important;line-height:1.52!important;margin:0 0 16px!important;flex:1}
body.trpn-layout-202609 .service-choice-grid .card .btn{width:100%!important;margin:0!important;min-height:42px!important}

/* COMMON PROBLEMS — compact quick routing instead of another wall of cards */
body.trpn-layout-202609 #trpnProblemRouting{background:#090909!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
body.trpn-layout-202609 #trpnProblemRouting>h2,
body.trpn-layout-202609 #trpnProblemRouting>.trpn-upgrade-lead,
body.trpn-layout-202609 #trpnProblemRouting>.trpn-upgrade-kicker{max-width:860px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
body.trpn-layout-202609 .trpn-upgrade-kicker{color:var(--trpn-gold-soft)!important;font-size:11px!important;letter-spacing:.14em!important}
body.trpn-layout-202609 .trpn-upgrade-grid{max-width:1220px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body.trpn-layout-202609 #trpnProblemRouting .trpn-upgrade-card{min-height:160px!important;padding:18px!important;display:flex!important;flex-direction:column!important}
body.trpn-layout-202609 #trpnProblemRouting .trpn-upgrade-card h3{font-size:15px!important;margin:0 0 8px!important}
body.trpn-layout-202609 #trpnProblemRouting .trpn-upgrade-card p{font-size:13px!important;margin:0 0 14px!important;flex:1}
body.trpn-layout-202609 #trpnProblemRouting .trpn-upgrade-card .btn{width:100%!important;margin:0!important;min-height:40px!important}

/* FIND A PRO / URGENT STRIPS */
body.trpn-layout-202609 #trpnFindAPro,
body.trpn-layout-202609 #trpnEmergencyHome{padding-top:24px!important;padding-bottom:24px!important;background:#050505!important}
body.trpn-layout-202609 .trpn-emergency-strip{
  max-width:1180px!important;margin:0 auto!important;padding:20px 22px!important;border-radius:14px!important;
  background:linear-gradient(90deg,rgba(210,170,74,.12),rgba(255,255,255,.025))!important;
  border:1px solid rgba(210,170,74,.34)!important;box-shadow:none!important
}
body.trpn-layout-202609 .trpn-emergency-strip strong{font-size:19px!important;color:#fff!important}
body.trpn-layout-202609 .trpn-emergency-strip p{margin:5px 0 0!important;font-size:13.5px!important}
body.trpn-layout-202609 .trpn-emergency-strip .btn{margin:0!important;white-space:nowrap!important}

/* WHY CHOOSE */
body.trpn-layout-202609 .grid3{max-width:1180px!important;gap:14px!important}
body.trpn-layout-202609 .grid3 .card{min-height:190px!important;padding:20px!important}
body.trpn-layout-202609 .why-check{font-size:24px!important;margin:0 0 10px!important;color:var(--trpn-gold-soft)!important;filter:none!important}
body.trpn-layout-202609 .grid3 .card h3{font-size:16px!important;margin:0 0 8px!important}
body.trpn-layout-202609 .grid3 .card p{font-size:13.5px!important;margin:0!important}

/* HOW IT WORKS — 3 x 2 is easier to scan than 6 tiny columns */
body.trpn-layout-202609 .timeline{max-width:1040px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.trpn-layout-202609 .timeline .step{min-height:180px!important;padding:20px!important;text-align:left!important;position:relative!important}
body.trpn-layout-202609 .timeline .num{width:38px!important;height:38px!important;margin:0 0 14px!important;font-size:14px!important;box-shadow:none!important}
body.trpn-layout-202609 .timeline h3{font-size:15px!important;margin:0 0 7px!important}
body.trpn-layout-202609 .timeline p{font-size:13.5px!important;margin:0!important}

/* FAQ */
body.trpn-layout-202609 .faq-accordion{max-width:940px!important;gap:9px!important}
body.trpn-layout-202609 .faq-item{border-radius:12px!important;background:#0b0b0b!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important}
body.trpn-layout-202609 .faq-item summary{padding:17px 19px!important;font-size:13px!important;letter-spacing:.03em!important}

/* GENERIC INTERIOR HERO */
body.trpn-layout-202609 .hero:not(.hero-stacked){min-height:390px!important;padding:64px clamp(18px,6vw,80px)!important;border-bottom:1px solid rgba(210,170,74,.22)!important}
body.trpn-layout-202609 .hero:not(.hero-stacked) h1{font-size:clamp(36px,5vw,62px)!important;line-height:1!important}

/* FORMS / REQUEST HELP */
body.trpn-layout-202609 .wizard-page{background:#050505!important;padding-top:34px!important;padding-bottom:60px!important}
body.trpn-layout-202609 .wizard-shell{max-width:1040px!important;margin:0 auto!important}
body.trpn-layout-202609 .wizard-top{max-width:820px!important;margin:0 auto 22px!important;text-align:center!important}
body.trpn-layout-202609 .wizard-card{border-radius:16px!important;background:#0a0a0a!important;border:1px solid rgba(210,170,74,.24)!important;box-shadow:var(--trpn-shadow)!important;padding:26px!important}
body.trpn-layout-202609 .service-grid{gap:10px!important}
body.trpn-layout-202609 .service-option{border-radius:11px!important;background:#101010!important;border-color:rgba(255,255,255,.12)!important}
body.trpn-layout-202609 input,
body.trpn-layout-202609 select,
body.trpn-layout-202609 textarea{border-radius:10px!important;background:#0a0a0a!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important}
body.trpn-layout-202609 input:focus,
body.trpn-layout-202609 select:focus,
body.trpn-layout-202609 textarea:focus{border-color:var(--trpn-gold)!important;box-shadow:0 0 0 3px rgba(210,170,74,.10)!important}

/* JOIN NETWORK */
body.trpn-layout-202609 .trpn-top{background:rgba(4,4,4,.96)!important;border-bottom:1px solid rgba(210,170,74,.32)!important}
body.trpn-layout-202609 .trpn-shell{max-width:1120px!important;padding-left:18px!important;padding-right:18px!important}
body.trpn-layout-202609 .hero-card{border-radius:18px!important;background:linear-gradient(180deg,#111,#090909)!important;border:1px solid rgba(210,170,74,.26)!important;box-shadow:var(--trpn-shadow)!important}
body.trpn-layout-202609 .check-grid{gap:9px!important}

/* DEALER TIERS */
body.trpn-layout-202609 .trpn-tier-grid{max-width:1080px!important;gap:14px!important}
body.trpn-layout-202609 .trpn-tier{padding:22px!important}
body.trpn-layout-202609 .trpn-tier.featured{transform:translateY(-5px)!important;border-color:rgba(240,210,122,.78)!important;box-shadow:0 20px 58px rgba(0,0,0,.44),0 0 0 1px rgba(210,170,74,.12)!important}
body.trpn-layout-202609 .trpn-tier-price{font-size:30px!important;color:var(--trpn-gold-soft)!important}

/* MARKETPLACE / FIND A PRO — normalize legacy standalone layouts */
body.trpn-layout-202609 .wrap{max-width:1220px!important;margin-left:auto!important;margin-right:auto!important}
body.trpn-layout-202609 .toolbar{border-radius:14px!important;background:#0b0b0b!important;border:1px solid rgba(210,170,74,.20)!important;box-shadow:none!important}
body.trpn-layout-202609 .categories .grid,
body.trpn-layout-202609 .results-head + .grid{gap:14px!important}
body.trpn-layout-202609 .categories .card{min-height:0!important;padding:18px!important}

/* PREMIUM FOOTER — less tall, clearer columns */
body.trpn-layout-202609 .trpn-premium-footer{margin-top:0!important;background:#030303!important;border-top:1px solid rgba(210,170,74,.28)!important;box-shadow:none!important}
body.trpn-layout-202609 .trpn-footer-shell{max-width:1240px!important;padding:38px clamp(18px,5vw,60px) 22px!important}
body.trpn-layout-202609 .trpn-footer-cta{padding:18px 20px!important;margin-bottom:28px!important;border-radius:14px!important;background:#0a0a0a!important;border-color:rgba(210,170,74,.28)!important}
body.trpn-layout-202609 .trpn-footer-cta h2{font-size:clamp(20px,2.2vw,27px)!important;text-align:left!important;text-shadow:none!important}
body.trpn-layout-202609 .trpn-footer-grid{gap:32px!important}
body.trpn-layout-202609 .trpn-footer-brand img{width:78px!important;height:auto!important;filter:none!important}
body.trpn-layout-202609 .trpn-footer-col h3{color:var(--trpn-gold-soft)!important}
body.trpn-layout-202609 .trpn-footer-bottom{padding:13px 18px!important}

/* Floating help should help, not cover the phone screen */
body.trpn-layout-202609 .trpn-global-help,
body.trpn-layout-202609 .global-help{
  left:auto!important;right:16px!important;bottom:16px!important;width:auto!important;min-width:0!important;max-width:calc(100vw - 32px)!important;
  min-height:46px!important;padding:0 16px!important;border-radius:999px!important;background:linear-gradient(180deg,#efd47f,#b98729)!important;
  color:#080808!important;font-size:12px!important;box-shadow:0 12px 30px rgba(0,0,0,.42)!important
}

@media(max-width:1220px){
  body.trpn-layout-202609 .nav{display:none!important}
  body.trpn-layout-202609 .menu{display:flex!important}
  body.trpn-layout-202609 .call-desktop-label{display:none!important}
}
@media(max-width:980px){
  body.trpn-layout-202609 .service-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.trpn-layout-202609 .trpn-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.trpn-layout-202609 .timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.trpn-layout-202609 .trpn-primary-paths{grid-template-columns:1fr!important;max-width:520px!important}
  body.trpn-layout-202609 .trpn-tier.featured{transform:none!important}
}
@media(max-width:760px){
  body.trpn-layout-202609 .header{height:68px!important;min-height:68px!important;padding:6px 12px!important}
  body.trpn-layout-202609 .header .logo img{height:50px!important;max-width:108px!important}
  body.trpn-layout-202609 .trpn-header-help{display:none!important}
  body.trpn-layout-202609 .call-now-btn{display:none!important}
  body.trpn-layout-202609 .mobile{top:67px!important;right:10px!important;width:calc(100vw - 20px)!important;max-height:calc(100vh - 78px)!important;overflow-y:auto!important}
  body.trpn-layout-202609 .hero.hero-stacked{min-height:auto!important;padding:40px 17px 44px!important}
  body.trpn-layout-202609 .hero-main-logo{width:150px!important;margin-bottom:10px!important}
  body.trpn-layout-202609 .hero-kicker{font-size:9px!important;letter-spacing:.08em!important}
  body.trpn-layout-202609 .hero h1{font-size:clamp(33px,10.6vw,44px)!important;line-height:1!important;margin-bottom:14px!important}
  body.trpn-layout-202609 .hero-message>p:not(.hero-kicker){font-size:15px!important;margin-bottom:20px!important}
  body.trpn-layout-202609 .hero-proof{font-size:10px!important;gap:7px 12px!important;margin-top:16px!important}
  body.trpn-layout-202609 .section,
  body.trpn-layout-202609 .trpn-upgrade-section{padding:48px 16px!important}
  body.trpn-layout-202609 #trpnFindAPro,
  body.trpn-layout-202609 #trpnEmergencyHome{padding:16px!important}
  body.trpn-layout-202609 .service-choice-grid,
  body.trpn-layout-202609 .trpn-upgrade-grid,
  body.trpn-layout-202609 .grid3,
  body.trpn-layout-202609 .timeline{grid-template-columns:1fr!important;gap:10px!important}
  body.trpn-layout-202609 .service-choice-grid .card{min-height:0!important;padding:18px!important}
  body.trpn-layout-202609 #trpnProblemRouting .trpn-upgrade-card{min-height:0!important}
  body.trpn-layout-202609 .grid3 .card{min-height:0!important}
  body.trpn-layout-202609 .timeline .step{min-height:0!important}
  body.trpn-layout-202609 .trpn-emergency-strip{padding:18px!important;gap:14px!important;align-items:stretch!important;flex-direction:column!important}
  body.trpn-layout-202609 .trpn-emergency-strip .btn{width:100%!important}
  body.trpn-layout-202609 .wizard-card{padding:18px!important}
  body.trpn-layout-202609 .trpn-footer-shell{padding:30px 16px 18px!important}
  body.trpn-layout-202609 .trpn-footer-cta{align-items:stretch!important;flex-direction:column!important}
  body.trpn-layout-202609 .trpn-footer-call{width:100%!important}
  body.trpn-layout-202609 .trpn-footer-grid{grid-template-columns:1fr!important;gap:22px!important}
  body.trpn-layout-202609 .trpn-global-help,
  body.trpn-layout-202609 .global-help{right:10px!important;bottom:10px!important;min-height:42px!important;padding:0 14px!important;font-size:11px!important}
}

/* ======================================================================
   TRPN HOMEPAGE + FOOTER STABILITY PATCH — 2026-09-01
   Purpose: stop hero CTA text overflow, remove cramped headline spacing,
   prevent the top kicker from clipping, and tighten the desktop footer.
   This file is loaded after the legacy inline CSS so these rules are the
   final authority without changing dashboard/admin functionality.
   ====================================================================== */

/* Home hero: stable desktop geometry */
@media (min-width: 901px){
  html body.trpn-layout-202609 section.hero.hero-stacked{
    min-height: 620px !important;
    padding: 56px clamp(24px,5vw,82px) 60px !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-message.hero-reference-match{
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
    padding: 0 !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-main-logo{
    width: clamp(170px,16vw,245px) !important;
    max-width: 245px !important;
    margin: 0 auto 16px !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-kicker{
    margin: 0 auto 22px !important;
    padding: 9px 22px !important;
    min-height: 42px !important;
    line-height: 1.15 !important;
    font-size: clamp(12px,1vw,15px) !important;
    letter-spacing: .16em !important;
    white-space: nowrap !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .mobile-hero-title{
    width: min(100%, 1040px) !important;
    max-width: 1040px !important;
    margin: 0 auto 22px !important;
    gap: 3px !important;
    font-size: clamp(44px,4.45vw,70px) !important;
    line-height: .96 !important;
    letter-spacing: -1.2px !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .mobile-hero-title .hero-line{
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    line-height: .96 !important;
    white-space: nowrap !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .mobile-hero-title .hero-line + .hero-line{
    margin-top: 3px !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-message > p:not(.hero-kicker){
    width: min(100%, 900px) !important;
    max-width: 900px !important;
    margin: 0 auto 28px !important;
    font-size: clamp(16px,1.25vw,20px) !important;
    line-height: 1.48 !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-buttons.trpn-primary-paths{
    width: min(100%, 980px) !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-buttons.trpn-primary-paths > a.btn{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: clamp(14px,1.05vw,17px) !important;
    line-height: 1.18 !important;
    letter-spacing: .15px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-proof{
    margin-top: 22px !important;
  }
}

/* Tablet: stack the CTAs before their labels become cramped. */
@media (min-width: 761px) and (max-width: 900px){
  html body.trpn-layout-202609 section.hero.hero-stacked{
    min-height: auto !important;
    padding: 46px 24px 50px !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-kicker{
    white-space: normal !important;
    text-align: center !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .mobile-hero-title{
    font-size: clamp(40px,6.8vw,56px) !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-buttons.trpn-primary-paths{
    width: min(100%, 560px) !important;
    max-width: 560px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 auto !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-buttons.trpn-primary-paths > a.btn{
    width: 100% !important;
    max-width: none !important;
    min-height: 56px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    white-space: normal !important;
    line-height: 1.15 !important;
  }
}

/* Mobile: preserve the existing stacked experience but never force a fixed
   height that can clip translated or wrapped labels. */
@media (max-width: 760px){
  html body.trpn-layout-202609 section.hero.hero-stacked{
    overflow: hidden !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-kicker{
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
  html body.trpn-layout-202609 section.hero.hero-stacked .hero-buttons.trpn-primary-paths > a.btn{
    height: auto !important;
    min-height: 56px !important;
    padding: 12px 16px !important;
    white-space: normal !important;
    line-height: 1.15 !important;
  }
}

/* Footer: keep columns aligned and reduce the oversized empty desktop area. */
@media (min-width: 981px){
  html body.trpn-layout-202609 .trpn-footer-shell{
    max-width: 1400px !important;
    padding: 34px clamp(28px,5vw,70px) 18px !important;
  }
  html body.trpn-layout-202609 .trpn-footer-grid{
    grid-template-columns: 1.3fr .92fr 1.05fr !important;
    gap: clamp(34px,5vw,82px) !important;
    align-items: start !important;
  }
  html body.trpn-layout-202609 .trpn-footer-brand p{
    max-width: 430px !important;
  }
  html body.trpn-layout-202609 .trpn-trust-row{
    margin: 26px 0 16px !important;
    padding: 14px 0 !important;
  }
  html body.trpn-layout-202609 .trpn-legal-row{
    margin-bottom: 12px !important;
  }
  html body.trpn-layout-202609 .trpn-powered-wrap{
    padding-bottom: 12px !important;
  }
}

/* Keep the floating help control clear of the final copyright row. */
html body.trpn-layout-202609 .trpn-global-help,
html body.trpn-layout-202609 .global-help{
  z-index: 110 !important;
}
