.krit-page-index{
  background:
    radial-gradient(circle at top center, rgba(74,124,200,.16), transparent 30%),
    linear-gradient(180deg, #060d18 0%, #07111f 16%, #081321 100%);
}

.krit-page-index #nav{
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease, transform .25s ease;
}

.krit-page-index.krit-nav-scrolled #nav{
  background: rgba(7, 17, 31, .82) !important;
  border-bottom-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.24);
  backdrop-filter: blur(16px);
}

.krit-page-index .hero{
  position: relative;
  overflow: clip;
}

.krit-page-index .hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:220px;
  background:linear-gradient(180deg,rgba(6,13,24,0),rgba(6,13,24,.92));
  pointer-events:none;
}

.krit-page-index .hi{
  position:relative;
  z-index:2;
}

.krit-page-index .h-proof-card{
  box-shadow: 0 24px 50px rgba(0,0,0,.14);
  transition: transform .28s ease, border-color .28s ease, background .28s ease;
}

.krit-page-index .h-proof-card:hover{
  transform: translateY(-4px);
  border-color: rgba(249,213,72,.2);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

.krit-page-index .marquee-wrap{
  position:relative;
  z-index:2;
}

.krit-storyband{
  position:relative;
  z-index:2;
  max-width:1180px;
  margin:8px auto 16px;
  padding:0 24px;
}

.krit-storyband-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.8fr));
  gap:10px;
}

.krit-storyband-card{
  position:relative;
  overflow:hidden;
  min-height:100px;
  padding:12px 14px 10px;
  border-radius:14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(8,18,34,.76);
  border:1px solid rgba(114,145,198,.16);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  backdrop-filter:blur(10px);
}

.krit-storyband-card::before{
  content:"";
  position:absolute;
  inset:-30% auto auto -12%;
  width:170px;
  height:170px;
  background:radial-gradient(circle, rgba(249,213,72,.14), transparent 68%);
  pointer-events:none;
}

.krit-storyband-card.hero{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    radial-gradient(circle at top right, rgba(74,124,200,.22), transparent 34%),
    linear-gradient(145deg, rgba(9,22,41,.98), rgba(7,16,30,.94));
}

.krit-storyband-kicker{
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#9cb7e5;
  margin-bottom:6px;
}

.krit-storyband-title{
  font-family:"Playfair Display",serif;
  font-size:clamp(1rem, 1.4vw, 1.35rem);
  line-height:1.08;
  color:#fff;
  margin:0 0 6px;
}

.krit-storyband-copy{
  font-size:.8rem;
  line-height:1.65;
  color:#b6c9e6;
  margin:0;
}

.krit-storyband-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:10px;
}

.krit-storyband-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  text-decoration:none;
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
}

.krit-storyband-link.primary{
  background:linear-gradient(135deg,#f9d548,#d7b64d);
  color:#16203a;
  box-shadow:0 18px 36px rgba(249,213,72,.16);
}

.krit-storyband-link.secondary{
  border:1px solid rgba(255,255,255,.12);
  color:#ecf3ff;
  background:rgba(255,255,255,.03);
}

.krit-storyband-stat{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
}

.krit-storyband-stat-value{
  font-family:"Playfair Display",serif;
  font-size:1.6rem;
  line-height:1;
  color:#fff;
}

.krit-storyband-stat-label{
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#d2a848;
}

.krit-storyband-stat-copy{
  font-size:.78rem;
  line-height:1.6;
  color:#a7bddf;
  margin:0;
}

.krit-shop-shell{
  position:relative;
}

.krit-shop-shell::before{
  content:"";
  position:absolute;
  inset:18px 24px auto;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(249,213,72,.3), transparent);
}

.krit-shop-intro{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:0 0 20px;
}

.krit-shop-intro-copy{
  max-width:720px;
}

.krit-shop-intro-kicker{
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#93add8;
  margin-bottom:10px;
}

