*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg:#07070f;--bg2:#0d0d1a;--bg3:#112;--cyan:#06b6d4;--cyan-dim:#06b6d422;--cyan-glow:#06b6d440;--gold:#f59e0b;--gold-dim:#f59e0b22;--purple:#a855f7;--green:#10b981;--pink:#ec4899;--text:#e2e8f0;--text-dim:#94a3b8;--text-muted:#475569;--serif:"DM Serif Display","Noto Serif KR",serif;--mono:"JetBrains Mono",monospace;--kr:"Noto Serif KR",serif}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--mono);overflow-x:hidden;line-height:1.7}::selection{background:var(--cyan);color:var(--bg)}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}.reveal-delay-4{transition-delay:.6s}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(7,7,15,.7);border-bottom:1px solid hsla(0,0%,100%,.03);transition:all .3s}nav.scrolled{padding:.8rem 2rem;background:rgba(7,7,15,.95)}.nav-logo svg{height:28px;width:auto}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-dim);font-size:.75rem;text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .3s}.nav-links a:hover{color:var(--cyan)}.nav-cta{background:var(--cyan)!important;color:var(--bg)!important;padding:.5rem 1.2rem;border-radius:4px;font-weight:600;font-size:.75rem;letter-spacing:.05em;transition:all .3s}.nav-cta:hover{background:#0891b2!important;transform:translateY(-1px)}.lang-toggle{display:flex;align-items:center;gap:0;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden;margin-right:.5rem}.lang-toggle button{background:none;border:none;color:var(--text-muted);font-family:var(--mono);font-size:.65rem;padding:.35rem .6rem;cursor:pointer;letter-spacing:.05em;transition:all .3s;font-weight:500}.lang-toggle button.active{background:var(--cyan);color:var(--bg);font-weight:600}.lang-toggle button:hover:not(.active){color:var(--text)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#0d1525 0,var(--bg) 70%)}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--cyan-glow) 0,transparent 70%);top:10%;left:50%;transform:translateX(-50%);filter:blur(80px);animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.3;transform:translateX(-50%) scale(1)}50%{opacity:.6;transform:translateX(-50%) scale(1.15)}}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 2rem}.hero-tagline{font-size:clamp(1rem,2vw,1.1rem);color:var(--text-muted);letter-spacing:.3em;margin-bottom:3rem;animation:fadeUp 1s .3s forwards}.hero-tagline,.hero-title{font-family:var(--kr);opacity:0}.hero-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:var(--text);line-height:1.3;margin-bottom:1rem;animation:fadeUp 1s .6s forwards}.hero-title .accent{color:var(--cyan)}.hero-subtitle{font-family:var(--serif);font-size:clamp(1rem,2.5vw,1.4rem);color:var(--text-dim);font-style:italic;margin-bottom:3rem;opacity:0;animation:fadeUp 1s .9s forwards}.hero-divider{width:60px;height:2px;background:var(--cyan);animation:fadeUp 1s 1.2s forwards}.hero-divider,.hero-sub{margin:0 auto 3rem;opacity:0}.hero-sub{font-size:.85rem;color:var(--text-muted);line-height:1.8;max-width:540px;animation:fadeUp 1s 1.4s forwards}.hero-cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp 1s 1.6s forwards}.btn-primary{background:var(--cyan);color:var(--bg);padding:.8rem 2rem;border:none;border-radius:4px;font-family:var(--mono);font-size:.8rem;font-weight:600;cursor:pointer;letter-spacing:.05em;transition:all .3s;text-decoration:none;display:inline-block}.btn-primary:hover{background:#0891b2;transform:translateY(-2px);box-shadow:0 8px 30px var(--cyan-glow)}.btn-ghost{background:transparent;color:var(--text-dim);padding:.8rem 2rem;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;font-family:var(--mono);font-size:.8rem;cursor:pointer;letter-spacing:.05em;transition:all .3s;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);opacity:0;animation:fadeUp 1s 2s forwards;text-align:center}.hero-scroll span{display:block;font-size:.65rem;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--cyan),transparent);margin:0 auto;animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;height:40px}50%{opacity:1;height:50px}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(20px)}}.section{padding:8rem 0}.section-label{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem}.section-title{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.4rem);color:var(--text);margin-bottom:.5rem}.section-title-kr{font-family:var(--kr);font-size:clamp(1rem,2vw,1.2rem);color:var(--text-muted);margin-bottom:3rem}.section-divider{width:40px;height:2px;background:var(--cyan);margin-bottom:3rem}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.phil-card{background:var(--bg2);border:1px solid hsla(0,0%,100%,.04);border-radius:8px;padding:2.5rem 2rem;position:relative;overflow:hidden;transition:all .4s}.phil-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:opacity .4s}.phil-card:hover{border-color:rgba(6,182,212,.15);transform:translateY(-4px)}.phil-card:hover:before{opacity:1}.phil-icon{font-size:1.8rem;margin-bottom:1.2rem;display:block}.phil-card h3{font-family:var(--serif);font-size:1.1rem;color:var(--text);margin-bottom:.3rem}.phil-card .kr{font-family:var(--kr);font-size:.85rem;color:var(--cyan);margin-bottom:1rem}.phil-card p{font-size:.78rem;color:var(--text-dim);line-height:1.8}.phases-section{background:var(--bg2);border-top:1px solid hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.03)}.phase-timeline{position:relative;margin-top:3rem}.phase-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--cyan-dim),var(--cyan),var(--cyan-dim),transparent);transform:translateX(-50%)}.phase-item{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;margin-bottom:4rem;position:relative}.phase-item:nth-child(odd) .phase-content{grid-column:1;text-align:right;padding-right:2rem}.phase-item:nth-child(odd) .phase-empty{grid-column:3}.phase-item:nth-child(2n) .phase-content{grid-column:3;text-align:left;padding-left:2rem}.phase-item:nth-child(2n) .phase-empty{grid-column:1}.phase-dot{grid-column:2;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:2;border:2px solid;position:relative}.phase-content h3{font-family:var(--serif);font-size:1.3rem;color:var(--text);margin-bottom:.2rem}.phase-content .kr{font-family:var(--kr);font-size:.9rem;color:var(--text-dim);margin-bottom:.8rem}.phase-content .role{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.6rem;font-weight:600}.phase-content p{font-size:.78rem;color:var(--text-dim);line-height:1.8;max-width:380px}.phase-item:nth-child(odd) .phase-content p{margin-left:auto}.phase-birth .phase-dot{border-color:var(--cyan);background:var(--cyan-dim);color:var(--cyan)}.phase-birth .role{color:var(--cyan)}.phase-growth .phase-dot{border-color:var(--purple);background:#a855f722;color:var(--purple)}.phase-growth .role{color:var(--purple)}.phase-society .phase-dot{border-color:var(--gold);background:var(--gold-dim);color:var(--gold)}.phase-society .role{color:var(--gold)}.phase-economy .phase-dot{border-color:var(--green);background:#10b98122;color:var(--green)}.phase-economy .role{color:var(--green)}.layers-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:3rem}.layer-card{border:1px solid hsla(0,0%,100%,.06);border-radius:8px;padding:2rem 1.8rem;text-align:center;transition:all .4s;position:relative}.layer-card:hover{border-color:hsla(0,0%,100%,.12);transform:translateY(-4px)}.layer-emoji{font-size:2rem;margin-bottom:1rem;display:block}.layer-card h3{font-family:var(--serif);font-size:1rem;margin-bottom:.2rem}.layer-card .kr{font-family:var(--kr);font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.layer-card p{font-size:.75rem;color:var(--text-dim);line-height:1.8}.layer-card.featured{border-color:var(--cyan-dim);background:linear-gradient(180deg,rgba(6,182,212,.04),transparent)}.manifesto{text-align:center;padding:10rem 0;position:relative}.manifesto-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#0d1525 0,var(--bg) 70%)}.manifesto blockquote{position:relative;z-index:2;font-family:var(--kr);font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text);line-height:2.2;max-width:600px;margin:0 auto}.manifesto blockquote .strike{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted)}.manifesto blockquote .highlight{color:var(--cyan);font-weight:700}.manifesto .en-quote{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(.85rem,1.5vw,1rem);color:var(--text-dim);font-style:italic;margin-top:2rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-section{text-align:center;padding:8rem 0}.cta-section h2{font-family:var(--kr);font-size:clamp(1.5rem,3vw,2rem);font-weight:900;margin-bottom:.5rem}.cta-section .en{font-family:var(--serif);font-size:1.1rem;color:var(--text-dim);font-style:italic;margin-bottom:1rem}.cta-section .sub{font-size:.8rem;color:var(--text-muted);margin-bottom:3rem;max-width:400px;margin-left:auto;margin-right:auto}.waitlist-form{display:flex;gap:.8rem;max-width:440px;margin:0 auto 1.5rem;flex-wrap:wrap;justify-content:center}.waitlist-form input{flex:1 1;min-width:220px;padding:.8rem 1.2rem;background:var(--bg3);border:1px solid hsla(0,0%,100%,.08);border-radius:4px;color:var(--text);font-family:var(--mono);font-size:.8rem;outline:none;transition:border-color .3s}.waitlist-form input:focus{border-color:var(--cyan)}.waitlist-form input::placeholder{color:var(--text-muted)}.waitlist-form button{padding:.8rem 1.8rem;background:var(--cyan);color:var(--bg);border:none;border-radius:4px;font-family:var(--mono);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.waitlist-form button:hover{background:#0891b2}.waitlist-form button:disabled{opacity:.7;cursor:not-allowed}.cta-note{font-size:.65rem;color:var(--text-muted)}footer{border-top:1px solid hsla(0,0%,100%,.04);padding:3rem 0;text-align:center}footer .footer-logo svg{height:20px;margin-bottom:1rem;opacity:.4}footer p{font-size:.7rem;color:var(--text-muted)}footer a{color:var(--text-dim);text-decoration:none}footer a:hover{color:var(--cyan)}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:var(--cyan);border-radius:50%;opacity:0;animation:float linear infinite}@keyframes float{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-10vh) scale(1)}}@media(max-width:768px){.phase-timeline:before{left:24px}.phase-item{grid-template-columns:48px 1fr;gap:1rem}.phase-item .phase-content{grid-column:2!important;text-align:left!important;padding:0!important}.phase-item .phase-content p{margin-left:0!important}.phase-item .phase-empty{display:none}.phase-dot{grid-column:1}.layers-grid{grid-template-columns:1fr}.nav-links a:not(.nav-cta):not(.lang-toggle-wrap){display:none}.hero-title{font-size:1.8rem}}