:root{
  --bg:#efefe9;
  --surface:#ffffff;
  --surface-2:#e9e8e1;
  --ink:#0f0f0f;
  --muted:#66655f;
  --line:#d7d7ce;
  --shadow:0 10px 24px rgba(0,0,0,.07);
  --wrap:1320px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
input,select,textarea,button{font:inherit}

.ns-wrap{
  width:min(calc(100vw - 36px), var(--wrap));
  margin:0 auto;
}

.ns-header{
  position:relative;
  background:#111111;
  color:#ffffff;
}
.ns-header-row{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:24px;
  align-items:center;
  min-height:68px;
}
.ns-brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
  justify-self:start;
}
.ns-brand-mark{
  width:34px;
  height:34px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#ffffff;
  color:#111111;
  font-size:17px;
}
.ns-brand-name{
  font-size:18px;
  letter-spacing:-.02em;
}
.ns-main-nav,
.ns-header-actions,
.ns-hero-actions{
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}
.ns-main-nav{
  justify-content:center;
  align-self:center;
}
.ns-main-nav a,
.ns-header-actions a,
.ns-text-link{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ns-header-actions{
  justify-content:flex-end;
  gap:16px;
  align-self:center;
  justify-self:end;
}
.ns-header-actions a{
  color:#d7d7d0;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
}
.ns-header-actions a:last-child{
  color:#ffffff;
}

.ns-subnav{
  background:#ffffff;
  border-bottom:1px solid var(--line);
}
.ns-subnav-row{
  min-height:42px;
}

.ns-label{
  color:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ns-label.dark{
  color:#6f6d67;
}

.ns-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px;
  background:#111111;
  color:#ffffff;
  border:none;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.ns-button.light{
  background:#ffffff;
  color:#111111;
}

.ns-hero{
  padding:0 0 16px;
  position:relative;
  overflow:hidden;
}
.ns-hero::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:100%;
  background:linear-gradient(90deg, rgba(111,61,255,.95), rgba(233,74,138,.92), rgba(255,143,61,.9), rgba(111,61,255,.95));
  background-size:220% 100%;
  animation:ns-shift 12s linear infinite;
}
.ns-hero-grid{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);
  gap:0;
  overflow:hidden;
  position:relative;
  z-index:1;
  min-height:640px;
}
.ns-hero-copy{
  padding:42px;
  display:grid;
  align-content:center;
  position:relative;
  color:#ffffff;
}
.ns-hero-copy h1,
.ns-band h2,
.ns-editorial h2,
.ns-page-intro h1{
  margin:16px 0 14px;
  font-size:clamp(34px,4vw,54px);
  line-height:.96;
  letter-spacing:-.045em;
}
.ns-hero-copy p,
.ns-band p,
.ns-editorial p,
.ns-card-copy p,
.ns-page-intro p,
.ns-form-copy p,
.ns-plan-card p{
  margin:0;
  color:inherit;
  font-size:17px;
  line-height:1.55;
}
.ns-hero-actions{
  margin-top:24px;
}
.ns-hero-media{
  position:relative;
  min-height:560px;
  background:
    radial-gradient(circle at 22% 18%, rgba(112,61,255,.35), transparent 30%),
    radial-gradient(circle at 84% 28%, rgba(233,74,138,.24), transparent 26%),
    radial-gradient(circle at 70% 84%, rgba(255,143,61,.22), transparent 24%),
    #090b10;
}
.ns-hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.08) 24%, rgba(0,0,0,.38) 100%);
}
.ns-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.ns-section{
  padding:14px 0;
}
.ns-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.ns-title-row h2,
.ns-card-copy h3,
.ns-plan-card h3{
  margin:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}

