/* Titan Trades CNC v202 — approved conversion-first homepage */

/* Home: one clear manufacturer CTA at the top */
.home-quick-actions{background:#08090c;border-bottom:1px solid rgba(201,146,42,.34);padding:14px 0 16px}
.home-quick-actions-inner{width:min(760px,calc(100% - 36px));margin:auto;display:block}
.home-quick-action{min-height:60px;display:flex;align-items:center;justify-content:center;gap:15px;padding:13px 22px;border:1px solid #d89b25;border-radius:7px;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:1.12rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.home-quick-action svg{width:24px;height:24px;flex:0 0 auto;stroke-width:2.2}
.home-quick-action--primary{background:linear-gradient(115deg,#f1c45f 0%,#d59a25 62%,#c88b19 100%);color:#08090b}
.home-quick-action--primary:after{content:'›';font:34px/1 Arial,sans-serif;margin-left:5px}
.home-quick-action:hover{transform:translateY(-1px);filter:brightness(1.04)}

/* Hero approved message */
.hero.hero-v202{background:#07090c url('/assets/homepage-hero-v191.png') 68% 50%/cover no-repeat;border-bottom:1px solid #d09425;position:relative;isolation:isolate}
.hero.hero-v202:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050607 0%,#050607f2 31%,#050607b8 51%,#05060732 76%),linear-gradient(0deg,rgba(5,6,7,.14),rgba(5,6,7,.08))}
.hero-v202 .hero-inner{padding:64px 0 68px;min-height:515px;justify-content:center;align-items:flex-start}
.hero-v202 .eyebrow{order:0;margin:0 0 19px;color:#e7e8ea;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.16em;line-height:1.3;text-transform:uppercase;display:flex;align-items:center;gap:15px}
.hero-v202 .eyebrow:before,.hero-v202 .eyebrow:after{content:'';width:38px;height:2px;background:#d69a24;display:block}
.hero-v202 h1{order:1;font-size:clamp(3.5rem,5.25vw,5.45rem);line-height:.97;letter-spacing:.01em;font-weight:900;max-width:680px}
.hero-v202 h1 .gold{color:#d99a23}
.hero-v202 .hero-copy{order:2;margin-top:22px;max-width:660px;color:#e8e8e8;font-size:1.18rem;line-height:1.5}

/* Premium alternative band */
.premium-alt-v202{background:linear-gradient(180deg,#0b0e14,#07090d);border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid #c98f20;padding:30px 0 24px;position:relative;overflow:hidden}
.premium-alt-v202:before,.premium-alt-v202:after{content:'';position:absolute;inset:auto auto 0 0;width:31%;height:100%;opacity:.11;background:radial-gradient(circle at 25% 80%,rgba(201,146,42,.24),transparent 45%)}
.premium-alt-v202:after{left:auto;right:0;transform:scaleX(-1)}
.premium-alt-title{text-align:center;position:relative;z-index:1;margin-bottom:24px}
.premium-alt-title .title-line{display:flex;align-items:center;justify-content:center;gap:18px;color:#f3f0eb;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(2rem,3.2vw,3.1rem);font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.025em}
.premium-alt-title .title-line:before,.premium-alt-title .title-line:after{content:'';width:46px;height:2px;background:#d29a2c}
.premium-alt-title strong{color:#d69a22;font-weight:900}
.premium-alt-title small{display:block;margin-top:8px;color:#d7d7d7;font-size:1rem;letter-spacing:.22em;font-style:italic}
.premium-benefits{display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}
.premium-benefit{min-width:0;text-align:center;padding:4px 30px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.premium-benefit+.premium-benefit{border-left:1px solid rgba(209,151,39,.55)}
.premium-benefit .trust-icon{width:86px;height:86px;flex:0 0 86px;margin:0 auto 7px}
.premium-benefit h3{font-size:1.55rem;line-height:1.02;letter-spacing:.04em;color:#f0ede8;font-weight:900}
.premium-benefit p{margin-top:5px;color:#d39a2e;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:1rem;font-weight:800;line-height:1.12;letter-spacing:.11em;text-transform:uppercase}

/* Process directly follows the premium band */
.process{background:#080a0f;padding:26px 0 38px;border-bottom:1px solid #c98f20}
.process .section-heading{font-size:2.15rem;color:#f0ede8;font-weight:900;letter-spacing:.035em;margin-bottom:28px}
.process .section-heading:before,.process .section-heading:after{height:2px;background:#d29a2c;width:82px}
.steps{gap:42px}
.steps li{align-items:flex-start}
.steps .number{border-color:#d69a24;color:#090a0d;background:#d69a24;border-radius:50%;width:48px;height:48px;font-size:26px;font-weight:900}
.steps h3{font-size:1.2rem;font-weight:900;line-height:1.06}
.steps p{color:#d0d1d4}

/* Additional screening proof kept below How It Works */
.screening-v202{background:#0d1118;border-bottom:1px solid rgba(201,146,42,.55);padding:34px 0}
.screening-v202 h2{text-align:center;color:#d79a22;font-size:1.6rem;letter-spacing:.12em;font-weight:800;margin-bottom:26px}
.screening-grid-v202{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1060px;margin:auto}
.screening-card-v202{text-align:center;padding:4px 38px}
.screening-card-v202+.screening-card-v202{border-left:1px solid rgba(201,146,42,.4)}
.screening-card-v202 svg{width:52px;height:52px;color:#dca02b;stroke:currentColor;fill:none;stroke-width:1.8;margin:0 auto 12px}
.screening-card-v202 h3{font-size:1.22rem;line-height:1.04;letter-spacing:.08em;font-weight:900}
.screening-card-v202 p{margin-top:8px;font-size:.98rem;line-height:1.35;color:#cacbd0}

/* Mobile header/menu: match approved mockup */
@media(max-width:900px){
  .site-header{border-bottom:0;background:#050607}
  .site-header .header-inner{width:calc(100% - 30px);min-height:0;padding:16px 0 10px;gap:10px 8px}
  .site-header .brand{width:170px!important}
  .site-header .titan-top-socials{display:flex!important;margin-left:auto!important;gap:7px!important}
  .site-header .titan-top-socials .titan-social-button{min-height:38px!important;padding:7px 10px!important;border-radius:8px!important;font-size:.77rem!important}
  .site-header .titan-top-socials .titan-social-mark{width:21px!important;height:21px!important}
  .site-header .menu-toggle{order:3;flex:1 0 100%;width:100%;min-height:52px;margin:5px 0 0;justify-content:center;border:1px solid #d29a24;border-radius:5px;background:linear-gradient(180deg,rgba(13,17,24,.9),rgba(5,6,8,.94));font-family:'Barlow',Arial,sans-serif;font-size:1.05rem;font-weight:400;letter-spacing:.01em;color:#e7ad34}
  .site-header #main-nav{order:4;width:100%;background:linear-gradient(180deg,#121827,#0d111b);border:1px solid rgba(201,146,42,.42);border-radius:7px;padding:8px 10px 11px!important;gap:0!important;box-shadow:0 16px 32px rgba(0,0,0,.35)}
  .site-header #main-nav>a:not(.nav-contact){width:100%;min-height:48px;padding:12px 15px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;font-size:1rem;font-weight:800;display:flex;align-items:center}
  .site-header #main-nav>a.active{color:#e5a72d!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .site-header #main-nav .nav-contact{width:100%;min-height:54px;margin:10px 0 0!important;padding:11px 16px!important;border:1px solid #d69a24!important;border-radius:5px!important;color:#e6aa34!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;font-size:1.02rem!important;font-weight:900!important;letter-spacing:.06em!important;background:#0c111b!important}
  .site-header #main-nav .nav-contact span{position:absolute;right:28px;font-size:30px}
  .mobile-menu-actions{display:none!important}
  .home-quick-actions{padding:10px 0 12px;background:#050607}
  .home-quick-actions-inner{width:calc(100% - 30px)}
  .home-quick-action{min-height:60px;font-size:1.08rem;border-radius:6px}

  .hero.hero-v202{background-position:71% center}
  .hero.hero-v202:before{background:linear-gradient(90deg,#050607 0%,#050607f4 38%,#050607be 58%,#0506072b 86%),linear-gradient(0deg,#05060755,#0506070d)}
  .hero-v202 .hero-inner{min-height:485px;padding:40px 0 38px}
  .hero-v202 .eyebrow{font-size:.86rem;letter-spacing:.12em;margin-bottom:16px;gap:9px}
  .hero-v202 .eyebrow:before,.hero-v202 .eyebrow:after{width:28px}
  .hero-v202 h1{font-size:clamp(2.8rem,10.9vw,4.4rem);max-width:78%;line-height:.98}
  .hero-v202 .hero-copy{font-size:1.04rem;line-height:1.48;max-width:68%;margin-top:18px}
  .premium-alt-v202{padding:26px 0 22px}
  .premium-alt-title{margin-bottom:21px}
  .premium-alt-title .title-line{font-size:clamp(1.7rem,7vw,2.45rem);gap:10px}
  .premium-alt-title .title-line:before,.premium-alt-title .title-line:after{width:28px}
  .premium-alt-title small{font-size:.83rem;letter-spacing:.16em}
  .premium-benefit{padding:0 13px}
  .premium-benefit .trust-icon{width:64px;height:64px;flex-basis:64px}
  .premium-benefit h3{font-size:1.16rem}
  .premium-benefit p{font-size:.78rem;letter-spacing:.09em}
  .process .section-heading{font-size:1.85rem}
  .screening-card-v202{padding:3px 22px}
}

@media(max-width:600px){
  .site-header .header-inner{width:calc(100% - 28px)}
  .site-header .brand{width:160px!important}
  .site-header .titan-top-socials .titan-social-button{font-size:.72rem!important;padding:6px 8px!important}
  .site-header .titan-top-socials .titan-social-mark{width:20px!important;height:20px!important}
  .home-quick-actions-inner{width:calc(100% - 28px)}
  .home-quick-action{font-size:1rem;gap:11px;padding:12px 14px}
  .hero-v202 .hero-inner{padding:36px 0 34px;min-height:455px}
  .hero.hero-v202{background-size:auto 100%;background-position:76% center}
  .hero.hero-v202:before{background:linear-gradient(90deg,#050607 0%,#050607f7 42%,#050607ca 60%,#05060732 88%),linear-gradient(0deg,#05060772,#05060705)}
  .hero-v202 h1{font-size:clamp(2.72rem,12.8vw,3.95rem);max-width:75%}
  .hero-v202 .hero-copy{font-size:1rem;max-width:67%;line-height:1.45}
  .premium-alt-title .title-line{font-size:clamp(1.45rem,7.1vw,2rem);gap:7px}
  .premium-alt-title .title-line:before,.premium-alt-title .title-line:after{width:20px}
  .premium-alt-title small{font-size:.74rem;letter-spacing:.12em}
  .premium-benefit{padding:0 8px}
  .premium-benefit .trust-icon{width:54px;height:54px;flex-basis:54px;margin-bottom:5px}
  .premium-benefit h3{font-size:1rem}
  .premium-benefit p{font-size:.7rem;line-height:1.15;letter-spacing:.06em}
  .process{padding-top:25px}
  .process .section-heading{font-size:1.7rem;margin-bottom:22px}
  .process .section-heading:before,.process .section-heading:after{width:34px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
  .steps li{display:block;text-align:center}
  .steps .number{margin:0 auto}
  .steps h3{font-size:1.04rem}
  .screening-v202{padding:28px 0}
  .screening-v202 h2{font-size:1.35rem;margin-bottom:22px}
  .screening-grid-v202{grid-template-columns:repeat(3,1fr)}
  .screening-card-v202{padding:0 10px}
  .screening-card-v202 svg{width:39px;height:39px;margin-bottom:9px}
  .screening-card-v202 h3{font-size:.86rem;letter-spacing:.05em}
  .screening-card-v202 p{font-size:.75rem;line-height:1.25;margin-top:6px}
}

@media(max-width:430px){
  .site-header .brand{width:145px!important}
  .site-header .titan-top-socials{gap:5px!important}
  .site-header .titan-top-socials .titan-social-button{font-size:.67rem!important;padding:6px 7px!important}
  .site-header .titan-top-socials .titan-social-mark{width:19px!important;height:19px!important;font-size:10px!important}
  .home-quick-action{font-size:.92rem;letter-spacing:.045em}
  .hero-v202 h1{max-width:79%}
  .hero-v202 .hero-copy{max-width:71%;font-size:.95rem}
  .premium-benefit{padding:0 5px}
  .premium-benefit h3{font-size:.9rem}
  .premium-benefit p{font-size:.64rem}
}


/* Titan Trades CNC v203 — compact mobile actions + screening flow */
.mobile-header-actions{display:none}

/* Visually connect the center "Machinist-Led" proof point to the deeper screening proof. */
.screening-flow-arrow{
  height:48px;
  background:linear-gradient(180deg,#07090d,#0d1118);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid rgba(201,146,42,.18);
}
.screening-flow-arrow:before{
  content:'';
  display:block;
  width:2px;
  height:24px;
  background:linear-gradient(180deg,#d69a24,#e8b04a);
}
.screening-flow-arrow span{
  display:block;
  width:12px;
  height:12px;
  margin-top:-3px;
  border-right:2px solid #e8b04a;
  border-bottom:2px solid #e8b04a;
  transform:rotate(45deg);
}

/* The exact form anchors used by conversion CTAs should land on the form itself. */
#request-specialist-form,#apply-specialist-form{scroll-margin-top:24px}

@media(max-width:900px){
  /* Replace the oversized full-width menu and homepage CTA with three normal-sized controls. */
  .site-header .header-inner{gap:10px 8px!important}
  .mobile-header-actions{
    order:3;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
    gap:7px;
    width:100%;
    margin-top:5px;
  }
  .mobile-header-action{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 10px;
    border:1px solid rgba(214,154,36,.78);
    border-radius:5px;
    font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
    font-size:.82rem;
    font-weight:800;
    line-height:1.05;
    letter-spacing:.035em;
    text-transform:uppercase;
    text-decoration:none;
    white-space:nowrap;
  }
  .mobile-header-action--request{background:linear-gradient(125deg,#efbf58,#c9922a);color:#08090b}
  .mobile-header-action--apply{background:#090b0f;color:#f0ede8}
  .site-header .mobile-header-actions .menu-toggle{
    display:flex!important;
    order:initial!important;
    flex:none!important;
    width:auto!important;
    min-height:42px!important;
    margin:0!important;
    padding:8px 11px!important;
    gap:6px!important;
    justify-content:center!important;
    border:1px solid rgba(214,154,36,.78)!important;
    border-radius:5px!important;
    background:#090b0f!important;
    color:#e7ad34!important;
    font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;
    font-size:.82rem!important;
    font-weight:800!important;
    line-height:1.05!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
  }
  .site-header #main-nav{order:4}
  .home-quick-actions{display:none!important}
  .screening-flow-arrow{height:42px}
  .screening-flow-arrow:before{height:21px}
}

@media(max-width:520px){
  .mobile-header-actions{gap:5px}
  .mobile-header-action{min-height:40px;padding:7px 6px;font-size:.72rem;letter-spacing:.02em}
  .site-header .mobile-header-actions .menu-toggle{min-height:40px!important;padding:7px 8px!important;font-size:.72rem!important}
}

@media(max-width:390px){
  .mobile-header-action{font-size:.67rem}
  .site-header .mobile-header-actions .menu-toggle{font-size:.67rem!important}
}