:root{
  --bg:#050403;
  --panel:#100b08;
  --panel2:#19100b;
  --fire:#ff741d;
  --fire2:#ffae4d;
  --ember:#b8380d;
  --text:#f7ead9;
  --muted:#ad9985;
  --line:rgba(255,112,25,.28);
  --max:1180px;
}

*{box-sizing:border-box}

html{
  background:#050403;
  scroll-behavior:smooth;
}

body{
  margin:0;
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at 50% -100px,rgba(255,86,12,.18),transparent 520px),
    linear-gradient(180deg,#080503,#050403 55%,#030303);
}

a{color:inherit}

.cc-shell{
  width:min(calc(100% - 28px),var(--max));
  margin:auto;
}

/* HEADER */

.cc-header{
  border-bottom:1px solid rgba(255,109,24,.18);
  background:rgba(5,4,3,.94);
}

.cc-top{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}

.cc-brand{
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
}

.cc-brand-rune{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid #9a3d12;
  border-radius:12px;
  color:#ff9a3c;
  font-family:Georgia,serif;
  font-size:25px;
  background:linear-gradient(145deg,#29150c,#090604);
  box-shadow:0 0 22px rgba(255,75,7,.13);
}

.cc-brand strong{
  display:block;
  font-family:Georgia,serif;
  letter-spacing:.08em;
}

.cc-brand small{
  display:block;
  margin-top:3px;
  color:var(--fire);
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
}

.cc-home{
  text-decoration:none;
  color:#e6b27d;
  font-size:12px;
  font-weight:900;
}

/* TAB BAR */

.cc-tabs-wrap{
  border-top:1px solid rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,103,19,.15);
  background:#090604;
}

.cc-tabs{
  display:flex;
  gap:7px;
  padding:10px 0;
  overflow-x:auto;
  scrollbar-width:none;
}

.cc-tabs::-webkit-scrollbar{display:none}

.cc-tab{
  flex:0 0 auto;
  padding:9px 13px;
  border:1px solid rgba(255,110,23,.22);
  border-radius:9px;
  text-decoration:none;
  color:#bca58e;
  background:#100b08;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.cc-tab.active,
.cc-tab:hover{
  color:#fff2df;
  border-color:#d85c19;
  background:
    linear-gradient(180deg,#51230e,#241006);
  box-shadow:0 0 16px rgba(255,79,8,.10);
}

/* HERO */

.cc-hero{
  padding:55px 0 37px;
  text-align:center;
}

.cc-runes{
  color:#d95317;
  font-family:Georgia,serif;
  letter-spacing:.5em;
}

.cc-kicker{
  margin-top:15px;
  color:#dc9c61;
  font-size:10px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.cc-hero h1{
  max-width:950px;
  margin:13px auto 13px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(36px,6vw,68px);
  line-height:1;
  background:linear-gradient(180deg,#fff5e8,#ffbd72 48%,#ed5d17);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}

.cc-hero p{
  max-width:760px;
  margin:auto;
  color:#b9a38d;
  line-height:1.7;
}

/* DASHBOARD */

.cc-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin:10px 0 45px;
}

.cc-card{
  position:relative;
  min-height:210px;
  padding:21px 18px;
  text-decoration:none;
  border:1px solid var(--line);
  border-radius:18px;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,84,10,.10),transparent 45%),
    linear-gradient(145deg,#191009,#080604);
  box-shadow:
    inset 0 0 28px rgba(255,74,8,.025),
    0 14px 34px rgba(0,0,0,.24);
}

.cc-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,123,32,.58);
}

.cc-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:15px;
  border:1px solid rgba(255,119,28,.46);
  border-radius:50%;
  color:#ff922f;
  font-size:23px;
  background:#160c07;
}

.cc-card h2{
  margin:0 0 8px;
  font-family:Georgia,serif;
  color:#fff0dc;
  font-size:19px;
}

.cc-card p{
  margin:0;
  color:#a89582;
  font-size:12px;
  line-height:1.55;
}

