/* ==========================================================================
   NIKONYX INNER PAGES — match landing editorial system
   Used by features / business / about / contact / privacy / terms
   ========================================================================== */

:root{
  --nx-exp-ease:cubic-bezier(.2,.8,.2,1);
  --nx-ivory:#F6F3EE;
  --nx-paper:#FFFEFB;
  --nx-navy:#001138;
  --nx-navy-deep:#00081C;
  --nx-ink:#001138;
  --nx-muted:#5A6478;
  --nx-line:rgba(0,17,56,.12);
  --nx-shell:min(1120px,calc(100% - 40px));
  --nx-serif:"Cormorant Garamond",Georgia,serif;
}

body.nx-inner{
  background:var(--nx-paper);
  color:var(--nx-ink);
  font-family:Poppins,system-ui,sans-serif;
  --nx-nav-h:72px;
  --hdr-nav-h:72px;
}

body.nx-inner .page{background:var(--nx-paper);min-height:60vh}

/*
  Inner pages reuse .hdr.hdr--home markup, but home-only CSS used to leave the
  legacy 350px cosmic .hdr shell — empty navy gap + nav flush to the top.
  Collapse the shell; keep a solid fixed bar above the cinematic page hero.
*/
body.nx-inner .hdr.hdr--home{
  height:auto;min-height:0;padding-top:0;overflow:visible;
  background:transparent !important;
  isolation:auto;
}
body.nx-inner .hdr.hdr--home .stars,
body.nx-inner .hdr.hdr--home .stars2,
body.nx-inner .hdr.hdr--home .arc,
body.nx-inner .hdr.hdr--home .horizon,
body.nx-inner .hdr.hdr--home .emblem,
body.nx-inner .hdr.hdr--home > .badge{
  display:none !important;
}
body.nx-inner .hdr.hdr--home .navbar{
  height:var(--nx-nav-h);
  padding:0 max(24px,calc((100% - 1280px) / 2));
  gap:28px;
  background:rgba(0,8,28,.96) !important;
  border-bottom:1px solid rgba(179,200,226,.18) !important;
  box-shadow:0 10px 28px rgba(0,8,24,.28) !important;
  backdrop-filter:blur(14px) saturate(1.1);
  -webkit-backdrop-filter:blur(14px) saturate(1.1);
}
body.nx-inner .hdr.hdr--home .navbar::before{
  opacity:.4;height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(179,200,226,.5) 22%,rgba(255,255,255,.65) 50%,rgba(179,200,226,.5) 78%,transparent 100%);
}
body.nx-inner .hdr.hdr--home .navbar::after{opacity:0 !important;pointer-events:none}
body.nx-inner .hdr.hdr--home .logo{
  gap:12px;letter-spacing:.28em;font-size:15px;font-weight:600;
}
body.nx-inner .hdr.hdr--home .nx-brand-wordmark{
  letter-spacing:.28em;font-size:15px;
}
body.nx-inner .hdr.hdr--home .nav-links{gap:36px}
body.nx-inner .hdr.hdr--home .nav-links a{
  font-size:13px;font-weight:500;letter-spacing:.06em;opacity:.82;
  padding:8px 0;border-bottom:1.5px solid transparent;
}
body.nx-inner .hdr.hdr--home .nav-links a:hover{opacity:1;color:#fff}
body.nx-inner .hdr.hdr--home .nav-links .active{
  color:#fff;border-bottom-color:#B3C8E2;opacity:1;
}
body.nx-inner .hdr.hdr--home .nav-actions{gap:16px}
body.nx-inner .hdr.hdr--home .app-btn{
  background:#fff;color:var(--nx-navy);
  box-shadow:none;padding:10px 18px;font-size:12px;font-weight:700;
  letter-spacing:.04em;border-radius:2px;
}
body.nx-inner .hdr.hdr--home .app-btn:hover{
  background:#B3C8E2;transform:translateY(-1px);
}
body.nx-inner .hdr.hdr--home .lang-trigger{
  background:rgba(255,255,255,.94);min-width:0;padding:9px 12px;
  border-radius:2px;box-shadow:none;
}
@media (max-width:900px){
  body.nx-inner .hdr.hdr--home .nav-links{display:none}
  body.nx-inner .hdr.hdr--home .app-btn{display:none}
  body.nx-inner .hdr.hdr--home .logo{
    display:inline-flex !important;align-items:center;gap:8px;
    min-width:auto;flex:0 0 auto;visibility:visible;opacity:1;
  }
  body.nx-inner .hdr.hdr--home .nx-brand-wordmark{
    display:inline-block !important;font-size:14px;letter-spacing:.16em;
  }
  body.nx-inner .hdr.hdr--home .lang-picker{min-width:0;margin-left:auto}
}

/* Shared type */
body.nx-inner .nx-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--nx-muted);margin:0 0 14px;
}
body.nx-inner .nx-h2{
  font-family:var(--nx-serif);
  font-size:clamp(36px,4.8vw,56px);
  line-height:1.02;letter-spacing:-.025em;font-weight:600;
  margin:0 0 14px;color:var(--nx-ink);max-width:16ch;
}
body.nx-inner .nx-lede{
  font-size:clamp(15px,1.2vw,17px);line-height:1.55;
  color:var(--nx-muted);max-width:42ch;margin:0;
}
body.nx-inner .nx-btn{
  border-radius:2px;min-height:48px;padding:14px 24px;
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:650;
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
  border:0;cursor:pointer;
}
body.nx-inner .nx-btn--primary{background:var(--nx-navy);color:#fff}
body.nx-inner .nx-btn--primary:hover{background:#002467}
body.nx-inner .nx-btn--ghost{
  background:transparent;color:var(--nx-navy);
  border:1px solid var(--nx-line);
}
body.nx-inner .nx-btn--ghost:hover{border-color:var(--nx-navy)}
body.nx-inner .nx-btn--on-dark{background:#fff;color:var(--nx-navy)}
body.nx-inner .nx-btn--ghost-light{
  background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);
}

body.nx-inner .nx-reveal{opacity:0;transform:translateY(16px);transition:opacity .65s var(--nx-exp-ease),transform .65s var(--nx-exp-ease)}
body.nx-inner .nx-reveal.is-in{opacity:1;transform:none}

/* ---- Page hero (short cinematic band) ---- */
body.nx-inner .nx-page-hero{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:min(52vh,460px);
  display:flex;align-items:flex-end;
  color:#fff;
  background:var(--nx-navy-deep);
}
body.nx-inner .nx-page-hero__media{
  position:absolute;inset:0;z-index:0;pointer-events:none;
}
body.nx-inner .nx-page-hero__media img{
  width:100%;height:100%;object-fit:cover;object-position:center 22%;
  display:block;transform:scale(1.04);
}
body.nx-inner .nx-page-hero__veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,8,28,.45) 0%,rgba(0,8,28,.28) 40%,rgba(0,8,28,.88) 100%),
    linear-gradient(90deg,rgba(0,8,28,.72) 0%,rgba(0,8,28,.35) 45%,transparent 70%);
}
body.nx-inner .nx-page-hero__content{
  position:relative;z-index:2;
  width:var(--nx-shell);margin:0 auto;
  padding:calc(var(--nx-nav-h,74px) + 48px) 0 48px;
}
body.nx-inner .nx-page-hero .nx-eyebrow{color:rgba(255,255,255,.72)}
body.nx-inner .nx-page-hero h1{
  font-family:var(--nx-serif);
  font-size:clamp(40px,6vw,68px);
  line-height:1;letter-spacing:-.03em;font-weight:500;
  margin:0 0 14px;max-width:14ch;color:#fff;
}
body.nx-inner .nx-page-hero .nx-lede{color:rgba(255,255,255,.84);max-width:40ch}

