:root {
  --nr-navy: #101d3d;
  --nr-violet: #5d45db;
  --nr-teal: #187a72;
  --nr-coral: #c84e3c;
  --nr-lilac: #f3f1ff;
  --nr-mist: #f4f7f6;
  --nr-line: #dfe3e9;
  --nr-muted: #5d687c;
  --nr-white: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--nr-navy); background: var(--nr-white); font-family: "DM Sans", system-ui, sans-serif; }
a { color: inherit; }
img { display: block; max-width: 100%; height: auto; }
.nr-shell { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
.nr-skip { position: fixed; z-index: 20; top: 12px; left: 12px; padding: 10px 14px; border-radius: 8px; background: var(--nr-navy); color: white; transform: translateY(-160%); }
.nr-skip:focus { transform: translateY(0); }
.nr-header { position: relative; z-index: 5; border-bottom: 1px solid #eef0f4; background: rgba(255,255,255,.96); }
.nr-nav { min-height: 82px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; }
.nr-brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; text-decoration: none; font-weight: 700; font-size: 1.18rem; }
.nr-brand img { border-radius: 10px; }
.nr-nav-links { display: flex; gap: 30px; font-size: .93rem; }
.nr-nav-links a, .nr-footer a { text-decoration: none; }
.nr-nav-links a:hover, .nr-nav-links a:focus-visible, .nr-footer a:hover, .nr-footer a:focus-visible { color: var(--nr-violet); }
.nr-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border: 2px solid var(--nr-violet); border-radius: 14px; background: var(--nr-violet); color: white; text-decoration: none; font-weight: 700; box-shadow: 0 10px 26px rgba(48, 31, 135, .17); transition: transform .18s ease, box-shadow .18s ease; }
.nr-button:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(48, 31, 135, .23); }
.nr-button-small { min-height: 44px; padding-inline: 18px; justify-self: end; font-size: .87rem; }
.nr-button:focus-visible, .nr-text-link:focus-visible, .nr-inline-links a:focus-visible { outline: 3px solid rgba(93,69,219,.3); outline-offset: 4px; }
.nr-hero { min-height: 690px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 84px; padding-block: 88px 72px; overflow: hidden; }
.nr-hero-copy h1, .nr-section-heading h2, .nr-guidance h2, .nr-privacy h2, .nr-final-cta h2 { margin: 0; font-family: "DM Serif Display", Georgia, serif; font-weight: 400; letter-spacing: -.025em; line-height: .98; }
.nr-hero-copy h1 { max-width: 620px; font-size: clamp(3.6rem, 6.7vw, 6.65rem); }
.nr-hero-copy > p { max-width: 630px; margin: 28px 0 0; font-size: 1.25rem; line-height: 1.65; color: var(--nr-muted); }
.nr-actions { display: flex; align-items: center; gap: 26px; margin-top: 34px; }
.nr-text-link { font-weight: 700; color: var(--nr-violet); text-underline-offset: 5px; }
.nr-hero-copy .nr-trust { margin-top: 30px; font-size: .9rem; color: var(--nr-teal); }
.nr-trust span { padding-inline: 7px; color: #9ca5b2; }
.nr-phone { position: relative; margin: 0 auto; width: min(100%, 360px); padding: 13px; border-radius: 52px; background: var(--nr-navy); box-shadow: 0 28px 68px rgba(16,29,61,.22); overflow: hidden; }
.nr-phone img { border-radius: 40px; }
.nr-phone-hero::before { content: ""; position: absolute; z-index: -1; width: 420px; height: 420px; border-radius: 50%; background: var(--nr-lilac); right: -100px; top: 100px; }
.nr-workspace { padding: 105px 0 120px; background: var(--nr-mist); }
.nr-section-heading { max-width: 740px; margin-bottom: 58px; }
.nr-section-heading h2, .nr-guidance h2, .nr-privacy h2, .nr-final-cta h2 { font-size: clamp(2.7rem, 5vw, 4.7rem); }
.nr-section-heading p, .nr-guidance-grid > div > p, .nr-privacy-copy > p, .nr-final-cta p { color: var(--nr-muted); font-size: 1.12rem; line-height: 1.7; }
.nr-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.nr-feature-card { overflow: hidden; padding: 14px 14px 30px; border: 1px solid var(--nr-line); border-radius: 25px; background: white; }
.nr-screen-crop { height: 290px; overflow: hidden; border-radius: 16px; background: #f8f8fa; }
.nr-screen-crop img { width: 100%; transform: translateY(-1.5%); }
.nr-feature-number { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 26px 10px 10px; border-radius: 50%; background: var(--nr-lilac); color: var(--nr-violet); font-weight: 700; }
.nr-teal { background: #e2f2ef; color: var(--nr-teal); }
.nr-coral { background: #fce8e4; color: var(--nr-coral); }
.nr-feature-card h3 { margin: 7px 10px 0; font-size: 1.3rem; }
.nr-feature-card p { margin: 12px 10px 0; color: var(--nr-muted); line-height: 1.6; }
.nr-guidance { padding: 110px 0; background: var(--nr-navy); color: white; }
.nr-guidance-grid { display: grid; grid-template-columns: 1fr .82fr; align-items: center; gap: 100px; }
.nr-guidance-grid > div > p { max-width: 600px; color: #c9d0df; }
.nr-intelligence-card { padding: 34px; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; background: #17274d; box-shadow: 0 22px 50px rgba(0,0,0,.2); }
.nr-intelligence-card span { color: #b9acf9; font-size: .84rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.nr-intelligence-card strong { display: block; margin-top: 22px; font-family: "DM Serif Display", Georgia, serif; font-size: 2rem; font-weight: 400; }
.nr-intelligence-card p { color: #c9d0df; line-height: 1.6; }
.nr-intelligence-card a { color: #c6bbff; font-weight: 700; text-underline-offset: 5px; }
.nr-privacy { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 105px; padding-block: 118px; overflow: hidden; }
.nr-privacy-copy { max-width: 610px; }
.nr-privacy ul { display: grid; gap: 16px; padding: 0; margin: 34px 0; list-style: none; }
.nr-privacy li { position: relative; padding-left: 32px; font-weight: 700; }
.nr-privacy li::before { content: "✓"; position: absolute; left: 0; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #e2f2ef; color: var(--nr-teal); font-size: .75rem; }
.nr-payment-note { padding: 20px 22px; border-left: 4px solid var(--nr-coral); background: #fff4f1; font-size: .96rem !important; }
.nr-inline-links { display: flex; gap: 28px; margin-top: 28px; }
.nr-inline-links a { color: var(--nr-violet); font-weight: 700; text-underline-offset: 5px; }
.nr-phone-privacy { width: min(100%, 330px); }
.nr-final-cta { padding: 100px 0; text-align: center; background: var(--nr-violet); color: white; }
.nr-final-cta .nr-shell { max-width: 790px; }
.nr-final-cta p { margin: 24px auto 32px; color: #eeeaff; }
.nr-button-light { border-color: white; background: white; color: var(--nr-violet); box-shadow: none; }
.nr-final-cta small { display: block; margin-top: 20px; color: #ded8ff; }
.nr-footer { border-top: 1px solid var(--nr-line); padding: 30px 0; font-size: .85rem; color: var(--nr-muted); }
.nr-footer-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.nr-footer-inner > div { display: flex; gap: 22px; }
.nr-footer-inner > p:last-child { text-align: right; }

@media (max-width: 900px) {
  .nr-nav { grid-template-columns: 1fr auto; }
  .nr-nav-links { display: none; }
  .nr-hero { grid-template-columns: 1fr; text-align: center; gap: 58px; padding-top: 70px; }
  .nr-hero-copy h1, .nr-hero-copy > p { margin-inline: auto; }
  .nr-actions { justify-content: center; }
  .nr-feature-grid { grid-template-columns: 1fr; max-width: 600px; margin-inline: auto; }
  .nr-screen-crop { height: 380px; }
  .nr-guidance-grid, .nr-privacy { grid-template-columns: 1fr; gap: 54px; }
  .nr-footer-inner { grid-template-columns: 1fr; text-align: center; }
  .nr-footer-inner > div { justify-content: center; }
  .nr-footer-inner > p:last-child { text-align: center; }
}

@media (max-width: 600px) {
  .nr-shell { width: min(100% - 30px, 1160px); }
  .nr-nav { min-height: 70px; }
  .nr-brand img { width: 34px; height: 34px; }
  .nr-button-small { display: none; }
  .nr-hero { min-height: auto; padding-block: 58px 64px; }
  .nr-hero-copy h1 { font-size: clamp(3rem, 15vw, 4.2rem); }
  .nr-hero-copy > p { font-size: 1.05rem; }
  .nr-actions { flex-direction: column; gap: 18px; }
  .nr-phone { width: min(88%, 350px); }
  .nr-workspace, .nr-guidance, .nr-privacy { padding-block: 78px; }
  .nr-screen-crop { height: 300px; }
  .nr-guidance-grid { gap: 40px; }
  .nr-section-heading h2, .nr-guidance h2, .nr-privacy h2, .nr-final-cta h2 { font-size: 3rem; }
  .nr-inline-links { flex-direction: column; gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}