.cc-open{
  position:absolute;
  left:18px;
  bottom:17px;
  color:#f17b2b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

/* FEATURE ROW */

.cc-feature{
  margin:0 0 50px;
  padding:23px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  border:1px solid rgba(255,121,31,.42);
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(45,24,12,.95),rgba(9,6,4,.98));
}

.cc-feature-rune{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  border:1px solid #914019;
  border-radius:14px;
  color:#ff9a3c;
  font-size:35px;
}

.cc-feature h2{
  margin:0 0 5px;
  font-family:Georgia,serif;
  font-size:22px;
}

.cc-feature p{
  margin:0;
  color:#ad9985;
  font-size:13px;
  line-height:1.5;
}

.cc-button{
  display:inline-block;
  padding:11px 15px;
  border:1px solid #b94b15;
  border-radius:9px;
  text-decoration:none;
  color:#fff0dc;
  background:linear-gradient(180deg,#64280e,#321307);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

/* SUBPAGES */

.cc-page{
  padding:42px 0 70px;
}

.cc-page-head{
  margin-bottom:25px;
}

.cc-page-head h1{
  margin:7px 0 9px;
  font-family:Georgia,serif;
  font-size:clamp(31px,5vw,52px);
  color:#fff0dc;
}

.cc-page-head p{
  max-width:800px;
  color:#ae9a86;
  line-height:1.65;
}

.cc-panel{
  margin:16px 0;
  padding:23px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(145deg,#17100b,#080604);
}

.cc-panel h2,
.cc-panel h3{
  color:#ffb263;
  font-family:Georgia,serif;
}

.cc-panel p,
.cc-panel li{
  color:#b5a18d;
  line-height:1.65;
}

.cc-callout{
  border-left:3px solid var(--fire);
}

.cc-table-wrap{
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:15px;
}

.cc-table{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  background:#0b0806;
}

.cc-table th,
.cc-table td{
  padding:15px;
  border-right:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  text-align:left;
}

.cc-table th{
  color:#ffad58;
  background:#1c0e07;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.cc-table td{
  color:#d1beaa;
  font-size:13px;
}

.cc-note{
  color:#8e7c6b !important;
  font-size:11px;
}

.cc-footer{
  padding:30px 14px 45px;
  text-align:center;
  color:#796b5e;
  font-size:11px;
}

/* MOBILE */

@media(max-width:900px){
  .cc-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .cc-shell{
    width:calc(100% - 18px);
  }

  .cc-top{
    min-height:65px;
  }

  .cc-brand-rune{
    width:39px;
    height:39px;
    font-size:21px;
  }

  .cc-brand strong{
    font-size:12px;
  }

  .cc-home{
    font-size:10px;
  }

  .cc-tabs{
    padding:8px 0;
  }

  .cc-tab{
    padding:8px 10px;
    font-size:10px;
  }

  .cc-hero{
    padding:38px 0 27px;
  }

  .cc-grid{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  .cc-card{
    min-height:190px;
    padding:16px 13px;
  }

  .cc-card h2{
    font-size:16px;
  }

  .cc-card p{
    font-size:11px;
  }

  .cc-open{
    left:13px;
    bottom:13px;
  }

  .cc-feature{
    grid-template-columns:52px 1fr;
    padding:16px;
    gap:12px;
  }

  .cc-feature-rune{
    width:52px;
    height:52px;
  }

  .cc-feature .cc-button{
    grid-column:1 / -1;
    text-align:center;
  }

  .cc-panel{
    padding:17px 15px;
  }
}

/* ==========================================================
   STV CAREER CENTER — STAGE 2
   FORGED IRON / FIRE LEGAL CONTENT
   ========================================================== */

.cc-main{
    width:min(1100px,calc(100% - 24px));
    margin:0 auto;
}

.cc-page-hero{
    padding:54px 0 34px;
    text-align:center;
}

.cc-page-hero h1{
    margin:10px 0 0;
    color:#fff1dd;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(34px,6vw,62px);
    line-height:1;
}

.cc-hero-runes{
    color:#d65419;
    letter-spacing:.45em;
    font-family:Georgia,serif;
}

.cc-kicker{
    margin-top:15px;
    color:#ff9438;
    font-size:10px;
    font-weight:900;
    letter-spacing:.2em;
    text-transform:uppercase;
}

.cc-section{
    margin:0 auto 60px;
}

.cc-section-head{
    max-width:780px;
    margin:0 auto 25px;
    text-align:center;
}

.cc-section-head > span{
    color:#b94214;
    letter-spacing:.35em;
}

.cc-section-head h2{
    margin:8px 0;
    color:#fff0dd;
    font-family:Georgia,serif;
    font-size:clamp(27px,4vw,42px);
}

.cc-section-head p{
    color:#aa9784;
    line-height:1.65;
}

.cc-work-grid,
.cc-card-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.cc-status-card,
.cc-info,
.cc-law,
.cc-rule,
.cc-example,
.cc-callout,
.cc-warning{
    border:1px solid rgba(255,111,26,.25);
    border-radius:19px;
    background:
        radial-gradient(circle at 10% 5%,
            rgba(255,86,10,.08),
            transparent 35%),
        linear-gradient(145deg,#1c120c,#080706);
    box-shadow:
        inset 0 0 28px rgba(255,70,5,.025),
        0 15px 35px rgba(0,0,0,.22);
}

.cc-status-card{
    padding:27px;
    text-align:center;
}

.cc-status-card.work{
    border-color:rgba(255,112,24,.65);
    box-shadow:
        inset 0 0 35px rgba(255,72,5,.07),
        0 0 25px rgba(255,62,0,.07);
}

.cc-status-icon{
    width:65px;
    height:65px;
    margin:0 auto 12px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,127,35,.55);
    border-radius:50%;
    color:#ff8c31;
    font-size:28px;
}

.cc-status-label{
    color:#ff7421;
    font-size:11px;
    font-weight:950;
    letter-spacing:.18em;
}

.cc-status-card h3{
    margin:8px 0;
    color:#fff0db;
    font-family:Georgia,serif;
    font-size:23px;
}

.cc-status-card p,
.cc-info p,
.cc-law p,
.cc-rule p,
.cc-example p{
    color:#ad9b88;
    line-height:1.65;
}

.cc-rule-list{
    display:grid;
    gap:10px;
    margin-top:18px;
}

.cc-rule{
    display:grid;
    grid-template-columns:60px 1fr;
    gap:15px;
    align-items:center;
    padding:16px;
}

.cc-rule.hot{
    border-color:rgba(255,109,23,.52);
}

.cc-rule-rune{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1px solid #87330f;
    color:#ff7c26;
    font-family:Georgia,serif;
    font-size:25px;
}

.cc-rule h3{
    margin:0 0 5px;
    color:#f7dfc5;
}

.cc-rule p{
    margin:0;
    font-size:13px;
}

.cc-example{
    margin-top:18px;
    padding:22px;
}

.cc-example-title,
.cc-law-type{
    color:#ff842b;
    font-size:10px;
    font-weight:950;
    letter-spacing:.18em;
}

.cc-flow{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:20px 0;
}

.cc-flow span{
    padding:9px 11px;
    border:1px solid #4c4035;
    border-radius:10px;
    color:#b8aa9a;
    font-size:11px;
    font-weight:900;
}

.cc-flow span.fire{
    border-color:#9b3d13;
    color:#ff9d48;
    background:rgba(255,81,8,.07);
}

.cc-flow b{
    color:#d95116;
}

.cc-info{
    padding:23px;
}

.cc-card-rune{
    min-width:52px;
    width:max-content;
    height:52px;
    padding:0 10px;
    display:grid;
    place-items:center;
    border-radius:13px;
    border:1px solid #843510;
    color:#ff8b31;
    font-weight:950;
}

.cc-info h3{
    color:#f6dfc6;
    font-family:Georgia,serif;
}

.cc-callout,
.cc-warning{
    margin-top:18px;
    padding:19px;
    color:#c6b39f;
    line-height:1.65;
}

.cc-warning{
    border-color:#8b4e20;
    color:#e7b276;
}

.cc-sources{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:18px;
}

.cc-source,
.cc-big-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 14px;
    border:1px solid rgba(255,118,28,.48);
    border-radius:11px;
    color:#ffc27c;
    background:#20130c;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
}

.cc-big-button{
    width:100%;
    gap:10px;
    margin-top:18px;
    padding:16px;
    font-size:14px;
}

.cc-big-button span{
    color:#ff7921;
    font-size:25px;
}

.cc-library{
    display:grid;
    gap:13px;
}

.cc-law{
    padding:21px;
}

.cc-law h3{
    margin:8px 0;
    color:#f6dfc5;
    font-family:Georgia,serif;
    font-size:21px;
}

.cc-tool-grid{
    display:grid;
    gap:13px;
}

.cc-tool{
    display:grid;
    grid-template-columns:65px 1fr;
    gap:17px;
    align-items:center;
    padding:20px;
    border:1px solid rgba(255,108,22,.28);
    border-radius:18px;
    background:linear-gradient(145deg,#1d120c,#080706);
    text-decoration:none;
}

.cc-tool.primary{
    border-color:rgba(255,117,26,.67);
}

.cc-tool-rune{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border:1px solid #92370f;
    border-radius:50%;
    color:#ff8128;
    font-size:27px;
    font-weight:900;
}

.cc-tool h3{
    margin:0 0 4px;
    color:#ffe1bf;
}

.cc-tool p{
    margin:0;
    color:#a89582;
    font-size:13px;
}

.cc-tool b{
    display:block;
    margin-top:8px;
    color:#f07827;
    font-size:10px;
    letter-spacing:.12em;
}

.cc-disclaimer{
    margin:40px 0;
    padding:16px;
    border-top:1px solid #3e3024;
    color:#887766;
    font-size:11px;
    line-height:1.6;
}

.cc-footer{
    padding:25px 12px;
    text-align:center;
    color:#77695b;
    font-size:11px;
}

@media(max-width:700px){

    .cc-page-hero{
        padding:38px 0 27px;
    }

    .cc-work-grid,
    .cc-card-grid{
        grid-template-columns:1fr;
    }

    .cc-status-card{
        padding:20px 16px;
    }

    .cc-rule{
        grid-template-columns:49px 1fr;
        gap:11px;
        padding:13px;
    }

    .cc-rule-rune{
        width:44px;
        height:44px;
        font-size:21px;
    }

    .cc-flow{
        flex-direction:column;
    }

    .cc-flow b{
        transform:rotate(90deg);
    }

    .cc-sources{
        display:grid;
        grid-template-columns:1fr;
    }

    .cc-source{
        width:100%;
    }
}

/* STV CAREER CENTER STAGE 2 END */


/* ==========================================================
   SERVICE TECH VAULT — CAREER CENTER STAGE 4
   MOBILE / IPHONE POLISH
   ========================================================== */

:root{
    --cc-fire:#ff7e19;
    --cc-fire-light:#ffb15d;
    --cc-fire-hot:#ff9a38;
    --cc-cream:#f3ead8;
    --cc-muted:#c8bda9;
    --cc-dark:#0d0d0d;
}


/* ----------------------------------------------------------
   TAB NAVIGATION
   ---------------------------------------------------------- */

.cc-tabs-wrap{
    position:relative;
    z-index:20;
}

.cc-tabs{
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.cc-tabs::-webkit-scrollbar{
    display:none;
}

.cc-tab{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}


/* ----------------------------------------------------------
   SOURCE AREA
   ---------------------------------------------------------- */

.cc-sources{
    margin-top:22px;
    padding-top:17px;
    border-top:1px solid rgba(255,126,25,.20);
}

.cc-sources::before{
    content:"PRIMARY SOURCES";
    display:block;
    margin-bottom:10px;
    color:#a99782;
    font-size:10px;
    font-weight:800;
    letter-spacing:.16em;
}

.cc-source{
    min-height:42px;
    display:inline-flex;
    align-items:center;
}


/* ----------------------------------------------------------
   TOOL LINKS SHARED THROUGH CAREER CENTER
   ---------------------------------------------------------- */

.cc-stage4-tools{
    width:min(920px,100%);
    margin:24px auto 0;
}

.cc-stage4-tools-title{
    margin-bottom:11px;
    color:#a99782;
    font-size:10px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.cc-stage4-tools-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.cc-stage4-tool{
    position:relative;
    min-width:0;
    min-height:82px;

    display:flex;
    align-items:center;
    gap:11px;

    padding:13px;

    color:var(--cc-cream);
    text-decoration:none;

    border:1px solid rgba(255,126,25,.34);
    border-radius:14px;

    background:
        radial-gradient(
            circle at 12% 0,
            rgba(255,115,20,.11),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            rgba(35,24,16,.97),
            rgba(14,12,9,.99)
        );

    box-shadow:
        inset 0 0 18px rgba(255,100,20,.035),
        0 6px 18px rgba(0,0,0,.20);
}

.cc-stage4-tool:active{
    transform:translateY(1px);
}

.cc-stage4-tool-rune{
    flex:0 0 42px;

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(255,126,25,.46);
    border-radius:10px;

    color:var(--cc-fire-light);

    font-size:25px;
    line-height:1;

    background:
        linear-gradient(
            145deg,
            #342317,
            #15100b
        );

    text-shadow:
        0 0 7px rgba(255,107,20,.60);
}

.cc-stage4-tool-copy{
    min-width:0;
}

.cc-stage4-tool-copy strong{
    display:block;

    color:var(--cc-fire-light);

    font-size:13px;
    line-height:1.15;
}

.cc-stage4-tool-copy span{
    display:block;

    margin-top:4px;

    color:var(--cc-muted);

    font-size:10px;
    line-height:1.3;
}


/* ----------------------------------------------------------
   PAY PAGE — DESKTOP TABLE
   ---------------------------------------------------------- */

.cc-pay-mobile{
    display:none;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:680px){

    /* ----- HEADER ----- */

    .cc-top{
        min-height:58px;
        padding-left:11px;
        padding-right:11px;
    }

    .cc-brand{
        min-width:0;
    }

    .cc-brand strong{
        font-size:11px;
        letter-spacing:.08em;
    }

    .cc-brand small{
        font-size:8px;
    }

    .cc-home{
        flex:0 0 auto;

        min-height:38px;

        display:flex;
        align-items:center;

        padding:7px 10px;

        font-size:10px;
    }


    /* ----- HORIZONTAL CAREER NAV ----- */

    .cc-tabs-wrap{
        position:sticky;
        top:0;

        overflow:hidden;

        background:
            linear-gradient(
                180deg,
                rgba(13,13,13,.98),
                rgba(13,13,13,.95)
            );

        border-bottom:
            1px solid rgba(255,126,25,.16);

        box-shadow:
            0 8px 18px rgba(0,0,0,.28);
    }

    .cc-tabs{
        display:flex;

        width:100%;

        overflow-x:auto;
        overflow-y:hidden;

        padding:
            7px 11px
            8px;

        gap:6px;

        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
    }

    .cc-tab{
        flex:0 0 auto;

        min-height:38px;

        padding:
            8px 11px;

        border-radius:10px;

        font-size:10px;
        line-height:1;

        white-space:nowrap;

        scroll-snap-align:start;
    }


    /* ----- PAGE HERO ----- */

    .cc-main{
        width:
            calc(100% - 22px);
    }

    .cc-page-hero{
        padding-top:32px;
        padding-bottom:27px;
    }

    .cc-page-hero h1{
        line-height:1.05;
    }

    .cc-section{
        margin-bottom:38px;
    }

    .cc-section-head{
        margin-bottom:17px;
    }


    /* ----- GENERAL CARDS ----- */

    .cc-card-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .cc-info,
    .cc-law{
        padding:17px 15px;
    }

    .cc-info h3,
    .cc-law h3{
        font-size:17px;
    }

    .cc-info p,
    .cc-law p{
        line-height:1.48;
    }


    /* ----- SOURCE BUTTONS ----- */

    .cc-sources{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    .cc-sources::before{
        grid-column:1/-1;
        margin-bottom:1px;
    }

    .cc-source{
        width:100%;

        min-height:44px;

        padding:
            10px 12px;

        justify-content:flex-start;

        border:
            1px solid rgba(255,126,25,.26);

        border-radius:10px;

        background:
            rgba(255,126,25,.045);
    }


    /* ----- BIG BUTTONS ----- */

    .cc-big-button,
    .cc-button{
        min-height:48px;

        display:flex;
        align-items:center;
        justify-content:center;

        text-align:center;
    }


    /* ------------------------------------------------------
       PAY TABLE -> NATIVE PHONE CARDS
       ------------------------------------------------------ */

    .cc-table-wrap{
        display:none !important;
    }

    .cc-pay-mobile{
        display:grid;

        grid-template-columns:1fr;
        gap:10px;

        margin:
            0 0
            22px;
    }

    .cc-pay-card{
        position:relative;

        overflow:hidden;

        padding:
            16px 15px
            15px;

        border:
            1px solid rgba(255,126,25,.42);

        border-radius:15px;

        background:
            radial-gradient(
                circle at 5% 0,
                rgba(255,116,20,.12),
                transparent 45%
            ),
            linear-gradient(
                145deg,
                rgba(35,24,16,.98),
                rgba(14,12,9,.99)
            );

        box-shadow:
            inset 0 0 20px rgba(255,100,20,.035),
            0 7px 18px rgba(0,0,0,.24);
    }

    .cc-pay-card::after{
        content:"ᚠ";

        position:absolute;

        right:12px;
        top:8px;

        color:
            rgba(255,126,25,.11);

        font-size:45px;

        transform:
            rotate(-7deg);

        pointer-events:none;
    }

    .cc-pay-years{
        position:relative;
        z-index:2;

        color:var(--cc-fire-light);

        font-size:20px;
        font-weight:900;
        line-height:1;
    }

    .cc-pay-stage{
        position:relative;
        z-index:2;

        margin-top:5px;

        color:var(--cc-muted);

        font-size:11px;
        line-height:1.25;
    }

    .cc-pay-values{
        position:relative;
        z-index:2;

        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:8px;

        margin-top:14px;
    }

    .cc-pay-value{
        padding:
            11px 10px;

        border:
            1px solid rgba(255,126,25,.20);

        border-radius:10px;

        background:
            rgba(0,0,0,.22);
    }

    .cc-pay-value span{
        display:block;

        margin-bottom:5px;

        color:#9f907e;

        font-size:8px;
        font-weight:800;
        letter-spacing:.08em;
        text-transform:uppercase;
    }

    .cc-pay-value strong{
        display:block;

        color:#f4e6d0;

        font-size:16px;
        line-height:1.05;
    }


    /* ----- TOOL STRIP ----- */

    .cc-stage4-tools{
        margin-top:18px;
    }

    .cc-stage4-tools-grid{
        grid-template-columns:1fr;
        gap:8px;
    }

    .cc-stage4-tool{
        min-height:68px;
        padding:11px 12px;
    }

    .cc-stage4-tool-rune{
        flex-basis:38px;

        width:38px;
        height:38px;

        font-size:23px;
    }

    .cc-stage4-tool-copy strong{
        font-size:13px;
    }

    .cc-stage4-tool-copy span{
        font-size:10px;
    }


    /* ----- DISCLAIMERS ----- */

    .cc-disclaimer{
        padding:16px 14px;

        font-size:11px;
        line-height:1.45;
    }

    .cc-footer{
        padding-left:14px;
        padding-right:14px;

        font-size:10px;
    }

}


/* ----------------------------------------------------------
   VERY SMALL PHONE
   ---------------------------------------------------------- */

@media(max-width:380px){

    .cc-pay-values{
        grid-template-columns:1fr;
    }

    .cc-tab{
        padding-left:9px;
        padding-right:9px;
    }

}


/* ==========================================================
   END CAREER CENTER STAGE 4
   ========================================================== */