@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&family=Quicksand:wght@400;500;600&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --sp-navy:#1a1a2e;
  --sp-deep:#16213e;
  --sp-royal:#0f3460;
  --sp-blue:#0077B6;
  --sp-cyan:#00B8E6;
  --sp-light-cyan:#4fc3f7;
  --sp-green:#49fca8;
  --sp-white:#ffffff;
}

html{scroll-behavior:smooth}
body{font-family:'Quicksand',Arial,sans-serif;background:var(--sp-navy);color:#fff;line-height:1.6}
img{max-width:100%}

.sp-site-header{position:sticky;top:0;z-index:9999}
.sp-nav{position:relative;width:100%;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.sp-nav a,.sp-nav button{font-family:'Quicksand',Arial,sans-serif}
.sp-nav svg,.sp-footer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

.sp-nav-top{height:48px;background:var(--sp-navy);display:flex;align-items:center;justify-content:center}
.sp-nav-inner{width:90%;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sp-logo-link{display:inline-flex;align-items:center}
.sp-logo-link img{height:40px;width:auto;display:block}
.sp-nav-utilities{display:flex;align-items:center;gap:18px}
.sp-util-link{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;transition:color .2s}
.sp-util-link:hover{color:var(--sp-green)}
.sp-btn{font-family:'Rubik',Arial,sans-serif!important;font-size:13px;font-weight:700;border-radius:6px;padding:8px 16px;text-decoration:none;line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
.sp-btn-start{background:var(--sp-green);color:var(--sp-navy)}
.sp-btn-signin{background:transparent;color:#fff;border:1.5px solid var(--sp-cyan)}
.sp-mobile-actions{display:none;align-items:center;gap:10px}
.sp-menu-toggle{background:transparent;border:0;color:#fff;padding:8px;cursor:pointer}
.sp-menu-toggle svg{width:26px;height:26px}
.sp-menu-toggle .sp-x{display:none}
.sp-menu-open .sp-menu-toggle .sp-bars{display:none}
.sp-menu-open .sp-menu-toggle .sp-x{display:block}

.sp-nav-main{height:48px;background:var(--sp-deep);display:flex;align-items:center;justify-content:center}
.sp-main-menu{width:90%;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:30px}
.sp-nav-item{position:relative}
.sp-nav-link{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;color:#fff;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:15px 0;transition:color .2s}
.sp-nav-link:hover,.sp-nav-item:hover>.sp-nav-link{color:var(--sp-green)}
.sp-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%,-8px);min-width:230px;background:var(--sp-royal);border-top:2px solid var(--sp-green);border-radius:0 0 8px 8px;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s;overflow:hidden}
.sp-has-dropdown:hover .sp-dropdown,.sp-has-dropdown:focus-within .sp-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.sp-dropdown a{display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:10px 16px;transition:color .2s,padding-left .2s;background:transparent}
.sp-dropdown a:hover{color:var(--sp-green);padding-left:22px}

.sp-mobile-menu{display:none;background:var(--sp-deep);border-top:1px solid rgba(255,255,255,.1)}
.sp-mobile-menu a,.sp-mobile-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:transparent;border:0;color:#fff;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:14px 5%;cursor:pointer}
.sp-mobile-sub{display:none;background:var(--sp-royal);padding:4px 0}
.sp-mobile-sub a{font-size:13px;text-transform:none;letter-spacing:0;font-weight:600;padding:10px 8%}
.sp-mobile-group.open .sp-mobile-sub{display:block}
.sp-mobile-group.open .sp-mobile-toggle span{transform:rotate(45deg)}

.sp-footer{background:var(--sp-blue);padding:60px 5% 30px;color:#fff}
.sp-footer-main{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:38px}
.sp-footer-logo{height:56px;width:auto;margin-bottom:24px;display:block}
.sp-footer-kicker,.sp-footer-heading{font-family:'Rubik',Arial,sans-serif;color:var(--sp-light-cyan);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:28px 0 12px}
.sp-footer-kicker:first-of-type{margin-top:0}
.sp-app-badge{display:block;width:fit-content;background:var(--sp-navy);border-radius:8px;padding:8px 16px;margin-bottom:8px;color:#fff;text-decoration:none;font-size:13px;font-weight:700}
.sp-app-badge:hover{color:var(--sp-green)}
.sp-social-row{display:flex;align-items:center;gap:14px}
.sp-social-row a{color:#fff;display:inline-flex}
.sp-social-row a:hover{color:var(--sp-green)}
.sp-social-row svg{width:22px;height:22px}
.sp-footer-heading{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;padding:0;text-align:left;cursor:default}
.sp-footer-heading span{display:none}
.sp-footer-links a,.sp-contact-link{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.85);text-decoration:none;font-size:14px;font-weight:600;margin-bottom:6px;line-height:1.35}
.sp-footer-links a:hover,.sp-contact-link:hover{color:var(--sp-green)}
.sp-footer-sep{max-width:1440px;margin:40px auto 0;border-top:1px solid rgba(255,255,255,.2)}
.sp-copyright{font-size:13px;color:rgba(255,255,255,.6);text-align:center;padding:20px 0 0}

@media(max-width:980px){
  .sp-nav-utilities{gap:10px}
  .sp-util-link span{display:none}
  .sp-main-menu{gap:20px}
}

@media(max-width:767px){
  .sp-nav-top{height:56px}
  .sp-nav-utilities{display:none}
  .sp-mobile-actions{display:flex}
  .sp-nav-main{display:none}
  .sp-mobile-menu{display:none}
  .sp-menu-open .sp-mobile-menu{display:block}
  .sp-btn-start{padding:8px 14px}
  .sp-footer{padding:40px 5% 24px}
  .sp-footer-main{grid-template-columns:1fr;gap:12px}
  .sp-footer-col:not(.sp-brand-col){border-top:1px solid rgba(255,255,255,.16);padding-top:8px}
  .sp-footer-heading{cursor:pointer;margin:12px 0;color:var(--sp-light-cyan)}
  .sp-footer-heading span{display:inline;color:#fff}
  .sp-footer-links{display:none;padding-bottom:10px}
  .sp-footer-group.open .sp-footer-links{display:block}
  .sp-footer-group.open .sp-footer-heading span{transform:rotate(45deg)}
  .sp-footer-logo{height:56px}
  .sp-social-row{margin-bottom:12px}
}