:root{--page-background: #fdfdfd;--panel-background: #ffffff;--panel-muted: #f9fafb;--surface-strong: #0f172a;--text-primary: #0f172a;--text-secondary: #475569;--line-soft: #e2e8f0;--line-strong: #cbd5e1;--accent-black: #0f172a;--accent-gray: #6b7280;--accent-purple: #4f46e5;--accent-brand: #4f46e5;--accent-blue: #4f46e5;--accent-orange: #f59e0b;--accent-emerald: #10b981;--accent-red: #ef4444;--shadow-soft: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-card: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-hero: 0 0 0 1px rgba(0, 0, 0, .05), 0 20px 50px rgba(0, 0, 0, .1);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-pill: 999px;--container-width: 1200px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-medium: .3s cubic-bezier(.4, 0, .2, 1);--font-sans: "Inter", "Manrope", system-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;cursor:pointer}button,input,textarea{font:inherit}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{cursor:pointer}[contenteditable=true]{outline:none}[contenteditable=true]:focus{box-shadow:0 0 0 3px #2762eb1f;border-radius:8px}[hidden]{display:none!important}.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;gap:8px;min-height:52px;padding:0 28px;border:1px solid transparent;border-radius:12px;font-weight:700;font-size:1rem;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(-2px)}.ui-button-primary{color:#fff;background:var(--accent-blue);box-shadow:0 10px 15px -3px #4f46e54d}.ui-button-primary:hover{background:#4338ca;box-shadow:0 20px 25px -5px #4f46e566}.ui-button-secondary{color:var(--text-primary);background:#fff;border-color:var(--line-strong)}.ui-button-secondary:hover{border-color:var(--text-primary)}.ui-button-ghost{color:var(--text-secondary);background:transparent;border-color:var(--line-soft)}.section-heading-block{max-width:800px;margin-bottom:48px}.section-heading-block span{display:inline-block;margin-bottom:16px;padding:6px 14px;border-radius:12px;background:#4f46e5;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.section-heading-block h1,.section-heading-block h2{margin:0 0 16px;font-family:var(--font-sans);font-weight:400;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.03em;color:var(--text-primary)}.section-heading-block p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:1.25rem}.site-header-shell{padding:0;position:relative;z-index:100;background:transparent;transition:background-color .22s ease,box-shadow .22s ease}.site-header-shell.is-sticky{position:fixed;top:0;left:0;right:0;transform:translateY(0);opacity:1;animation:siteHeaderSlideIn .22s ease;background:#fff;box-shadow:0 10px 24px #0f172a14}body.has-sticky-site-header{padding-top:var(--site-header-height, 56px)}@keyframes siteHeaderSlideIn{0%{transform:translateY(-12px);opacity:.92}to{transform:translateY(0);opacity:1}}.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{max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:12px 20px;background:transparent;backdrop-filter:none;border:0;border-radius:0;box-shadow:none}.site-brandmark{display:inline-flex;align-items:center;gap:10px;font-weight:400;letter-spacing:-.03em}.site-brandmark-glyph{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff;background:var(--accent-blue);font-size:.9rem}.site-brandmark-logo{height:32px;border-radius:8px;object-fit:contain}.site-brandmark-word{font-size:1.1rem;color:var(--text-primary)}.site-header-nav,.site-header-actions,.site-footer-menu{display:flex;align-items:center;gap:18px}.site-header-nav{margin-left:auto}.site-text-link,.site-footer-menu a{color:var(--text-secondary);font-weight:600}.site-header-link{color:var(--text-secondary);font-weight:400;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.site-header-link:hover,.site-header-link.is-active{color:var(--text-primary);text-decoration-color:currentColor}.site-header-dropdown{position:relative}.site-header-dropdown:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}.site-header-dropdown-toggle{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;cursor:pointer}.site-header-dropdown-toggle:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);transform-origin:center;opacity:.8}.site-header-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:8px;border:1px solid #d8deea;border-radius:12px;background:#fff;box-shadow:0 14px 32px #0f172a1f;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:20}.site-header-dropdown:hover .site-header-dropdown-menu,.site-header-dropdown:focus-within .site-header-dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.site-header-dropdown-link{display:block;border-radius:10px;padding:9px 10px;color:var(--text-secondary);font-weight:500;text-decoration:none}.site-header-dropdown-link:hover,.site-header-dropdown-link.is-active{background:#f8fafc;color:var(--text-primary)}.site-google-signin{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:0 14px;border:1px solid #d8deea;border-radius:12px;background:#fff;color:#1f2937;font-weight:600;line-height:1.1;white-space:nowrap;cursor:pointer}.site-google-signin:hover{border-color:#c2ccdd}.site-google-signin img{width:18px;height:18px}.site-account-menu{position:relative}.site-account-menu:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}.site-dashboard-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #d8deea;border-radius:12px;background:#fff;color:#1f2937;font-weight:600}.site-account-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;padding:8px;border:1px solid #d8deea;border-radius:12px;background:#fff;box-shadow:0 14px 32px #0f172a1f;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease}.site-account-menu:hover .site-account-dropdown,.site-account-menu:focus-within .site-account-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.site-account-dropdown button{width:100%;min-height:36px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#334155;font-weight:600}.site-mobile-menu-toggle,.site-mobile-menu,.site-mobile-menu-overlay{display:none}.site-mobile-menu-toggle{width:40px;height:40px;border:1px solid #d8deea;border-radius:12px;background:#fff;padding:10px 9px;cursor:pointer}.site-mobile-menu-toggle span{display:block;width:100%;height:2px;background:#0f172a;border-radius:2px}.site-mobile-menu-toggle span+span{margin-top:5px}.site-mobile-menu-overlay{position:fixed;inset:0;background:#02061773;z-index:220;opacity:0;transition:opacity .22s ease}.site-mobile-menu-overlay.is-open{opacity:1}.site-mobile-menu{position:fixed;top:0;right:0;width:min(88vw,360px);height:100dvh;background:#fff;z-index:230;transform:translate(100%);transition:transform .24s ease;display:flex;flex-direction:column;padding:16px;box-shadow:-18px 0 32px #0f172a29}.site-mobile-menu.is-open{transform:translate(0)}.site-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.site-mobile-menu-close{width:36px;height:36px;border:1px solid #d8deea;border-radius:12px;background:#fff;color:#334155;font-size:1.5rem;line-height:1;cursor:pointer}.site-mobile-menu-nav{display:grid;gap:6px}.site-mobile-link,.site-mobile-sub-link{display:block;padding:12px 10px;border-radius:12px;color:var(--text-secondary);font-weight:600;text-decoration:none}.site-mobile-link.is-active,.site-mobile-sub-link.is-active{color:var(--text-primary);background:#f8fafc}.site-mobile-accordion-toggle{width:100%;text-align:left;border:0;background:transparent;cursor:pointer;position:relative}.site-mobile-accordion-toggle:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-55%) rotate(45deg);transition:transform .18s ease}.site-mobile-accordion-toggle[aria-expanded=true]:after{transform:translateY(-35%) rotate(-135deg)}.site-mobile-accordion-panel{display:grid;gap:4px;padding:2px 0 6px 10px}.site-mobile-sub-link{font-weight:500}.site-mobile-menu-footer{margin-top:auto;display:grid;gap:10px;padding-top:16px;border-top:1px solid #e2e8f0}.site-mobile-signin{width:100%}.site-mobile-logout{width:100%;min-height:44px;border:1px solid #fecaca;border-radius:12px;background:#fff5f5;color:#dc2626;font-weight:700;cursor:pointer}.site-footer-shell{padding:48px 20px 64px}.site-footer-frame{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,80%) minmax(220px,1fr);align-items:flex-start;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;font-weight:300}.site-footer-menu{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px 20px;align-self:start;align-items:start}.site-footer-group{display:grid;align-content:start;align-items:start;align-self:start;gap:8px}.site-footer-contact{display:grid;gap:8px;justify-items:end;text-align:right;align-self:start}.site-footer-contact strong{color:var(--text-primary);font-size:.95rem;font-weight:300}.site-footer-contact a{color:var(--text-secondary);font-weight:300}.site-footer-menu a{font-weight:300}.site-footer-group-label{color:var(--text-primary);font-weight:600;font-size:.9rem;margin-bottom:2px}button,[type=button],[type=submit],[type=reset]{border-radius:12px}@media(max-width:900px){.site-header-nav{display:none}.site-header-actions{margin-left:auto}.site-header-actions>.site-google-signin,.site-header-actions>.site-account-menu{display:none}.site-mobile-menu-toggle,.site-mobile-menu,.site-mobile-menu-overlay{display:block}.site-footer-frame,.site-footer-menu{grid-template-columns:1fr}.site-footer-contact{justify-items:start;text-align:left}}.app-shell{display:grid;grid-template-columns:320px 1fr;height:100vh;overflow:hidden}.app-shell-with-header{height:calc(100vh - 56px)}.app-shell-free{grid-template-columns:1fr}.app-sidebar{background:#fff;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;padding:32px 24px}.app-sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.app-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-secondary);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.app-nav-item:hover{background:var(--panel-muted);color:var(--text-primary)}.app-nav-item.is-active{background:#4f46e514;color:var(--accent-blue)}.app-nav-icon{font-size:1.1rem;width:18px;display:inline-flex;justify-content:center}.app-sidebar-divider{height:1px;background:var(--line-soft);margin:16px 0}.app-sidebar-footer{margin-top:auto;padding-top:24px;border-top:1px solid var(--line-soft)}.app-sidebar-email-label{margin:0 0 6px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.app-sidebar-email{display:block;margin:0 0 14px;font-size:.92rem;line-height:1.45;color:var(--text-primary);word-break:break-word}.app-sidebar-logout{width:100%;min-height:40px;border:1px solid #fecaca;border-radius:12px;background:#fff1f2;color:#b91c1c;font:inherit;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.app-sidebar-logout:hover{background:#ffe4e6;border-color:#fda4af;color:#9f1239}.user-profile-mini{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:10px;background:var(--accent-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:.8rem}.user-info{display:flex;flex-direction:column}.user-info strong{font-size:.9rem;color:var(--text-primary)}.user-info small{font-size:.75rem;color:var(--text-secondary)}.app-main{height:100vh;overflow-y:auto;background:var(--page-background)}.app-main-with-header{height:calc(100vh - 56px)}@media(max-width:1024px){.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}}