.hero{text-align:center;justify-content:center;align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(600px 400px at 20% 30%,#e6394614 0%,#0000 70%),radial-gradient(500px 350px at 80% 60%,#4ea8de0f 0%,#0000 70%);position:absolute;inset:0}.hero .grid-overlay{opacity:.15}.hero .hero-jp{opacity:.7}.hero h1{letter-spacing:.02em;margin-bottom:1.5rem;font-family:Orbitron,sans-serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.15}.narrative{max-width:680px;margin:0 auto;padding:0 2rem}.narrative-block{margin-bottom:3.5rem}.narrative-block h2{letter-spacing:.02em;margin-bottom:1.25rem;font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.3}.narrative-block p{color:var(--text-soft);margin-bottom:1.25rem;font-size:1.05rem;font-weight:300;line-height:1.8}.narrative-block p:last-child{margin-bottom:0}.emphasis{color:var(--text);font-weight:600}.hl-cyan{color:var(--blue)}.hl-pink{color:var(--red)}.hl-green{color:var(--green)}.standalone{text-align:center;max-width:500px;margin:3.5rem auto;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.5}.mini-divider{background:linear-gradient(90deg, var(--red), var(--blue));opacity:.4;width:60px;height:1px;margin:3.5rem auto}.principles-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.principle{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:2rem 1.8rem;transition:all .3s;position:relative;overflow:hidden}.principle:before{content:"";background:linear-gradient(90deg, transparent, var(--red), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.principle:hover{background:var(--bg-card-hover);border-color:#2a2f48;transform:translateY(-2px)}.principle:hover:before{opacity:.6}.principle h3{letter-spacing:.04em;margin-bottom:.4rem;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700}.principle .jp-label{color:var(--text-dim);letter-spacing:.1em;opacity:.5;margin-bottom:.8rem;font-family:Noto Sans JP,sans-serif;font-size:.65rem}.principle p{color:var(--text-soft);font-size:.88rem;font-weight:300;line-height:1.7}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(500px 300px,#e639460f 0%,#0000 70%),radial-gradient(400px 250px at 60% 40%,#8b5cf608 0%,#0000 70%);position:absolute;inset:0}@media (width<=768px){.principles-grid{grid-template-columns:1fr}}