/* TMS EOR Design System v1 — 2026-06-13
 * Site-wide design tokens + component classes for the EOR page family redesign.
 * Reference: design-reference/eor-us-to-india-redesign.html (signed off).
 */
:root{
  --tms-navy:#15446A;
  --tms-brand-navy:#1B3A6B;
  --tms-navy-deep:#14224d;
  --tms-ink:#384354;
  --tms-slate:#5C6B85;
  --tms-line:#E4E8EF;
  --tms-tint:#F7F8FB;
  --tms-white:#FFFFFF;
  --tms-gold:#E2A954;
  --tms-gold-deep:#B97F2E;
  --tms-green:#2F8048;
  --tms-maxw:1080px;
}

/* === SCOPED WRAPPER === only fires inside .tms-eor-page so we don't restyle other pages */
.tms-eor-page{font-family:'DM Sans','DM Sans Fallback',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--tms-ink);line-height:1.6;background:var(--tms-white);-webkit-font-smoothing:antialiased}
.tms-eor-page *{box-sizing:border-box}
.tms-eor-page .wrap{max-width:var(--tms-maxw);margin:0 auto;padding:0 24px}
.tms-eor-page section{padding:72px 0}
.tms-eor-page section.tint{background:var(--tms-tint)}
.tms-eor-page h1,.tms-eor-page h2,.tms-eor-page h3{color:var(--tms-navy);line-height:1.18;letter-spacing:-.01em;font-family:'DM Sans','DM Sans Fallback',sans-serif}
.tms-eor-page h1{font-size:clamp(2rem,4.6vw,3.05rem);font-weight:700}
.tms-eor-page h2{font-size:clamp(1.55rem,3vw,2.15rem);font-weight:700;margin-bottom:14px}
.tms-eor-page h3{font-size:1.06rem;font-weight:600;color:var(--tms-ink)}
.tms-eor-page p{color:var(--tms-slate)}
.tms-eor-page .lead{font-size:1.12rem;color:var(--tms-slate);max-width:62ch}
.tms-eor-page .eyebrow{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--tms-slate);font-weight:500;display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}
.tms-eor-page .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tms-gold)}
.tms-eor-page .section-head{max-width:64ch;margin-bottom:40px}