/* ---- Sections ---- */
body.nx-inner .nx-section{
  width:var(--nx-shell);margin:0 auto;
  padding:clamp(48px,7vw,88px) 0;
}
body.nx-inner .nx-section--tint{background:var(--nx-ivory);width:100%;padding:clamp(48px,7vw,88px) 0}
body.nx-inner .nx-section--tint > .nx-section__inner,
body.nx-inner .nx-section--navy > .nx-section__inner{
  width:var(--nx-shell);margin:0 auto;
}
body.nx-inner .nx-section--navy{
  background:var(--nx-navy-deep);color:#fff;width:100%;
  padding:clamp(48px,7vw,88px) 0;
}
body.nx-inner .nx-section--navy .nx-h2{color:#fff}
body.nx-inner .nx-section--navy .nx-lede,
body.nx-inner .nx-section--navy .nx-eyebrow{color:rgba(255,255,255,.7)}
body.nx-inner .nx-section-head{margin-bottom:clamp(28px,4vw,44px)}

/* Feature / value grid */
body.nx-inner .nx-feat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(28px,4vw,48px) clamp(24px,3vw,40px);
}
body.nx-inner .nx-feat-item h3{
  font-family:var(--nx-serif);
  font-size:clamp(24px,2.4vw,30px);
  font-weight:600;letter-spacing:-.02em;
  margin:0 0 10px;color:var(--nx-ink);
}
body.nx-inner .nx-feat-item p{
  margin:0;font-size:15px;line-height:1.55;color:var(--nx-muted);max-width:36ch;
}
body.nx-inner .nx-feat-item ul{
  margin:14px 0 0;padding:0;list-style:none;
}
body.nx-inner .nx-feat-item li{
  position:relative;padding:6px 0 6px 18px;
  font-size:14px;line-height:1.45;color:var(--nx-ink);
}
body.nx-inner .nx-feat-item li::before{
  content:"";position:absolute;left:0;top:14px;
  width:8px;height:1px;background:var(--nx-navy);
}

