:root{--page-background: #f8f7f3;--panel-background: #ffffff;--panel-muted: #f4f3ef;--surface-strong: #171717;--text-primary: #121212;--text-secondary: #5f6673;--line-soft: #dfdfd8;--line-strong: #cfd2d4;--accent-black: #171717;--accent-blue: #2762eb;--accent-orange: #f37c38;--accent-emerald: #0c956d;--accent-red: #d84a4a;--shadow-soft: 0 22px 60px rgba(25, 32, 45, .08);--shadow-card: 0 10px 30px rgba(25, 32, 45, .06);--radius-xs: 10px;--radius-sm: 16px;--radius-md: 24px;--radius-lg: 32px;--radius-pill: 999px;--container-width: 1180px;--transition-fast: .18s ease;--transition-medium: .28s ease;--font-sans: "Manrope", "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:var(--font-sans);color:var(--text-primary);background:var(--page-background)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}[contenteditable=true]{outline:none}[contenteditable=true]:focus{box-shadow:0 0 0 3px #2762eb1f;border-radius:8px}.site-body,.dashboard-body{position:relative}.site-background-orbit{position:fixed;z-index:0;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}.site-background-orbit-left{width:380px;height:380px;top:-120px;left:-140px;background:#2762eb1f}.site-background-orbit-right{width:300px;height:300px;right:-100px;top:240px;background:#0c956d14}main,header,footer,section{position:relative;z-index:1}.ui-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:700;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.ui-button:hover{transform:translateY(-1px)}.ui-button-primary{color:#fff;background:var(--surface-strong);box-shadow:var(--shadow-card)}.ui-button-secondary{color:var(--text-primary);background:#ffffffb8;border-color:var(--line-soft)}.ui-button-ghost{color:var(--text-secondary);background:transparent;border-color:var(--line-soft)}.section-heading-block{max-width:720px;margin-bottom:32px}.section-heading-block span{display:inline-block;margin-bottom:12px;padding:8px 14px;border-radius:var(--radius-pill);background:#ffffffc7;border:1px solid var(--line-soft);color:var(--text-secondary);font-size:.88rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.section-heading-block h2{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem);line-height:1.02}.section-heading-block p{margin:0;color:var(--text-secondary);line-height:1.7}.site-header-shell{padding:24px 20px 0}.site-header-frame,.site-footer-frame,.hero-section-grid,.feature-section-shell,.template-showcase-shell,.payment-section-shell,.pricing-section-shell,.seo-landing-shell,.invoice-workspace-shell{width:min(calc(100% - 32px),var(--container-width));margin:0 auto}.site-header-frame{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 18px;background:#ffffffb3;border:1px solid rgba(223,223,216,.9);border-radius:var(--radius-pill);backdrop-filter:blur(12px)}.site-brandmark{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.site-brandmark-glyph{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;color:#fff;background:var(--surface-strong)}.site-brandmark-word{font-size:1.05rem}.site-header-nav,.site-header-actions,.site-footer-links{display:flex;align-items:center;gap:18px}.site-header-nav a,.site-text-link,.site-footer-links a{color:var(--text-secondary);font-weight:600}.site-footer-shell{padding:48px 20px 64px}.site-footer-frame{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid var(--line-soft)}.site-footer-brand p{max-width:320px;margin:16px 0 0;color:var(--text-secondary);line-height:1.7}@media(max-width:900px){.site-header-nav{display:none}.site-footer-frame{flex-direction:column}}@media(max-width:640px){.site-header-frame,.site-header-actions{gap:12px}.site-header-actions .site-text-link{display:none}.site-footer-links{flex-wrap:wrap}}