:root{--tf-primary: #2563EB;--tf-primary-soft: #EFF6FF;--tf-accent: #22c55e;--tf-dark: #0f172a}@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/InterVariable.woff2") format("woff2")}body{background:radial-gradient(circle at top, #EFF6FF 0, #f8fafc 50%, #f9fafb 100%);font-family:"Inter",sans-serif;color:#1f2937}@media(max-width: 768px){body{padding-bottom:110px}}.tf-brand{font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;color:#111;text-decoration:none}.tf-brand-icon{width:35px;height:35px;border-radius:.8rem;background:linear-gradient(135deg, var(--tf-primary), #3B82F6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.tf-check-list{padding-left:0;list-style:none;margin-top:1rem}.tf-check-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;color:#374151;font-size:.95rem}.fax-card{background:#fff;border-radius:1.2rem;padding:2rem;box-shadow:0 18px 45px rgba(15,23,42,.15);border:1px solid rgba(148,163,184,.3)}.tf-upload-zone{position:relative;border:1px dashed #cbd5e1;border-radius:.9rem;padding:1rem;background:#f9fafb;cursor:pointer;overflow:hidden}.tf-upload-zone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.tf-upload-zone-inner *{pointer-events:none}.tf-upload-zone-inner{pointer-events:none}.tf-upload-zone.dragover{border-color:#2563EB;background:#EFF6FF}.btn-primary{background:linear-gradient(135deg, var(--tf-primary), #3B82F6);border:none;padding:.75rem 1rem;border-radius:.7rem;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg, #1D4ED8, #2563EB)}.section-heading{text-align:center;font-weight:700;margin-bottom:1.6rem;font-size:1.7rem}.tf-step-icon{width:48px;height:48px;background:var(--tf-primary-soft);border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--tf-primary);margin:0 auto .75rem}.form-control{height:40px}.form-select{height:40px}.form-check-label{font-size:.9rem}.country-badge{background:#f3f4f6;padding:.5rem 1rem;border-radius:999px;margin:.25rem;display:inline-block;font-size:.85rem}.security-icon{width:64px;height:64px;min-width:64px;min-height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem}@media(max-width: 576px){.security-icon{width:54px;height:54px;min-width:54px;min-height:54px;font-size:1.5rem}}footer{margin-top:4rem;padding:2rem 0;text-align:center;color:#6b7280;font-size:.9rem}footer a{color:#6b7280;text-decoration:none}footer a:hover{text-decoration:underline}.form-control,.form-select,.form-label{font-size:.9rem !important}.py-5{padding-top:5rem !important;padding-bottom:5rem !important}.site-footer{background:linear-gradient(180deg, #f8fafc, #ffffff);border-top:1px solid #e5e7eb;font-size:.95rem}.site-footer a{color:#1f2937;text-decoration:none;transition:color .15s ease}.site-footer a:hover{color:#2563EB;text-decoration:underline}.site-footer .footer-heading{font-weight:600;letter-spacing:.02em;margin-bottom:.75rem;color:#111827}.site-footer .footer-brand{font-size:1.05rem;font-weight:700;letter-spacing:.03em;max-width:320px}.site-footer .footer-description{color:#6b7280;max-width:320px}.site-footer ul{padding-left:0;margin:0;list-style:none}.site-footer ul li{margin-bottom:.4rem}.site-footer .footer-meta{border-top:1px dashed #e5e7eb;margin-top:2rem;padding-top:1.25rem;font-size:.85rem;color:#6b7280}@media(max-width: 768px){.site-footer{text-align:center}.site-footer .footer-description{margin-left:auto;margin-right:auto}}.hero-section{padding:4rem 0 2rem;contain:layout paint style;content-visibility:visible;contain-intrinsic-size:600px}@media(min-width: 992px){.hero-section{padding:6rem 0 3rem}}.hero-title{font-weight:800;font-size:clamp(2.2rem,3vw,3rem);color:#0f172a;line-height:1.2;contain:paint}.hero-sub{color:#4b5563;max-width:32rem;font-size:1.1rem}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(79,70,229,.1);color:var(--tf-primary);font-size:.85rem;padding:.4rem .9rem;border-radius:999px;margin-bottom:.75rem}.country-arrow{width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:6px solid #6b7280;margin-left:.5rem}#countryStatic:hover{background-color:#f8fafc}#countryStatic:focus-visible{outline:2px solid #2563EB;outline-offset:2px}.ts-wrapper.single .ts-control{border:1px solid #ced4da;background-color:#fff;border-radius:.375rem;padding:.375rem .75rem;height:calc(1.5em + .75rem + 2px);display:flex;align-items:center;cursor:pointer;box-shadow:none;font-size:1rem;line-height:1.5}.ts-wrapper.single .ts-control .item{font-size:1rem;color:#212529}.ts-wrapper.single .ts-control::after{content:"";position:absolute;right:.85rem;top:50%;margin-top:-3px;width:0;height:0;border-width:.3em .3em 0;border-style:solid;border-color:#6c757d rgba(0,0,0,0) rgba(0,0,0,0);pointer-events:none}.ts-wrapper.single .ts-control:hover{border-color:#86b7fe}.ts-wrapper.single .ts-control:focus,.ts-wrapper.single .ts-control.focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.ts-control input{display:none !important}.ts-dropdown{border:1px solid #ced4da;border-radius:.375rem;background:#fff;padding:0;margin-top:2px;box-shadow:0 4px 8px rgba(0,0,0,.05)}.ts-dropdown .option{padding:.5rem .75rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.ts-dropdown .option:hover,.ts-dropdown .option.active{background:#f8f9fa}.ts-dropdown [data-selectable]{width:100%}.ts-wrapper{width:100% !important}.ts-control{width:100%}#faxCountry{width:100%}.ts-loading{background:url("/images/spinner.svg") no-repeat right .75rem center;background-size:18px 18px;color:rgba(0,0,0,0) !important}section{position:relative}section.section-soft{background:#f8f9fa}section.section-divider::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#0d6efd;border-radius:4px}.section-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600;color:#6c757d;margin-bottom:.5rem}.section-lead{font-size:1.05rem;color:#495057;max-width:800px;margin:0 auto 1.5rem}.icon-card{border:1px solid #e9ecef;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff;transition:all .15s ease}.icon-card:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem rgba(0,0,0,.05)}.icon-circle{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(13,110,253,.1);color:#0d6efd;margin-bottom:.75rem}.check-grid li{list-style:none;position:relative;padding-left:1.75rem;margin-bottom:.75rem}.check-grid li::before{content:"✓";position:absolute;left:0;top:0;color:#198754;font-weight:700}.bg-primary-soft{background-color:rgba(37,99,235,.1)}.bg-success-soft{background-color:rgba(22,163,74,.1)}.bg-secondary-soft{background-color:rgba(100,116,139,.1)}.bg-info-soft{background-color:rgba(14,165,233,.1)}.bg-warning-soft{background-color:rgba(234,179,8,.15)}/* Fax tracking / post-purchase recovery */
.tf-track-page{max-width:1180px}.tf-track-hero{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1.25rem;padding:1.6rem 1.75rem;box-shadow:0 14px 35px rgba(15,23,42,.07)}.tf-track-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:800;color:#64748b;margin-bottom:.45rem}.tf-status-pill{display:inline-flex;align-items:center;gap:.55rem;border-radius:999px;padding:.65rem .9rem;font-weight:700;font-size:.9rem;white-space:nowrap}.tf-status-pill.is-success{background:#dcfce7;color:#166534}.tf-status-pill.is-danger{background:#fee2e2;color:#991b1b}.tf-status-pill.is-warning{background:#fef3c7;color:#92400e}.tf-status-pill.is-info{background:#e0f2fe;color:#075985}.tf-track-card{box-shadow:0 14px 34px rgba(15,23,42,.08);border-color:#e2e8f0;padding:1.5rem}.tf-icon-box{width:46px;height:46px;border-radius:14px;background:#EFF6FF;color:#2563EB;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.tf-track-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-top:1.1rem;border-top:1px solid #eef2f7}.tf-track-detail-grid>div{display:flex;flex-direction:column;gap:.2rem;min-width:0}.tf-track-detail-grid span{font-size:.78rem;color:#64748b}.tf-track-detail-grid strong,.tf-track-detail-grid code{font-size:.9rem;color:#0f172a}.tf-delivery-issue{border:1px solid #fde68a;background:#fffbeb;color:#78350f;border-radius:.85rem;padding:1rem}.tf-delivery-issue>div>i{margin-top:.15rem}.tf-retry-meter{height:52px;min-width:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#EFF6FF;color:#1D4ED8;font-weight:800;font-size:.82rem}.tf-processing-note,.tf-action-needed{display:flex;gap:.8rem;border-radius:.85rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0}.tf-processing-note>i,.tf-action-needed>i{font-size:1.15rem;color:#2563EB;margin-top:.12rem}.tf-action-needed>i{color:#b45309}.tf-attempt-list{display:flex;flex-direction:column}.tf-attempt-row{display:flex;gap:1rem;align-items:flex-start;padding:1rem 0;border-top:1px solid #eef2f7}.tf-attempt-row:first-child{border-top:0;padding-top:0}.tf-attempt-row:last-child{padding-bottom:0}.tf-attempt-number{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;font-weight:800;font-size:.82rem}.min-w-0{min-width:0}@media(max-width:767.98px){.tf-track-hero{padding:1.3rem}.tf-track-card{padding:1.25rem}.tf-track-detail-grid{grid-template-columns:1fr}.tf-status-pill{align-self:flex-start}.tf-track-page.py-5{padding-top:2.5rem!important;padding-bottom:2.5rem!important}}


/* =========================================================
   TidyFax public-site polish
   ========================================================= */
:root {
    --tf-primary: #2563EB;
    --tf-primary-hover: #1D4ED8;
    --tf-primary-soft: #EFF6FF;
    --tf-ink: #0f172a;
    --tf-text: #334155;
    --tf-muted: #64748b;
    --tf-border: #e2e8f0;
    --tf-surface: #ffffff;
    --tf-surface-soft: #f8fafc;
    --tf-success: #16a34a;
    --tf-radius: 1rem;
    --tf-shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);
    --tf-shadow: 0 22px 60px rgba(15, 23, 42, .10);
}

