:root {
  --rk-primary: hsl(334, 38%, 60%);
  --rk-secondary: hsl(348, 25%, 76%);
  --rk-accent: hsl(154, 48%, 81%);
  --rk-bg: #101216;
  --rk-bg-2: #16191f;
  --rk-text: #f1f2f4;
  --rk-line: rgba(241,242,244,.16);
}

body{
background:var(--rk-bg);
color:var(--rk-text);
font-family:'Open Sans',sans-serif;
margin:0;
}
h1,h2,h3,h4,h5,h6,.navbar-brand{
font-family:'Roboto',sans-serif;
}
.rk-header{
background:var(--rk-bg);
border-bottom:1px solid var(--rk-line);
padding:.9rem 0;
}
.rk-header .navbar{
padding:0;
}
.rk-header .navbar-brand{
display:flex;
align-items:center;
gap:.85rem;
color:var(--rk-text);
font-weight:700;
font-size:1.35rem;
letter-spacing:.02em;
margin:0;
}
.rk-header .navbar-brand:hover,
.rk-header .navbar-brand:focus{
color:var(--rk-secondary);
}
.rk-header .navbar-brand img{
display:block;
width:58px;
height:58px;
object-fit:contain;
}
.rk-header .nav-link{
color:var(--rk-text);
font-family:'Roboto',sans-serif;
font-weight:600;
font-size:.95rem;
letter-spacing:.06em;
text-transform:uppercase;
padding:.6rem 1.1rem;
border-radius:0;
position:relative;
}
.rk-header .nav-link::after{
content:"";
position:absolute;
left:1.1rem;
right:1.1rem;
bottom:.2rem;
height:1px;
background:var(--rk-accent);
transform:scaleX(0);
transform-origin:left;
transition:transform .25s ease;
}
.rk-header .nav-link:hover,
.rk-header .nav-link:focus{
color:var(--rk-accent);
}
.rk-header .nav-link:hover::after,
.rk-header .nav-link:focus::after{
transform:scaleX(1);
}
.rk-header .navbar-toggler{
border:1px solid var(--rk-line);
border-radius:0;
padding:.5rem .7rem;
background:transparent;
}
.rk-header .navbar-toggler:focus{
box-shadow:0 0 0 2px var(--rk-primary);
}
.rk-header .navbar-toggler-icon{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28241,242,244,1%29' stroke-linecap='square' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (max-width:991.98px){
.rk-header .navbar-collapse{
background:var(--rk-bg-2);
border:1px solid var(--rk-line);
margin-top:.9rem;
padding:.6rem 1rem;
}
.rk-header .nav-link{
padding:.8rem 0;
border-bottom:1px solid var(--rk-line);
}
.rk-header .nav-link::after{
display:none;
}
.rk-header .navbar-nav li:last-child .nav-link{
border-bottom:0;
}
}

