:root{--color-purple: #51208c;--color-mint: #28bbbf;--color-bg: #0c0c0e;--color-surface: #141418;--color-surface-elevated: #1a1a1f;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .12);--color-text: #f4f4f5;--color-muted: #a1a1aa;--color-accent: #51208c;--color-accent-hover: #6b2db8;--color-mint-soft: rgba(40, 187, 191, .12);--color-purple-soft: rgba(81, 32, 140, .2);--font-sans: "Noto Sans KR", system-ui, sans-serif;--font-display: "Outfit", "Noto Sans KR", sans-serif;--radius: 12px;--radius-lg: 20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-mint)}.landing{display:flex;flex-direction:column;min-height:100vh}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0c0c0eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-purple);letter-spacing:-.02em;text-transform:uppercase}.logo-text span{color:var(--color-mint)}.nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-links a{font-size:.9rem;font-weight:500;color:var(--color-muted);transition:color .2s}.nav-links a:hover{color:var(--color-mint)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 5rem;background:#000}.hero-logo{display:block;margin:0 auto 2rem;max-width:min(520px,90vw);height:auto;object-fit:contain}.hero-badge{display:inline-block;padding:.35rem .85rem;margin-bottom:1.5rem;font-size:.8rem;font-weight:500;color:var(--color-mint);background:var(--color-mint-soft);border-radius:100px}.hero h1{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--color-text);max-width:720px}.hero-title-br{display:none}@media(max-width:768px){.hero-title-br{display:inline}}.hero p{margin:0 0 2rem;font-size:1.1rem;color:var(--color-muted);max-width:520px}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s,transform .15s}.btn-primary{background:var(--color-purple);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);color:#fff}.btn-secondary{background:transparent;color:var(--color-mint);border:1px solid var(--color-mint)}.btn-secondary:hover{background:var(--color-mint-soft);color:var(--color-mint)}.features{padding:5rem 1.5rem;background:var(--color-bg)}.features-inner{max-width:1100px;margin:0 auto}.section-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-mint);margin-bottom:.5rem}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin:0 0 3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{padding:1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s}.feature-card:hover{border-color:var(--color-mint)}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.25rem;background:var(--color-purple-soft);border-radius:var(--radius)}.feature-card h3{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-text)}.feature-card p{margin:0;font-size:.9rem;color:var(--color-muted);line-height:1.55}.cta{padding:5rem 1.5rem;text-align:center;background:var(--color-surface)}.cta-inner{max-width:560px;margin:0 auto;padding:3rem 2rem;background:var(--color-surface-elevated);border:1px solid var(--color-mint);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--color-border)}.cta h2{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text)}.cta p{margin:0 0 1.5rem;font-size:.95rem;color:var(--color-muted)}.footer{margin-top:auto;padding:2rem 1.5rem;background:var(--color-bg);border-top:1px solid var(--color-border);text-align:center}.footer p{margin:0;font-size:.85rem;color:var(--color-muted)}