html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: #fff;
    color: var(--tf-text);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
main { min-height: 55vh; }
h1, h2, h3, h4, h5, h6 { color: var(--tf-ink); letter-spacing: -.018em; }
p { line-height: 1.7; }

.tf-site-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid rgba(226,232,240,.9);
    backdrop-filter: blur(14px);
}
.tf-site-header .navbar { min-height: 68px; padding: .55rem 0; }
.tf-brand { display: inline-flex; align-items: center; gap: .65rem; color: var(--tf-ink); font-size: 1.08rem; font-weight: 800; text-decoration: none; }
.tf-brand:hover { color: var(--tf-ink); }
.tf-brand-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, var(--tf-primary), #3B82F6);
    box-shadow: 0 7px 16px rgba(79,70,229,.22);
}
.tf-site-header .nav-link { color: #475569; font-size: .92rem; font-weight: 650; padding: .65rem .8rem !important; border-radius: .6rem; }
.tf-site-header .nav-link:hover { color: var(--tf-primary); background: var(--tf-primary-soft); }
.tf-header-trust { display: flex; gap: .8rem; color: #64748b; font-size: .76rem; font-weight: 600; }
.tf-header-trust span { white-space: nowrap; }
.tf-header-trust i { color: var(--tf-success); margin-right: .2rem; }
.tf-nav-toggle { border: 0; box-shadow: none !important; color: var(--tf-ink); }

.hero-section {
    padding: 4.75rem 0 5rem;
    background:
        radial-gradient(circle at 80% 10%, rgba(99,102,241,.13), transparent 34%),
        linear-gradient(180deg, #fbfdff 0%, #f8fafc 100%);
    border-bottom: 1px solid #eef2f7;
}
.hero-copy { max-width: 610px; }
.hero-badge, .tf-eyebrow, .section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--tf-primary);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.hero-badge {
    padding: .48rem .78rem;
    border: 1px solid #BFDBFE;
    border-radius: 999px;
    background: #F8FAFC;
    letter-spacing: 0;
    text-transform: none;
}
.hero-title { max-width: 680px; margin: 1rem 0 0; font-size: clamp(2.5rem, 5vw, 4.2rem); line-height: 1.02; font-weight: 850; }
.hero-sub { max-width: 590px; color: #526176; font-size: 1.12rem; line-height: 1.7; }
.tf-check-list { display: grid; gap: .75rem; list-style: none; padding: 0; margin: 0; }
.tf-check-list li { display: flex; align-items: flex-start; gap: .7rem; color: #334155; font-size: .96rem; }
.tf-check-icon { width: 23px; height: 23px; flex: 0 0 23px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #dcfce7; color: #15803d; font-size: .72rem; margin-top: .05rem; }
.hero-trust-row { display: flex; flex-wrap: wrap; gap: .55rem 1rem; margin-top: 1.5rem; color: #64748b; font-size: .78rem; font-weight: 600; }
.hero-trust-row i { color: #475569; margin-right: .25rem; }
.hero-cta { margin-top: 1.5rem; display: inline-flex; align-items: center; gap: .55rem; }

.btn { font-weight: 700; border-radius: .72rem; }
.btn-primary { background: var(--tf-primary); border-color: var(--tf-primary); box-shadow: 0 8px 18px rgba(79,70,229,.16); }
.btn-primary:hover, .btn-primary:focus { background: var(--tf-primary-hover); border-color: var(--tf-primary-hover); }
.btn-lg { padding: .82rem 1.15rem; font-size: .98rem; }

.fax-card { background: #fff; border: 1px solid var(--tf-border); border-radius: 1.25rem; box-shadow: var(--tf-shadow); }
.tf-checkout-card { padding: 1.55rem; }
.tf-checkout-heading { display: flex; align-items: flex-start; gap: .9rem; padding-bottom: 1.2rem; border-bottom: 1px solid #edf2f7; }
.tf-checkout-icon { width: 44px; height: 44px; flex: 0 0 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--tf-primary-soft); color: var(--tf-primary); }
.tf-form-step { padding: 1.25rem 0; border-bottom: 1px solid #edf2f7; }
.tf-step-label { display: flex; align-items: center; gap: .7rem; margin-bottom: .8rem; }
.tf-step-label > div { display: flex; flex-direction: column; }
.tf-step-label strong { color: var(--tf-ink); font-size: .91rem; }
.tf-step-label span:not(.tf-step-number) { color: var(--tf-muted); font-size: .75rem; }
.tf-step-number { width: 26px; height: 26px; flex: 0 0 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--tf-primary-soft); color: var(--tf-primary); font-size: .72rem; font-weight: 800; }
.form-control, .form-select { min-height: 44px; border-color: #cbd5e1; border-radius: .68rem; color: var(--tf-ink); }
.form-control:focus, .form-select:focus { border-color: #60A5FA; box-shadow: 0 0 0 .2rem rgba(99,102,241,.13); }
.tf-country-static { cursor: pointer; background: #fff; }
.tf-upload-zone { position: relative; padding: 1rem; border: 1.5px dashed #cbd5e1; border-radius: .85rem; background: #f8fafc; transition: border-color .15s ease, background .15s ease; overflow: hidden; }
.tf-upload-zone:hover, .tf-upload-zone.dragover { border-color: #60A5FA; background: #F8FAFC; }
.tf-upload-zone.has-file { border-style: solid; border-color: #86efac; background: #f0fdf4; }
.tf-upload-zone input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.tf-upload-zone-inner { display: flex; align-items: center; gap: .8rem; pointer-events: none; }
.tf-upload-icon-wrap { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; background: #fff; border: 1px solid #e2e8f0; color: var(--tf-primary); }
.tf-selected-file { display: flex; align-items: center; gap: .45rem; margin-top: .55rem; color: #166534; font-size: .8rem; font-weight: 650; word-break: break-word; }

.tf-addon-section { margin-top: 1rem; border: 1px solid #e2e8f0; border-radius: .85rem; overflow: hidden; }
.tf-addon-toggle { width: 100%; border: 0; background: #f8fafc; padding: .85rem 1rem; display: flex; justify-content: space-between; align-items: center; text-align: left; color: var(--tf-ink); }
.tf-addon-toggle[aria-expanded=true] > i { transform: rotate(180deg); }
.tf-addon-toggle > i { transition: transform .18s ease; }
.tf-addon-list { padding: .35rem .9rem .9rem; }
.tf-addon-option { display: grid; grid-template-columns: auto 1fr auto; align-items: flex-start; gap: .7rem; padding: .8rem .2rem; border-bottom: 1px solid #eef2f7; cursor: pointer; }
.tf-addon-option:last-of-type { border-bottom: 0; }
.tf-addon-copy { display: flex; flex-direction: column; gap: .15rem; }
.tf-addon-copy strong { color: var(--tf-ink); font-size: .83rem; }
.tf-addon-copy small { color: var(--tf-muted); line-height: 1.45; }
.tf-addon-price { color: #475569; font-size: .78rem; font-weight: 700; white-space: nowrap; }
.tf-addon-fields { margin: .35rem 0 .55rem 1.75rem; padding: .85rem; border-radius: .75rem; background: #f8fafc; border: 1px solid #e2e8f0; }

.tf-price-summary { margin-top: 1rem; padding: .95rem 1rem; background: #f8fafc; border-radius: .85rem; font-size: .86rem; }
.tf-addon-price-rows { display: grid; gap: .25rem; margin-top: .4rem; color: var(--tf-muted); font-size: .78rem; }
.tf-price-total { display: flex; justify-content: space-between; margin-top: .7rem; padding-top: .7rem; border-top: 1px solid #e2e8f0; color: var(--tf-ink); font-size: 1.03rem; font-weight: 800; }
.tf-checkout-submit { display: flex; justify-content: center; align-items: center; gap: .55rem; margin-top: 1rem; }
.tf-checkout-assurance { display: flex; justify-content: center; flex-wrap: wrap; gap: .65rem 1rem; margin-top: .75rem; color: #64748b; font-size: .72rem; }
.tf-checkout-assurance i { color: #16a34a; margin-right: .2rem; }
.tf-form-alert { margin-bottom: .9rem; font-size: .84rem; }
.tf-privacy-note { display: flex; gap: .65rem; margin-top: 1rem; padding: .8rem .9rem; border-radius: .8rem; background: #fff; border: 1px solid #e2e8f0; color: #64748b; font-size: .75rem; }
.tf-privacy-note i { color: var(--tf-primary); margin-top: .12rem; }
.tf-privacy-note div { display: flex; flex-direction: column; gap: .1rem; }
.tf-privacy-note strong { color: #475569; }

.tf-section { padding: 5rem 0; }
.tf-section-soft { background: #f8fafc; border-top: 1px solid #f1f5f9; border-bottom: 1px solid #f1f5f9; }
.tf-section-header { max-width: 760px; margin: 0 auto 2.4rem; }
.tf-section-header h2 { margin: .55rem 0 .65rem; font-size: clamp(1.8rem, 3vw, 2.45rem); font-weight: 800; }
.tf-section-header p { color: var(--tf-muted); font-size: 1rem; }

.tf-step-card, .tf-use-card { height: 100%; padding: 1.45rem; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; box-shadow: 0 5px 18px rgba(15,23,42,.035); }
.tf-step-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.2rem; }
.tf-step-card-number { color: #94a3b8; font-size: .75rem; font-weight: 800; letter-spacing: .06em; }
.tf-step-card-icon, .tf-use-icon, .tf-resource-icon, .tf-guide-card-icon { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--tf-primary-soft); color: var(--tf-primary); }
.tf-step-card p, .tf-use-card p { color: var(--tf-muted); font-size: .9rem; }

.tf-comparison-card { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; box-shadow: var(--tf-shadow-sm); }
.tf-comparison-table th, .tf-comparison-table td { padding: 1rem 1.05rem; border-color: #eef2f7; font-size: .88rem; }
.tf-comparison-table thead th { color: #475569; background: #f8fafc; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
.tf-comparison-table .tf-highlight-column { background: #F8FAFC; color: #1E40AF; font-weight: 700; }
.tf-comparison-table .tf-highlight-column i { color: #16a34a; margin-right: .25rem; }

.tf-use-card { transition: transform .15s ease, box-shadow .15s ease; }
.tf-use-card:hover { transform: translateY(-2px); box-shadow: var(--tf-shadow-sm); }
.tf-use-icon { margin-bottom: 1rem; }

.tf-security-section { padding: 5.5rem 0; background: linear-gradient(135deg,#0f172a,#18233a); color: #dbeafe; }
.tf-security-section h2, .tf-security-section h3 { color: #fff; }
.tf-security-lead { color: #b8c6da; font-size: 1.02rem; }
.tf-security-grid { display: grid; gap: 1rem; }
.tf-security-card { display: flex; gap: 1rem; padding: 1.25rem; border: 1px solid rgba(255,255,255,.09); border-radius: 1rem; background: rgba(255,255,255,.055); }
.tf-security-card p { color: #b8c6da; margin: 0; font-size: .88rem; }
.tf-security-icon { width: 44px; height: 44px; flex: 0 0 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: rgba(99,102,241,.20); color: #BFDBFE; }
.tf-security-disclaimer { display: flex; align-items: flex-start; gap: .55rem; margin-top: 1.35rem; padding-top: 1.15rem; border-top: 1px solid rgba(255,255,255,.10); color: #94a3b8; font-size: .78rem; }

.tf-resource-card, .tf-guide-card { height: 100%; display: flex; flex-direction: column; padding: 1.35rem; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; color: var(--tf-text); text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.tf-resource-card:hover, .tf-guide-card:hover { color: var(--tf-text); transform: translateY(-3px); border-color: #BFDBFE; box-shadow: var(--tf-shadow-sm); }
.tf-resource-card h3, .tf-guide-card h2 { margin: 1rem 0 .5rem; }
.tf-resource-card p, .tf-guide-card p { flex: 1; color: var(--tf-muted); font-size: .87rem; }
.tf-card-link { display: inline-flex; align-items: center; gap: .35rem; color: var(--tf-primary); font-size: .8rem; font-weight: 750; }

.tf-country-grid { display: flex; justify-content: center; flex-wrap: wrap; gap: .65rem; max-width: 920px; margin: 0 auto; }
.country-badge { display: inline-flex; align-items: center; gap: .5rem; padding: .65rem .9rem; border: 1px solid #e2e8f0; border-radius: 999px; background: #fff; color: #475569; font-size: .82rem; box-shadow: 0 2px 7px rgba(15,23,42,.025); }

.tf-faq-intro { position: sticky; top: 100px; }
.tf-faq-intro h2 { margin: .55rem 0 .75rem; font-weight: 800; }
.tf-faq-intro p { color: var(--tf-muted); }
.tf-faq .accordion-item { margin-bottom: .7rem; overflow: hidden; border: 1px solid #e2e8f0 !important; border-radius: .85rem !important; }
.tf-faq .accordion-button { color: var(--tf-ink); font-size: .92rem; font-weight: 700; background: #fff; box-shadow: none !important; }
.tf-faq .accordion-button:not(.collapsed) { color: #1E40AF; background: #f8fafc; }
.tf-faq .accordion-body { color: #526176; font-size: .9rem; line-height: 1.7; }

.tf-resource-index-hero { padding: 5rem 0 4rem; background: linear-gradient(180deg,#fbfdff,#f8fafc); }
.tf-resource-index-hero h1 { margin: .6rem 0 .9rem; font-size: clamp(2.35rem,5vw,3.5rem); font-weight: 850; }
.tf-resource-index-hero p { color: var(--tf-muted); font-size: 1.05rem; }

.tf-result-page { min-height: 67vh; padding: 5rem 0; background: linear-gradient(180deg,#f8fafc,#fff); }
.tf-result-shell { max-width: 720px; margin: 0 auto; padding: 2.25rem; text-align: center; border: 1px solid #e2e8f0; border-radius: 1.3rem; background: #fff; box-shadow: var(--tf-shadow); }
.tf-result-shell h1 { margin: .5rem 0 .7rem; font-size: clamp(2rem,4vw,2.8rem); font-weight: 850; }
.tf-result-icon { width: 64px; height: 64px; margin: 0 auto 1rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 18px; font-size: 1.7rem; }
.tf-result-icon.is-success { background: #dcfce7; color: #15803d; }
.tf-result-icon.is-warning { background: #fef3c7; color: #b45309; }
.tf-result-lead { max-width: 580px; margin: 0 auto 1.6rem; color: var(--tf-muted); }
.tf-result-summary { display: grid; gap: .8rem; margin: 1.5rem 0; padding: 1rem 1.1rem; text-align: left; border-radius: .9rem; background: #f8fafc; }
.tf-result-summary > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.tf-result-summary span { color: var(--tf-muted); font-size: .82rem; }
.tf-result-summary strong, .tf-result-summary code { color: var(--tf-ink); text-align: right; font-size: .86rem; }
.tf-result-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: .7rem; margin-top: 1.5rem; }
.tf-result-note { display: flex; align-items: flex-start; justify-content: center; gap: .55rem; margin-top: 1.4rem; color: var(--tf-muted); font-size: .78rem; text-align: left; }

.tf-mobile-cta { position: fixed; z-index: 1025; left: .7rem; right: .7rem; bottom: .7rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .75rem .8rem .75rem 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: .9rem; background: rgba(15,23,42,.96); color: #fff; box-shadow: 0 12px 30px rgba(15,23,42,.30); backdrop-filter: blur(10px); }
.tf-mobile-cta > div { display: flex; flex-direction: column; }
.tf-mobile-cta strong { font-size: .83rem; }
.tf-mobile-cta span { color: #cbd5e1; font-size: .7rem; }

.site-footer { margin-top: 0; padding: 4rem 0 1.6rem; background: #0f172a; border-top: 0; color: #94a3b8; }
.site-footer .tf-brand { color: #fff; }
.footer-brand-link { font-size: 1.05rem; }
.site-footer .footer-description { max-width: 430px; color: #94a3b8; }
.site-footer .footer-heading { color: #e2e8f0; font-size: .8rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.site-footer ul { margin: 0; padding: 0; list-style: none; }
.site-footer li { margin: .5rem 0; }
.site-footer a { color: #94a3b8; text-decoration: none; }
.site-footer a:hover { color: #fff; text-decoration: none; }
.footer-meta { margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid #1e293b; color: #64748b; font-size: .76rem; }

/* Existing tracking page tuned to the same visual system */
.tf-track-page { max-width: 1180px; }
.tf-track-hero { background: #fff; border-color: var(--tf-border); box-shadow: var(--tf-shadow-sm); }
.tf-track-card { border-color: var(--tf-border); box-shadow: var(--tf-shadow-sm); }

@media (max-width: 991.98px) {
    .hero-section { padding: 3.5rem 0 4rem; }
    .hero-copy { max-width: none; }
    .hero-title { font-size: clamp(2.35rem, 8vw, 3.5rem); }
    .tf-faq-intro { position: static; }
}
@media (max-width: 767.98px) {
    body { padding-bottom: 76px; }
    .tf-site-header .navbar-collapse { padding: .7rem 0 .35rem; }
    .tf-header-trust { padding: .8rem; margin-top: .4rem; border-radius: .75rem; background: #f8fafc; flex-direction: column; gap: .4rem; }
    .hero-section { padding: 2.8rem 0 3.5rem; }
    .hero-title { font-size: 2.55rem; }
    .hero-sub { font-size: 1rem; }
    .hero-cta { width: 100%; justify-content: center; }
    .tf-checkout-card { padding: 1.1rem; }
    .tf-section { padding: 3.6rem 0; }
    .tf-security-section { padding: 4rem 0; }
    .tf-result-page { padding: 3rem 0; }
    .tf-result-shell { padding: 1.5rem 1rem; }
    .tf-result-summary > div { flex-direction: column; gap: .2rem; }
    .tf-result-summary strong, .tf-result-summary code { text-align: left; }
}


/* =========================================================
   TidyFax fax directory
   ========================================================= */
.tf-directory-hero,
.tf-directory-detail-hero {
    background:
        radial-gradient(circle at 82% 8%, rgba(99,102,241,.10), transparent 34%),
        linear-gradient(180deg,#fbfdff,#f8fafc);
    border-bottom: 1px solid #eef2f7;
}
.tf-directory-hero { padding: 4.5rem 0 3.7rem; }
.tf-directory-detail-hero { padding: 3.2rem 0 2.7rem; }
.tf-directory-hero h1,
.tf-directory-detail-hero h1 {
    margin: .6rem 0 .8rem;
    font-size: clamp(2.15rem,4.5vw,3.4rem);
    font-weight: 850;
}
.tf-directory-hero p,
.tf-directory-detail-hero p { color: var(--tf-muted); font-size: 1.02rem; }
.tf-directory-search {
    max-width: 760px;
    margin: 1.8rem auto 0;
    padding: .45rem;
    border: 1px solid #e2e8f0;
    border-radius: .95rem;
    background: #fff;
    box-shadow: var(--tf-shadow-sm);
}
.tf-directory-search .input-group-text { border: 0; background: transparent; color: #94a3b8; }
.tf-directory-search .form-control { border: 0; box-shadow: none; }
.tf-directory-search .btn { border-radius: .7rem !important; }

.tf-directory-card {
    min-height: 132px;
    display: flex;
    align-items: flex-start;
    gap: .9rem;
    padding: 1.15rem;
    border: 1px solid var(--tf-border);
    border-radius: 1rem;
    background: #fff;
    color: var(--tf-text);
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(15,23,42,.025);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.tf-directory-card:hover {
    color: var(--tf-text);
    transform: translateY(-2px);
    border-color: #BFDBFE;
    box-shadow: var(--tf-shadow-sm);
}
.tf-directory-card h2, .tf-directory-card h3 { margin: 0 0 .4rem; line-height: 1.35; }
.tf-directory-card-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--tf-primary-soft);
    color: var(--tf-primary);
}
.tf-directory-location, .tf-directory-meta { color: var(--tf-muted); font-size: .78rem; }
.tf-directory-meta { margin-top: .45rem; font-weight: 650; }
.tf-directory-empty {
    padding: 4rem 1rem;
    text-align: center;
    border: 1px dashed #cbd5e1;
    border-radius: 1rem;
    background: #f8fafc;
    color: var(--tf-muted);
}
.tf-directory-empty > i { margin-bottom: 1rem; font-size: 1.8rem; color: #94a3b8; }
.tf-directory-disclaimer, .tf-directory-source {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    margin-top: 3.5rem;
    padding: 1rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: .9rem;
    background: #f8fafc;
    color: var(--tf-muted);
    font-size: .8rem;
}
.tf-directory-disclaimer > i, .tf-directory-source > i { color: var(--tf-primary); margin-top: .15rem; }
.tf-directory-disclaimer > div, .tf-directory-source > div { display: flex; flex: 1; flex-direction: column; gap: .15rem; }
.tf-directory-disclaimer strong, .tf-directory-source strong { color: #475569; }
.tf-directory-source a { margin-left: auto; white-space: nowrap; }

.tf-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin-bottom: 1.25rem;
    color: #94a3b8;
    font-size: .76rem;
}
.tf-breadcrumbs a { color: #64748b; text-decoration: none; }
.tf-breadcrumbs a:hover { color: var(--tf-primary); }
.tf-breadcrumbs i { font-size: .58rem; }

.tf-location-panel, .tf-destination-number-panel {
    padding: 1rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: .95rem;
    background: rgba(255,255,255,.88);
    box-shadow: var(--tf-shadow-sm);
}
.tf-location-panel { display: flex; align-items: center; gap: .65rem; }
.tf-location-panel i { color: var(--tf-primary); }
.tf-destination-number-panel span:first-child { display: block; color: var(--tf-muted); font-size: .75rem; font-weight: 650; }
.tf-destination-number-panel strong { display: block; margin-top: .15rem; color: var(--tf-ink); font-size: 1.7rem; letter-spacing: .01em; }
.tf-verified-pill, .tf-review-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .32rem .55rem;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 750;
}
.tf-verified-pill { background: #dcfce7; color: #166534; }
.tf-review-pill { background: #fef3c7; color: #92400e; }

.tf-fax-number-card, .tf-directory-info-card {
    padding: 1.2rem;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 5px 18px rgba(15,23,42,.035);
}
.tf-fax-number-card { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.tf-fax-label { color: #64748b; font-size: .73rem; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.tf-fax-number { margin: .25rem 0; color: var(--tf-ink); font-size: 1.3rem; font-weight: 800; }
.tf-fax-number-card p { max-width: 580px; margin: .4rem 0 0; color: var(--tf-muted); font-size: .82rem; }
.tf-directory-dl { margin: 1rem 0 0; }
.tf-directory-dl > div { display: grid; grid-template-columns: 130px 1fr; gap: .8rem; padding: .7rem 0; border-bottom: 1px solid #eef2f7; }
.tf-directory-dl dt { color: var(--tf-muted); font-size: .76rem; font-weight: 650; }
.tf-directory-dl dd { margin: 0; color: var(--tf-ink); font-size: .82rem; font-weight: 650; }
.tf-directory-warning {
    display: flex;
    gap: .65rem;
    margin-top: 1rem;
    padding: .85rem;
    border-radius: .8rem;
    background: #fffbeb;
    color: #92400e;
    font-size: .76rem;
}
.tf-directory-warning > div { display: flex; flex-direction: column; gap: .1rem; }
.tf-directory-send-heading { margin-bottom: 1.15rem; }
.tf-directory-send-heading h2 { margin: .45rem 0 .4rem; font-weight: 800; }
.tf-directory-send-heading p { color: var(--tf-muted); font-size: .9rem; }
.tf-related-fax-list { display: grid; gap: .55rem; }
.tf-related-fax-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .8rem .9rem;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    color: var(--tf-text);
    text-decoration: none;
}
.tf-related-fax-list a:hover { border-color: #BFDBFE; background: #f8fafc; }
.tf-related-fax-list span { display: flex; flex-direction: column; }
.tf-related-fax-list strong { color: var(--tf-ink); font-size: .8rem; }
.tf-related-fax-list small { color: var(--tf-muted); }

@media (max-width: 767.98px) {
    .tf-directory-hero { padding: 3rem 0 2.7rem; }
    .tf-directory-detail-hero { padding: 2.5rem 0 2.2rem; }
    .tf-fax-number-card { flex-direction: column; }
    .tf-fax-number-card .btn { width: 100%; }
    .tf-directory-source { flex-direction: column; }
    .tf-directory-source a { margin-left: 0; }
    .tf-directory-dl > div { grid-template-columns: 1fr; gap: .15rem; }
}