.ns-card-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}
.ns-card{
  position:relative;
  background:var(--surface);
  box-shadow:var(--shadow);
  overflow:hidden;
  padding:14px;
}
.ns-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.ns-card:nth-child(1)::before{background:linear-gradient(135deg, rgba(111,61,255,.46), rgba(255,255,255,0) 58%)}
.ns-card:nth-child(2)::before{background:linear-gradient(135deg, rgba(233,74,138,.46), rgba(255,255,255,0) 58%)}
.ns-card:nth-child(3)::before{background:linear-gradient(135deg, rgba(255,143,61,.46), rgba(255,255,255,0) 58%)}
.ns-card:nth-child(4)::before{background:linear-gradient(135deg, rgba(63,124,255,.42), rgba(255,255,255,0) 58%)}
.ns-card img{
  width:100%;
  aspect-ratio:4 / 3;
  object-fit:cover;
  position:relative;
  z-index:1;
  border-radius:16px;
}
.ns-card-copy{
  padding:18px 8px 8px;
  display:grid;
  gap:8px;
  position:relative;
  z-index:1;
}
.ns-card-copy p{color:var(--muted)}

.ns-band-grid,
.ns-editorial-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}
.ns-band{
  position:relative;
  min-height:420px;
  padding:32px;
  display:grid;
  align-content:end;
  overflow:hidden;
}
.ns-band::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.ns-band-dark{
  background:#121212;
  color:#ffffff;
}
.ns-band-dark::before{
  background:linear-gradient(135deg, rgba(111,61,255,.68), rgba(233,74,138,.58), rgba(18,18,18,0) 72%);
}
.ns-band-dark p,
.ns-band-dark .ns-label,
.ns-text-link.inverse{color:#d7d7d0}
.ns-band-image{
  position:relative;
  padding:22px;
  overflow:hidden;
  background:linear-gradient(135deg, rgba(111,61,255,.62), rgba(255,143,61,.48)), #121212;
}
.ns-band-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:18px;
}

.ns-editorial{
  position:relative;
  padding:28px;
  background:var(--surface);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.ns-editorial::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.ns-editorial:first-child::before{background:linear-gradient(135deg, rgba(111,61,255,.44), rgba(255,255,255,0) 62%)}
.ns-editorial:last-child::before{background:linear-gradient(135deg, rgba(233,74,138,.5), rgba(255,143,61,.38), rgba(255,255,255,0) 68%)}
.ns-editorial > *{position:relative;z-index:1}
.ns-editorial p{color:var(--muted)}

.ns-page-shell{
  padding:20px 0 34px;
}
.ns-page-intro{
  margin-bottom:16px;
  padding:26px 28px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.ns-page-intro p{color:var(--muted)}

.ns-plans-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}
.ns-plan-card{
  position:relative;
  padding:26px;
  background:var(--surface);
  box-shadow:var(--shadow);
  overflow:hidden;
  display:grid;
  gap:12px;
}
.ns-plan-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.ns-plan-card:nth-child(1)::before{background:linear-gradient(135deg, rgba(111,61,255,.4), rgba(255,255,255,0) 60%)}
.ns-plan-card:nth-child(2)::before{background:linear-gradient(135deg, rgba(233,74,138,.42), rgba(255,255,255,0) 60%)}
.ns-plan-card:nth-child(3)::before{background:linear-gradient(135deg, rgba(255,143,61,.42), rgba(255,255,255,0) 60%)}
.ns-plan-card:nth-child(4)::before{background:linear-gradient(135deg, rgba(63,124,255,.38), rgba(255,255,255,0) 60%)}
.ns-plan-card > *{position:relative;z-index:1}
.ns-plan-price{
  font-size:46px;
  font-weight:900;
  letter-spacing:-.05em;
  line-height:.9;
}
.ns-plan-sub{
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ns-plan-list{
  display:grid;
  gap:8px;
  color:var(--muted);
  font-size:15px;
  line-height:1.5;
}

.ns-form-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:16px;
}
.ns-form-shell,
.ns-form-summary{
  position:relative;
  background:var(--surface);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.ns-form-shell::before,
.ns-form-summary::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.ns-form-shell::before{background:linear-gradient(135deg, rgba(111,61,255,.26), rgba(255,255,255,0) 62%)}
.ns-form-summary::before{background:linear-gradient(135deg, rgba(233,74,138,.26), rgba(255,143,61,.2), rgba(255,255,255,0) 68%)}
.ns-form-shell > *,
.ns-form-summary > *{position:relative;z-index:1}
.ns-form-shell{padding:28px}
.ns-form-summary{padding:28px;display:grid;gap:12px;align-content:start}
.ns-form-copy h2{
  margin:10px 0 10px;
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
}
.ns-form-copy p{color:var(--muted)}
.ns-form-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:20px;
}
.ns-field{
  display:grid;
  gap:6px;
}
.ns-field.full{grid-column:1 / -1}
.ns-field label{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#5f5e58;
}
.ns-field input,
.ns-field select,
.ns-field textarea{
  width:100%;
  padding:14px 14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.72);
  color:var(--ink);
  border-radius:12px;
}
.ns-field textarea{
  min-height:110px;
  resize:vertical;
}
.ns-summary-list{
  display:grid;
  gap:10px;
}
.ns-summary-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
  border-top:1px solid var(--line);
}
.ns-summary-row:first-child{border-top:none;padding-top:0}
.ns-summary-row span{
  color:#5f5e58;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ns-summary-row strong{
  font-size:14px;
  text-align:right;
}

