/* Pod-Sourcing.com frontend custom styles */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/inter-latin-800-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/inter-latin-900-normal.woff2') format('woff2');}

:root{
  --navy:#0d1b2a;
  --navy-2:#132b47;
  --accent:#f97316;
  --accent-dark:#ea580c;
  --text:#334155;
  --muted:#64748b;
  --light:#f6f8fb;
  --border:#e5eaf1;
}
*{ -webkit-font-smoothing:antialiased; }
body{ font-family:'Inter',system-ui,sans-serif; color:var(--text); background:#fff; }
h1,h2,h3,h4,h5{ color:var(--navy); font-weight:800; letter-spacing:-.02em; }
.section{ padding:96px 0; }
.eyebrow{ display:inline-block; font-size:.8rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin-bottom:14px; }
.lead-sub{ font-size:1.1rem; color:var(--muted); max-width:640px; }
.btn-accent{ background:var(--accent); color:#fff; font-weight:600; border:none; padding:.75rem 1.5rem; border-radius:.6rem; transition:.2s; }
.btn-accent:hover{ background:var(--accent-dark); color:#fff; transform:translateY(-1px); box-shadow:0 8px 20px rgba(249,115,22,.3); }
.btn-outline-light2{ border:1.5px solid rgba(255,255,255,.5); color:#fff; font-weight:600; padding:.75rem 1.5rem; border-radius:.6rem; transition:.2s; }
.btn-outline-light2:hover{ background:#fff; color:var(--navy); }

/* Top bar */
.topbar{ background:var(--navy); color:#cbd5e1; font-size:.85rem; }
.topbar a{ color:#cbd5e1; text-decoration:none; }
.topbar a:hover{ color:#fff; }

/* Navbar */
.navbar{ background:rgba(255,255,255,.95); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); }
.brand-logo{ font-weight:900; font-size:1.35rem; color:var(--navy); }
.brand-logo span{ color:var(--accent); }
.navbar .nav-link{ font-weight:600; color:var(--text); margin-left:.5rem; }
.navbar .nav-link:hover{ color:var(--accent); }
.navbar .nav-link.active{ color:var(--accent); }

/* Hero */
.hero{ background:linear-gradient(135deg,#0d1b2a 0%,#132b47 55%,#1b3a63 100%); color:#fff; position:relative; overflow:hidden; }
.hero::after{ content:""; position:absolute; right:-180px; top:-120px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(249,115,22,.28),transparent 70%); }
.hero .container{ position:relative; z-index:2; }
.hero h1{ color:#fff; font-size:clamp(2.1rem,4.4vw,3.4rem); line-height:1.12; }
.hero .hero-sub{ color:#c7d4e5; font-size:1.15rem; max-width:600px; }
.hero .trust-row{ color:#94a9c3; font-size:.9rem; }
.hero .trust-row i{ color:var(--accent); }
.hero-card{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:1rem; padding:1.25rem; }
.hero-card i{ color:var(--accent); font-size:1.4rem; }

/* Stats */
.stats{ background:#fff; margin-top:-64px; position:relative; z-index:3; }
.stats .card{ border:1px solid var(--border); border-radius:1rem; box-shadow:0 18px 45px rgba(13,27,42,.10); }
.stat-num{ font-size:2rem; font-weight:900; color:var(--navy); }
.stat-label{ color:var(--muted); font-size:.9rem; }

/* Cards */
.icon-box{ width:56px; height:56px; border-radius:.9rem; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:var(--accent); background:rgba(249,115,22,.12); }
.service-card,.cat-card{ border:1px solid var(--border); border-radius:1rem; transition:.25s; height:100%; }
.service-card:hover,.cat-card:hover{ transform:translateY(-5px); box-shadow:0 18px 40px rgba(13,27,42,.10); }
.step-num{ width:44px; height:44px; border-radius:50%; background:var(--navy); color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:1.1rem; }
.cat-img{ height:200px; border-radius:.9rem; background:linear-gradient(135deg,var(--navy-2),#1b3a63); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.85); font-size:3rem; }
.quote-mark{ color:var(--accent); font-size:2.2rem; line-height:1; }

/* Blog card */
.blog-card{ border:1px solid var(--border); border-radius:1rem; overflow:hidden; transition:.25s; height:100%; }
.blog-card:hover{ transform:translateY(-5px); box-shadow:0 18px 40px rgba(13,27,42,.10); }
.blog-thumb{ height:170px; background:linear-gradient(135deg,#132b47,#1b3a63); }

/* CTA banner */
.cta-band{ background:linear-gradient(135deg,#0d1b2a,#1b3a63); border-radius:1.4rem; color:#fff; position:relative; overflow:hidden; }
.cta-band::after{ content:""; position:absolute; right:-80px; bottom:-120px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(249,115,22,.30),transparent 70%); }

/* Blog article content */
.blog-content h2{ font-size:1.6rem; margin:1.6em 0 .6em; color:var(--navy); font-weight:800; }
.blog-content h3{ font-size:1.25rem; margin:1.3em 0 .5em; color:var(--navy); font-weight:700; }
.blog-content p{ margin-bottom:1.1em; }
.blog-content ul, .blog-content ol{ margin-bottom:1.1em; padding-left:1.5em; }
.blog-content li{ margin-bottom:.35em; }
.blog-content table{ width:100%; border-collapse:collapse; margin:1.5em 0; }
.blog-content th, .blog-content td{ border:1px solid #e2e8f0; padding:.55em .8em; vertical-align:top; }
.blog-content th{ background:#f8fafc; font-weight:700; }
.blog-content blockquote{ border-left:4px solid var(--accent); background:#fff7ed; padding:.8em 1.1em; margin:1.5em 0; color:#7c4a1e; border-radius:0 .5rem .5rem 0; }
.blog-content img{ max-width:100%; height:auto; border-radius:.5rem; }
.blog-content a{ color:var(--accent); }

/* Footer */
footer{ background:var(--navy); color:#9db0c7; }
footer h6{ color:#fff; font-weight:700; }
footer a{ color:#9db0c7; text-decoration:none; }
footer a:hover{ color:var(--accent); }
.contact-row i{ color:var(--accent); }