/* Steps */
body.nx-inner .nx-steps{display:grid;gap:0;border-top:1px solid var(--nx-line)}
body.nx-inner .nx-step{
  display:grid;grid-template-columns:64px 1fr;gap:18px;
  padding:22px 0;border-bottom:1px solid var(--nx-line);
}
body.nx-inner .nx-step__num{
  font-family:var(--nx-serif);font-size:28px;font-weight:500;color:rgba(0,17,56,.28);
}
body.nx-inner .nx-step h3{margin:0 0 6px;font-size:17px;font-weight:650}
body.nx-inner .nx-step p{margin:0;font-size:14px;line-height:1.5;color:var(--nx-muted);max-width:48ch}

/* Contact layout */
body.nx-inner .nx-contact-grid{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(28px,5vw,56px);align-items:start;
}
body.nx-inner .nx-contact-grid h3{
  font-family:var(--nx-serif);font-size:28px;font-weight:600;margin:0 0 18px;
}
body.nx-inner .field-row{margin-bottom:14px}
body.nx-inner .field-label{
  display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:600;color:var(--nx-muted);margin-bottom:6px;
}
body.nx-inner .field{
  width:100%;box-sizing:border-box;
  border:1px solid var(--nx-line);border-radius:2px;
  background:#fff;padding:12px 14px;font:inherit;color:var(--nx-ink);
}
body.nx-inner textarea.field{min-height:140px;resize:vertical}
body.nx-inner .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.nx-inner .form-note{font-size:13px;color:var(--nx-muted);margin:12px 0 0}
body.nx-inner .form-success,
body.nx-inner .form-error{
  display:none;margin-top:14px;padding:12px 14px;font-size:14px;line-height:1.45;
  border:1px solid transparent;
}
body.nx-inner .form-success{color:#0f5132;background:#e8f6ee;border-color:#b7e0c6}
body.nx-inner .form-error{color:#842029;background:#f8e8ea;border-color:#e2b6bc}
body.nx-inner .form-success.is-on,
body.nx-inner .form-error.is-on{display:block}
body.nx-inner .nx-hp{
  position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;
  opacity:0 !important;pointer-events:none !important;
}
body.nx-inner .nx-info-stack{display:grid;gap:14px}
body.nx-inner .nx-info-card{
  padding:18px 0;border-top:1px solid var(--nx-line);
}
body.nx-inner .nx-info-card:last-child{border-bottom:1px solid var(--nx-line)}
body.nx-inner .nx-info-card h4{margin:0 0 6px;font-size:15px;font-weight:650}
body.nx-inner .nx-info-card p{margin:0 0 8px;font-size:14px;color:var(--nx-muted);line-height:1.45}
body.nx-inner .nx-info-card a{color:var(--nx-navy);font-weight:600;font-size:14px}

/* Legal */
body.nx-inner .nx-legal{
  max-width:68ch;
}
body.nx-inner .nx-legal h2{
  font-family:var(--nx-serif);font-size:28px;margin:32px 0 12px;font-weight:600;
}
body.nx-inner .nx-legal p,
body.nx-inner .nx-legal li{
  font-size:15px;line-height:1.65;color:var(--nx-muted);
}
body.nx-inner .nx-legal ul{padding-left:1.2em}

/* Values strip */
body.nx-inner .nx-value-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,3vw,36px);
}
body.nx-inner .nx-value-grid h3{
  font-family:var(--nx-serif);font-size:24px;margin:0 0 10px;font-weight:600;
}
body.nx-inner .nx-value-grid p{margin:0;font-size:14px;line-height:1.55;color:var(--nx-muted)}

