.nav{background:var(--naru-navy)}.nav.scrolled{box-shadow:0 1px #ffffff14}.brand,.brand:hover{color:#f1f0ec}.nav-link{color:#a9bccc}.nav-link:hover{color:var(--naru-cyan)}.cta.on-dark{background:var(--naru-cyan);color:var(--naru-navy)}.cta.on-dark:hover{background:#7de6f3;color:var(--naru-navy)}.hero{background:var(--naru-navy);color:#f1f0ec;padding:24px 0 96px}.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.hero .mascot{display:block;width:64px;height:auto;margin-bottom:24px}.hero h1{font-size:clamp(30px,5.4vw,62px);line-height:1.03;letter-spacing:-.03em;max-width:14ch;margin-top:22px}.hero .sub{margin-top:22px;max-width:44ch;font-size:18px;color:#b9cad8}.hero .chip{color:var(--naru-cyan);box-shadow:inset 0 0 0 1px #4fd8eb80}.hero .chip .dot{background:var(--naru-cyan)}.hero-cta{margin-top:34px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.hero .meta{color:#8fa3b4}.hero-shot{max-width:320px;justify-self:center;width:100%}.problem{padding:96px 0;background:var(--surface-container-low)}.problem p{font-family:var(--naru-font-sans);font-weight:500;font-size:clamp(19px,3.2vw,32px);line-height:1.34;color:var(--on-surface-variant);letter-spacing:-.01em}.problem .turn{margin-top:28px;display:inline-block;font-weight:700;color:var(--on-surface);background:var(--secondary-container);padding:6px 16px;border-radius:var(--radius-sm)}.sec{padding:96px 0}.sec-head h2{font-size:clamp(23px,3.6vw,40px);letter-spacing:-.02em}.sec-head p{margin-top:16px;color:var(--on-surface-variant);max-width:52ch}.sec-head h2.next-head{margin-top:14px}.card{background:var(--surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--elev-1);padding:clamp(18px,4.5vw,24px);display:flex;flex-direction:column}.card h3{font-size:19px;margin-top:16px}.card p{margin-top:10px;font-size:16px;color:var(--on-surface-variant)}.steps{margin-top:72px;display:flex;flex-direction:column;gap:88px}.step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:64px;align-items:center}.step:nth-child(2n){grid-template-columns:minmax(0,300px) minmax(0,1fr)}.step:nth-child(2n) .step-text{order:2}.step:nth-child(2n) .step-shot{order:1}.num{font-family:var(--naru-font-sans);font-weight:700;font-size:15px;color:var(--secondary);letter-spacing:.14em}.step-text h3{font-size:clamp(20px,2.8vw,32px);margin-top:14px;letter-spacing:-.02em;max-width:20ch}.step-text p{margin-top:16px;color:var(--on-surface-variant);max-width:46ch;font-size:17px}.cap-under{text-align:center}.feat{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}.feat .card{padding:clamp(20px,4.5vw,26px)}.safety{background:var(--surface-container);color:var(--on-surface);padding:104px 0}.safety-in{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:start}.safety h2{font-size:clamp(24px,4vw,46px);letter-spacing:-.025em}.safety .lead{margin-top:20px;font-size:17px;opacity:.82;max-width:34ch}.safety-list{display:flex;flex-direction:column;gap:2px}.safety-list div{padding:20px clamp(16px,4vw,24px);border-radius:var(--radius-sm)}.safety-list div:nth-child(odd){background:#ffffff8c}.safety-list h3{font-size:18px;font-family:var(--naru-font-sans)}.safety-list p{margin-top:6px;font-size:16px;line-height:1.6;opacity:.86}.next{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px}.next-card{border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:clamp(20px,4.5vw,28px);background:transparent}.next-card h3{font-size:19px}.next-card p{margin-top:10px;font-size:16px;color:var(--on-surface-variant)}.next-close{margin-top:32px;font-size:15px;color:var(--on-surface-variant);font-style:italic}.foot{background:var(--naru-navy);color:#b9cad8;padding:72px 0 48px}.foot .brand,.foot .brand:hover{color:#f1f0ec}.foot .meta{color:#8fa3b4}.foot-links a{color:#b9cad8}.foot-links a:hover{color:var(--naru-cyan)}.foot-note{border-top:1px solid rgba(255,255,255,.12);color:#8fa3b4}@media(max-width:960px){.hero-in{grid-template-columns:1fr;gap:48px}.hero h1,.hero .sub{max-width:none}.hero-shot{max-width:280px}.safety-in{grid-template-columns:1fr;gap:36px}}@media(max-width:900px){.step,.step:nth-child(2n){grid-template-columns:1fr;gap:32px}.step:nth-child(2n) .step-text,.step:nth-child(2n) .step-shot{order:0}.step-shot{max-width:260px;justify-self:center}.steps{gap:64px}}@media(max-width:620px){.next{grid-template-columns:1fr}.sec,.problem{padding:64px 0}.safety{padding:72px 0}.hero{padding-bottom:64px}}@media(max-width:560px){.hero{padding-bottom:48px}.hero .mascot{width:56px;margin-bottom:20px}.hero h1{margin-top:18px}.hero .sub{margin-top:18px;font-size:17px}.hero-cta{margin-top:28px;align-self:stretch;align-items:stretch}.hero-cta .cta{width:100%;justify-content:center}.hero-cta .meta{text-align:center}.hero-shot,.step-shot{max-width:220px}.steps{margin-top:48px;gap:48px}.sec,.problem{padding:48px 0}.safety{padding:56px 0}.sec-head p{margin-top:12px}.feat,.next{margin-top:32px}.foot{padding:48px 0 36px}.foot-grid{gap:28px}}