/* buttons */
.tms-eor-page .btn{display:inline-block;font-weight:600;font-size:.95rem;padding:13px 24px;border-radius:9px;text-decoration:none;transition:.15s;border:1.5px solid transparent;cursor:pointer;font-family:'DM Sans','DM Sans Fallback',sans-serif}
.tms-eor-page .btn-primary{background:var(--tms-navy);color:#fff}
.tms-eor-page .btn-primary:hover{background:var(--tms-navy-deep);color:#fff}
.tms-eor-page .btn-outline{background:transparent;color:var(--tms-navy);border-color:var(--tms-line)}
.tms-eor-page .btn-outline:hover{border-color:var(--tms-navy);color:var(--tms-navy)}
.tms-eor-page .btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* HERO */
.tms-eor-page .hero{background:var(--tms-brand-navy);padding:84px 0 78px}
.tms-eor-page .hero h1{color:#fff}
.tms-eor-page .hero .eyebrow{color:#9fb3cc}
.tms-eor-page .hero .lead{margin-top:20px;color:#c8d5e6}
.tms-eor-page .hero .btn-primary{background:#fff;color:var(--tms-brand-navy)}
.tms-eor-page .hero .btn-primary:hover{background:#e9eef5;color:var(--tms-brand-navy)}
.tms-eor-page .hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.38)}
.tms-eor-page .hero .btn-outline:hover{border-color:#fff;color:#fff}

/* STAT STRIP */
.tms-eor-page section.statband{background:var(--tms-tint);padding:46px 0 26px}
.tms-eor-page .statcard{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--tms-line);border-radius:18px;overflow:hidden}
.tms-eor-page .sc{padding:26px 30px;border-right:1px solid var(--tms-line)}
.tms-eor-page .sc:last-child{border-right:none}
.tms-eor-page .sc .n{font-size:38px;font-weight:700;color:var(--tms-navy);line-height:1;letter-spacing:-.04em;font-family:'DM Sans','DM Sans Fallback',sans-serif}
.tms-eor-page .sc .l{color:#5C6B85;font-size:14px;margin-top:8px;line-height:1.4}

/* grids */
.tms-eor-page .grid{display:grid;gap:18px}
.tms-eor-page .g2{grid-template-columns:repeat(2,1fr)}
.tms-eor-page .g3{grid-template-columns:repeat(3,1fr)}
.tms-eor-page .g4{grid-template-columns:repeat(4,1fr)}
.tms-eor-page .card{background:var(--tms-white);border:1px solid var(--tms-line);border-radius:14px;padding:24px}
.tms-eor-page .card h3{margin-bottom:8px}
.tms-eor-page .card p{font-size:.94rem}
.tms-eor-page section.tint .card{background:var(--tms-white)}

/* STEPS */
.tms-eor-page .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tms-eor-page .step .sn{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:.12em;color:var(--tms-gold-deep);text-transform:uppercase;font-weight:500}
.tms-eor-page .step h3{margin:10px 0 6px}
.tms-eor-page .step p{font-size:.92rem}

/* INCLUDED */
.tms-eor-page .incl{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.tms-eor-page .incl .col h3{font-size:.98rem;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--tms-line)}
.tms-eor-page .incl ul{list-style:none;padding:0;margin:0}
.tms-eor-page .incl li{font-size:.88rem;color:var(--tms-ink);padding:5px 0 5px 22px;position:relative;line-height:1.45}
.tms-eor-page .incl li::before{content:"\2713";position:absolute;left:0;color:var(--tms-green);font-weight:700}

/* POINTS (bullet prose) */
.tms-eor-page .points{list-style:none;margin-top:8px;display:grid;gap:14px;padding:0}
.tms-eor-page .points li{position:relative;padding-left:26px;color:var(--tms-ink);font-size:.97rem}
.tms-eor-page .points li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:2px;background:var(--tms-gold);transform:rotate(45deg)}
.tms-eor-page .points li b{color:var(--tms-navy)}

/* CHIPS */
.tms-eor-page .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.tms-eor-page .chip{background:var(--tms-white);border:1px solid var(--tms-line);border-radius:999px;padding:9px 16px;font-size:.88rem;color:var(--tms-ink)}

/* COMPARE */
.tms-eor-page .compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--tms-line);border-radius:14px;overflow:hidden;margin-top:18px;background:var(--tms-white)}
.tms-eor-page .compare .h{padding:16px 22px;font-weight:600;background:var(--tms-tint);border-bottom:1px solid var(--tms-line);font-size:.95rem;color:var(--tms-navy)}
.tms-eor-page .compare .h.alt{background:var(--tms-navy);color:#fff}
.tms-eor-page .compare .b{padding:20px 22px;font-size:.92rem;color:var(--tms-ink);border-right:1px solid var(--tms-line)}
.tms-eor-page .compare .b:nth-child(even){border-right:none}

/* TIMELINE */
.tms-eor-page .timeline{margin-top:18px;border-left:2px solid var(--tms-line);padding-left:0}
.tms-eor-page .tl{position:relative;padding:0 0 22px 30px}
.tms-eor-page .tl::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--tms-navy);border:3px solid var(--tms-white);box-shadow:0 0 0 2px var(--tms-navy)}
.tms-eor-page .tl .w{font-family:'DM Mono',monospace;font-size:.74rem;letter-spacing:.08em;color:var(--tms-gold-deep);text-transform:uppercase;font-weight:500}
.tms-eor-page .tl p{font-size:.94rem;color:var(--tms-ink);margin-top:4px}

/* FAQ */
.tms-eor-page .faq details{border-bottom:1px solid var(--tms-line);padding:4px 0}
.tms-eor-page .faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:600;color:var(--tms-navy);font-size:1.02rem;display:flex;justify-content:space-between;gap:16px}
.tms-eor-page .faq summary::-webkit-details-marker{display:none}
.tms-eor-page .faq summary::after{content:"+";color:var(--tms-gold-deep);font-weight:700;font-size:1.3rem;line-height:1}
.tms-eor-page .faq details[open] summary::after{content:"\2013"}
.tms-eor-page .faq details p{padding:0 0 20px;font-size:.96rem;max-width:80ch;color:var(--tms-ink)}

/* LEAD MAGNET */
.tms-eor-page section.leadmagnet{background:var(--tms-brand-navy)}
.tms-eor-page .lm{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.tms-eor-page .lm .eyebrow{color:var(--tms-gold)}
.tms-eor-page .lm h2{color:#fff}
.tms-eor-page .lm p.desc{color:#b9c6d8;max-width:46ch;margin-top:14px}
.tms-eor-page .lm .checks{list-style:none;margin:24px 0 26px;padding:0}
.tms-eor-page .lm .checks li{position:relative;padding:7px 0 7px 32px;color:#eaf0f7;font-size:.95rem;font-weight:500}
.tms-eor-page .lm .checks li::before{content:"\2713";position:absolute;left:0;top:6px;width:19px;height:19px;border-radius:50%;background:rgba(226,169,84,.18);color:var(--tms-gold);font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}
.tms-eor-page .lm label.flabel{display:block;color:#cdd9e8;font-size:.85rem;font-weight:600;margin-bottom:8px}
.tms-eor-page .lm label.flabel span{color:var(--tms-gold)}
.tms-eor-page .lm .emailrow{display:flex;flex-direction:column;gap:12px;max-width:360px}
.tms-eor-page .lm input.email{width:100%;border:none;border-radius:8px;padding:14px 16px;font-family:inherit;font-size:.95rem;background:#fff;color:var(--tms-ink)}
.tms-eor-page .lm .btn-dl{background:var(--tms-gold);color:#3a2a08;font-weight:600;border:none;border-radius:8px;padding:14px 22px;font-family:inherit;font-size:.95rem;cursor:pointer;text-decoration:none;text-align:center;display:inline-block}
.tms-eor-page .lm .btn-dl:hover{background:#d89c45}
.tms-eor-page .lm .micro{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#8ea3bd;margin-top:18px;display:flex;align-items:center;gap:8px}
.tms-eor-page .lm .micro::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tms-gold)}
.tms-eor-page .pdfcover{justify-self:center;background:#f7f3e8;border-radius:6px;padding:30px 28px;width:300px;min-height:380px;transform:rotate(3deg);box-shadow:0 30px 60px rgba(0,0,0,.35);display:flex;flex-direction:column}
.tms-eor-page .pdfcover .pe{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tms-gold-deep);display:flex;align-items:center;gap:6px;margin-bottom:24px}
.tms-eor-page .pdfcover .pe::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--tms-gold-deep)}
.tms-eor-page .pdfcover h3{color:var(--tms-navy-deep);font-size:1.3rem;line-height:1.25;font-weight:700}
.tms-eor-page .pdfcover .by{color:#6b6450;font-size:.82rem;margin-top:14px;line-height:1.5}
.tms-eor-page .pdfcover .rule{border-top:1px solid #ddd6c2;margin:auto 0 14px}
.tms-eor-page .pdfcover .pub{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#9a9078}

/* CONTACT */
.tms-eor-page #contact .eyebrow{color:var(--tms-gold)}
.tms-eor-page #contact .btn-primary{background:var(--tms-gold);color:#3a2a08}
.tms-eor-page #contact .btn-primary:hover{background:#d89c45;color:#3a2a08}
.tms-eor-page .contact{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
.tms-eor-page .contact .form{background:var(--tms-white);border:1px solid var(--tms-line);border-radius:16px;padding:30px}
.tms-eor-page .contactinfo p{margin-bottom:14px;font-size:.96rem;color:var(--tms-ink)}
.tms-eor-page .contactinfo a{color:var(--tms-navy);font-weight:600;text-decoration:none}

/* Responsive */
@media(max-width:900px){
  .tms-eor-page .g4,.tms-eor-page .incl,.tms-eor-page .steps{grid-template-columns:repeat(2,1fr)}
  .tms-eor-page .statcard{grid-template-columns:repeat(2,1fr)}
  .tms-eor-page .sc:nth-child(2){border-right:none}
  .tms-eor-page .contact,.tms-eor-page .lm{grid-template-columns:1fr}
  .tms-eor-page .pdfcover{margin-top:8px;transform:rotate(0)}
  .tms-eor-page .compare{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .tms-eor-page .g3,.tms-eor-page .g2{grid-template-columns:1fr}
  .tms-eor-page section{padding:52px 0}
}

/* Load DM Sans + DM Mono if not already present */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');

/* === FULL-WIDTH BREAKOUT === escape the block theme's is-layout-constrained parent */
.tms-eor-page{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important;max-width:100vw !important;}
.tms-eor-page-fullbleed{}


/* === PILL HERO V2 — eyebrow pill + gold primary + outlined navy secondary === */
.tms-eor-page .hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;border:1.5px solid rgba(159,179,204,0.45);background:rgba(255,255,255,0.04);color:#fff !important;font-size:.78rem;letter-spacing:.06em;text-transform:none;font-family:'DM Sans','DM Sans Fallback',sans-serif;font-weight:500;margin-bottom:22px;text-transform:none !important}
.tms-eor-page .hero .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#E2A954;flex-shrink:0}
.tms-eor-page .hero .btn{border-radius:999px !important;padding:13px 26px !important;font-weight:600}
.tms-eor-page .hero .btn-primary{background:#E2A954 !important;color:#1B3A6B !important;border-color:#E2A954 !important}
.tms-eor-page .hero .btn-primary:hover{background:#d89c45 !important;color:#1B3A6B !important;border-color:#d89c45 !important}
.tms-eor-page .hero .btn-outline{background:rgba(255,255,255,0.05) !important;color:#fff !important;border:1.5px solid rgba(255,255,255,0.35) !important}
.tms-eor-page .hero .btn-outline:hover{background:rgba(255,255,255,0.10) !important;color:#fff !important;border-color:rgba(255,255,255,0.7) !important}

/* === PHASE3 HERO OVERRIDE — region pages: re-enable white hero text. Uses #wp--skip-link--target to match the bridge's specificity === */
body.tms-eor-region main#wp--skip-link--target .tms-eor-page .hero h1,
body.tms-eor-region main#wp--skip-link--target .tms-eor-page .hero h2,
body.tms-eor-region main#wp--skip-link--target .tms-eor-page .hero h3{color:#fff !important;}
body.tms-eor-region main#wp--skip-link--target .tms-eor-page .hero .lead,
body.tms-eor-region main#wp--skip-link--target .tms-eor-page .hero p{color:#c8d5e6 !important;}
body.tms-eor-region main#wp--skip-link--target .tms-eor-page .hero .eyebrow{color:#fff !important;}


/* === HIDE DUPLICATE H2 TITLE ON SINGLE BLOG POSTS === */
body.single-post .elementor-heading-title.elementor-size-large{display:none !important;}
body.single-post .elementor-widget-heading:has(.elementor-heading-title.elementor-size-large){display:none !important;}