/* TR InnovaTech — dedicated service sub-pages */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#07266D;--navy2:#052666;--indigo:#065FD3;--violet:#052666;
  --g50:#f8fafc;--g100:#f1f5f9;--g200:#e2e8f0;--g400:#94a3b8;
  --g500:#64748b;--g600:#475569;--g700:#334155;--g800:#1e293b;
  --page-px:clamp(1rem,2.5vw,1.5rem);--page-max:1280px;
  --btn-shadow:0 1px 2px rgba(0,0,34,.06),0 3px 10px rgba(6,95,211,.18);
  --btn-shadow-hover:0 2px 4px rgba(0,0,34,.08),0 5px 14px rgba(6,95,211,.26);
  --svc-accent:var(--indigo);
  --svc-accent-soft:rgba(6,95,211,.1);
  --svc-accent-border:rgba(6,95,211,.18);
  --svc-grad:linear-gradient(135deg,var(--indigo),var(--violet));
}
html{scroll-padding-top:80px}
body{font-family:'Inter',sans-serif;background:#eef3fb;color:var(--g800);line-height:1.6;overflow-x:hidden}
.page-shell{width:100%;max-width:var(--page-max);margin:0 auto;padding-left:var(--page-px);padding-right:var(--page-px)}
header{background:#fff;border-bottom:1px solid var(--g200);box-shadow:0 1px 12px rgba(7,38,109,.06);padding:0 var(--page-px);position:sticky;top:0;z-index:300}
.hdr{max-width:var(--page-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo-img{height:40px;width:auto}
.hdr-nav{display:flex;align-items:center;gap:1.75rem}
.hdr-nav a{font-size:.85rem;font-weight:500;color:var(--g600);text-decoration:none;transition:color .2s}
.hdr-nav a:hover,.hdr-nav a.active{color:var(--navy)}
.hdr-cta{background:linear-gradient(135deg,var(--indigo),var(--violet));color:#fff!important;padding:9px 20px;border-radius:10px;font-weight:700;box-shadow:var(--btn-shadow);transition:transform .15s,box-shadow .25s!important}
.hdr-cta:hover{transform:translateY(-1px);box-shadow:var(--btn-shadow-hover)!important}
.hdr-mob{display:none;background:none;border:none;font-size:1.25rem;color:var(--navy);cursor:pointer;padding:4px}
.mob-nav{display:none;flex-direction:column;gap:.5rem;padding:1rem var(--page-px) 1.25rem;background:#fff;border-top:1px solid var(--g200)}
.mob-nav a{font-size:.9rem;font-weight:500;color:var(--g700);text-decoration:none;padding:.5rem 0;border-bottom:1px solid var(--g100)}
/* Nav mobile toggle handled by nav.css */
.theme-purple{--svc-accent:#9333ea;--svc-accent-soft:rgba(147,51,234,.1);--svc-accent-border:rgba(147,51,234,.2);--svc-grad:linear-gradient(135deg,#9333ea,#7c3aed)}
.theme-green{--svc-accent:#10b981;--svc-accent-soft:rgba(16,185,129,.1);--svc-accent-border:rgba(16,185,129,.2);--svc-grad:linear-gradient(135deg,#10b981,#059669)}
.theme-orange{--svc-accent:#f97316;--svc-accent-soft:rgba(249,115,22,.1);--svc-accent-border:rgba(249,115,22,.2);--svc-grad:linear-gradient(135deg,#f97316,#ea580c)}

.section{padding:clamp(3.75rem,5.5vw,5.5rem) var(--page-px);scroll-margin-top:80px}
.s-inner{max-width:var(--page-max);margin:0 auto}
.s-label{display:inline-flex;align-items:center;gap:6px;font-size:clamp(0.68rem,0.65rem + 0.15vw,0.75rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--svc-accent);background:var(--svc-accent-soft);border:1px solid var(--svc-accent-border);padding:5px 12px;border-radius:100px;margin-bottom:1rem}
.s-h{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.65rem,1.35rem + 1.4vw,2.2rem);font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1.15;margin-bottom:.75rem}
.s-sub{font-size:clamp(0.95rem,0.9rem + 0.28vw,1.0625rem);color:var(--g500);max-width:65ch;line-height:1.75}
.s-head{text-align:center;margin-bottom:3rem}
.s-head .s-sub{margin:0 auto}
.s-head--tight{margin-bottom:2rem}
.s-head--tight .s-h{margin-bottom:.5rem}
.s-head--tight .s-sub{margin-top:0}
.s-head--left{text-align:left}
.s-head--left .s-sub{margin:0}

/* Hero */
.svc-hero{position:relative;padding:clamp(3.75rem,5.5vw,5.5rem) var(--page-px);background:linear-gradient(145deg,#000022 0%,#07266D 45%,#052666 75%,#000033 100%);overflow:hidden}
.svc-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 15%,color-mix(in srgb,var(--svc-accent) 28%,transparent),transparent 55%);pointer-events:none}
.svc-hero-grid{position:relative;z-index:1;max-width:var(--page-max);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.svc-crumb{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:rgba(255,255,255,.45);margin-bottom:1.25rem;flex-wrap:wrap}
.svc-crumb a{color:rgba(255,255,255,.65);text-decoration:none}
.svc-crumb a:hover{color:#fff}
.svc-crumb i{font-size:.55rem;opacity:.5}
.svc-hero-icon{width:52px;height:52px;border-radius:14px;background:var(--svc-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem;box-shadow:0 6px 20px color-mix(in srgb,var(--svc-accent) 35%,transparent)}
.svc-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.85rem,1.45rem + 2.2vw,2.85rem);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}
.svc-hero h1 em{font-style:normal;color:#8ab8f5}
.svc-hero-lead{font-size:clamp(0.95rem,0.9rem + 0.28vw,1.0625rem);color:rgba(255,255,255,.62);line-height:1.78;max-width:520px;margin-bottom:1.75rem}
.svc-hero-btns{display:flex;flex-wrap:wrap;gap:.75rem}
.svc-btn{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:700;text-decoration:none;padding:12px 22px;border-radius:12px;transition:transform .15s,box-shadow .25s}
.svc-btn-primary{background:var(--svc-grad);color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--svc-accent) 35%,transparent)}
.svc-btn-primary:hover{transform:translateY(-2px)}
.svc-btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22)}
.svc-btn-ghost:hover{background:rgba(255,255,255,.16)}
.svc-hero-cards{display:flex;flex-direction:column;gap:.85rem}
.svc-hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.15rem 1.25rem;display:flex;gap:1rem;align-items:flex-start}
.svc-hero-card-ico{width:40px;height:40px;border-radius:11px;background:var(--svc-accent-soft);border:1px solid var(--svc-accent-border);color:var(--svc-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.svc-hero-card strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:.9rem;color:#fff;margin-bottom:.2rem}
.svc-hero-card span{font-size:.78rem;color:rgba(255,255,255,.5);line-height:1.5}

/* Overview */
.svc-overview-bg{background:#fff}
.svc-overview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}
.svc-overview-text p{font-size:.95rem;color:var(--g600);line-height:1.8;margin-bottom:1rem}
.svc-overview-text p:last-child{margin-bottom:0}
.svc-checklist{background:var(--g50);border:1px solid var(--g200);border-radius:18px;padding:1.5rem}
.svc-checklist h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:.95rem;font-weight:800;color:var(--navy);margin-bottom:1rem}
.svc-checklist ul{list-style:none}
.svc-checklist li{display:flex;gap:.65rem;font-size:.86rem;color:var(--g600);line-height:1.65;margin-bottom:.65rem}
.svc-checklist li:last-child{margin-bottom:0}
.svc-checklist li i{color:var(--svc-accent);font-size:.75rem;margin-top:.2rem;flex-shrink:0}

/* Features */
.svc-features-bg{background:linear-gradient(180deg,#eef3fb 0%,#fff 100%)}
.svc-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.svc-feat{background:#fff;border:1px solid var(--g200);border-radius:18px;padding:1.5rem;transition:transform .2s,box-shadow .2s}
.svc-feat:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(7,38,109,.09)}
.svc-feat-ico{width:44px;height:44px;border-radius:12px;background:var(--svc-accent-soft);border:1px solid var(--svc-accent-border);color:var(--svc-accent);display:flex;align-items:center;justify-content:center;font-size:.95rem;margin-bottom:1rem}
.svc-feat h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(0.88rem,0.84rem + 0.2vw,0.95rem);font-weight:800;color:var(--navy);margin-bottom:.4rem}
.svc-feat p{font-size:clamp(0.84rem,0.8rem + 0.2vw,0.9rem);color:var(--g600);line-height:1.65;margin:0}

/* Process */
.svc-process-bg{background:#fff}
.svc-proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.svc-proc{text-align:center;padding:1.5rem 1rem;background:var(--g50);border:1px solid var(--g200);border-radius:18px}
.svc-proc-num{font-size:.62rem;font-weight:800;color:var(--svc-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}
.svc-proc-ico{width:48px;height:48px;border-radius:14px;margin:0 auto .85rem;background:var(--svc-accent-soft);border:1px solid var(--svc-accent-border);color:var(--svc-accent);display:flex;align-items:center;justify-content:center;font-size:1rem}
.svc-proc h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;font-weight:800;color:var(--navy);margin-bottom:.35rem}
.svc-proc p{font-size:.8rem;color:var(--g600);line-height:1.6;margin:0}

/* Results */
.svc-results-bg{background:linear-gradient(180deg,#eef3fb 0%,#fff 100%)}
.svc-res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.svc-res{text-align:center;padding:1.75rem 1rem;background:#fff;border:1px solid var(--g200);border-radius:18px;box-shadow:0 2px 12px rgba(7,38,109,.04)}
.svc-res-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.85rem;font-weight:800;color:var(--svc-accent);line-height:1}
.svc-res-num span{font-size:1rem}
.svc-res-lbl{font-size:.76rem;color:var(--g600);margin-top:.4rem;line-height:1.45}

/* Who it's for */
.svc-audience-bg{background:#fff}
.svc-audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.svc-audience{display:flex;gap:1rem;padding:1.25rem 1.35rem;background:var(--g50);border:1px solid var(--g200);border-radius:14px}
.svc-audience i{color:var(--svc-accent);font-size:1rem;margin-top:.15rem;flex-shrink:0}
.svc-audience h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;font-weight:800;color:var(--navy);margin-bottom:.25rem}
.svc-audience p{font-size:.82rem;color:var(--g600);line-height:1.6;margin:0}

/* Related */
.svc-related-bg{background:linear-gradient(180deg,#eef3fb 0%,#f8fafc 100%)}
.svc-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.svc-related{display:block;text-decoration:none;background:#fff;border:1px solid var(--g200);border-radius:16px;padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s}
.svc-related:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(7,38,109,.08);border-color:var(--svc-accent-border)}
.svc-related i{font-size:1rem;color:var(--svc-accent);margin-bottom:.65rem;display:block}
.svc-related h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;font-weight:800;color:var(--navy);margin-bottom:.3rem}
.svc-related p{font-size:.78rem;color:var(--g500);line-height:1.55;margin:0}

/* CTA */
.svc-cta-bg{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 55%,#0a3d8f 100%);position:relative;overflow:hidden}
.svc-cta-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 20%,color-mix(in srgb,var(--svc-accent) 30%,transparent),transparent 55%);pointer-events:none}
.svc-cta-inner{position:relative;z-index:1;max-width:var(--page-max);margin:0 auto;text-align:center;padding:0 var(--page-px)}
.svc-cta-inner .s-h{color:#fff;margin-bottom:.75rem}
.svc-cta-inner .s-sub{color:rgba(255,255,255,.58);margin:0 auto 1.75rem}
.svc-cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}
.svc-cta-btn{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:700;padding:12px 24px;border-radius:12px;text-decoration:none;transition:transform .15s;font-family:'Inter',sans-serif;cursor:pointer;border:none}
.svc-cta-white{background:#fff;color:var(--navy)}
.svc-cta-white:hover{transform:translateY(-2px)}
.svc-cta-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22)}
.svc-cta-ghost:hover{background:rgba(255,255,255,.18)}

/* Tags */
.svc-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.25rem}
.svc-tag{font-size:.72rem;font-weight:600;color:var(--svc-accent);background:var(--svc-accent-soft);border:1px solid var(--svc-accent-border);padding:5px 12px;border-radius:100px}

@media(max-width:1024px){
  .svc-hero-grid,.svc-overview-grid{grid-template-columns:1fr}
  .svc-feat-grid{grid-template-columns:1fr 1fr}
  .svc-proc-grid,.svc-res-grid{grid-template-columns:1fr 1fr}
  .svc-related-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .section{padding:clamp(3rem,8vw,4rem) var(--page-px)}
  .svc-hero-cards{display:none}
  .svc-hero-btns{flex-direction:column}
  .svc-hero-btns .svc-btn{width:100%;justify-content:center}
  .svc-cta-btns{flex-direction:column;align-items:stretch}
  .svc-cta-btns .svc-cta-btn{width:100%;justify-content:center}
  .svc-feat-grid,.svc-proc-grid,.svc-res-grid,.svc-audience-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .svc-res-num{font-size:clamp(1.45rem,6vw,1.75rem)}
  .svc-overview-grid{gap:1.5rem}
}