@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&family=Space+Mono:wght@400;700&family=Inter:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080a;--bg-elevated:#0f0f13;--bg-card:#14141a;--text-primary:#e8e6e1;--text-secondary:#8a8880;--text-dim:#4a4940;--accent:#c4a882;--accent-dim:#c4a88226;--accent-glow:#c4a8820f;--mirror:#2a2d35;--mirror-edge:#c4a88233;--font-serif:"Noto Serif SC", serif;--font-mono:"Space Mono", monospace;--font-sans:"Inter", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{max-width:800px;margin:0 auto;padding:6rem 2rem}.section-label{font-family:var(--font-mono);letter-spacing:.4em;text-transform:uppercase;color:var(--accent);opacity:.6;margin-bottom:2rem;font-size:.65rem}::selection{color:var(--text-primary);background:#c4a88240}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#c4a88233;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c4a88259}.lang-switch{z-index:100;-webkit-backdrop-filter:blur(12px);cursor:pointer;font-family:var(--font-mono);background:#08080ad9;border:1px solid #c4a88226;border-radius:6px;align-items:center;gap:.25rem;padding:.5rem .85rem;transition:border-color .3s;display:flex;position:fixed;top:1.5rem;right:1.5rem}.lang-switch:hover{border-color:#c4a88266}.lang-opt{letter-spacing:.08em;color:var(--text-dim);font-size:.72rem;transition:color .3s}.lang-opt.active{color:var(--accent)}.lang-divider{color:var(--text-dim);opacity:.4;font-size:.65rem}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.hero-bg{background:radial-gradient(60% 50% at 50% 40%,#c4a8820a 0%,#0000 70%),radial-gradient(80% 60% at 50% 100%,#2a2d354d 0%,#0000 60%);position:absolute;inset:0}.mirror-container{width:280px;height:360px;margin-bottom:3rem;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mirror-frame{background:linear-gradient(#2a2d35 0%,#14141ae6 100%);border:1px solid #c4a88233;border-radius:140px 140px 20px 20px;position:absolute;inset:0;overflow:hidden}.mirror-frame:before{content:"";background:linear-gradient(135deg,#ffffff08 0%,#0000 50%,#ffffff03 100%);position:absolute;inset:0}.mirror-frame:after{content:"";background:conic-gradient(#0000,#c4a8820d,#0000,#c4a88208,#0000);width:200%;height:200%;animation:8s linear infinite mirror-sweep;position:absolute;top:-50%;left:-50%}@keyframes mirror-sweep{to{transform:rotate(360deg)}}.mirror-text{font-family:var(--font-serif);color:var(--accent);opacity:.5;letter-spacing:.3em;white-space:nowrap;z-index:2;font-size:1.1rem;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.mirror-reflection{filter:blur(20px);z-index:1;background:radial-gradient(circle,#c4a8821f 0%,#0000 70%);border-radius:50%;width:80px;height:80px;animation:4s ease-in-out infinite pulse;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.3)}}.hero-title{font-family:var(--font-serif);text-align:center;letter-spacing:.08em;opacity:0;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:300;line-height:1.5;animation:1s .3s forwards fadeUp}.hero-title em{color:var(--accent);font-style:normal}.hero-subtitle{font-family:var(--font-serif);color:var(--text-secondary);text-align:center;opacity:0;max-width:480px;font-size:1.05rem;line-height:2;animation:1s .6s forwards fadeUp}.scroll-hint{opacity:0;flex-direction:column;align-items:center;gap:.5rem;animation:1s 1.2s forwards fadeUp;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-hint span{letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);font-size:.7rem}.scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:.8}}.manifesto{max-width:720px;margin:0 auto;padding:6rem 2rem 4rem;position:relative}.manifesto-text{font-family:var(--font-serif);color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.15rem);line-height:2.2}.manifesto-text .highlight{color:var(--text-primary);font-weight:400}.manifesto-text .accent{color:var(--accent)}.manifesto-break{height:2.5rem;display:block}.why-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (width>=640px){.why-grid{grid-template-columns:1fr 1fr}}.why-card{background:var(--bg-card);border:1px solid #c4a88214;border-radius:12px;padding:2rem;transition:border-color .4s,transform .3s;position:relative;overflow:hidden}.why-card:hover{border-color:#c4a88233;transform:translateY(-2px)}.why-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.why-card:hover:before{opacity:.5}.why-number{font-family:var(--font-mono);color:var(--accent);opacity:.5;letter-spacing:.2em;margin-bottom:1rem;font-size:.65rem}.why-card h3{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:.75rem;font-size:1.15rem;font-weight:400}.why-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.8}.zen{text-align:center;padding:8rem 2rem;position:relative}.zen:before{content:"";background:radial-gradient(circle,#c4a8820f,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zen-quote{font-family:var(--font-serif);letter-spacing:.15em;color:var(--accent);opacity:.7;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:300;line-height:2.4;position:relative}.zen-source{font-family:var(--font-serif);color:var(--text-dim);letter-spacing:.2em;margin-top:2rem;font-size:.85rem}.vision-stages{margin-top:2rem;padding-left:2rem;position:relative}.vision-stages:before{content:"";background:linear-gradient(to bottom, var(--accent), var(--text-dim), transparent);width:1px;position:absolute;top:0;bottom:0;left:0}.vision-stage{padding:0 0 3rem 2rem;position:relative}.vision-stage:before{content:"";background:var(--bg);border:1.5px solid var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-4px}.vision-stage.active:before{background:var(--accent);box-shadow:0 0 12px #c4a88266}.stage-label{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent);opacity:.6;text-transform:uppercase;margin-bottom:.5rem;font-size:.6rem}.vision-stage h3{font-family:var(--font-serif);margin-bottom:.5rem;font-size:1.15rem;font-weight:400}.vision-stage p{color:var(--text-secondary);font-size:.88rem;line-height:1.8}.how-steps{background:#c4a8820f;border-radius:12px;gap:1px;margin-top:2rem;display:grid;overflow:hidden}.how-step{background:var(--bg);grid-template-columns:80px 1fr;align-items:center;padding:1.5rem;transition:background .3s;display:grid}.how-step:hover{background:var(--bg-elevated)}.step-icon{font-family:var(--font-mono);color:var(--accent);letter-spacing:.15em;opacity:.6;font-size:.65rem}.how-step h4{font-family:var(--font-serif);margin-bottom:.25rem;font-size:1rem;font-weight:400}.how-step p{color:var(--text-secondary);font-size:.82rem}.cta{text-align:center;max-width:600px;margin:0 auto;padding:6rem 2rem 4rem}.cta h2{font-family:var(--font-serif);letter-spacing:.05em;margin-bottom:1.5rem;font-size:clamp(1.4rem,3.5vw,1.8rem);font-weight:300;line-height:1.6}.cta p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.92rem;line-height:1.8}.cta-btn{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-serif);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.75rem;padding:.9rem 2.2rem;font-size:.95rem;text-decoration:none;transition:all .4s;display:inline-flex}.cta-btn:hover{background:var(--accent);color:var(--bg)}.cta-btn svg{transition:transform .3s}.cta-btn:hover svg{transform:translate(4px)}.site-footer{text-align:center;border-top:1px solid #c4a8820f;padding:3rem 2rem}.footer-logo{font-family:var(--font-mono);letter-spacing:.4em;color:var(--text-dim);text-transform:uppercase;font-size:.7rem}