.status-box{
  display:none;
  margin-top:14px;
  padding:12px 14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.62);
  color:#3d3c37;
  font-size:14px;
  line-height:1.5;
}

.status-box.show{
  display:block;
}

.status-box.ok{
  border-color:rgba(45,132,73,.2);
  background:rgba(91,204,120,.14);
  color:#1d5a31;
}

.status-box.err{
  border-color:rgba(191,63,49,.2);
  background:rgba(255,93,69,.13);
  color:#8a2316;
}

.ns-header-link-button{
  appearance:none;
  border:none;
  background:none;
  padding:0;
  margin:0;
  font:inherit;
  color:inherit;
  cursor:pointer;
}

.ns-account-intro{
  margin-bottom:18px;
}

.ns-account-section{
  padding-top:0;
}

.ns-account-subnav{
  display:flex;
  gap:22px;
  align-items:center;
  padding:0 0 18px;
  border-bottom:1px solid var(--line);
  margin-bottom:18px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.ns-account-subnav a{
  color:#5f5e58;
}

.ns-account-subnav a.active,
.ns-account-subnav a[aria-current="page"]{
  color:var(--ink);
}

.ns-account-layout{
  display:grid;
  grid-template-columns:minmax(300px, .72fr) minmax(0, 1.28fr);
  gap:16px;
}

.ns-account-layout-single{
  grid-template-columns:minmax(0, 1fr);
}

.ns-account-main{
  display:grid;
  gap:16px;
}

.ns-account-secondary{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.ns-account-panel{
  min-height:100%;
}

.ns-account-panel h2{
  margin:10px 0 10px;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}

.ns-account-panel p{
  color:var(--muted);
}

.ns-account-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.ns-button-ghost{
  background:transparent;
  color:var(--ink);
  box-shadow:inset 0 0 0 1px rgba(16,16,16,.14);
}

.ns-button-ghost:hover{
  background:rgba(16,16,16,.06);
}

.ns-inline-status{
  display:none;
  margin-top:14px;
  padding:12px 14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.62);
  color:#3d3c37;
  font-size:14px;
  line-height:1.5;
}

.ns-inline-status.show{
  display:block;
}

.ns-inline-status.ok{
  border-color:rgba(45,132,73,.2);
  background:rgba(91, 204, 120, .14);
  color:#1d5a31;
}

.ns-inline-status.err{
  border-color:rgba(191,63,49,.2);
  background:rgba(255, 93, 69, .13);
  color:#8a2316;
}

.ns-checks{
  display:grid;
  gap:10px;
}

.ns-check-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:flex-start;
  padding:14px 16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.52);
}

