.np-page .np-motion-section{max-width:1440px;padding:76px 40px;margin:auto}.np-page .np-motion-problem,.np-page .np-motion-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.np-page .np-motion-feature{background:var(--light)}.np-page .np-motion-copy{min-width:0}.np-page .np-motion-copy>p,.np-page .np-motion-stage-copy>p{font-size:16px;line-height:1.65}.np-page .np-motion-copy h2{font-size:clamp(35px,3.35vw,49px);line-height:1.07;margin:15px 0 24px}.np-page .np-motion-benefit{display:flex;align-items:flex-start;gap:15px;margin-top:24px}.np-page .np-motion-benefit>svg{width:25px;height:25px;flex:0 0 25px;color:var(--accent);margin-top:1px}.np-page .np-motion-benefit h3{font:700 17px/1.3 Arial,sans-serif;margin:0 0 7px}.np-page .np-motion-benefit p{font:14px/1.65 Arial,sans-serif}.np-page .np-motion-section figure{margin:0;min-width:0}.np-page .np-motion-frame{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:22px;background:#e9dcd2}.np-page .np-motion-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:0}.np-page .np-motion-section figcaption{font:11px/1.5 Arial,sans-serif;margin:12px 0 0;color:var(--ink);opacity:.72}.np-page .np-motion-toggle{position:absolute;bottom:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border:1px solid #30252022;border-radius:24px;background:#f9f3edee;color:var(--ink);font:600 11px/1 Arial,sans-serif;z-index:2}.np-page .np-motion-toggle:hover{background:var(--bg)}.np-page .np-motion-toggle:focus-visible,.np-page .np-motion-tabs button:focus-visible,.np-page .np-motion-stage-copy:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.np-page .np-motion-badge{position:absolute;top:22px;left:22px;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.14em;color:var(--ink)}.np-page .np-motion-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);aspect-ratio:4/3;border-radius:22px;overflow:hidden;isolation:isolate}.np-page .np-motion-compare>div{position:relative;min-width:0;min-height:0}.np-page .np-motion-compare .np-motion-frame{height:100%;width:100%;aspect-ratio:auto;border-radius:0}.np-page .np-motion-compare .np-motion-frame img{object-fit:cover;object-position:center}.np-page .np-compare-label{position:absolute;left:12px;right:12px;top:18px;text-align:center;font:700 12px/1.4 Arial,sans-serif;color:var(--ink)}.np-page .np-motion-stages>header{text-align:center;max-width:900px;margin:0 auto 44px}.np-page .np-motion-stages>header h2{margin:14px 0 0}.np-page .np-motion-stage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.np-page .np-motion-stage-right{min-width:0}.np-page .np-motion-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 28px;max-width:480px}.np-page .np-motion-tabs button{padding:10px 12px;min-height:44px;border-radius:30px;border:1px solid #9e515e55;background:transparent;color:var(--ink);font:700 12px/1.3 Arial,sans-serif;white-space:nowrap}.np-page .np-motion-tabs button[aria-selected=true]{background:var(--accent);color:white;border-color:var(--accent)}.np-page .np-motion-stage-title{font:800 clamp(27px,2.5vw,35px)/1.13 var(--display);letter-spacing:-.035em;margin:12px 0 18px}.np-page .np-motion-stage-copy .np-motion-benefit{margin-top:20px}.np-page .np-motion-section [hidden]{display:none!important}
@media(max-width:1050px){.np-page .np-motion-problem,.np-page .np-motion-feature,.np-page .np-motion-stage-grid{gap:32px}.np-page .np-motion-section{padding-inline:28px}.np-page .np-motion-stage-copy>p{font-size:14px}.np-page .np-motion-benefit p{font-size:13px}}
@media(max-width:800px){.np-page .np-motion-section{padding:48px 22px}.np-page .np-motion-problem,.np-page .np-motion-feature,.np-page .np-motion-stage-grid{grid-template-columns:minmax(0,1fr);gap:30px}.np-page .np-motion-copy h2{font-size:37px}.np-page .np-motion-feature>figure{grid-row:2}.np-page .np-motion-frame,.np-page .np-motion-compare{border-radius:18px}.np-page .np-motion-stages>header{margin-bottom:28px}.np-page .np-motion-tabs{max-width:none;gap:8px;margin-bottom:26px}.np-page .np-motion-stage-title{font-size:30px}.np-page .np-motion-badge{top:17px;left:17px;font-size:9px}.np-page .np-motion-toggle{right:10px;bottom:10px;min-height:36px;padding:8px 11px}.np-page .np-compare-label{top:14px;font-size:10px}.np-page .np-motion-stage-copy .np-motion-benefit{margin-top:22px}.np-page .np-motion-benefit p{font-size:14px}}
@media(max-width:360px){.np-page .np-motion-section{padding-inline:18px}.np-page .np-motion-copy h2{font-size:33px}.np-page .np-motion-tabs button{font-size:11px;padding:10px 7px}.np-page .np-motion-toggle{font-size:10px;padding:7px 10px}.np-page .np-motion-badge{letter-spacing:.08em}}
