/* Final public UI polish: header, navigation, home spacing and footer. */
.site-header.soq-header-nav-v2{
  position:sticky;top:0;z-index:70;color:#fff;
  background:
    radial-gradient(circle at 86% 42%,rgba(255,255,255,.10),transparent 18%),
    linear-gradient(180deg,#3d83bd 0%,#3679b2 100%);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 5px 22px rgba(18,58,91,.08);
}
.soq-header-nav-v2 .header-inner{
  display:grid;grid-template-columns:minmax(165px,210px) minmax(0,1fr) auto;
  align-items:center;gap:18px;width:100%;max-width:1320px;
  min-height:74px;margin:0 auto;padding:0 27px;box-sizing:border-box;overflow:visible;
}
.soq-header-nav-v2 .brand-link{
  position:relative;isolation:isolate;grid-column:1;justify-self:start;
  display:flex;align-items:center;min-width:0;margin:0;padding:5px 8px;border-radius:14px;
}
.soq-header-nav-v2 .brand-link::before{
  content:'';position:absolute;z-index:-1;inset:-8px -12px;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.085),transparent 70%);
  filter:blur(5px);pointer-events:none;
}
.soq-header-nav-v2 .header-market-logo{
  width:auto;max-width:190px;height:42px;object-fit:contain;
  filter:drop-shadow(0 1px 1px rgba(8,44,74,.12));
}
.soq-header-nav-v2 .desktop-nav{
  grid-column:2;display:flex;justify-content:center;align-items:center;
  gap:5px;min-width:0;margin:0;overflow:visible;
}
.soq-header-nav-v2 .desktop-nav a{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;
  padding:0 12px;border-radius:10px;white-space:nowrap;color:rgba(255,255,255,.92);
  font-size:.83rem!important;font-weight:760;text-decoration:none;
  transition:background .16s ease,color .16s ease;
}
.soq-header-nav-v2 .desktop-nav a:hover{
  background:rgba(255,255,255,.085);color:#fff;text-decoration:none;
}
.soq-header-nav-v2 .desktop-nav a[aria-current='page']{
  background:rgba(255,255,255,.145);color:#fff;text-decoration:none;
}
.soq-header-nav-v2 .desktop-nav a::before,
.soq-header-nav-v2 .desktop-nav a::after{display:none!important;content:none!important}
.soq-header-nav-v2 .header-action{
  grid-column:3;justify-self:end;display:flex;align-items:center;height:auto;min-width:0;margin:0;
}
.soq-header-nav-v2 .header-login{
  width:auto;min-height:42px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);
  border-radius:12px;background:rgba(255,255,255,.075);box-shadow:none;
  font-size:.83rem;white-space:nowrap;
}
.soq-header-nav-v2 .header-login:hover{background:rgba(255,255,255,.12)}
.soq-header-nav-v2 .soq-mobile-menu{display:none}
.soq-header-nav-v2 a:focus-visible,
.soq-header-nav-v2 summary:focus-visible{outline:3px solid #c1f8ff;outline-offset:4px;border-radius:9px}

/* Home-page spacing refinements */
.clean-hero-inner{min-height:555px;padding-top:54px;padding-bottom:30px;gap:70px}
.clean-heading{font-size:clamp(2.9rem,3.7vw,4.25rem);line-height:1.14}
.clean-text{margin-top:20px;line-height:1.95}
.hero-buttons{margin-top:25px}
.hero-benefits{max-width:1100px;padding-bottom:42px}
/* Shared footer refinement */
.soq-footer-v2{border-top:1px solid #e0eaf0;background:#fff!important;padding:20px 24px!important}
.soq-footer-v2-inner{
  width:min(1180px,100%);margin:0 auto;display:flex;align-items:center;
  justify-content:space-between;gap:28px;
}
.soq-footer-v2-brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.soq-footer-v2-brand strong{font-size:.82rem;color:#234d64}
.soq-footer-v2-brand p{margin:0;color:#8a9aa5!important;font-size:.69rem!important;line-height:1.7}
.soq-footer-v2-reva{
  display:inline-flex!important;align-items:center;gap:5px;padding:7px 10px!important;
  border:0!important;border-radius:10px;background:#f7fafc!important;box-shadow:none!important;
}
.soq-footer-v2-reva span{color:#96a5ae!important;font-size:.63rem!important}
.soq-footer-v2-reva b{color:#2582a1!important;font-size:.7rem!important}
.soq-footer-v2-reva i{color:#56a9c1!important}

/* About-page final breathing room */
.about-page{padding-top:22px;padding-bottom:48px}
.about-section{margin-top:34px}
.about-info-grid,.about-support,.about-closing{margin-top:26px}

@media(max-width:1100px){
  .soq-header-nav-v2 .header-inner{grid-template-columns:minmax(0,1fr) auto auto;min-height:70px;gap:11px;padding:0 20px}
  .soq-header-nav-v2 .desktop-nav{display:none}
  .soq-header-nav-v2 .header-action{grid-column:2;grid-row:1}
  .soq-header-nav-v2 .soq-mobile-menu{display:block;grid-column:3;grid-row:1;position:relative;justify-self:end;color:#fff}
  .soq-mobile-menu>summary{
    display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:42px;
    padding:0 10px;border:1px solid rgba(255,255,255,.24);border-radius:11px;
    list-style:none;cursor:pointer;font-weight:750;font-size:.8rem;box-sizing:border-box;
    background:rgba(255,255,255,.07)
  }
  .soq-mobile-menu>summary::-webkit-details-marker{display:none}
  .soq-mobile-menu>summary::marker{content:''}
  .soq-mobile-menu[open]>summary{background:rgba(255,255,255,.15)}
  .soq-mobile-menu svg{width:19px;height:19px;flex:none}
  .soq-mobile-menu .soq-mobile-nav{
    position:absolute;inset-inline-end:0;top:calc(100% + 11px);display:grid;gap:3px;width:248px;
    max-width:calc(100vw - 30px);padding:8px;border:1px solid #dce8ef;border-radius:15px;
    background:#fff;box-shadow:0 16px 42px rgba(20,55,76,.18);box-sizing:border-box;z-index:100;text-align:right
  }
  .soq-mobile-nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:9px;color:#173e54;font-size:.88rem;font-weight:750;text-decoration:none}
  .soq-mobile-nav a:hover,.soq-mobile-nav a[aria-current='page']{background:#edf7fc;color:#116b91}
  .clean-hero-inner{gap:42px;padding-top:46px}
}
@media(max-width:700px){
  .soq-footer-v2-inner{flex-direction:column;justify-content:center;gap:8px;text-align:center}
  .soq-footer-v2-brand{justify-content:center;gap:7px}
  .soq-footer-v2-reva{margin-inline:auto}
}
@media(max-width:600px){
  .site-header.soq-header-nav-v2{
    background:linear-gradient(180deg,#3d83bd 0%,#3679b2 100%);
    box-shadow:0 4px 16px rgba(18,58,91,.07)
  }
  .soq-header-nav-v2 .header-inner{min-height:66px;gap:8px;padding:0 13px}
  .soq-header-nav-v2 .brand-link{padding:3px 5px}
  .soq-header-nav-v2 .brand-link::before{inset:-5px -8px;opacity:.8}
  .soq-header-nav-v2 .header-market-logo{max-width:148px;height:36px;filter:drop-shadow(0 1px 1px rgba(8,44,74,.08))}
  .soq-header-nav-v2 .header-login{min-height:40px;padding:7px 11px;font-size:.76rem;border-radius:10px}
  .soq-header-nav-v2 .header-login svg{display:none}
  .soq-header-nav-v2 .account-profile{max-width:112px;padding:0 4px!important}
  .soq-header-nav-v2 .account-name{max-width:84px!important;font-size:.72rem!important;display:block;overflow:hidden;text-overflow:ellipsis}
  .soq-mobile-menu .soq-mobile-menu-label{display:none}
  .soq-mobile-menu>summary{min-width:40px;min-height:40px;padding:0 9px}
  .clean-hero-inner{padding-top:34px;padding-bottom:22px}
  .clean-text{margin-top:16px}
  .hero-buttons{margin-top:20px}
  .hero-benefits{padding-bottom:32px}
}
@media(max-width:360px){
  .soq-header-nav-v2 .header-inner{padding:0 9px;gap:6px}
  .soq-header-nav-v2 .header-market-logo{max-width:122px;height:31px}
  .soq-header-nav-v2 .header-login{padding:7px 8px;font-size:.7rem}
  .soq-header-nav-v2 .account-name{max-width:64px!important}
}
@media(prefers-reduced-motion:reduce){.soq-header-nav-v2 a{transition:none!important}}

/* Header controls v2: equal geometry + deterministic two-line hero title */
@media(min-width:1101px){
  .soq-header-nav-v2 .desktop-nav{
    display:grid;
    grid-template-columns:repeat(5,minmax(96px,1fr));
    width:min(590px,100%);
    gap:7px;
  }
  .soq-header-nav-v2 .desktop-nav a{
    width:100%;
    min-height:42px;
    padding:0 10px;
    border:1px solid transparent;
    border-radius:12px;
    background:rgba(255,255,255,.035);
  }
  .soq-header-nav-v2 .desktop-nav a:hover{
    background:rgba(255,255,255,.095);
    border-color:rgba(255,255,255,.08);
  }
  .soq-header-nav-v2 .desktop-nav a[aria-current='page']{
    background:rgba(255,255,255,.16);
    border-color:rgba(255,255,255,.11);
  }
}
.clean-heading{display:flex;flex-direction:column;align-items:flex-start;gap:.06em}
.clean-heading>span{display:block!important;white-space:nowrap!important}
.clean-heading .accent-line{opacity:.97}
@media(max-width:767px){
  .clean-heading{
    align-items:center;
    font-size:clamp(1.65rem,8.2vw,2.35rem)!important;
    line-height:1.24!important;
    letter-spacing:-.025em;
  }
  .clean-heading>span{white-space:nowrap!important}
}
@media(max-width:340px){
  .clean-heading{font-size:1.55rem!important}
}
