/* StoreNShip.io — HTML5 static site
   Palette (moodboard-inspired): navy, deep blue, greys, yellow accent
*/
:root{
  --navy:#0B1D3A;
  --blue:#1B3B6F;
  --light-blue:#A9B9D6;
  --gray-100:#F5F7FA;
  --gray-300:#D7DDE6;
  --gray-700:#4B5563;
  --text:#0f172a;
  --bg:#ffffff;
  --yellow:#FFC400;

  --yellow-ffdd7a: #FFDD7A;
  --yellow-fca33e: #FCA33E;
  --yellow-fdbd03: #FDBD03;
  --yellow-b5922c: #B5922C;
  --blue-4ba5ec: #4BA5EC;
  --blue-5289b5: #5289B5;
  --blue-145da0: #145DA0;
  --blue-1d63a3: #1D63A3;
  --blue-1a61a2: #1A61A2;
  --blue-4677a5: #4677A5;
  --brown-56534a: #56534A;
  --brown-999a9d: #999A9D;
  --brown-363636: #363636;
  --white-ffffff: #FFFFFF;
  --white-edf2f3: #EDF2F3;
  --gray-bfd7ed: #BFD7ED;
  --gray-8fa3b3: #8FA3B3;
  --black-06175c: #06175C;
  --black-091235: #091235;
}

