/* Shared landing refinements; the existing NAC Ready palette and typography remain. */
.nr-skip{position:fixed;left:16px;top:-80px;z-index:100;background:#0f766e;color:white;padding:12px 20px;border-radius:10px}
.nr-skip:focus{top:12px}
.nr-hero{padding:78px 0 70px;background:radial-gradient(ellipse at 80% 40%,#e0f4ec 0,transparent 48%),linear-gradient(180deg,#f6faf8,#fff)}
.nr-hero .wrap{max-width:1260px}
.nr-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:44px;align-items:center}
.nr-hero h1{font-size:clamp(40px,4.3vw,62px);letter-spacing:-1.8px;line-height:1.04}
.nr-hero .lead{font-size:18px;line-height:1.65;margin-top:25px}
.nr-hero .cta-row{gap:10px}
.nr-hero .btn{font-size:14px;padding:13px 16px}
.nr-hero .heronote{max-width:58ch;line-height:1.65}
.nr-hero-label{display:block;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#0f766e;margin:0 0 15px 4px}
.nr-hero-product{min-width:0}
.nr-hero-product .nr-tour-visual{display:block;margin:0;transform:perspective(1600px) rotateY(-5deg);border:1px solid #d4e6df;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 28px 60px -22px #0f766e45}
.nr-hero-product img{display:block;width:100%;height:auto}
.nr-hero-product figcaption{font-size:11px;text-align:center;color:#5b716c;padding:12px}
.nr-tour-hint{display:inline-flex;align-items:center;gap:10px;margin-top:23px;color:#0f766e;font-size:12px;font-weight:700;letter-spacing:.05em}
.nr-tour-image-link{display:block;border-radius:inherit;overflow:hidden;cursor:zoom-in}
.nr-tour-image-link:focus-visible{outline:3px solid #0f766e;outline-offset:3px}
.nr-tour-visual figcaption span{float:right}
#how .practice-steps{margin-bottom:0}
@media(min-width:981px){.nr-tour>.wrap{max-width:1320px}.nr-tour-heading h2{max-width:780px;margin-left:auto;margin-right:auto}}
@media(max-width:980px){.nr-hero-grid{grid-template-columns:1fr;gap:36px}.nr-hero{padding:54px 0}.nr-hero-copy{max-width:680px}.nr-hero-product{max-width:780px}.nr-hero-product .nr-tour-visual{transform:none}.nr-hero h1{font-size:clamp(38px,7vw,62px)}}
@media(max-width:600px){.nr-hero .cta-row .btn{flex:1 1 210px;justify-content:center}.nr-hero h1{letter-spacing:-1px}.nr-hero .lead{font-size:17px}.nr-hero-product .nr-tour-visual{border-radius:14px}.nr-hero-product figcaption{font-size:10px}.nr-tour-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.nr-hero-product .nr-tour-visual{transform:none}}