#contact-section {
  background: #101216;
  color: #e9eaee;
  font-family: 'Open Sans', sans-serif;
  padding: 56px 0;
  border-radius: 0;
}
#contact-section h1,
#contact-section h2,
#contact-section h3 {
  font-family: 'Roboto', sans-serif;
  color: #f5f6f8;
  border-radius: 0;
}
#contact-section .cs-eyebrow {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.8rem;
  color: hsl(154, 48%, 81%);
  margin-bottom: 16px;
  display: block;
}
#contact-section .cs-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 24px;
}
#contact-section .cs-lead {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #c4c7ce;
  max-width: 640px;
  margin-bottom: 0;
}
#contact-section .cs-intro {
  padding-bottom: 48px;
}
#contact-section .cs-panel {
  background: #171a20;
  border: 1px solid rgba(233, 234, 238, 0.16);
  border-radius: 0;
  padding: 36px;
  height: 100%;
}
#contact-section .cs-panel h2 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 8px;
}
#contact-section .cs-panel-note {
  color: #a9adb6;
  font-size: 0.95rem;
  margin-bottom: 28px;
}
#contact-section .form-label {
  font-size: 0.85rem;
  color: #c4c7ce;
  margin-bottom: 6px;
}
#contact-section .form-control {
  background: #101216;
  color: #f5f6f8;
  border: 1px solid rgba(233, 234, 238, 0.28);
  border-radius: 0;
  padding: 12px 14px;
}
#contact-section .form-control::placeholder {
  color: #7d818b;
}
#contact-section .form-control:focus {
  background: #101216;
  color: #f5f6f8;
  border-color: hsl(334, 38%, 60%);
  box-shadow: 0 0 0 2px rgba(190, 118, 150, 0.3);
}
#contact-section .cs-btn {
  background: hsl(334, 38%, 60%);
  color: #101216;
  border: 1px solid hsl(334, 38%, 60%);
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 13px 32px;
  transition: background 0.2s ease, color 0.2s ease;
}
#contact-section .cs-btn:hover,
#contact-section .cs-btn:focus {
  background: transparent;
  color: hsl(334, 38%, 72%);
}
#contact-section .cs-consent {
  font-size: 0.8rem;
  color: #8f939d;
  margin-top: 16px;
  margin-bottom: 0;
}
#contact-section .cs-consent a {
  color: hsl(348, 25%, 76%);
}
#contact-section .cs-detail {
  padding: 18px 0;
  border-top: 1px solid rgba(233, 234, 238, 0.14);
}
#contact-section .cs-detail:first-of-type {
  border-top: 0;
  padding-top: 0;
}
#contact-section .cs-detail-label {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: hsl(154, 48%, 81%);
  margin-bottom: 6px;
}
#contact-section .cs-detail p,
#contact-section .cs-detail address {
  margin: 0;
  color: #e9eaee;
  font-style: normal;
  line-height: 1.6;
}
#contact-section .cs-detail a {
  color: #f5f6f8;
  text-decoration: none;
  border-bottom: 1px solid hsl(334, 38%, 60%);
}
#contact-section .cs-detail a:hover {
  color: hsl(334, 38%, 72%);
}
#contact-section .cs-hours {
  list-style: none;
  padding: 0;
  margin: 0;
}
#contact-section .cs-hours li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 5px 0;
  color: #d4d7dd;
  font-size: 0.95rem;
}
#contact-section .cs-hours li span:last-child {
  color: #f5f6f8;
  white-space: nowrap;
}
#contact-section .cs-way {
  background: #171a20;
  border: 1px solid rgba(233, 234, 238, 0.16);
  border-radius: 0;
  padding: 28px 36px;
  margin-top: 48px;
}
#contact-section .cs-way h3 {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 10px;
}
#contact-section .cs-way p {
  color: #c4c7ce;
  margin-bottom: 12px;
  line-height: 1.65;
}
#contact-section .cs-way a {
  color: hsl(154, 48%, 81%);
  border-bottom: 1px solid hsl(154, 48%, 81%);
  text-decoration: none;
}
#contact-section .cs-way a:hover {
  color: #f5f6f8;
  border-color: #f5f6f8;
}
#contact-section .cs-cta {
  margin-top: 48px;
  padding: 40px 36px;
  border: 1px solid hsl(334, 38%, 60%);
  border-radius: 0;
  background: #101216;
}
#contact-section .cs-cta h2 {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 300;
  margin-bottom: 12px;
}
#contact-section .cs-cta p {
  color: #c4c7ce;
  margin-bottom: 24px;
  max-width: 620px;
  line-height: 1.65;
}
#contact-section .cs-cta-link {
  display: inline-block;
  color: #f5f6f8;
  background: transparent;
  border: 1px solid hsl(348, 25%, 76%);
  border-radius: 0;
  padding: 12px 30px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.04em;
  transition: background 0.2s ease, color 0.2s ease;
}
#contact-section .cs-cta-link:hover {
  background: hsl(348, 25%, 76%);
  color: #101216;
}
@media (max-width: 767px) {
  #contact-section {
    padding: 40px 0;
  }
  #contact-section .cs-panel {
    padding: 24px 20px;
  }
  #contact-section .cs-way,
  #contact-section .cs-cta {
    padding: 24px 20px;
  }
  #contact-section .cs-hours li {
    font-size: 0.9rem;
  }
}

