
:root{
  --td-bg: #070A0F;
  --td-surface: #0D1420;
  --td-card: #101A2A;
  --td-border: rgba(255,255,255,0.08);
  --td-text: rgba(255,255,255,0.92);
  --td-muted: rgba(255,255,255,0.68);
  --td-accent: #C7A64A; /* refined gold */
  --td-accent-2: #5AA6FF; /* subtle modern blue */
  --td-danger: #EF4444;
  --td-success: #22C55E;
  --td-radius: 16px;
  --td-shadow: 0 10px 30px rgba(0,0,0,0.35);
  --td-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

*{box-sizing:border-box}
body{background: var(--td-bg); color: var(--td-text); font-family: var(--td-font); margin:0;}
a{color:var(--brand-accent); text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:24px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.brand{display:flex;gap:12px;align-items:center}
.brand img{height:34px}
.brand .name{font-weight:700;letter-spacing:.2px;color:var(--brand-primary)}
.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;color:var(--brand-primary);
  padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer}
.btn.primary{background:var(--brand-accent);border-color:var(--brand-accent);color:white}
.btn.ghost{background:transparent}
.hero{padding:48px 0}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.h1{font-size:44px;line-height:1.08;margin:0 0 12px}
.p{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kpis{display:flex;gap:12px;flex-wrap:wrap}
.kpi{flex:1;min-width:160px}
.small{font-size:13px;color:var(--muted)}
.section{padding:28px 0}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.price{font-size:34px;font-weight:800;margin:10px 0}
ul{margin:10px 0 0;padding-left:18px;color:var(--muted)}
.footer{padding:34px 0;border-top:1px solid var(--border);margin-top:38px}
.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:12px;color:var(--muted)}
.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--border);padding:10px;text-align:left;font-size:14px}
.table th{color:var(--muted);font-weight:700}
.notice{border:1px solid var(--border);background:#fff;border-left:4px solid var(--brand-accent);padding:12px;border-radius:12px}
@media(max-width:920px){
  .hero-grid,.grid3,.pricing{grid-template-columns:1fr}
  .h1{font-size:36px}
}


/* --- Travel Desk brand overrides --- */
.container{max-width:1100px;margin:0 auto;padding:24px;}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px;margin:18px 0;border:1px solid var(--td-border);background:linear-gradient(180deg, rgba(16,26,42,0.95), rgba(13,20,32,0.88));backdrop-filter: blur(8px);border-radius: var(--td-radius);box-shadow: var(--td-shadow);}
.brand{display:flex;align-items:center;gap:12px;}
.brand img{height:46px;width:auto;display:block;}
.brand .name{font-weight:900;letter-spacing:0.5px;}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--td-border);color:var(--td-muted);font-size:12px;}
.card{border:1px solid var(--td-border);background:rgba(16,26,42,0.92);border-radius: var(--td-radius);box-shadow: var(--td-shadow);padding:18px;}
.small{color:var(--td-muted);font-size:13px;}
a{color:var(--td-accent);text-decoration:none;}
a:hover{opacity:0.9;text-decoration:underline;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--td-border);background:rgba(255,255,255,0.02);color:var(--td-text);cursor:pointer;text-decoration:none;transition:transform 120ms ease, opacity 120ms ease;}
.btn:hover{transform:translateY(-1px);opacity:0.96;text-decoration:none;}
.btn.primary{background:linear-gradient(180deg, rgba(199,166,74,1), rgba(163,132,46,1));color:#0A0F18;border:0;font-weight:800;}
.btn.danger{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.35);color:rgba(255,255,255,0.92);}
.input, input.input, select.input, textarea.input{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--td-border);background:rgba(7,10,15,0.55);color:var(--td-text);outline:none;}
.input:focus{border-color: rgba(199,166,74,0.65);box-shadow:0 0 0 3px rgba(199,166,74,0.15);}
hr{border:0;border-top:1px solid var(--td-border);margin:16px 0;}
footer{margin-top:28px;padding:18px;border-top:1px solid var(--td-border);color:var(--td-muted);font-size:13px;}
.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;}
/* --- end overrides --- */

/* Accessibility modes */
html.td-font-lg { font-size: 112.5%; }   /* ~18px base */
html.td-font-xl { font-size: 125%; }     /* ~20px base */
html.td-contrast{
  --td-text: rgba(255,255,255,0.98);
  --td-muted: rgba(255,255,255,0.82);
  --td-border: rgba(255,255,255,0.18);
  --td-surface: #0B1020;
  --td-card: #0E1630;
}
html.td-dyslexia{
  --td-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, Helvetica;
  letter-spacing: 0.2px;
}

.brand img{background:transparent !important; border-radius:0 !important;}


/* LOGO HARD OVERRIDES */
header .brand, .brand, .logo, .nav-brand {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
header .brand img, .brand img, img.logo, .nav-brand img, header img {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Cache-bust marker: 1766948893 */

/* BADGE OVERRIDE (avoid white pills) */
.badge{
  background: rgba(205,165,91,0.18) !important;
  border: 1px solid rgba(205,165,91,0.35) !important;
  color: rgba(245,245,245,0.95) !important;
}

/* A11Y SAFEGUARD: If any stale markup exists, never show it */
#td-a11y-panel, .td-a11y-panel, .a11y-panel, .accessibility-panel{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
}

/* WHITE BANNER GUARD: neutralize any injected empty blocks */
form:empty, section:empty, div:empty { display:none; }
input, textarea, select {
  background-color: rgba(255,255,255,0.04);
}

/* NOTICE OVERRIDE: ensure readability on dark theme */
.notice{
  background: rgba(5,7,10,0.85) !important;
  border: 1px solid rgba(205,165,91,0.45) !important;
  color: rgba(245,245,245,0.95) !important;
}
.notice .small{ color: rgba(245,245,245,0.80) !important; }
