.tf-page{--tf-ink:#182235;--tf-muted:#64748b;--tf-orange:#f97316;--tf-gold:#ffc928;position:relative;isolation:isolate;overflow:hidden;min-height:80vh;padding:0 0 132px;color:var(--tf-ink);background:linear-gradient(155deg,#fffaf0 0%,#fff8e9 38%,#f4f7fc 100%)}.tf-page *{box-sizing:border-box}.tf-container{width:min(1160px,calc(100% - 32px));margin-inline:auto}.tf-hero{position:relative;z-index:1;padding:64px 0 55px;background:radial-gradient(circle at 8% 15%,rgba(255,189,63,.24),transparent 32%),radial-gradient(circle at 95% 0,rgba(255,122,39,.15),transparent 38%),linear-gradient(180deg,#fffdf9,#fff7eb);border-bottom:1px solid rgba(242,173,54,.25);text-align:center}.tf-hero .tf-container{display:flex;flex-direction:column;align-items:center;gap:18px}.tf-kicker{display:inline-flex;align-items:center;padding:9px 18px;border:1px solid #ffc27d;border-radius:99px;background:#fff0dd;color:#c65d09;font-size:12px;font-weight:900;letter-spacing:.09em}.tf-hero h1{font-size:clamp(32px,5vw,62px);line-height:1.08;font-weight:900;letter-spacing:-.045em;margin:0;color:#151d2d}.tf-hero h1 span{color:#f46a22}.tf-hero p{font-size:clamp(14px,2vw,18px);max-width:720px;line-height:1.75;margin:0;color:#69758b}.tf-stats{display:flex;align-items:center;gap:12px;padding:13px 20px;background:#fff;border:1px solid #ffd2a3;border-radius:18px;box-shadow:0 10px 25px #eeb77322}.tf-stats b{font-size:28px;color:#ed771c}.tf-stats span{font-size:13px;color:#64748b}.tf-hero-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tf-hero-pills span{padding:7px 12px;border-radius:50px;background:#ffffffb8;color:#54657c;font-size:12px;font-weight:700;border:1px solid #f0e6d6}.tf-content{position:relative;z-index:2;padding-top:38px}.tf-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}.tf-head>div:first-child>span,.tf-seo-intro>span{color:#e87518;font-weight:900;font-size:12px;letter-spacing:.1em}.tf-head h2{font-size:clamp(23px,3vw,36px);letter-spacing:-.035em;font-weight:850;margin:6px 0 4px;color:#192337}.tf-head p{margin:0;color:#728095;font-size:14px}.tf-upgrade,.tf-gold{border-radius:14px;padding:12px 17px;background:#172034;color:white!important;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 8px 20px #11182726}.tf-gold{background:#ffdf72;color:#483300!important}.tf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.tf-card{position:relative;min-width:0;padding:20px;background:#fff;border:1px solid #f1e6d5;border-radius:24px;box-shadow:0 16px 40px #a87c361c;overflow:hidden}.tf-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#ff9c35,#ffd02b,#21c977)}.tf-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.tf-service{display:inline-flex;padding:8px 11px;border:1px solid #ffd5ac;border-radius:10px;background:#fff8ef;color:#e76516;font-size:12px;font-weight:800}.tf-date{font-size:11px;color:#8794a7}.tf-route{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:8px;background:#f7f9fc;border:1px solid #e9edf3;border-radius:18px;padding:17px;margin:16px 0}.tf-route>div{min-width:0}.tf-route>div:last-child{text-align:right}.tf-route small,.tf-info-grid small,.tf-customer small{display:block;color:#8998af;font-size:10px;font-weight:850;letter-spacing:.03em;margin-bottom:6px}.tf-route strong{font-size:clamp(16px,2vw,22px);line-height:1.2;color:#16a75b;overflow-wrap:anywhere}.tf-route>div:last-child strong{color:#ef4a4a}.tf-route i{font-size:23px;font-style:normal;text-align:center;color:#ff8b21}.tf-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tf-info-grid>div{min-width:0;background:#f7f9fc;border:1px solid #e9edf3;border-radius:13px;padding:12px}.tf-info-grid b{display:block;font-size:13px;overflow-wrap:anywhere}.tf-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.tf-tags span{font-size:11px;font-weight:750;border-radius:9px;padding:8px;background:#f0f3f7;color:#718096}.tf-tags span.on{background:#e8fbef;color:#168447}.tf-customer{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f5;padding:14px 0}.tf-avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ffad32,#f86a1c);color:white;font-weight:850}.tf-customer strong{font-size:13px;overflow-wrap:anywhere}.tf-locked,.tf-phone{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;background:#151d2d;color:white!important;min-width:0}.tf-locked>span{font-size:22px}.tf-locked>div{flex:1;min-width:0}.tf-locked strong,.tf-locked small{display:block}.tf-locked strong{font-size:12px}.tf-locked small{font-size:10px;color:#a9b7cb;margin-top:5px}.tf-locked a{flex:none;border-radius:9px;background:#ffd028;padding:11px 10px;color:#171c29;font-size:11px;font-weight:900;text-decoration:none}.tf-phone{justify-content:space-between;text-decoration:none;flex-wrap:wrap}.tf-phone span,.tf-phone strong{font-weight:800}.tf-phone em{font-style:normal;background:#ffd028;color:#151d2d;border-radius:9px;padding:9px}.tf-empty{background:#fff;border:1px solid #f2d8b2;padding:45px 24px;border-radius:22px;text-align:center}.tf-empty strong{font-size:20px}.tf-empty p{color:#64748b}.tf-seo{margin-top:52px;padding:30px;border:1px solid #f0ddc0;background:#ffffffc9;border-radius:24px;box-shadow:0 15px 40px #c28c3812}.tf-seo h2{font-size:clamp(22px,3vw,30px);margin:8px 0 12px;font-weight:850}.tf-seo p{line-height:1.85;color:#64748b;margin:0}.tf-seo-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.tf-seo-links a{display:inline-flex;padding:11px 14px;border-radius:11px;background:#172033;color:white;text-decoration:none;font-size:12px;font-weight:800}.tf-keywords{padding-top:19px;border-top:1px solid #ece5db}.tf-keywords strong{font-size:13px}.tf-keywords>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tf-keywords span{font-size:11px;padding:8px 11px;background:#fff4e6;border:1px solid #ffe3bd;color:#99601e;border-radius:99px}.dark .tf-page{background:linear-gradient(155deg,#151c29,#202532);color:#f4f6fb}.dark .tf-hero{background:linear-gradient(180deg,#252a33,#1a202c)}.dark .tf-hero h1,.dark .tf-head h2,.dark .tf-seo h2{color:#f6f8fd}.dark .tf-card,.dark .tf-seo,.dark .tf-stats,.dark .tf-empty{background:#242c3b;border-color:#424959}.dark .tf-route,.dark .tf-info-grid>div{background:#1d2533;border-color:#414b5b}.dark .tf-info-grid b,.dark .tf-customer strong{color:#f5f7fa}.dark .tf-seo p{color:#aeb8c7}@media(max-width:750px){.tf-page{padding-bottom:140px}.tf-hero{padding:42px 0 32px}.tf-container{width:min(100% - 28px,560px)}.tf-content{padding-top:28px}.tf-grid{grid-template-columns:1fr;gap:16px}.tf-card{padding:16px;border-radius:20px}.tf-head{align-items:flex-start}.tf-head h2{font-size:25px}.tf-seo{padding:20px;margin-top:30px}.tf-route{padding:14px}.tf-hero-pills{gap:6px}.tf-hero-pills span{font-size:10px}.tf-head .tf-upgrade{margin-top:3px}}@media(min-width:751px) and (max-width:900px){.tf-grid{grid-template-columns:1fr}} 

/* Mobile header clearance: reserve the sticky header and account actions height. */
@media (max-width: 767px) {
  body .tf-page { margin-top: 0 !important; }
  body .tf-page .tf-hero { padding-top: 148px !important; }
  body .tf-page .tf-hero .tf-container { gap: 15px; }
  body .tf-page .tf-hero h1 { font-size: clamp(29px, 8vw, 38px); line-height: 1.18; }
  body .tf-page .tf-kicker { max-width: 100%; text-align: center; justify-content: center; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  body .tf-page .tf-hero { padding-top: 90px !important; }
}