footer.site-footer{background:#101216;color:#e9eaee;padding:56px 0 24px;border-top:1px solid rgba(255,255,255,.14);font-family:'Open Sans',sans-serif;border-radius:0}
footer.site-footer h3,footer.site-footer h4{font-family:'Roboto',sans-serif;color:#fff;border-radius:0}
footer.site-footer h3{font-size:1.75rem;font-weight:500;letter-spacing:.02em;margin-bottom:16px}
footer.site-footer h4{font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;color:hsl(154,48%,81%)}
footer.site-footer p{color:#c9ccd3;font-size:.95rem;line-height:1.7}
footer.site-footer a{color:#e9eaee;text-decoration:none;transition:color .2s ease,border-color .2s ease}
footer.site-footer a:hover{color:hsl(348,25%,76%)}
footer.site-footer .footer-links{list-style:none;padding:0;margin:0}
footer.site-footer .footer-links li{margin-bottom:10px;font-size:.95rem}
footer.site-footer .footer-contact{list-style:none;padding:0;margin:0}
footer.site-footer .footer-contact li{margin-bottom:12px;font-size:.93rem;color:#c9ccd3;line-height:1.6}
footer.site-footer .footer-contact i{color:hsl(334,38%,60%);margin-right:8px}
footer.site-footer .hours{font-size:.85rem;color:#aeb2bb;line-height:1.7;margin:0}
footer.site-footer .panel{border:1px solid rgba(255,255,255,.14);padding:24px;height:100%;border-radius:0}
footer.site-footer .social-row{display:flex;gap:12px;margin-top:20px}
footer.site-footer .social-row a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);color:#fff;font-size:1.1rem;border-radius:0}
footer.site-footer .social-row a:hover{background:hsl(334,38%,60%);border-color:hsl(334,38%,60%);color:#101216}
footer.site-footer .footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:.85rem;color:#9a9ea8;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
#consentBar{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:#1a1d23;color:#f1f2f5;border-top:2px solid hsl(334,38%,60%);padding:16px 0;max-height:60vh;overflow-y:auto;font-family:'Open Sans',sans-serif;border-radius:0}
#consentBar .consent-title{font-family:'Roboto',sans-serif;font-size:1.05rem;font-weight:500;color:#fff;margin-bottom:6px}
#consentBar p{font-size:.85rem;line-height:1.5;color:#d3d6dc;margin-bottom:8px}
#consentBar ul{list-style:none;padding:0;margin:0 0 10px;font-size:.82rem;color:#d3d6dc}
#consentBar ul li{margin-bottom:3px}
#consentBar ul strong{color:hsl(154,48%,81%);font-weight:600}
#consentBar .consent-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#consentBar .consent-btn{flex:1 1 140px;min-width:130px;text-align:center;padding:10px 16px;font-size:.9rem;font-weight:600;border:1px solid hsl(334,38%,60%);background:hsl(334,38%,60%);color:#101216;cursor:pointer;border-radius:0;transition:background .2s ease,color .2s ease}
#consentBar .consent-btn:hover{background:hsl(348,25%,76%);border-color:hsl(348,25%,76%);color:#101216}
#consentBar .consent-link{flex:1 1 100%;font-size:.82rem;color:hsl(154,48%,81%);text-decoration:underline}
#consentBar .consent-link:hover{color:#fff}
@media(min-width:768px){#consentBar .consent-link{flex:0 0 auto;margin-left:6px}}

#about-page {
  background: #12151a;
  color: #e9ecef;
  font-family: 'Open Sans', sans-serif;
  padding: 96px 0;
  border-radius: 0;
}
#about-page h1,
#about-page h2,
#about-page h3 {
  font-family: 'Roboto', sans-serif;
  color: #f8f9fa;
  border-radius: 0;
}
#about-page .ab-kicker {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: hsl(154, 48%, 81%);
  margin-bottom: 20px;
}
#about-page .ab-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 700;
  line-height: 1.12;
  margin-bottom: 28px;
}
#about-page .ab-lead {
  font-size: 1.15rem;
  line-height: 1.75;
  color: #ced4da;
  max-width: 640px;
}
#about-page .ab-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 0;
  border: 1px solid rgba(248, 249, 250, 0.18);
}
#about-page .ab-block {
  margin-top: 56px;
}
#about-page .ab-h2 {
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  font-weight: 700;
  margin-bottom: 20px;
  padding-left: 16px;
  border-left: 3px solid hsl(334, 38%, 60%);
}
#about-page p {
  line-height: 1.8;
  color: #ced4da;
  margin-bottom: 16px;
}
#about-page .ab-panel {
  background: #181c22;
  border: 1px solid rgba(248, 249, 250, 0.16);
  border-radius: 0;
  padding: 28px;
  height: 100%;
}
#about-page .ab-panel h3 {
  font-size: 1.15rem;
  margin-bottom: 12px;
  color: hsl(348, 25%, 76%);
}
#about-page .ab-panel p {
  margin-bottom: 0;
  color: #ced4da;
}
#about-page .ab-step-num {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: hsl(334, 38%, 60%);
  line-height: 1;
  margin-bottom: 14px;
}
#about-page .ab-stat {
  border-top: 1px solid rgba(248, 249, 250, 0.2);
  padding-top: 16px;
}
#about-page .ab-stat strong {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 2.2rem;
  color: hsl(154, 48%, 81%);
  line-height: 1.1;
}
#about-page .ab-stat span {
  color: #adb5bd;
  font-size: 0.95rem;
}
#about-page .ab-team-role {
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: hsl(154, 48%, 81%);
  margin-bottom: 10px;
  display: block;
}
#about-page .ab-cta {
  margin-top: 64px;
  background: #181c22;
  border: 1px solid rgba(248, 249, 250, 0.16);
  border-radius: 0;
  padding: 40px 32px;
}
#about-page .ab-cta h2 {
  font-size: clamp(1.4rem, 3vw, 2rem);
  margin-bottom: 12px;
}
#about-page .ab-btn {
  display: inline-block;
  background: hsl(334, 38%, 60%);
  color: #101216;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-decoration: none;
  padding: 14px 32px;
  border-radius: 0;
  border: 1px solid hsl(334, 38%, 60%);
  transition: background 0.2s, color 0.2s;
}
#about-page .ab-btn:hover {
  background: transparent;
  color: hsl(348, 25%, 76%);
}
@media (max-width: 767px) {
  #about-page { padding: 64px 0; }
  #about-page .ab-panel { padding: 22px; }
}