html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.2s}
.btn-primary{background:var(--yellow-fca33e);color:var(--blue-1d63a3)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-read{background:var(--blue-1d63a3);border-color:#e5e7eb;color:var(--yellow-fca33e)}
.btn-read:hover{transform:translateY(-1px)}
.btn-ghost{background:transparent;border-color:#e5e7eb;color:var(--black-06175c)}
.btn-dark{background:var(--blue-145da0);color:var(--white-edf2f3)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.grid{display:grid;gap:24px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.card .content{padding:18px}
.section{padding:80px 0}
.section.gray{background:var(--gray-100)}
.section.navy{background:var(--navy);color:#fff}
.section.yellow{background:var(--yellow-fdbd03);color:var(--black-091235)}
 
.h1{font-size:40px;line-height:1.15;margin:12px 0 0}
.h2{font-size:32px;line-height:1.2;margin:0}
.p-lead{font-size:18px;color:#475569;max-width:640px}
.text-muted{color:#64748b}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
.kpis .item{display:flex;align-items:center;gap:10px;color:#e2e8f0}
.kpis .item svg{width:18px;height:18px}
.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.hero .video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18}
.hero .inner{position:relative;padding:96px 0}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.hero .visual{border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.hero-img{grid-template-columns:1fr 1fr}

/* Reset and base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Header and navigation styles */
.nav {
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  position: sticky;
  top: 0;
  z-index: 1000;
}

.container.bar {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Logo styling */
.nav a {
  text-decoration: none;
  color: #333;
}

/* Mobile menu toggle button */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  margin-left: 10px;
}

.menu-toggle i {
  font-size: 24px;
  color: #333;
}

/* Desktop navigation */
.menu ul {
  display: flex;
  list-style: none;
  align-items: center;
  gap: 20px;
}

.menu li {
  position: relative;
}

.menu a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  padding: 10px 0;
  transition: color 0.3s ease;
}

.menu a:hover {
  color: #007bff;
}

/* Language switcher */
.lang-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lang-switcher a {
  text-decoration: none;
  color: #666;
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 3px;
  transition: all 0.3s ease;
}

.lang-switcher a:hover {
  background-color: var(--yellow-ffdd7a);
}

.lang-switcher a.active-lang {
  background-color: var(--yellow-fdbd03);
  color: white;
}

/* Login and demo buttons */
.btn-login, .btn-demo {
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-login a, .btn-demo a {
  text-decoration: none;
  color: #666;
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 3px;
  transition: all 0.3s ease;
}

.btn-login:hover {
  background-color: var(--yellow-ffdd7a);
  color: white;
}


.btn-demo:hover {
  background-color: var(--yellow-ffdd7a);
}

/* Mobile menu styles */
@media screen and (max-width: 768px) {
  .menu-toggle {
    display: block;
  }
  
  .menu {
    position: fixed;
    top: 60px;
    left: -100%;
    width: auto;
    height: auto;
    background-color: #fff;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease;
    box-shadow: 0 2px 2px rgba(24, 9, 9, 0.1);
    z-index: 999;
    overflow-y: auto;
  }
  
  .menu.active {
    left: 0;
  }
  
  .menu ul {
    flex-direction: column;
    padding: 0;
    margin: 0 5px 0 5px;
    gap: 4px;
  }
  
  .menu li {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
  }
  
  .menu a {
    display: block;
    padding: 0;
    margin: 0;
    border-radius: 3px;
    font-size: 16px;
  }
  
  .lang-switcher {
    flex-direction: row;
    gap: 8px;
  }
  
  .lang-switcher a {
    padding: 8px 4px;
    font-size: 14px;
    align-items: normal; 
  }
  
  .btn-login, .btn-demo {
    flex-direction: column;
    display: flex;
    gap: 8px;
    padding: 0;
    margin: 0;
    align-items: normal;
  }
}

/* Smaller mobile devices */
@media screen and (max-width: 480px) {
  .container.bar {
    padding: 10px 12px;
  }
  
  .menu ul {
    padding: 2px;
  }
  
  .menu a {
    font-size: 14px;
  }
  
  .lang-switcher a {
    font-size: 12px;
  }
}

/* Responsive adjustments */
@media screen and (max-width: 360px) {
  .container.bar {
    padding: 8px 10px;
  }
  
  .menu-toggle i {
    font-size: 10px;
  }
}
/* logo strip */
.logo-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;opacity:.7}
.logo-strip .logo{height:40px;background:#eaeef3;border-radius:8px}
/* platform grid */
.platform{grid-template-columns:1.2fr .8fr;align-items:center}
.platform .feature-grid{grid-template-columns:repeat(2,1fr)}
/* WMS grid */
.wms{grid-template-columns:1fr 1fr}
.wms .tile-grid{grid-template-columns:repeat(2,2fr)}
/* TMS */
.tms{grid-template-columns:1fr 1fr}
/* solutions */
.solutions .cards{grid-template-columns:repeat(3,1fr)}
/* resources */
.resources .cards{grid-template-columns:repeat(3,1fr)}
/* plans */
.plans .cards{grid-template-columns:repeat(3,1fr)}
/* faq */
.faq .cards{grid-template-columns:repeat(1,1fr)}
/* CTA form */
.cta-form{grid-template-columns:1fr 1fr}
.form{display:grid;grid-template-columns:1fr;gap:10px}
input,textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;font:inherit}
/* Footer */
footer{background:#020617;color:#cbd5e1}
footer a:hover{text-decoration:underline}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
footer .bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:18px 0;font-size:12px;color:#94a3b8}
/* Responsive */
@media (max-width: 1024px){
  .platform,.hero-img,.wms,.tms,.cta-form{grid-template-columns:1fr}
}
@media (max-width: 900px){
  .kpis{grid-template-columns:repeat(2,1fr)}
  .solutions .cards,.resources .cards .plans .faq{grid-template-columns:repeat(2,1fr)}
  .logo-strip{grid-template-columns:repeat(4,1fr)}
  footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width: 560px){
  .h1{font-size:32px}
  .h2{font-size:26px}
  .p-lead{font-size:16px}
  .logo-strip{grid-template-columns:repeat(2,1fr)}
  .solutions .cards,.resources .cards .plans .faq{grid-template-columns:1fr}
  footer .cols{grid-template-columns:1fr 1fr}
}



:root {

/* Colors: */
--unnamed-color-8fa3b3: #8FA3B3;
--unnamed-color-4677a5: #4677A5;
--unnamed-color-ffdd7a: #FFDD7A;
--unnamed-color-fca33e: #FCA33E;
--unnamed-color-56534a: #56534A;
--unnamed-color-4ba5ec: #4BA5EC;
--unnamed-color-06175c: #06175C;
--unnamed-color-b5922c: #B5922C;
--unnamed-color-ffffff: #FFFFFF;
--unnamed-color-bfd7ed: #BFD7ED;
--unnamed-color-999a9d: #999A9D;
--unnamed-color-5289b5: #5289B5;
--unnamed-color-145da0: #145DA0;
--unnamed-color-edf2f3: #EDF2F3;
--unnamed-color-fdbd03: #FDBD03;
--unnamed-color-091235: #091235;
--unnamed-color-1d63a3: #1D63A3;
--unnamed-color-1a61a2: #1A61A2;
--unnamed-color-363636: #363636;

/* Font/text values */
--unnamed-font-family-roboto: Roboto;
--unnamed-font-family-roboto-bold: Roboto-Bold;
--unnamed-font-family-roboto-regular: Roboto-Regular;
--unnamed-font-family-roboto-black: Roboto-Black;
--unnamed-font-family-roboto-blackitalic: Roboto-BlackItalic;
--unnamed-font-family-roboto-light: Roboto-Light;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-normal: normal;
--unnamed-font-weight-bold: bold;
--unnamed-font-size-8: 8px;
--unnamed-font-size-10: 10px;
--unnamed-font-size-11: 11px;
--unnamed-font-size-12: 12px;
--unnamed-font-size-13: 13px;
--unnamed-font-size-14: 14px;
--unnamed-font-size-15: 15px;
--unnamed-font-size-20: 20px;
--unnamed-font-size-28: 28px;
--unnamed-font-size-13-73882007598877: 13.73882007598877px;
--unnamed-font-size-43-69868850708008: 43.69868850708008px;
--unnamed-character-spacing-0: 0px;
--unnamed-line-spacing-9: 9px;
--unnamed-line-spacing-12: 12px;
--unnamed-line-spacing-13: 13px;
--unnamed-line-spacing-14: 14px;
--unnamed-line-spacing-15: 15px;
--unnamed-line-spacing-16: 16px;
--unnamed-line-spacing-18: 18px;
--unnamed-line-spacing-20: 20px;
--unnamed-line-spacing-33: 33px;
--unnamed-line-spacing-16-80000114440918: 16.80000114440918px;
--unnamed-line-spacing-16-48658561706543: 16.48658561706543px;
--unnamed-line-spacing-52-43842697143555: 52.43842697143555px;
--unnamed-decoration-underline: underline;
--unnamed-text-transform-uppercase: uppercase;
}

/* Character Styles */
.unnamed-character-style-1 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-11);
line-height: var(--unnamed-line-spacing-16-80000114440918);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-091235);
}
.unnamed-character-style-2 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-16-80000114440918);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-999a9d);
}
.unnamed-character-style-3 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-16-80000114440918);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-091235);
}
.unnamed-character-style-4 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-16-80000114440918);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1a61a2);
text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-5 {
font-family: var(--unnamed-font-family-roboto-light);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-11);
line-height: var(--unnamed-line-spacing-15);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-145da0);
}
.unnamed-character-style-6 {
font-family: var(--unnamed-font-family-roboto-blackitalic);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-28);
line-height: var(--unnamed-line-spacing-33);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-fdbd03);
}
.unnamed-character-style-7 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-15);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.unnamed-character-style-8 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-15);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.unnamed-character-style-9 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-13-73882007598877);
line-height: var(--unnamed-line-spacing-16-48658561706543);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-091235);
}
.unnamed-character-style-10 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-16-80000114440918);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-5289b5);
}
.unnamed-character-style-11 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-12);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-091235);
text-decoration: var(--unnamed-decoration-underline);
}
.unnamed-character-style-12 {
font-family: var(--unnamed-font-family-roboto-bold);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-13);
line-height: var(--unnamed-line-spacing-16);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.unnamed-character-style-13 {
font-family: var(--unnamed-font-family-roboto-bold);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-8);
line-height: var(--unnamed-line-spacing-9);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.unnamed-character-style-14 {
font-family: var(--unnamed-font-family-roboto-bold);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-15);
line-height: var(--unnamed-line-spacing-18);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.unnamed-character-style-15 {
font-family: var(--unnamed-font-family-roboto-regular);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-15);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-999a9d);
}
.unnamed-character-style-16 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-16-80000114440918);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-999a9d);
}
.unnamed-character-style-17 {
font-family: var(--unnamed-font-family-roboto-black);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-16-48658561706543);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.unnamed-character-style-18 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-13-73882007598877);
line-height: var(--unnamed-line-spacing-16-48658561706543);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-145da0);
}
.unnamed-character-style-19 {
font-family: var(--unnamed-font-family-roboto-regular);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-13-73882007598877);
line-height: var(--unnamed-line-spacing-16-48658561706543);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-145da0);
}
.unnamed-character-style-20 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-10);
line-height: var(--unnamed-line-spacing-12);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-145da0);
}
.unnamed-character-style-21 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-10);
line-height: var(--unnamed-line-spacing-12);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-363636);
}
.unnamed-character-style-22 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-13);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-091235);
text-decoration: var(--unnamed-decoration-underline);
}
.unnamed-character-style-23 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-13);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-091235);
}
.unnamed-character-style-24 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-14);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-091235);
}
.unnamed-character-style-25 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-12);
line-height: var(--unnamed-line-spacing-16);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-091235);
}
.unnamed-character-style-26 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-16-80000114440918);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-091235);
}
.unnamed-character-style-27 {
font-family: var(--unnamed-font-family-roboto-bold);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-43-69868850708008);
line-height: var(--unnamed-line-spacing-52-43842697143555);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-fdbd03);
}
.unnamed-character-style-28 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-16-80000114440918);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1d63a3);
}
.unnamed-character-style-29 {
font-family: var(--unnamed-font-family-roboto-bold);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-43-69868850708008);
line-height: var(--unnamed-line-spacing-52-43842697143555);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1a61a2);
}
.unnamed-character-style-30 {
font-family: var(--unnamed-font-family-roboto-bold);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-15);
line-height: var(--unnamed-line-spacing-20);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-145da0);
}
.unnamed-character-style-31 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-10);
line-height: var(--unnamed-line-spacing-16-80000114440918);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-999a9d);
}