.page-module__XF6Hjq__main{background:var(--color-background);min-height:100%}.page-module__XF6Hjq__hero{gap:var(--spacing-xxl);max-width:1200px;padding:var(--spacing-xxl)var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:center;min-height:70vh;margin:0 auto;display:grid}.page-module__XF6Hjq__heroContent{gap:var(--spacing-lg);flex-direction:column;display:flex}.page-module__XF6Hjq__heroTitle{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.03em;line-height:1.1}.page-module__XF6Hjq__heroAccent{color:var(--color-accent)}.page-module__XF6Hjq__heroDescription{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:480px;line-height:1.6}.page-module__XF6Hjq__heroActions{gap:var(--spacing-md);margin-top:var(--spacing-sm);display:flex}.page-module__XF6Hjq__primaryButton{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-accent);color:var(--color-text-inverse);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}.page-module__XF6Hjq__primaryButton:hover{background:var(--color-accent-hover);color:var(--color-text-inverse);box-shadow:var(--shadow-medium);text-decoration:none;transform:translateY(-2px)}.page-module__XF6Hjq__primaryButton svg{width:18px;height:18px;transition:transform var(--transition-fast)}.page-module__XF6Hjq__primaryButton:hover svg{transform:translate(4px)}.page-module__XF6Hjq__secondaryButton{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:0 0;text-decoration:none;display:inline-flex}.page-module__XF6Hjq__secondaryButton:hover{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-focus);text-decoration:none}.page-module__XF6Hjq__heroVisual{justify-content:center;align-items:center;display:flex}.page-module__XF6Hjq__mockEditor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-heavy);transition:transform var(--transition-slow);overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg)}.page-module__XF6Hjq__mockEditor:hover{transform:perspective(1000px)rotateY(-2deg)rotateX(1deg)}.page-module__XF6Hjq__mockToolbar{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border-subtle);display:flex}.page-module__XF6Hjq__mockDots{gap:6px;display:flex}.page-module__XF6Hjq__mockDots span{border-radius:var(--radius-full);background:var(--color-border);width:10px;height:10px}.page-module__XF6Hjq__mockDots span:first-child{background:#ff5f57}.page-module__XF6Hjq__mockDots span:nth-child(2){background:#febc2e}.page-module__XF6Hjq__mockDots span:last-child{background:#28c840}.page-module__XF6Hjq__mockFilename{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.page-module__XF6Hjq__mockContent{padding:var(--spacing-lg);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.8}.page-module__XF6Hjq__mockLine{min-height:1.8em;color:var(--color-text-secondary)}.page-module__XF6Hjq__mockLabel{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.page-module__XF6Hjq__mockCharacter{color:var(--color-text-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;margin-left:var(--spacing-xl)}.page-module__XF6Hjq__mockDialogue{margin-left:var(--spacing-xl);padding-left:var(--spacing-lg);color:var(--color-text-secondary)}.page-module__XF6Hjq__mockAction{color:var(--color-text-muted);font-style:italic}.page-module__XF6Hjq__features{background:var(--color-background-secondary);padding:var(--spacing-xxl)var(--spacing-lg);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.page-module__XF6Hjq__sectionTitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-xl)}.page-module__XF6Hjq__featureGrid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto;display:grid}.page-module__XF6Hjq__featureCard{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.page-module__XF6Hjq__featureCard:hover{border-color:var(--color-border);box-shadow:var(--shadow-light);transform:translateY(-2px)}.page-module__XF6Hjq__featureIcon{background:var(--color-accent-subtle);border-radius:var(--radius-md);width:44px;height:44px;margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.page-module__XF6Hjq__featureIcon svg{width:22px;height:22px;color:var(--color-accent)}.page-module__XF6Hjq__featureCard h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.page-module__XF6Hjq__featureCard p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.page-module__XF6Hjq__quickLinks{padding:var(--spacing-xxl)var(--spacing-lg);max-width:900px;margin:0 auto}.page-module__XF6Hjq__linkGrid{gap:var(--spacing-md);flex-direction:column;display:flex}.page-module__XF6Hjq__linkCard{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none;display:flex}.page-module__XF6Hjq__linkCard:hover{border-color:var(--color-accent);box-shadow:var(--shadow-light);text-decoration:none;transform:translate(4px)}.page-module__XF6Hjq__linkIcon{background:var(--color-background-secondary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.page-module__XF6Hjq__linkIcon svg{width:24px;height:24px;color:var(--color-text-secondary)}.page-module__XF6Hjq__linkCard:hover .page-module__XF6Hjq__linkIcon{background:var(--color-accent-subtle)}.page-module__XF6Hjq__linkCard:hover .page-module__XF6Hjq__linkIcon svg{color:var(--color-accent)}.page-module__XF6Hjq__linkText{flex-direction:column;flex:1;gap:2px;display:flex}.page-module__XF6Hjq__linkTitle{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.page-module__XF6Hjq__linkDescription{font-size:var(--font-size-sm);color:var(--color-text-muted)}.page-module__XF6Hjq__linkArrow{width:20px;height:20px;color:var(--color-text-muted);transition:all var(--transition-fast);flex-shrink:0}.page-module__XF6Hjq__linkCard:hover .page-module__XF6Hjq__linkArrow{color:var(--color-accent);transform:translate(4px)}.page-module__XF6Hjq__footer{padding:var(--spacing-xl)var(--spacing-lg);text-align:center;border-top:1px solid var(--color-border-subtle)}.page-module__XF6Hjq__footer p{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width:1024px){.page-module__XF6Hjq__hero{text-align:center;gap:var(--spacing-xl);min-height:auto;padding:var(--spacing-xl)var(--spacing-lg);grid-template-columns:1fr}.page-module__XF6Hjq__heroContent{align-items:center}.page-module__XF6Hjq__heroDescription{max-width:560px}.page-module__XF6Hjq__heroVisual{order:-1}.page-module__XF6Hjq__mockEditor{max-width:360px;transform:none}.page-module__XF6Hjq__mockEditor:hover{transform:none}.page-module__XF6Hjq__featureGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.page-module__XF6Hjq__hero{padding:var(--spacing-lg)var(--spacing-md)}.page-module__XF6Hjq__heroTitle{font-size:2rem}.page-module__XF6Hjq__heroActions{flex-direction:column;width:100%;max-width:280px}.page-module__XF6Hjq__primaryButton,.page-module__XF6Hjq__secondaryButton{justify-content:center;width:100%}.page-module__XF6Hjq__mockEditor{max-width:100%}.page-module__XF6Hjq__features{padding:var(--spacing-xl)var(--spacing-md)}.page-module__XF6Hjq__featureGrid{grid-template-columns:1fr}.page-module__XF6Hjq__quickLinks{padding:var(--spacing-xl)var(--spacing-md)}.page-module__XF6Hjq__linkCard{padding:var(--spacing-md)}.page-module__XF6Hjq__linkIcon{width:40px;height:40px}.page-module__XF6Hjq__linkIcon svg{width:20px;height:20px}}