.thanks-section {
    min-height: 80vh;
    display: flex;
    align-items: center;
    padding: 4rem 0;
    background: linear-gradient(135deg, hsl(348, 25%, 96%) 0%, hsl(154, 48%, 96%) 100%);
    font-family: 'Open Sans', sans-serif;
  }

  .thanks-card {
    background: #ffffff;
    border-radius: 1.5rem;
    padding: 3rem 2rem;
    box-shadow: 0 1rem 3rem hsla(334, 38%, 40%, 0.12);
    border-top: 6px solid hsl(334, 38%, 60%);
    max-width: 720px;
    margin: 0 auto;
  }

  .thanks-icon-wrap {
    width: 110px;
    height: 110px;
    margin: 0 auto 1.75rem;
    border-radius: 50%;
    background: hsl(154, 48%, 81%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 12px hsla(154, 48%, 81%, 0.4);
    animation: thanksPulse 2.5s ease-in-out infinite;
  }

  .thanks-icon-wrap svg {
    width: 56px;
    height: 56px;
    stroke: hsl(334, 38%, 60%);
  }

  @keyframes thanksPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
  }

  .thanks-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: hsl(334, 38%, 38%);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    margin-bottom: 1rem;
  }

  .thanks-lead {
    font-size: 1.15rem;
    color: #4a4a4a;
    margin-bottom: 1.5rem;
  }

  .thanks-steps {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
    text-align: left;
  }

  .thanks-steps li {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 0.85rem 1rem;
    margin-bottom: 0.75rem;
    background: hsla(348, 25%, 76%, 0.22);
    border-left: 4px solid hsl(348, 25%, 76%);
    border-radius: 0.5rem;
    color: #444;
  }

  .thanks-steps .step-badge {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: hsl(334, 38%, 60%);
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
  }

  .btn-thanks {
    background-color: hsl(334, 38%, 60%);
    border: 2px solid hsl(334, 38%, 60%);
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 0.8rem 2.25rem;
    border-radius: 50rem;
    transition: all 0.3s ease;
  }

  .btn-thanks:hover,
  .btn-thanks:focus {
    background-color: hsl(334, 38%, 48%);
    border-color: hsl(334, 38%, 48%);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1.25rem hsla(334, 38%, 50%, 0.35);
  }

  @media (max-width: 576px) {
    .thanks-card {
      padding: 2.25rem 1.25rem;
    }
    .thanks-icon-wrap {
      width: 90px;
      height: 90px;
    }
    .thanks-icon-wrap svg {
      width: 46px;
      height: 46px;
    }
  }

#portfolio-page {
  background: #101216;
  color: #e9eaee;
  font-family: 'Open Sans', sans-serif;
  padding: 56px 0;
}
#portfolio-page .pf-container-pad { padding-left: 15px; padding-right: 15px; }
#portfolio-page h1,
#portfolio-page h2,
#portfolio-page h3,
#portfolio-page h4,
#portfolio-page h5 {
  font-family: 'Roboto', sans-serif;
  color: #f4f5f7;
}
#portfolio-page .pf-hero { padding: 48px 0 56px; border-bottom: 1px solid rgba(255,255,255,0.12); }
#portfolio-page .pf-eyebrow {
  display: inline-block;
  color: hsl(154, 48%, 81%);
  font-family: 'Roboto', sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#portfolio-page .pf-hero h1 {
  font-size: clamp(2.2rem, 5.5vw, 4rem);
  font-weight: 300;
  line-height: 1.12;
  margin-bottom: 24px;
}
#portfolio-page .pf-hero h1 strong { color: hsl(334, 38%, 60%); font-weight: 500; }
#portfolio-page .pf-lead { font-size: 1.15rem; color: #c3c6cf; max-width: 720px; line-height: 1.7; }
#portfolio-page .pf-stats { margin-top: 40px; }
#portfolio-page .pf-stat {
  border: 1px solid rgba(255,255,255,0.14);
  padding: 20px 22px;
  background: #15181e;
  height: 100%;
}
#portfolio-page .pf-stat .pf-num {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: 300;
  color: hsl(154, 48%, 81%);
  display: block;
  line-height: 1.1;
}
#portfolio-page .pf-stat .pf-lbl { font-size: 0.9rem; color: #aeb2bc; }
#portfolio-page .pf-block { padding: 56px 0 8px; }
#portfolio-page .pf-block h2 {
  font-size: clamp(1.6rem, 3.2vw, 2.3rem);
  font-weight: 300;
  margin-bottom: 18px;
}
#portfolio-page .pf-block p { color: #c3c6cf; line-height: 1.75; max-width: 820px; }
#portfolio-page .pf-rule { width: 56px; height: 2px; background: hsl(334, 38%, 60%); margin-bottom: 22px; }
#portfolio-page .pf-card {
  background: #15181e;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: border-color 0.25s ease;
}
#portfolio-page .pf-card:hover { border-color: hsl(334, 38%, 60%); }
#portfolio-page .pf-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  border-radius: 0;
  border-bottom: 1px solid rgba(255,255,255,0.14);
}
#portfolio-page .pf-card-body { padding: 24px; display: flex; flex-direction: column; flex-grow: 1; }
#portfolio-page .pf-badge {
  align-self: flex-start;
  background: transparent;
  border: 1px solid hsl(154, 48%, 81%);
  color: hsl(154, 48%, 81%);
  font-family: 'Roboto', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 10px;
  margin-bottom: 14px;
  border-radius: 0;
}
#portfolio-page .pf-card h3 { font-size: 1.3rem; font-weight: 400; margin-bottom: 12px; }
#portfolio-page .pf-card p { color: #b5b9c3; font-size: 0.95rem; line-height: 1.65; flex-grow: 1; margin-bottom: 20px; }
#portfolio-page .pf-btn {
  align-self: flex-start;
  background: transparent;
  color: #f4f5f7;
  border: 1px solid hsl(334, 38%, 60%);
  border-radius: 0;
  padding: 10px 22px;
  font-family: 'Roboto', sans-serif;
  font-size: 0.9rem;
  transition: background 0.25s ease, color 0.25s ease;
}
#portfolio-page .pf-btn:hover { background: hsl(334, 38%, 60%); color: #101216; }
#portfolio-page .modal-content {
  background: #15181e;
  color: #e9eaee;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 0;
}
#portfolio-page .modal-header,
#portfolio-page .modal-footer { border-color: rgba(255,255,255,0.12); }
#portfolio-page .modal-title { color: #f4f5f7; font-family: 'Roboto', sans-serif; font-weight: 400; }
#portfolio-page .modal-body p { color: #c3c6cf; line-height: 1.7; }
#portfolio-page .modal-body img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 0;
  margin-bottom: 20px;
}
#portfolio-page .pf-detail-list { list-style: none; padding: 0; margin: 18px 0 0; }
#portfolio-page .pf-detail-list li {
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,0.1);
  color: #c3c6cf;
  font-size: 0.95rem;
}
#portfolio-page .pf-detail-list li strong { color: hsl(154, 48%, 81%); font-weight: 600; }
#portfolio-page .btn-close { filter: invert(1); }
#portfolio-page .pf-cta {
  margin-top: 56px;
  border: 1px solid rgba(255,255,255,0.18);
  background: #15181e;
  padding: 56px 32px;
  text-align: center;
}
#portfolio-page .pf-cta h2 { font-weight: 300; font-size: clamp(1.6rem, 3.2vw, 2.4rem); margin-bottom: 16px; }
#portfolio-page .pf-cta p { color: #c3c6cf; max-width: 640px; margin: 0 auto 28px; }
#portfolio-page .pf-cta-btn {
  display: inline-block;
  background: hsl(334, 38%, 60%);
  color: #101216;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  padding: 14px 36px;
  text-decoration: none;
  border-radius: 0;
  border: 1px solid hsl(334, 38%, 60%);
  transition: background 0.25s ease, color 0.25s ease;
}
#portfolio-page .pf-cta-btn:hover { background: transparent; color: hsl(334, 38%, 60%); }
@media (max-width: 575px) {
  #portfolio-page { padding: 32px 0; }
  #portfolio-page .pf-cta { padding: 40px 20px; }
}