/* Shared bottom CTA */
body.nx-inner .nx-final-cta{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:min(58vh,520px);
  display:flex;flex-direction:column;justify-content:flex-end;
  color:#fff;background:var(--nx-navy-deep);margin:0;padding:0;
}
body.nx-inner .nx-final-cta__media{position:absolute;inset:0;z-index:0;pointer-events:none}
body.nx-inner .nx-final-cta__media img{width:100%;height:100%;object-fit:cover;object-position:62% 18%;display:block}
body.nx-inner .nx-final-cta__veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,8,28,.2) 0%,rgba(0,8,28,.55) 55%,rgba(0,8,28,.94) 100%),
    linear-gradient(90deg,rgba(0,8,28,.65) 0%,rgba(0,8,28,.25) 40%,transparent 65%);
}
body.nx-inner .nx-final-cta__stage{
  position:relative;z-index:3;width:100%;box-sizing:border-box;
  padding:clamp(40px,7vw,72px) clamp(20px,5vw,72px) clamp(28px,4vw,48px);
}
body.nx-inner .nx-final-cta__panel{max-width:34rem}
body.nx-inner .nx-final-cta__brand{
  margin:0 0 12px;font-size:11px;font-weight:650;letter-spacing:.22em;text-transform:uppercase;color:#B3C8E2;
}
body.nx-inner .nx-final-cta h2{
  font-family:var(--nx-serif);font-size:clamp(36px,5vw,56px);line-height:1.05;
  margin:0 0 12px;font-weight:500;max-width:12ch;color:#fff;
}
body.nx-inner .nx-final-cta__lead{
  margin:0 0 20px;max-width:36ch;font-size:15px;line-height:1.55;color:rgba(255,255,255,.86);
}
body.nx-inner .nx-final-cta__actions{display:flex;flex-wrap:wrap;gap:12px 14px;margin:0 0 16px}
body.nx-inner .nx-final-cta__stores{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
body.nx-inner .nx-final-cta__stores .store{cursor:default;opacity:.94}
body.nx-inner .nx-final-cta__hint{margin:0;font-size:12.5px;color:rgba(255,255,255,.68)}
body.nx-inner .nx-final-cta__hint a{color:#fff;font-weight:600;text-underline-offset:3px}

@media (max-width:860px){
  body.nx-inner .nx-feat-grid,
  body.nx-inner .nx-value-grid,
  body.nx-inner .nx-contact-grid,
  body.nx-inner .form-grid{grid-template-columns:1fr}
  body.nx-inner .nx-page-hero{min-height:min(48vh,400px)}
  body.nx-inner .nx-final-cta__actions{flex-direction:column;align-items:stretch}
  body.nx-inner .nx-final-cta .nx-btn{width:100%}
}

.nx-skip-link{
  position:absolute;left:12px;top:-48px;z-index:10000;
  padding:10px 14px;border-radius:999px;
  background:#001138;color:#fff;font:600 13px/1 Poppins,system-ui,sans-serif;
  text-decoration:none;transition:top .15s ease;
}
.nx-skip-link:focus,.nx-skip-link:focus-visible{top:12px;outline:2px solid #E2B57C;outline-offset:2px}
.store.store--soon{
  cursor:default;opacity:.72;pointer-events:none;
  text-decoration:none;user-select:none;
}

/* For Business — CSV feed → in-app catalog */
.nx-biz-proof{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(220px,0.85fr);
  gap:clamp(20px,3vw,36px);
  align-items:center;
  margin-top:28px;
}
.nx-biz-proof__feed,
.nx-biz-proof__phone{margin:0;min-width:0}
.nx-biz-proof__feed img{
  width:100%;height:auto;display:block;
  border:1px solid rgba(0,17,56,.1);
  box-shadow:0 18px 48px rgba(0,17,56,.1);
  background:#FFFEFB;
}
.nx-biz-proof__feed-note{
  margin:12px 0 0;
  font-size:12.5px;line-height:1.45;color:rgba(0,17,56,.5);
}
.nx-biz-proof__phone{
  display:flex;justify-content:center;align-items:center;
}
.nx-biz-proof__phone img{
  width:100%;
  max-width:340px;
  height:auto;
  display:block;
  border-radius:0;border:0;
  box-shadow:none;background:transparent;
}
@media (max-width:860px){
  .nx-biz-proof{grid-template-columns:1fr;justify-items:stretch}
  .nx-biz-proof__phone{justify-self:center;width:min(100%,320px)}
}