.ns-check-row input{
  margin-top:3px;
}

.ns-check-row strong{
  display:block;
  font-size:14px;
  line-height:1.45;
}

.ns-check-row span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.ns-fine-print{
  margin-top:14px;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.ns-form-notes{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.ns-note{
  padding:12px 14px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

.ns-button:disabled,
.ns-button-ghost:disabled{
  opacity:.58;
  cursor:wait;
}

.ns-redirect-shell{
  display:grid;
  gap:16px;
}

.ns-redirect-card{
  position:relative;
  padding:28px;
  background:var(--surface);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.ns-redirect-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(63,124,255,.3), rgba(255,255,255,0) 64%);
  pointer-events:none;
}

.ns-redirect-card > *{
  position:relative;
  z-index:1;
}

.ns-redirect-card h2{
  margin:10px 0 10px;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}

.ns-redirect-card p{
  color:var(--muted);
}

.ns-link-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.ns-link-tile{
  position:relative;
  min-height:180px;
  padding:24px;
  background:var(--surface);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.ns-link-tile::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.ns-link-grid .ns-link-tile:nth-child(1)::before{background:linear-gradient(135deg, rgba(111,61,255,.42), rgba(255,255,255,0) 60%)}
.ns-link-grid .ns-link-tile:nth-child(2)::before{background:linear-gradient(135deg, rgba(233,74,138,.42), rgba(255,255,255,0) 60%)}
.ns-link-grid .ns-link-tile:nth-child(3)::before{background:linear-gradient(135deg, rgba(255,143,61,.42), rgba(255,255,255,0) 60%)}
.ns-link-grid .ns-link-tile:nth-child(4)::before{background:linear-gradient(135deg, rgba(63,124,255,.38), rgba(255,255,255,0) 60%)}
.ns-link-grid .ns-link-tile:nth-child(5)::before{background:linear-gradient(135deg, rgba(82,170,96,.35), rgba(255,255,255,0) 60%)}
.ns-link-grid .ns-link-tile:nth-child(6)::before{background:linear-gradient(135deg, rgba(225,84,44,.38), rgba(255,255,255,0) 60%)}

.ns-link-tile > *{
  position:relative;
  z-index:1;
}

.ns-link-tile h3{
  margin:10px 0 10px;
  font-size:26px;
  line-height:1;
  letter-spacing:-.04em;
}

.ns-link-tile p{
  color:var(--muted);
}

@keyframes ns-shift{
  0%{background-position:0% 50%}
  100%{background-position:220% 50%}
}

@media (max-width:1100px){
  .ns-hero-grid,
  .ns-card-grid,
  .ns-band-grid,
  .ns-editorial-grid,
  .ns-plans-grid,
  .ns-form-layout,
  .ns-account-layout,
  .ns-account-secondary,
  .ns-link-grid{
    grid-template-columns:1fr 1fr;
  }
  .ns-card-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:760px){
  .ns-wrap{
    width:min(calc(100vw - 24px), var(--wrap));
  }
  .ns-header-row,
  .ns-hero-grid,
  .ns-card-grid,
  .ns-band-grid,
  .ns-editorial-grid,
  .ns-plans-grid,
  .ns-form-layout,
  .ns-form-grid,
  .ns-account-layout,
  .ns-account-secondary,
  .ns-link-grid{
    grid-template-columns:1fr;
  }
  .ns-header-row{
    padding:14px 0;
  }
  .ns-main-nav{justify-content:flex-start}
  .ns-header-actions{justify-content:flex-start;justify-self:start}
  .ns-hero-copy{padding:28px 22px}
  .ns-hero-copy h1,
  .ns-band h2,
  .ns-editorial h2,
  .ns-page-intro h1{font-size:36px}
  .ns-hero-media{min-height:auto}
  .ns-account-subnav{
    gap:14px;
    overflow:auto;
    white-space:nowrap;
    padding-bottom:14px;
  }
}