.hero-expense {
  background-color: #101216;
  color: #f2f3f5;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 56px 0;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 1px solid rgba(242, 243, 245, 0.14);
}
.hero-expense .hero-eyebrow {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: hsl(154, 48%, 81%);
  border: 1px solid rgba(242, 243, 245, 0.2);
  padding: 8px 14px;
  margin-bottom: 28px;
  border-radius: 0;
}
.hero-expense .hero-eyebrow i {
  margin-right: 8px;
}
.hero-expense h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: clamp(2.4rem, 5.2vw, 4.4rem);
  line-height: 1.08;
  color: #ffffff;
  margin-bottom: 20px;
}
.hero-expense h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  line-height: 1.4;
  color: hsl(348, 25%, 76%);
  margin-bottom: 24px;
}
.hero-expense .hero-text {
  font-size: 1.05rem;
  line-height: 1.75;
  color: #d3d6db;
  max-width: 540px;
  margin-bottom: 36px;
}
.hero-expense .hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: hsl(334, 38%, 60%);
  color: #101216;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.04em;
  padding: 16px 34px;
  border: 1px solid hsl(334, 38%, 60%);
  border-radius: 0;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.hero-expense .hero-btn:hover,
.hero-expense .hero-btn:focus {
  background-color: transparent;
  color: hsl(348, 25%, 76%);
  border-color: hsl(348, 25%, 76%);
}
.hero-expense .hero-btn i {
  transition: transform 0.25s ease;
}
.hero-expense .hero-btn:hover i {
  transform: translateX(4px);
}
.hero-expense .hero-image-wrap {
  border: 1px solid rgba(242, 243, 245, 0.2);
  padding: 12px;
  background-color: #1a1d23;
  border-radius: 0;
}
.hero-expense .hero-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 0;
}
@media (max-width: 991.98px) {
  .hero-expense {
    padding: 56px 0;
  }
  .hero-expense .hero-text {
    max-width: 100%;
  }
  .hero-expense .hero-image-wrap {
    margin-top: 40px;
  }
}

#who-we-are {
  background: #101216;
  color: #e9ebef;
  padding: 56px 0;
  font-family: 'Open Sans', sans-serif;
}
#who-we-are h2,
#who-we-are h3,
#who-we-are h4 {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  border-radius: 0;
}
#who-we-are .wwa-eyebrow {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.8rem;
  color: hsl(154, 48%, 81%);
  margin-bottom: 16px;
}
#who-we-are .wwa-title {
  font-size: clamp(2rem, 4.5vw, 3.4rem);
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 28px;
}
#who-we-are .wwa-title span {
  color: hsl(334, 38%, 60%);
}
#who-we-are p {
  color: #cfd3da;
  line-height: 1.75;
  font-size: 1.02rem;
  margin-bottom: 18px;
}
#who-we-are .wwa-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
#who-we-are .wwa-values {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  margin-top: 32px;
  padding-top: 24px;
}
#who-we-are .wwa-values li {
  list-style: none;
  padding: 10px 0 10px 18px;
  border-left: 2px solid hsl(334, 38%, 60%);
  margin-bottom: 12px;
  color: #cfd3da;
}
#who-we-are .wwa-values li strong {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
}
#who-we-are ul.wwa-values-list {
  padding-left: 0;
  margin: 0;
}
#who-we-are .wwa-team-title {
  font-size: 1.5rem;
  margin: 48px 0 24px;
}
#who-we-are .wwa-person {
  background: #171a20;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0;
  padding: 24px;
  height: 100%;
}
#who-we-are .wwa-person h4 {
  font-size: 1.2rem;
  margin-bottom: 4px;
}
#who-we-are .wwa-role {
  color: hsl(348, 25%, 76%);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 12px;
  font-family: 'Roboto', sans-serif;
}
#who-we-are .wwa-person p {
  margin-bottom: 0;
  color: #cfd3da;
}
#who-we-are .wwa-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}
#who-we-are .wwa-stat {
  flex: 1 1 140px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #171a20;
  padding: 16px;
  border-radius: 0;
}
#who-we-are .wwa-stat b {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
  color: hsl(154, 48%, 81%);
}
#who-we-are .wwa-stat small {
  color: #cfd3da;
}