.krit-shop-intro-title{
  margin:0 0 10px;
  font-family:"Playfair Display",serif;
  font-size:clamp(1.9rem, 3vw, 2.7rem);
  color:#fff;
  line-height:1.05;
}

.krit-shop-intro-copy p{
  margin:0;
  font-size:1rem;
  line-height:1.9;
  color:#abc0df;
}

.krit-shop-chip-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.krit-shop-chip{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  color:#dfe9f8;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.krit-page-index #buy .wr{
  position:relative;
  padding-top:28px;
}

.krit-page-index #krit-market-grid{
  position:relative;
}

.krit-page-index #krit-shop-sidebar > div,
.krit-page-index #krit-shop-tools,
.krit-page-index #krit-detail{
  box-shadow:0 18px 50px rgba(0,0,0,.14);
}

.krit-page-index #krit-grid > *{
  transition:transform .26s ease, box-shadow .26s ease;
}

.krit-page-index #krit-grid > *:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 44px rgba(0,0,0,.18);
}

.krit-mobile-cta{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:140;
  display:none;
  gap:10px;
  padding:10px;
  border-radius:22px;
  background:rgba(7,17,31,.9);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 50px rgba(0,0,0,.28);
  backdrop-filter:blur(18px);
  transition:opacity .22s ease, transform .22s ease;
}

.krit-mobile-cta.is-hidden{
  opacity:0;
  pointer-events:none;
  transform:translateY(16px);
}

