:root{--color-void: #08080a;--color-charcoal: #0d0d12;--color-graphite: #17171c;--color-slate: #25252d;--color-iron: #31313a;--color-ash: #62626f;--color-fog: #8b8e9c;--color-pearl: #aeaac0;--color-chalk: #dad7de;--color-lavender-beam: #ab8ff1;--color-iris-glow: #8960f0;--color-webgl-aurora: #8e6ce4;--gradient-webgl-aurora: radial-gradient(circle, rgb(142, 108, 228), rgb(114, 79, 201));--column-korea: #ab8ff1;--column-world: #8960f0;--column-bible: #8e6ce4;--surface-canvas: #08080a;--surface-panel: #0d0d12;--surface-card: #17171c;--surface-elevated: #25252d;--font-display: "Overused Grotesk", "Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-editorial: "Sprat", "Editorial New", ui-serif, Georgia, serif;--font-body: -apple-system, "Inter", ui-sans-serif, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-caption: 13px;--leading-caption: 1.4;--tracking-caption: -.13px;--text-body: 16px;--leading-body: 1.4;--tracking-body: -.16px;--text-subheading: 18px;--leading-subheading: 1.4;--tracking-subheading: -.18px;--text-heading-sm: 26px;--leading-heading-sm: 1;--tracking-heading-sm: -.78px;--text-heading: 32px;--leading-heading: 1;--tracking-heading: -1.28px;--text-heading-lg: 48px;--leading-heading-lg: 1;--tracking-heading-lg: -1.92px;--text-display: 64px;--leading-display: .99;--tracking-display: -4.03px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--spacing-5: 5px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-15: 15px;--spacing-18: 18px;--spacing-19: 19px;--spacing-20: 20px;--spacing-30: 30px;--spacing-40: 40px;--spacing-60: 60px;--spacing-96: 96px;--spacing-100: 100px;--spacing-118: 118px;--radius-sm: 3px;--radius-buttons: 3px;--radius-inputs: 3px;--radius-tags: 3px;--radius-cards: 10px;--shadow-sm: rgba(0, 0, 0, .25) 0px 1px 4px 0px;--shadow-sm-2: rgba(0, 0, 0, .4) 0px 2px 4px -1.5px;--shadow-subtle: rgb(49, 49, 58) 0px -1px 0px 0px;--page-max-width: 1200px;--section-gap: 96px;--card-padding: 30px;--element-gap: 18px;--ease-settle: cubic-bezier(.33, 1, .68, 1);--dur-settle: .45s;--dur-state: .25s;--dur-hover: .15s}:root{--bg-color: var(--surface-canvas);--text-main: var(--color-chalk);--text-body: var(--color-pearl);--text-muted: var(--color-fog);--accent-1: var(--color-lavender-beam);--accent-2: var(--color-iris-glow);--panel-bg: var(--surface-panel);--panel-border: color-mix(in srgb, var(--color-pearl) 14%, transparent);--col-korea: var(--column-korea);--col-world: var(--column-world);--col-bible: var(--column-bible)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-body);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);overflow-x:hidden}h1,h2,h3,.logo{font-family:var(--font-display);color:var(--text-main);font-weight:var(--fw-regular)}.glass{background:var(--surface-card);border:1px solid var(--panel-border);border-radius:var(--radius-cards)}.navbar{position:fixed;top:0;width:100%;padding:var(--spacing-18) 5%;display:flex;justify-content:space-between;align-items:center;z-index:100;background:color-mix(in srgb,var(--surface-canvas) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:background var(--dur-settle, .3s) ease,border-color .3s ease}.navbar.scrolled{background:color-mix(in srgb,var(--surface-canvas) 92%,transparent);border-bottom:1px solid var(--panel-border)}.logo{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm);font-weight:var(--fw-medium)}.logo span{color:var(--accent-1)}.nav-cta{color:var(--color-pearl);text-decoration:none;font-family:var(--font-body);font-size:14px;font-weight:var(--fw-medium);border:1px solid var(--color-fog);padding:var(--spacing-6) var(--spacing-12);border-radius:var(--radius-buttons);background:transparent;transition:border-color .3s,color .3s}.nav-cta:hover{border-color:var(--color-pearl);color:var(--color-chalk)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-96) 5% var(--spacing-40);overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.glow-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 12s infinite alternate ease-in-out}.glow-orb.left{width:400px;height:400px;background:var(--color-webgl-aurora);top:10%;left:-100px}.glow-orb.right{width:500px;height:500px;background:var(--accent-2);bottom:-100px;right:-150px;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-60px) scale(1.15)}}.hero-content{position:relative;z-index:10;text-align:center;max-width:800px}.badge{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-5) var(--spacing-10);background:var(--surface-canvas);border:1px solid color-mix(in srgb,var(--color-pearl) 40%,transparent);border-radius:var(--radius-tags);font-family:var(--font-body);font-size:var(--text-caption);color:var(--color-pearl);margin-bottom:var(--spacing-30);font-weight:var(--fw-medium);letter-spacing:var(--tracking-caption);animation:fadeUp 1s ease-out}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent-1)}.title{font-size:clamp(2.75rem,8vw,var(--text-display));line-height:var(--leading-display);letter-spacing:-.063em;margin-bottom:var(--spacing-20);font-weight:var(--fw-regular);animation:fadeUp 1s ease-out .2s backwards}.highlight{color:var(--accent-1)}.subtitle{font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading);color:var(--color-pearl);margin-bottom:var(--spacing-40);font-weight:var(--fw-regular);animation:fadeUp 1s ease-out .4s backwards}.cta-group{display:flex;gap:var(--spacing-12);justify-content:center;animation:fadeUp 1s ease-out .6s backwards}.btn{text-decoration:none;padding:var(--spacing-12) var(--spacing-20);border-radius:var(--radius-buttons);font-family:var(--font-body);font-weight:var(--fw-medium);font-size:14px;transition:opacity .3s ease,border-color .3s ease,color .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-8)}.btn-primary{background:var(--color-chalk);color:var(--color-void);box-shadow:var(--shadow-subtle)}.btn-primary:hover{opacity:.88}.arrow{transition:transform .3s}.btn-primary:hover .arrow{transform:translate(4px)}.btn-secondary{background:transparent;color:var(--color-pearl);border:1px solid var(--color-fog)}.btn-secondary:hover{border-color:var(--color-pearl);color:var(--color-chalk)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.features{padding:var(--spacing-96) 5%;max-width:var(--page-max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-60)}.section-header h2{font-size:var(--text-heading-lg);line-height:var(--leading-heading-lg);letter-spacing:-.04em}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-30)}.feature-card{padding:var(--spacing-30);transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .5s,background .5s;opacity:0;transform:translateY(50px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--color-pearl) 30%,transparent);background:var(--surface-elevated)}.icon{font-size:2rem;margin-bottom:var(--spacing-20);display:inline-block;padding:var(--spacing-12);background:var(--surface-elevated);border-radius:var(--radius-sm)}.feature-card h3{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm);margin-bottom:var(--spacing-12)}.feature-card p{color:var(--color-pearl);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}.preview-section{padding:var(--spacing-20) 5% var(--spacing-96);max-width:1000px;margin:0 auto}.preview-container{padding:1px;background:var(--surface-panel);border:1px solid var(--panel-border);border-radius:var(--radius-cards)}.preview-mockup{background:var(--surface-panel);border-radius:var(--radius-cards);overflow:hidden}.mockup-header{background:var(--surface-card);padding:var(--spacing-14);display:flex;gap:var(--spacing-8);border-bottom:1px solid var(--panel-border)}.dot{width:10px;height:10px;border-radius:50%;background:var(--color-iron)}.dot.yellow{background:var(--color-ash)}.dot.green{background:var(--color-fog)}.mockup-body{padding:var(--spacing-40) var(--spacing-30);position:relative;background-image:radial-gradient(circle at 85% 90%,color-mix(in srgb,var(--color-webgl-aurora) 12%,transparent) 0%,transparent 55%)}.mockup-timeline{position:relative}.mockup-heads{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-12);margin-bottom:var(--spacing-18)}.mockup-head{font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:var(--tracking-caption);color:var(--color-pearl);display:flex;align-items:center;gap:var(--spacing-8)}.mockup-head:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.mockup-head.kr:before{background:var(--col-korea)}.mockup-head.wr:before{background:var(--col-world)}.mockup-head.bi:before{background:var(--col-bible)}.mockup-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-12);align-items:stretch;margin-bottom:var(--spacing-12);position:relative;opacity:0}.mockup-row.visible{animation:fadeInRow .8s ease-out forwards}.mockup-row:last-child{margin-bottom:0}.mockup-col{padding:var(--spacing-18);background:var(--surface-card);border:1px solid color-mix(in srgb,var(--color-pearl) 18%,transparent);border-left:2px solid var(--color-fog);border-radius:var(--radius-cards);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-chalk);text-align:left;transition:background .3s,border-color .3s}.mockup-col:hover{background:var(--surface-elevated)}.mockup-col strong{font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--fw-regular);display:inline-block;margin-bottom:var(--spacing-5);color:var(--color-ash)}.mockup-col.kr{border-left-color:var(--col-korea)}.mockup-col.wr{border-left-color:var(--col-world)}.mockup-col.bi{border-left-color:var(--col-bible)}@keyframes fadeInRow{to{opacity:1;transform:translateY(0)}}.mockup-row{transform:translateY(30px)}footer{text-align:center;padding:var(--spacing-40) 5%;border-top:1px solid var(--panel-border);color:var(--color-fog);font-size:var(--text-caption);line-height:var(--leading-caption)}.footer-source{margin-bottom:var(--spacing-8)}@media (max-width: 768px){.title{font-size:2.5rem;letter-spacing:-.04em}.cta-group{flex-direction:column}.mockup-row{grid-template-columns:1fr;gap:var(--spacing-10)}.mockup-heads{display:none}}