#projects{background:#101216;color:#f1f2f4;padding:96px 0;font-family:'Open Sans',sans-serif}
#projects .pf-head{max-width:760px;margin-bottom:56px}
#projects .pf-kicker{display:inline-block;font-family:'Roboto',sans-serif;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:hsl(154,48%,81%);margin-bottom:16px}
#projects h2{font-family:'Roboto',sans-serif;font-weight:300;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.15;color:#fff;margin-bottom:20px}
#projects .pf-lead{color:#c3c7ce;font-size:1.05rem;line-height:1.75;margin:0}
#projects .pf-card{background:#171a20;border:1px solid rgba(255,255,255,.14);border-radius:0;height:100%;display:flex;flex-direction:column;transition:border-color .25s ease}
#projects .pf-card:hover{border-color:hsl(334,38%,60%)}
#projects .pf-img{aspect-ratio:4/3;overflow:hidden;background:#0c0e11}
#projects .pf-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
#projects .pf-card:hover .pf-img img{transform:scale(1.04)}
#projects .pf-body{padding:24px;display:flex;flex-direction:column;flex:1}
#projects .pf-badge{align-self:flex-start;font-family:'Roboto',sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;background:hsl(154,48%,81%);color:#101216;padding:4px 10px;border-radius:0;margin-bottom:14px}
#projects .pf-title{font-family:'Roboto',sans-serif;font-weight:500;font-size:1.25rem;color:#fff;margin-bottom:10px}
#projects .pf-text{color:#c3c7ce;font-size:.95rem;line-height:1.65;margin-bottom:20px;flex:1}
#projects .pf-btn{align-self:flex-start;background:transparent;color:hsl(348,25%,76%);border:1px solid hsl(348,25%,76%);border-radius:0;padding:8px 20px;font-family:'Roboto',sans-serif;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;transition:all .2s ease}
#projects .pf-btn:hover,#projects .pf-btn:focus{background:hsl(334,38%,60%);border-color:hsl(334,38%,60%);color:#101216}
#projects .modal-content{background:#171a20;color:#e7e9ed;border:1px solid rgba(255,255,255,.18);border-radius:0}
#projects .modal-header,#projects .modal-footer{border-color:rgba(255,255,255,.12)}
#projects .modal-title{font-family:'Roboto',sans-serif;font-weight:500;color:#fff}
#projects .modal-body p{color:#d3d6dc;line-height:1.7}
#projects .modal-body h4{font-family:'Roboto',sans-serif;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:hsl(154,48%,81%);margin:20px 0 8px}
#projects .modal-body ul{padding-left:18px;color:#d3d6dc;margin:0}
#projects .modal-body li{margin-bottom:6px;line-height:1.6}
#projects .pf-modal-img{aspect-ratio:16/9;width:100%;object-fit:cover;display:block;margin-bottom:20px}
#projects .btn-close{filter:invert(1)}
#projects .pf-close{background:hsl(334,38%,60%);color:#101216;border:0;border-radius:0;padding:8px 24px;font-family:'Roboto',sans-serif;font-weight:500}
#projects .pf-close:hover{background:hsl(348,25%,76%);color:#101216}
@media(max-width:767px){#projects{padding:64px 0}#projects .pf-head{margin-bottom:40px}}

#in-numbers {
  background: #101216;
  color: #f2f3f5;
  padding: 56px 0;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  overflow: hidden;
}
#in-numbers .stats-eyebrow {
  font-family: 'Roboto', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: hsl(154, 48%, 81%);
  margin-bottom: 14px;
}
#in-numbers .stats-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: clamp(2rem, 4.5vw, 3.4rem);
  line-height: 1.15;
  color: #ffffff;
  margin-bottom: 18px;
}
#in-numbers .stats-title span {
  color: hsl(334, 38%, 60%);
}
#in-numbers .stats-lead {
  color: #c9ccd2;
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 560px;
  margin-bottom: 0;
}
#in-numbers .stats-grid {
  margin-top: 48px;
  border-top: 1px solid rgba(255,255,255,0.14);
  border-left: 1px solid rgba(255,255,255,0.14);
}
#in-numbers .stat-panel {
  position: relative;
  height: 100%;
  padding: 32px 26px 30px;
  background: #15181e;
  border-right: 1px solid rgba(255,255,255,0.14);
  border-bottom: 1px solid rgba(255,255,255,0.14);
  border-radius: 0;
  color: #f2f3f5;
  overflow: hidden;
  transition: background 0.3s ease;
  animation: statRise 0.9s ease both;
}
#in-numbers .stat-panel:hover {
  background: #1b1f27;
}
#in-numbers .stat-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: hsl(334, 38%, 60%);
  transform: scaleX(0);
  transform-origin: left;
  animation: statLine 1.2s ease forwards;
}
#in-numbers .stat-panel.is-accent::before {
  background: hsl(154, 48%, 81%);
}
#in-numbers .stat-panel.is-soft::before {
  background: hsl(348, 25%, 76%);
}
#in-numbers .stat-icon {
  font-size: 1.7rem;
  color: hsl(154, 48%, 81%);
  display: inline-block;
  margin-bottom: 22px;
}
#in-numbers .stat-panel.is-pink .stat-icon {
  color: hsl(334, 38%, 60%);
}
#in-numbers .stat-panel.is-soft .stat-icon {
  color: hsl(348, 25%, 76%);
}
#in-numbers .stat-figure {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: clamp(2.4rem, 4vw, 3.3rem);
  line-height: 1;
  color: #ffffff;
  margin-bottom: 6px;
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
#in-numbers .stat-unit {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: hsl(348, 25%, 76%);
}
#in-numbers .stat-name {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 1.05rem;
  color: #f2f3f5;
  margin: 14px 0 8px;
}
#in-numbers .stat-note {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #aeb2ba;
  margin: 0;
}
#in-numbers .stats-foot {
  margin-top: 28px;
  font-size: 0.85rem;
  color: #8d929b;
}
@property --statNum {
  syntax: '<integer>';
  initial-value: 0;
  inherits: false;
}
#in-numbers .count {
  counter-reset: statNum var(--statNum);
  animation: statCount 2.2s ease-out forwards;
}
#in-numbers .count::after {
  content: counter(statNum);
}
#in-numbers .count-24 { --target: 24; }
#in-numbers .count-9 { --target: 9; }
#in-numbers .count-15 { --target: 15; }
#in-numbers .count-525 { --target: 525; }
#in-numbers .count-1470 { --target: 1470; }
#in-numbers .count-24 { animation-name: statCount24; }
#in-numbers .count-9 { animation-name: statCount9; }
#in-numbers .count-15 { animation-name: statCount15; }
#in-numbers .count-525 { animation-name: statCount525; }
#in-numbers .count-1470 { animation-name: statCount1470; }
@keyframes statCount24 { from { --statNum: 0; } to { --statNum: 24; } }
@keyframes statCount9 { from { --statNum: 0; } to { --statNum: 9; } }
@keyframes statCount15 { from { --statNum: 0; } to { --statNum: 15; } }
@keyframes statCount525 { from { --statNum: 0; } to { --statNum: 525; } }
@keyframes statCount1470 { from { --statNum: 0; } to { --statNum: 1470; } }
@keyframes statRise {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes statLine {
  to { transform: scaleX(1); }
}
#in-numbers .stat-panel:nth-child(2) { animation-delay: 0.1s; }
#in-numbers .stat-panel:nth-child(3) { animation-delay: 0.2s; }
#in-numbers .stat-panel:nth-child(4) { animation-delay: 0.3s; }
#in-numbers .stat-panel:nth-child(5) { animation-delay: 0.4s; }
@media (max-width: 767px) {
  #in-numbers { padding: 48px 0; }
  #in-numbers .stat-panel { padding: 26px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  #in-numbers .stat-panel,
  #in-numbers .stat-panel::before,
  #in-numbers .count { animation: none; }
  #in-numbers .stat-panel::before { transform: scaleX(1); }
}

.rk-services{background:#101216;color:#f1f2f4;padding:56px 0;font-family:'Open Sans',sans-serif}
.rk-services .rk-head{max-width:720px;margin-bottom:48px}
.rk-services .rk-eyebrow{display:inline-block;font-family:'Roboto',sans-serif;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:hsl(154,48%,81%);margin-bottom:16px}
.rk-services h2{font-family:'Roboto',sans-serif;font-weight:300;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.15;color:#fff;margin-bottom:20px}
.rk-services .rk-lead{color:#c3c7ce;font-size:1.05rem;line-height:1.7;margin:0}
.rk-services .rk-card{background:#171a20;border:1px solid rgba(255,255,255,.14);border-radius:0;padding:32px;height:100%;display:flex;flex-direction:column;transition:border-color .3s ease,transform .3s ease,background .3s ease}
.rk-services .rk-card:hover{border-color:hsl(334,38%,60%);background:#1c2027;transform:translateY(-4px)}
.rk-services .rk-icon{width:56px;height:56px;border:1px solid hsl(334,38%,60%);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:hsl(334,38%,60%);margin-bottom:24px;border-radius:0;transition:background .3s ease,color .3s ease}
.rk-services .rk-card:hover .rk-icon{background:hsl(334,38%,60%);color:#101216}
.rk-services .rk-card h3{font-family:'Roboto',sans-serif;font-weight:500;font-size:1.35rem;color:#fff;margin-bottom:14px}
.rk-services .rk-card p{color:#c3c7ce;line-height:1.7;margin-bottom:24px;flex-grow:1}
.rk-services .rk-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(255,255,255,.14);padding-top:18px}
.rk-services .rk-price{font-family:'Roboto',sans-serif;font-size:1.15rem;color:hsl(154,48%,81%);font-weight:500}
.rk-services .rk-term{font-size:.88rem;color:hsl(348,25%,76%)}
.rk-services .rk-note{margin-top:40px;padding:20px 24px;border:1px solid rgba(255,255,255,.14);color:#c3c7ce;font-size:.95rem;line-height:1.65;border-radius:0}
.rk-services .rk-note strong{color:#fff}
.rk-services .rk-link{display:inline-block;margin-top:24px;color:#101216;background:hsl(334,38%,60%);padding:13px 30px;text-decoration:none;font-family:'Roboto',sans-serif;font-weight:500;border-radius:0;transition:background .3s ease}
.rk-services .rk-link:hover{background:hsl(348,25%,76%);color:#101216}
@media(max-width:575px){.rk-services .rk-card{padding:24px}}

#contacts{
  background:#101216;
  color:#e9ebef;
  padding:96px 0;
  font-family:'Open Sans',sans-serif;
}
#contacts .contact-eyebrow{
  font-family:'Roboto',sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.8rem;
  color:hsl(154,48%,81%);
  margin-bottom:18px;
}
#contacts h2{
  font-family:'Roboto',sans-serif;
  font-weight:300;
  font-size:clamp(2.2rem,5vw,3.6rem);
  line-height:1.1;
  color:#fff;
  margin-bottom:24px;
}
#contacts .contact-lead{
  color:#b9bec8;
  font-size:1.05rem;
  max-width:520px;
  margin-bottom:40px;
}
#contacts .info-panel,
#contacts .form-panel{
  background:#161a20;
  border:1px solid rgba(233,235,239,.16);
  border-radius:0;
  padding:36px;
  height:100%;
}
#contacts .info-block{
  padding:18px 0;
  border-bottom:1px solid rgba(233,235,239,.12);
}
#contacts .info-block:first-child{padding-top:0}
#contacts .info-block:last-child{border-bottom:0;padding-bottom:0}
#contacts .info-label{
  font-family:'Roboto',sans-serif;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:hsl(334,38%,60%);
  margin-bottom:6px;
  display:block;
}
#contacts .info-value,
#contacts .info-value a{
  color:#fff;
  font-size:1.05rem;
  text-decoration:none;
}
#contacts .info-value a:hover{
  color:hsl(154,48%,81%);
  text-decoration:underline;
}
#contacts .hours-list{
  list-style:none;
  padding:0;
  margin:0;
  font-size:.95rem;
}
#contacts .hours-list li{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:4px 0;
  color:#d4d8df;
}
#contacts .hours-list li span:last-child{color:#fff;white-space:nowrap}
#contacts .find-us{
  color:#b9bec8;
  font-size:.95rem;
  margin:10px 0 0;
}
#contacts .find-us a{
  color:hsl(154,48%,81%);
  text-decoration:underline;
}
#contacts .find-us a:hover{color:#fff}
#contacts .form-panel h3{
  font-family:'Roboto',sans-serif;
  font-weight:400;
  font-size:1.5rem;
  color:#fff;
  margin-bottom:8px;
}
#contacts .form-panel .form-note{
  color:#b9bec8;
  font-size:.92rem;
  margin-bottom:26px;
}
#contacts .form-label{
  font-family:'Roboto',sans-serif;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#d4d8df;
  margin-bottom:6px;
}
#contacts .form-control{
  background:#101216;
  color:#fff;
  border:1px solid rgba(233,235,239,.25);
  border-radius:0;
  padding:12px 14px;
}
#contacts .form-control::placeholder{color:#7d8491}
#contacts .form-control:focus{
  background:#101216;
  color:#fff;
  border-color:hsl(334,38%,60%);
  box-shadow:0 0 0 .2rem rgba(184,98,141,.25);
}
#contacts .btn-send{
  background:hsl(334,38%,60%);
  color:#101216;
  border:1px solid hsl(334,38%,60%);
  border-radius:0;
  font-family:'Roboto',sans-serif;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:14px 36px;
  transition:background .2s,color .2s;
}
#contacts .btn-send:hover{
  background:hsl(348,25%,76%);
  border-color:hsl(348,25%,76%);
  color:#101216;
}
@media (max-width:767px){
  #contacts{padding:64px 0}
  #contacts .info-panel,
  #contacts .form-panel{padding:24px}
  #contacts .hours-list li{flex-direction:column;gap:0;padding:6px 0}
}

#important.disclaimer-section {
  background-color: #14171c;
  color: #e9ebee;
  padding: 56px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
#important .disclaimer-panel {
  background-color: #1a1d23;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0;
  padding: 48px 40px;
}
#important .disclaimer-icon {
  font-size: 2.6rem;
  color: hsl(154, 48%, 81%);
  line-height: 1;
}
#important .disclaimer-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 2.2rem;
  color: #ffffff;
  letter-spacing: 0.01em;
  margin-bottom: 0;
}
#important .disclaimer-rule {
  width: 64px;
  height: 2px;
  background-color: hsl(334, 38%, 60%);
  border: 0;
  opacity: 1;
  margin: 24px 0 28px;
}
#important .disclaimer-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.05rem;
  line-height: 1.8;
  color: #d9dce1;
  margin-bottom: 0;
}
#important .disclaimer-meta {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9rem;
  color: hsl(348, 25%, 76%);
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
@media (max-width: 575.98px) {
  #important .disclaimer-panel {
    padding: 32px 22px;
  }
  #important .disclaimer-title {
    font-size: 1.7rem;
  }
}