.krit-mobile-cta a,
.krit-mobile-cta button{
  flex:1 1 0;
  min-height:48px;
  border-radius:16px;
  border:none;
  font:700 .76rem/1 "DM Sans",sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.krit-mobile-cta .primary{
  background:linear-gradient(135deg,#f9d548,#d7b64d);
  color:#13203d;
}

.krit-mobile-cta .secondary{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#ecf3ff;
}

.krit-page-index .krit-fade-up{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .72s cubic-bezier(.22,1,.36,1), transform .72s cubic-bezier(.22,1,.36,1);
}

.krit-page-index .krit-fade-up.krit-in{
  opacity:1;
  transform:none;
}

@media (max-width:1024px){
  .krit-storyband-grid{
    grid-template-columns:1fr 1fr;
  }

  .krit-storyband-card.hero{
    grid-column:1 / -1;
  }

  .krit-shop-intro{
    flex-direction:column;
  }
}

@media (max-width:768px){
  .krit-storyband{
    margin:-18px auto 24px;
    padding:0 16px;
  }

  .krit-storyband-grid{
    grid-template-columns:1fr;
  }

  .krit-storyband-card{
    min-height:auto;
    border-radius:20px;
    padding:18px;
  }

  .krit-shop-shell::before{
    inset:12px 16px auto;
  }

  .krit-shop-intro{
    padding-bottom:16px;
  }

  .krit-shop-intro-title{
    font-size:clamp(1.6rem, 8vw, 2.2rem);
  }

  .krit-mobile-cta{
    display:flex;
  }

  .krit-page-index footer{
    padding-bottom:108px!important;
  }
}

@media (max-width:900px){
  html,body{
    overflow-x:hidden;
  }

  #faq-trigger{
    top:auto!important;
    bottom:96px!important;
    left:12px!important;
    transform:none!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    border-radius:14px!important;
    padding:12px 14px!important;
    font-size:.72rem!important;
    letter-spacing:.1em!important;
  }

  #krit-auth-overlay,
  .krit-account-order-overlay,
  .krit-order-success-overlay{
    padding:10px!important;
    align-items:flex-start!important;
  }

  .krit-auth-card.krit-auth-premium,
  .krit-auth-card.krit-auth-premium.krit-account-mode{
    width:min(100vw - 20px,760px)!important;
    max-width:none!important;
    max-height:min(94dvh,94vh)!important;
    grid-template-columns:1fr!important;
    border-radius:24px!important;
  }

  .krit-auth-side{
    padding:18px 18px 16px!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .krit-auth-side .krit-auth-logo{
    margin-bottom:8px!important;
  }

  .krit-auth-side .krit-auth-logo img{
    height:60px!important;
  }

  .krit-auth-side .krit-auth-title{
    font-size:1.9rem!important;
    line-height:1.05!important;
  }

  .krit-auth-side .krit-auth-sub{
    font-size:.92rem!important;
    line-height:1.65!important;
    margin-bottom:12px!important;
  }

  .krit-auth-benefits{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .krit-auth-benefit,
  .krit-auth-benefit:last-child{
    grid-column:auto!important;
    padding:12px 14px!important;
    font-size:.82rem!important;
    line-height:1.55!important;
  }

  .krit-auth-main{
    padding:18px!important;
  }

  #krit-auth-account{
    padding:4px 0 18px!important;
  }

  .krit-auth-account-card{
    padding:18px!important;
    border-radius:20px!important;
  }

  .krit-account-shell{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .krit-account-sidebar,
  .krit-account-content{
    gap:14px!important;
  }

  .krit-account-quickstats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .krit-account-stat{
    padding:14px 12px!important;
  }

  .krit-account-nav{
    grid-template-columns:1fr!important;
  }

  .krit-account-order-card{
    padding:18px!important;
    gap:16px!important;
  }

  .krit-account-order-main,
  .krit-account-order-grid,
  .krit-account-profile-grid,
  .krit-account-support-grid,
  .krit-account-order-dialog-grid{
    grid-template-columns:1fr!important;
  }

  .krit-account-order-meta{
    padding:16px!important;
  }

  .krit-account-order-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .krit-account-order-actions .krit-btn,
  .krit-account-order-actions .krit-btn-secondary{
    width:100%!important;
    min-width:0!important;
  }

  .krit-account-order-dialog{
    width:100%!important;
    max-height:min(94dvh,94vh)!important;
    border-radius:22px!important;
  }

  .krit-account-order-dialog-head{
    padding:18px 18px 14px!important;
  }

  .krit-account-order-dialog-title{
    font-size:1.55rem!important;
  }

  .krit-account-order-dialog-copy{
    font-size:.9rem!important;
  }

  .krit-account-order-dialog-body{
    padding:16px!important;
    gap:16px!important;
  }

  .krit-account-order-step{
    grid-template-columns:auto 1fr!important;
  }

  .krit-account-order-step-time{
    grid-column:2!important;
    white-space:normal!important;
  }

  .krit-order-success-dialog,
  .krit-checkout-card{
    width:100%!important;
    max-height:min(94dvh,94vh)!important;
    border-radius:22px!important;
  }

  .krit-order-success-dialog{
    padding:18px 16px 18px!important;
  }

  .krit-order-success-head{
    padding-right:54px!important;
    margin-bottom:16px!important;
  }

  .krit-order-success-badge{
    margin-bottom:14px!important;
  }

  .krit-order-success-title{
    font-size:1.7rem!important;
    line-height:1.08!important;
  }

  .krit-order-success-copy{
    font-size:.92rem!important;
    line-height:1.7!important;
  }

  .krit-order-success-grid,
  .krit-order-success-mini-grid,
  .krit-checkout-grid,
  .krit-checkout-support,
  .krit-checkout-form-grid{
    grid-template-columns:1fr!important;
  }

  .krit-order-success-card,
  .krit-order-success-mini-card,
  .krit-checkout-pane,
  .krit-checkout-summary-card{
    padding:16px!important;
  }

  .krit-order-success-productrow,
  .krit-order-success-orderhead{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  .krit-order-success-total{
    font-size:1.45rem!important;
  }

  .krit-order-success-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .krit-order-success-actions .krit-btn,
  .krit-order-success-actions .krit-btn-secondary{
    width:100%!important;
    min-width:0!important;
  }

  .krit-checkout-pane{
    padding:18px 16px!important;
  }

  .krit-checkout-support .item{
    padding:14px!important;
  }

  .krit-checkout-field input,
  .krit-checkout-field textarea{
    font-size:16px!important;
  }

  footer > div:first-child,
  footer > div:nth-child(2),
  footer > div:last-child{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  footer form{
    width:100%!important;
    min-width:0!important;
    justify-content:stretch!important;
  }

  footer form input,
  footer form button{
    width:100%!important;
  }
}

@media (max-width:640px){
  #nav{
    min-height:78px!important;
    padding:12px 14px!important;
    gap:10px!important;
  }

  .nl-logo{
    width:104px!important;
  }

  .nl-tag{
    font-size:.64rem!important;
    line-height:1.2!important;
  }

  .nav-icons{
    padding:4px 6px!important;
    gap:4px!important;
  }

  .nav-icon-btn{
    width:38px!important;
    height:38px!important;
  }

  .hi{
    padding:98px 16px 34px!important;
  }

  .h-h1{
    font-size:clamp(1.9rem,11vw,2.8rem)!important;
    line-height:.98!important;
  }

  .h-sub{
    font-size:.92rem!important;
    line-height:1.68!important;
  }

  .h-ctas{
    gap:10px!important;
    max-width:100%!important;
  }

  .h-proof{
    gap:10px!important;
  }

  .h-proof-card{
    padding:14px!important;
  }

  .krit-storyband-card{
    padding:16px!important;
  }

  .krit-storyband-title{
    font-size:1.5rem!important;
  }

  .krit-shop-intro-title{
    font-size:1.65rem!important;
  }

  .krit-shop-intro-copy p{
    font-size:.92rem!important;
    line-height:1.72!important;
  }

  #krit-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  #krit-detail-layout{
    grid-template-columns:1fr!important;
  }

  #krit-detail-layout > div:last-child{
    padding:18px 14px!important;
  }

  #detail-thumbs button{
    width:64px!important;
    height:64px!important;
  }

  #krit-detail-share{
    grid-template-columns:1fr 1fr!important;
  }

  .krit-share-btn{
    padding:11px 10px!important;
    font-size:.68rem!important;
  }

  .krit-auth-side .krit-auth-title{
    font-size:1.65rem!important;
  }

  .krit-account-quickstats{
    grid-template-columns:1fr!important;
  }

  .krit-order-success-title{
    font-size:1.5rem!important;
  }

  .krit-order-success-badge{
    font-size:.7rem!important;
    letter-spacing:.12em!important;
  }

  .krit-checkout-step{
    font-size:.68rem!important;
  }
}

@media (max-width:420px){
  #faq-trigger{
    bottom:84px!important;
    left:10px!important;
    padding:10px 12px!important;
  }

  .krit-mobile-cta{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    padding:8px!important;
    gap:8px!important;
    border-radius:18px!important;
  }

  .krit-mobile-cta a,
  .krit-mobile-cta button{
    min-height:44px!important;
    font-size:.68rem!important;
    letter-spacing:.12em!important;
  }

  .krit-auth-card.krit-auth-premium,
  .krit-auth-card.krit-auth-premium.krit-account-mode,
  .krit-order-success-dialog,
  .krit-account-order-dialog,
  .krit-checkout-card{
    width:min(100vw - 12px,100%)!important;
    border-radius:18px!important;
  }

  .krit-auth-side,
  .krit-auth-main,
  .krit-account-order-dialog-head,
  .krit-account-order-dialog-body,
  .krit-checkout-pane,
  .krit-order-success-dialog{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .krit-auth-side .krit-auth-logo img{
    height:52px!important;
  }

  .krit-auth-side .krit-auth-title,
  .krit-account-order-dialog-title,
  .krit-order-success-title{
    font-size:1.35rem!important;
  }
}