.mockEditor{background:var(--color-obsidian);border:1px solid var(--color-obsidianLighter);border-radius:var(--radius-xl);flex-direction:column;height:360px;display:flex;overflow:hidden}.mockEditorToolbar{border-bottom:1px solid var(--color-obsidianLighter);background:var(--color-obsidianLight);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.mockEditorToolbarLeft{align-items:center;gap:4px;display:flex}.mockEditorToolbarRight{background:var(--color-obsidian);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:2px;display:flex}.mockEditorBtn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-silver);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.mockEditorBtn:hover{background:var(--color-obsidianLighter);color:var(--color-cream)}.mockEditorModeBtn{border-radius:var(--radius-sm);color:var(--color-silverDark);transition:background var(--transition-fast), color var(--transition-fast);padding:4px 10px;font-size:12px;font-weight:500}.mockEditorModeBtn:hover{color:var(--color-silver)}.mockEditorModeBtnActive{background:var(--color-obsidianLighter);color:var(--color-cream)}.mockEditorModeBtnActive:hover{color:var(--color-cream)}.mockEditorContent{flex-direction:column;flex:1;display:flex;overflow:hidden}.mockEditorSource{resize:none;background:var(--color-obsidian);width:100%;color:var(--color-cream);font-family:var(--font-mono);tab-size:2;border:none;outline:none;flex:1;padding:16px 20px;font-size:13px;line-height:1.7}.mockEditorSource::placeholder{color:var(--color-silverDark)}.mockEditorPreview{color:var(--color-cream);flex:1;padding:16px 20px;font-size:14px;line-height:1.7;overflow-y:auto}.mockEditorPreview p{margin-bottom:12px}.mockEditorPreview p:last-child{margin-bottom:0}.mockH1{color:var(--color-cream);margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.3}.mockWikiLink{color:var(--color-gold);background:var(--color-gold10);cursor:default;border-radius:2px;padding:0 2px}.mockEditorPreview strong{color:var(--color-cream);font-weight:600}.mockEditorPreview em{color:var(--color-silverLight);font-style:italic}
.mockGraph{background:var(--color-obsidian);border:1px solid var(--color-obsidianLighter);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.mockGraphSvg{touch-action:none;width:100%;height:320px;display:block}.mockEdge{stroke:var(--color-silver);stroke-opacity:.18;stroke-width:1.5px;transition:stroke-opacity .2s,stroke .2s}.mockEdgeHighlight{stroke:var(--color-gold);stroke-opacity:.5}.mockNodeGroup{cursor:grab}.mockNodeDragging{cursor:grabbing}.mockNodeCircle{transition:r .15s}.mockNodeHover{filter:drop-shadow(0 0 6px var(--color-gold50))}.mockNodeLabel{fill:var(--color-cream);font-size:10px;font-family:var(--font-sans);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.85}.mockGraphLegend{border-top:1px solid var(--color-obsidianLighter);background:var(--color-obsidian);align-items:center;gap:16px;padding:10px 16px;display:flex}.mockGraphLegendItem{color:var(--color-silverDark);align-items:center;gap:6px;font-size:11px;display:flex}.mockGraphLegendDot{border-radius:50%;width:8px;height:8px;display:inline-block}
.landingHeader{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-obsidianLighter);background:#09090bcc;width:100%;padding:16px 24px;position:fixed;top:0}.landingHeaderInner{justify-content:space-between;align-items:center;max-width:1152px;margin:0 auto;display:flex}.landingLogo{align-items:center;gap:8px;text-decoration:none;display:flex}.landingLogoSvg{color:var(--color-gold)}.landingLogoText{letter-spacing:-.025em;color:var(--color-cream);font-size:20px;font-weight:700}.landingNav{align-items:center;gap:24px;font-size:14px;display:flex}.landingNavLink{color:var(--color-silver);transition:color var(--transition-fast);text-decoration:none}.landingNavLink:hover{color:var(--color-cream)}.navUserMenu{position:relative}.navAvatar{background:var(--color-gold20);width:36px;height:36px;color:var(--color-gold);border:2px solid var(--color-gold30);cursor:pointer;transition:border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.navAvatar:hover{border-color:var(--color-gold)}.navDropdown{background:var(--color-obsidianLight);border:1px solid var(--color-obsidianLighter);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);z-index:50;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.navDropdownEmail{color:var(--color-silver);border-bottom:1px solid var(--color-obsidianLighter);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;padding:8px 12px;font-size:13px;overflow:hidden}.navDropdownItem{width:100%;color:var(--color-cream);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;padding:8px 12px;font-size:14px;text-decoration:none;display:block}.navDropdownItem:hover{background:var(--color-obsidianLighter);color:var(--color-cream)}.navDropdownSignOut{color:var(--color-silver)}.navDropdownSignOut:hover{color:var(--color-ember)}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex}.heroContent{text-align:center;max-width:720px;margin:0 auto}.heroTitle{letter-spacing:-.03em;color:var(--color-cream);margin-bottom:24px;font-size:42px;font-weight:700;line-height:1.15}@media (min-width:640px){.heroTitle{font-size:52px}}@media (min-width:1024px){.heroTitle{font-size:60px}}.heroTitleAccent{color:var(--color-gold)}.heroSubtitle{max-width:600px;color:var(--color-silver);margin:0 auto 40px;font-size:17px;line-height:1.7}@media (min-width:640px){.heroSubtitle{font-size:18px}}.heroActions{flex-direction:column;align-items:center;gap:12px;display:flex}@media (min-width:640px){.heroActions{flex-direction:row;justify-content:center;gap:16px}}.heroNote{color:var(--color-silverDark);margin-top:24px;font-size:14px}.mockupsSection{border-top:1px solid var(--color-obsidianLighter);background:var(--color-obsidianLight);padding:96px 24px}.mockupsSectionInner{max-width:1152px;margin:0 auto}.mockupsHeading{text-align:center;color:var(--color-cream);margin-bottom:12px;font-size:28px;font-weight:700}@media (min-width:640px){.mockupsHeading{font-size:32px}}.mockupsSubheading{text-align:center;color:var(--color-silver);margin-bottom:48px;font-size:16px;line-height:1.6}.mockupsGrid{gap:32px;display:grid}@media (min-width:900px){.mockupsGrid{grid-template-columns:1fr 1fr}}.mockupCard{flex-direction:column;gap:12px;display:flex}.mockupCaption{color:var(--color-silverDark);text-align:center;font-size:13px}.transparencySection{border-top:1px solid var(--color-obsidianLighter);padding:96px 24px}.transparencyInner{max-width:1152px;margin:0 auto}.transparencyHeading{text-align:center;color:var(--color-cream);margin-bottom:56px;font-size:28px;font-weight:700}@media (min-width:640px){.transparencyHeading{font-size:32px}}.transparencyGrid{gap:48px;display:grid}@media (min-width:640px){.transparencyGrid{grid-template-columns:1fr 1fr}}.transparencyColumn{background:var(--color-obsidianLight);border:1px solid var(--color-obsidianLighter);border-radius:var(--radius-xl);padding:32px}.transparencyColumnTitle{border-bottom:1px solid var(--color-obsidianLighter);margin-bottom:24px;padding-bottom:16px;font-size:18px;font-weight:600}.transparencyColumnNow{color:var(--color-success)}.transparencyColumnNext{color:var(--color-silver)}.transparencyList{flex-direction:column;gap:14px;display:flex}.transparencyItem{color:var(--color-silver);align-items:center;gap:10px;font-size:15px;line-height:1.5;display:flex}.transparencyIcon{width:20px;height:20px;color:var(--color-success);background:#22c55e1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.transparencyIconClock{background:var(--color-gold10);color:var(--color-gold)}.pricingSection{border-top:1px solid var(--color-obsidianLighter);background:var(--color-obsidianLight);padding:96px 24px}.pricingSectionInner{max-width:1152px;margin:0 auto}.pricingSectionHeading{text-align:center;color:var(--color-cream);margin-bottom:56px;font-size:28px;font-weight:700}@media (min-width:640px){.pricingSectionHeading{font-size:32px}}.landingPricingGrid{gap:24px;display:grid}@media (min-width:768px){.landingPricingGrid{grid-template-columns:1fr 1fr 1fr}}.landingPricingCard{background:var(--color-obsidian);border:1px solid var(--color-obsidianLighter);border-radius:var(--radius-xl);flex-direction:column;padding:32px;display:flex;position:relative}.landingPricingCardDisabled{opacity:.55}.landingPricingCardDisabled .landingPricingFeatures{opacity:.7}.comingSoonBadge{background:var(--color-gold20);color:var(--color-gold);border-radius:var(--radius-full);letter-spacing:.02em;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:16px;right:16px}.landingPricingCardTitle{color:var(--color-cream);margin-bottom:4px;font-size:22px;font-weight:700}.landingPricingCardDesc{color:var(--color-silverDark);margin-bottom:20px;font-size:14px}.landingPricingAmount{align-items:baseline;gap:2px;margin-bottom:24px;display:flex}.landingPricingPrice{color:var(--color-cream);font-size:36px;font-weight:700}.landingPricingPer{color:var(--color-silverDark);font-size:14px}.landingPricingFeatures{flex-direction:column;flex:1;gap:10px;margin-bottom:32px;display:flex}.landingPricingFeatures li{color:var(--color-silver);padding-left:20px;font-size:14px;line-height:1.5;position:relative}.landingPricingFeatures li:before{content:"";background:var(--color-gold);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.landingPricingCta{text-align:center;border-radius:var(--radius-md);background-color:var(--color-gold);color:var(--color-obsidian);transition:background-color var(--transition-fast);padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;display:block}.landingPricingCta:hover{background-color:var(--color-goldLight);color:var(--color-obsidian)}.landingPricingCtaDisabled{background:var(--color-obsidianLighter);color:var(--color-silverDark);cursor:not-allowed;border-radius:var(--radius-md);text-align:center;border:none;padding:12px 24px;font-size:14px;font-weight:600}.landingPricingCtaDisabled:hover{background:var(--color-obsidianLighter);color:var(--color-silverDark)}.pricingSectionNote{text-align:center;color:var(--color-silverDark);margin-top:32px;font-size:14px;line-height:1.6}.landingFooter{border-top:1px solid var(--color-obsidianLighter);padding:48px 24px 32px}.landingFooterInner{justify-content:space-between;align-items:flex-start;gap:32px;max-width:1152px;margin:0 auto;display:flex}.landingFooterBrand{flex-direction:column;gap:8px;display:flex}.landingFooterLogo{color:var(--color-cream);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.landingFooterLogo svg{color:var(--color-gold)}.landingFooterTagline{color:var(--color-silverDark);font-size:14px}.landingFooterLinks{gap:24px;display:flex}.landingFooterLinks a{color:var(--color-silver);transition:color var(--transition-fast);font-size:14px;text-decoration:none}.landingFooterLinks a:hover{color:var(--color-gold)}.landingFooterBottom{border-top:1px solid var(--color-obsidianLighter);max-width:1152px;margin:32px auto 0;padding-top:24px}.landingFooterCopyright{color:var(--color-silverDark);font-size:13px}.buttonPrimary{border-radius:var(--radius-md);background-color:var(--color-gold);color:var(--color-obsidian);transition:background-color var(--transition-fast);padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.buttonPrimary:hover{background-color:var(--color-goldLight);color:var(--color-obsidian)}.buttonPrimaryLarge{padding:14px 32px;font-size:16px}.buttonSecondary{border-radius:var(--radius-md);border:1px solid var(--color-silverDark);color:var(--color-silver);transition:border-color var(--transition-fast), color var(--transition-fast);padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.buttonSecondary:hover{border-color:var(--color-gold);color:var(--color-gold)}.buttonSecondaryLarge{padding:14px 32px;font-size:16px}