/* Connect Noa / editorial refinement — original neon identity retained */
:root{--noa-ink:#090a12;--noa-muted:#b8b4c8;--noa-border:rgba(255,255,255,.13)}
html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,button,input,textarea,select{font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif}
section{scroll-margin-top:84px}p{line-height:1.92}h1,h2,h3{letter-spacing:-.035em;line-height:1.32;text-wrap:balance}
.hero-copy h2{font-size:clamp(2.2rem,4.3vw,4.6rem);font-weight:750;line-height:1.22;letter-spacing:-.045em;max-width:800px}
.hero-copy p{font-size:clamp(.91rem,1.17vw,1.08rem);max-width:38em;line-height:2.0;color:#d4d0df}
.hero-copy{isolation:isolate}.hero{min-height:min(820px,100svh)}
.section h2{letter-spacing:-.045em}.section{padding-top:clamp(70px,8vw,130px);padding-bottom:clamp(70px,8vw,130px)}
.section .lead,.section p{max-width:72ch}
section a,button{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
:focus-visible{outline:2px solid #f2a5d4!important;outline-offset:4px!important}
/* Keep branding, replace excess fantasy gloss with controlled physical depth */
.card,.about-card,.support-card,.service-card{box-shadow:none!important;border-color:rgba(255,255,255,.12)!important}
.portal-floating{display:none!important}
img{max-width:100%}
@media(max-width:700px){.hero{min-height:auto}.hero-copy h2{font-size:clamp(2.1rem,9vw,3rem)}.hero-copy p{font-size:.94rem;line-height:1.85}.section{padding-top:72px;padding-bottom:72px}h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}