.site-header{position:sticky!important;top:0!important;z-index:100!important;display:block!important;width:100%!important;height:70px!important;min-height:70px!important;padding:0!important;border-bottom:1px solid #251923!important;background:linear-gradient(110deg,#24101a,#151019 65%,#111019)!important;box-shadow:0 8px 18px #00000040!important}
.site-header-inner{display:flex!important;align-items:center!important;gap:18px!important;width:min(1400px,calc(100% - 56px))!important;height:100%!important;margin:0 auto!important;padding:0 22px!important}
.site-brand{display:flex!important;align-items:center!important;gap:11px!important;flex:none!important;min-width:0!important;color:#f4f0f3!important;text-decoration:none!important;white-space:nowrap!important}
.site-brand img{display:block!important;width:38px!important;height:42px!important;object-fit:contain!important;flex:none!important}
.site-brand span{display:block!important}.site-brand b{display:block!important;font:650 16px/1.15 Inter,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.3px!important}.site-brand small{display:block!important;margin:0!important;color:#9e8e99!important;font:700 9px/1.25 Inter,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:.14em!important}
.site-header-context{color:#aa99a5!important;font-size:12px!important}.site-header-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important}
.account-shell .site-header-inner,.app-shell .site-header-inner{width:min(1400px,calc(100% - 56px))!important}
@media(min-width:851px){.account-shell .site-header-inner,.app-shell .site-header-inner{transform:translateX(-21px)}}
@media(max-width:850px){.site-header{height:64px!important;min-height:64px!important}.site-header-inner{width:calc(100% - 32px)!important;padding:0 16px!important;gap:12px!important}.site-brand{gap:7px!important}.site-brand img{width:32px!important;height:36px!important}.site-brand b{font-size:13px!important}.site-brand small{font-size:8px!important}.site-header-context{display:none!important}.site-header-actions{gap:4px!important}.account-shell .site-header-inner,.app-shell .site-header-inner{width:calc(100% - 32px)!important}}
@media(max-width:420px){.site-header{height:60px!important;min-height:60px!important}.site-header-inner{width:calc(100% - 24px)!important;padding:0 12px!important;gap:10px!important}.site-brand{gap:6px!important}.site-brand img{width:29px!important;height:32px!important}.site-brand b{font-size:12px!important}.site-brand small{font-size:7.5px!important}.account-shell .site-header-inner,.app-shell .site-header-inner{width:calc(100% - 24px)!important}}

.site-header .site-header-inner{align-items:center!important}
.site-header .site-brand{height:42px!important}
.site-header .site-brand img{width:38px!important;height:42px!important}
.site-header .site-brand span{padding:0!important}
.site-header .site-brand b{margin:0!important;padding:0!important}
.site-header .site-brand small{margin:0!important;padding:0!important}
@media(min-width:851px){.account-shell .site-header-inner,.app-shell .site-header-inner{transform:translateX(-21px)!important}}
@media(min-width:851px){.account-shell .main{max-width:1464px!important}}

@media(min-width:851px){
 .account-shell .main{box-sizing:border-box!important;width:min(1400px,calc(100vw - 56px))!important;max-width:none!important;margin:0 auto!important;padding:20px 0 28px!important;position:relative!important;left:-14px!important}
 .account-shell .site-header-inner{width:min(1400px,calc(100vw - 56px))!important;transform:translateX(-14px)!important}
}

@media(min-width:851px){
 .account-shell .main{left:-32px!important}
 .account-shell .site-header-inner{transform:translateX(-32px)!important}
 .hero>div{padding-left:22px!important;padding-right:22px!important}
}

:root{--ui-content-max:1400px;--ui-gutter:28px;--ui-header-inset:22px;--ui-rail-width:70px}
.site-header-inner{width:min(var(--ui-content-max),calc(100% - (var(--ui-gutter) * 2)))!important;padding:0 var(--ui-header-inset)!important;transform:none!important}
@media(min-width:851px){
 .account-shell{display:block!important}
 .account-shell .account-rail{position:fixed!important;inset:0 auto 0 0!important;width:var(--ui-rail-width)!important;height:100dvh!important}
 .account-shell .workspace{display:block!important;width:100%!important;min-width:0!important}
 .account-shell .main{box-sizing:border-box!important;width:min(var(--ui-content-max),calc(100% - (var(--ui-gutter) * 2)))!important;max-width:none!important;margin:0 auto!important;padding:20px 0 28px!important;position:static!important;left:auto!important}
 .account-shell .site-header-inner{width:min(var(--ui-content-max),calc(100% - (var(--ui-gutter) * 2)))!important;transform:none!important}
 .hero>div{padding-left:22px!important;padding-right:22px!important}
}
@media(max-width:850px){:root{--ui-gutter:16px;--ui-header-inset:16px}.site-header-inner{width:calc(100% - (var(--ui-gutter) * 2))!important;padding:0 var(--ui-header-inset)!important}}
@media(max-width:420px){:root{--ui-gutter:12px;--ui-header-inset:12px}.site-header-inner{width:calc(100% - (var(--ui-gutter) * 2))!important;padding:0 var(--ui-header-inset)!important}}

:root{--ui-brand-name-line:16px;--ui-brand-sub-line:10px}
.site-brand>span{display:grid!important;grid-template-rows:var(--ui-brand-name-line) var(--ui-brand-sub-line)!important;align-content:center!important;height:calc(var(--ui-brand-name-line) + var(--ui-brand-sub-line))!important}
.site-brand b{height:var(--ui-brand-name-line)!important;line-height:var(--ui-brand-name-line)!important}
.site-brand small{height:var(--ui-brand-sub-line)!important;line-height:var(--ui-brand-sub-line)!important}
@media(min-width:851px){.account-shell .account-rail{z-index:110!important}}
@media(max-width:850px){:root{--ui-brand-name-line:14px;--ui-brand-sub-line:10px}}
@media(max-width:420px){:root{--ui-brand-name-line:13px;--ui-brand-sub-line:9px}}

.account-shell #overview,.account-shell #subscription,.account-shell #devices{scroll-margin-top:86px}
@media(max-width:850px){.account-shell #overview,.account-shell #subscription,.account-shell #devices{scroll-margin-top:80px}}
@media(max-width:420px){.account-shell #overview,.account-shell #subscription,.account-shell #devices{scroll-margin-top:72px}}

@media(max-width:850px){
 :root{--mobile-space:16px;--mobile-gap:12px}
 .auth-page{display:block!important;min-height:calc(100dvh - 64px)!important;width:100%!important;margin:0!important;padding:var(--mobile-space)!important}
 .auth-shell{width:100%!important;margin:0!important;border:1px solid #30202a!important;border-radius:14px!important;box-shadow:none!important}
 .auth-layout{display:grid!important;grid-template-columns:1fr!important}
 .auth-intro{padding:24px var(--mobile-space)!important;border-right:0!important;border-bottom:1px solid #30202a!important}
 .auth-eyebrow{font-size:10px!important}.auth-intro h1{margin:12px 0 10px!important;font-size:28px!important;line-height:1.12!important}.auth-intro>p{font-size:14px!important;line-height:1.55!important}
 .auth-benefits{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:20px!important}.auth-benefit{font-size:12px!important}.auth-status{margin-top:20px!important}
 .auth-content{display:block!important;padding:var(--mobile-space)!important}.auth-card.panel{max-width:none!important;margin:0!important;padding:20px!important;border-radius:10px!important}.auth-card h2{font-size:23px!important}.auth-card>p{font-size:14px!important;line-height:1.55!important}.auth-action{margin-top:18px!important}.auth-security{margin-top:16px!important;padding-top:14px!important}
 .account-shell .main{width:100%!important;max-width:none!important;margin:0!important;padding:var(--mobile-space) var(--mobile-space) calc(88px + env(safe-area-inset-bottom))!important}
 .account-shell .profile-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important;margin:0 0 var(--mobile-gap)!important;padding:18px!important}
 .account-shell .profile-hero h1{font-size:20px!important;line-height:1.2!important;margin:9px 0 4px!important}.account-shell .profile-hero p{font-size:12px!important}.account-shell .hero-symbol{width:42px!important;height:42px!important;border-radius:12px!important}
 .account-shell .stats{display:grid!important;grid-template-columns:1fr!important;gap:var(--mobile-gap)!important;margin:0 0 var(--mobile-gap)!important}.account-shell .stat{padding:16px!important}.account-shell .stat-value{margin:8px 0 2px!important;font-size:21px!important}
 .account-shell .section{margin-top:var(--mobile-gap)!important}.account-shell .section-heading{min-height:0!important;margin:0!important;padding:13px 14px!important}.account-shell .section-heading h2{font-size:18px!important}
 .account-shell .subscription,.account-shell .devices{padding:14px!important}.account-shell .subscription-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.account-shell .subscription-actions,.account-shell .subscription-actions .button{width:100%!important}.account-shell .app-options{grid-template-columns:1fr!important;gap:8px!important}
 .account-shell .device{display:block!important;padding:14px 0!important}.account-shell .device-time,.account-shell .device form{margin:9px 0 0 52px!important;text-align:left!important}.account-shell .device-remove{min-height:38px!important}
}
@media(max-width:420px){
 :root{--mobile-space:12px;--mobile-gap:10px}
 .auth-page{min-height:calc(100dvh - 60px)!important;padding:12px!important}.auth-shell{border-radius:12px!important}.auth-intro{padding:20px 16px!important}.auth-intro h1{font-size:25px!important}.auth-benefits{display:none!important}.auth-status{margin-top:16px!important}.auth-content{padding:12px!important}.auth-card.panel{padding:18px 16px!important}.auth-card h2{font-size:21px!important}
 .account-shell .main{padding:12px 12px calc(84px + env(safe-area-inset-bottom))!important}.account-shell .profile-hero{padding:16px!important}.account-shell .profile-hero h1{font-size:19px!important}.account-shell .hero-symbol{width:38px!important;height:38px!important}.account-shell .section-heading{padding:12px!important}.account-shell .section-heading h2{font-size:17px!important}.account-shell .subscription,.account-shell .devices{padding:12px!important}.account-shell .device-time,.account-shell .device form{margin-left:0!important}.account-shell .device-remove{width:100%!important}
}

@media (max-width:850px){
  .auth-app{min-height:100dvh}
  .auth-page{min-height:calc(100dvh - 64px)!important;padding:clamp(16px,4vw,24px)!important}
  .auth-shell{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .auth-layout{gap:0!important}
  .auth-intro{padding:clamp(12px,3vw,20px) 0 22px!important;border:0!important;background:transparent!important}
  .auth-eyebrow{font-size:10px!important}
  .auth-intro h1{max-width:20ch!important;margin:12px 0 10px!important;font-size:clamp(26px,7vw,32px)!important;line-height:1.12!important}
  .auth-intro>p{max-width:34rem!important;font-size:14px!important;line-height:1.58!important}
  .auth-benefits{display:none!important}
  .auth-status{margin-top:18px!important;padding-top:16px!important;border-top:1px solid #30202a!important}
  .auth-content{padding:0!important}
  .auth-card.panel{max-width:none!important;margin:0!important;padding:clamp(20px,5vw,26px)!important;border:1px solid #39232d!important;border-radius:14px!important;background:linear-gradient(145deg,#1d131a,#111018)!important;box-shadow:0 14px 32px #0000002e!important}
  .auth-card .auth-kicker{margin-bottom:10px!important}
  .auth-card h2{margin-bottom:9px!important;font-size:clamp(22px,6vw,26px)!important}
  .auth-card>p{font-size:14px!important;line-height:1.58!important}
  .auth-action{margin-top:20px!important}
  .auth-action .button{min-height:50px!important}
  .auth-security{margin-top:16px!important;padding-top:16px!important}
}
@media (max-width:420px){
  .auth-page{min-height:calc(100dvh - 60px)!important;padding:16px 12px!important}
  .auth-intro{padding:8px 0 20px!important}
  .auth-intro h1{font-size:26px!important}
  .auth-card.panel{padding:20px 18px!important}
}

@media (max-width:850px){
  .auth-intro{display:none!important}
  .auth-page{display:flex!important;align-items:flex-start!important}
  .auth-shell{width:100%!important}
  .auth-content{width:100%!important}
}

@media (min-width:851px){
  .auth-app .site-header{height:70px!important;min-height:70px!important}
  .auth-app .site-header-inner{
    width:min(var(--ui-content-max),calc(100% - (var(--ui-gutter) * 2)))!important;
    padding:0 var(--ui-header-inset)!important;
    transform:none!important;
  }
  .auth-page{
    width:min(var(--ui-content-max),calc(100% - (var(--ui-gutter) * 2)))!important;
    margin:0 auto!important;
    padding:26px 0 36px!important;
  }
  .auth-shell{width:100%!important}
}

@media (min-width:851px){
  html{scrollbar-gutter:stable!important}
  body{overflow-y:scroll!important}
}

@media (min-width:851px){
  .account-shell .main,
  .account-shell .site-header-inner{
    width:min(var(--ui-content-max),calc(100vw - var(--ui-rail-width) - (var(--ui-gutter) * 2)))!important;
    max-width:none!important;
    margin-left:max(var(--ui-rail-width),calc((100vw - var(--ui-content-max)) / 2))!important;
    margin-right:0!important;
  }
}

@media (min-width:851px) and (max-width:1100px){
  .account-shell .account-rail{display:none!important}
  .account-shell .main{
    width:100%!important;
    margin:0!important;
    padding:20px 20px calc(92px + env(safe-area-inset-bottom))!important;
  }
  .account-shell .site-header-inner{
    width:calc(100% - 32px)!important;
    margin:0 auto!important;
    padding:0 16px!important;
  }
  .account-shell .mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    position:fixed!important;
    z-index:120!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    gap:2px!important;
    padding:7px 10px max(8px,env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--line)!important;
    background:#211e2df5!important;
    backdrop-filter:blur(10px)!important;
  }
  .account-shell .mobile-nav .nav-link{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-height:48px!important;
    padding:4px!important;
    border:0!important;
    font-size:10px!important;
  }
  .account-shell .mobile-nav .icon{width:19px!important;height:19px!important}
  .account-shell .mobile-nav .selected{background:transparent!important;border:0!important}
}

@media (min-width:851px) and (max-width:1100px){
  .account-shell .account-rail{display:flex!important}
  .account-shell .main{
    width:min(var(--ui-content-max),calc(100vw - var(--ui-rail-width) - (var(--ui-gutter) * 2)))!important;
    max-width:none!important;
    margin-left:max(var(--ui-rail-width),calc((100vw - var(--ui-content-max)) / 2))!important;
    margin-right:0!important;
    padding:20px 0 28px!important;
  }
  .account-shell .site-header-inner{
    width:min(var(--ui-content-max),calc(100vw - var(--ui-rail-width) - (var(--ui-gutter) * 2)))!important;
    margin-left:max(var(--ui-rail-width),calc((100vw - var(--ui-content-max)) / 2))!important;
    margin-right:0!important;
    padding:0 var(--ui-header-inset)!important;
  }
  .account-shell .mobile-nav{display:none!important}
}
.account-shell .account-rail .sidebar-state{display:none!important}

@media (max-width:850px){
  .account-shell .mobile-nav{
    background:#111019!important;
    border-top-color:#30202a!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

.profile-logout{
  display:inline-grid!important;
  place-items:center!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
  border:1px solid #552031!important;
  border-radius:6px!important;
  background:#36111f!important;
  color:#d55e77!important;
}
.profile-logout .icon{width:16px!important;height:16px!important}
.profile-logout:hover{background:#562035!important;color:#fff!important}
@media(max-width:850px){
  .profile-logout{width:34px!important;min-width:34px!important;height:34px!important}
}

.account-shell .hero-symbol{
  display:grid!important;
  place-items:center!important;
  align-self:start!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  padding:0!important;
  border:1px solid #176147!important;
  border-radius:12px!important;
  background:#073d30a0!important;
  box-shadow:none!important;
  color:#30dcab!important;
}
.account-shell .hero-symbol:before{content:none!important}
.account-shell .hero-symbol .icon{width:19px!important;height:19px!important}
.account-shell .profile-hero{grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important}
.account-shell .profile-hero .hero-symbol{grid-column:1!important;grid-row:1!important}
.account-shell .profile-hero .profile-identity{grid-column:2!important;grid-row:1!important}
@media(max-width:850px){.account-shell .payment-heading-icon{width:36px!important;height:36px!important;flex-basis:36px!important}.account-shell .payment-heading-icon .icon{width:19px!important;height:19px!important}}
.account-shell .device-summary-icon,.account-shell .payment-heading-icon{border:1px solid #176147!important;border-radius:12px!important;background:#073d30a0!important;box-shadow:none!important;color:#30dcab!important}
.account-shell .device-summary>summary,.account-shell .payment-heading{gap:12px!important}
@media(max-width:850px){.account-shell .profile-hero,.account-shell .device-summary>summary,.account-shell .payment-head{padding-left:14px!important;padding-right:14px!important}}
.account-shell .profile-hero{align-items:center!important}.account-shell .profile-hero .hero-symbol{align-self:center!important}.account-shell .device-summary>summary,.account-shell .payment-head{align-items:center!important}
.account-shell .payment-cta,.account-shell .payment-choice:disabled .payment-cta{border:1px solid #176147!important;border-radius:12px!important;background:#073d30a0!important;box-shadow:none!important;color:#30dcab!important}.account-shell .payment-cta b,.account-shell .payment-choice:disabled .payment-cta b{color:#30dcab!important}
.account-shell .profile-hero{grid-template-columns:36px minmax(0,1fr)!important}.account-shell .device-summary>summary{grid-template-columns:36px minmax(0,1fr) auto!important}.account-shell .payment-heading{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important}.account-shell .hero-symbol,.account-shell .device-summary-icon,.account-shell .payment-heading-icon{justify-self:start!important}
.payment-heading{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:center!important;gap:12px!important}.payment-heading-icon{display:grid!important;place-items:center!important;align-self:center!important;width:36px!important;height:36px!important;flex:0 0 36px!important;border:1px solid #176147!important;border-radius:12px!important;background:#073d30a0!important;box-shadow:none!important;color:#30dcab!important}.payment-heading-icon .icon{width:19px!important;height:19px!important}
.account-shell .section-heading{align-items:center!important}.account-shell .section-heading h2{display:flex!important;align-items:center!important}.account-shell .section-heading h2:before{display:inline-grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;margin-right:12px!important;border:1px solid #176147!important;border-radius:12px!important;background:#073d30a0!important;color:#30dcab!important;font-size:14px!important}
@media(max-width:850px){.account-shell .section-heading{padding-left:14px!important;padding-right:14px!important}.payment-plans .payment-plan:first-child .payment-cta{position:absolute!important;right:12px!important;bottom:10px!important;margin:0!important}}
.account-shell .profile-summary{display:block!important;min-height:0!important;padding:0!important}.account-shell .profile-summary>summary{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:14px!important;cursor:pointer;list-style:none}.account-shell .profile-summary>summary::-webkit-details-marker{display:none}.account-shell .profile-summary .hero-symbol{grid-column:1!important;grid-row:1!important;align-self:center!important}.account-shell .profile-summary .profile-identity{grid-column:2!important;grid-row:1!important}.account-shell .profile-summary .profile-summary-arrow{grid-column:3!important;grid-row:1!important;color:#30dcab;font-size:22px;line-height:1;transition:transform .18s ease}.account-shell .profile-summary[open] .profile-summary-arrow{transform:rotate(90deg)}.account-shell .profile-summary .profile-details{display:grid;gap:5px;padding:12px 14px 14px;border-top:1px solid #30202a}.account-shell .profile-summary .profile-details p{margin:0!important}