@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--scrollbar-thumb:#ffffff1f;--scrollbar-thumb-hover:#ffffff38;--orb-main-color:#22d3ee38;--orb-secondary-color:#22d3ee1a;--ghost-btn-bg:#ffffff17;--ghost-btn-border:#ffffff26;--ghost-btn-color:#ffffffbf;--ghost-btn-hover-bg:#ffffff24;--ghost-btn-hover-border:#ffffff40;--focus-border:#22d3ee;--focus-bg:#22d3ee26;--focus-ring:#22d3ee1a;--selection-bg:#22d3ee38;--selection-color:#fff;--tool-open-color:#22d3ee;--icon-box-bg:#22d3ee1a;--icon-box-border:#22d3ee33;--icon-color:#22d3ee;--nav-active-text:#22d3ee;--nav-active-bg:#22d3ee38;--nav-active-border:#22d3ee61;--badge-bg:#22d3ee2e;--badge-color:#22d3ee;--bg:#050505;--bg-mid:#0a0f10;--bg-card:#ffffff14;--bg-card2:#ffffff0d;--bg-input:#ffffff12;--bg-sidebar:#0a0a0a;--border:#ffffff24;--border2:#ffffff12;--border-input:#ffffff1f;--border-sidebar:#ffffff0f;--text:#fff;--text-strong:#fff;--text-muted:#ffffffbf;--text-dim:#ffffff8c;--text-dimmer:#ffffff73;--text-ghost:#ffffff59;--accent:#22d3ee;--accent-rgb:34, 211, 238;--accent-dim:#22d3ee26;--accent-glow:#22d3ee38;--accent-border:#22d3ee61;--shadow-sm:0 1px 4px #000000b3;--shadow-md:0 4px 24px #0009;--shadow-lg:0 12px 48px #000000bf;--header-bg:#00000040;--header-border:#ffffff0f;--header-text:#fff;--logo-filter:none}[data-theme=light]{--bg:#f5f5f4;--bg-mid:#ececeb;--bg-card:#fff;--bg-card2:#fafaf9;--bg-input:#fff;--bg-sidebar:#f0f0ef;--border:#d4d4d4;--border2:#e5e5e5;--border-input:#ccc;--border-sidebar:#d4d4d4;--text:#0a0a0a;--text-strong:#000;--text-muted:#1a1a1a;--text-dim:#2d2d2d;--text-dimmer:#4b4b4b;--text-ghost:#6b6b6b;--accent:#0284c7;--accent-rgb:2, 132, 199;--accent-dim:#0284c714;--accent-glow:#0284c726;--accent-border:#0284c759;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 12px 48px #00000029;--header-bg:#f5f5f4e6;--header-border:#d4d4d4;--header-text:#171717;--sidebar-bg:#f0f0ef;--topbar-bg:#f0f0ef;--card-bg:#fff;--input-bg:#fff;--hover-bg:#e5e5e5;--accent-bg:#eff6ff;--icon-box-bg:#0284c714;--icon-box-border:#0284c726;--icon-color:#0284c7;--nav-active-text:#0284c7;--nav-active-bg:#0284c71a;--nav-active-border:#0284c740;--badge-bg:#0284c71a;--badge-color:#0284c7;--accent-text:#fff;--scrollbar-thumb:#0000002e;--scrollbar-thumb-hover:#0000004d;--orb-main-color:#0284c70f;--orb-secondary-color:#0284c708;--ghost-btn-bg:#0000000f;--ghost-btn-border:#00000026;--ghost-btn-color:#374151;--ghost-btn-hover-bg:#0000001a;--ghost-btn-hover-border:#00000040;--focus-border:#0284c7;--focus-bg:#0284c714;--focus-ring:#0284c71a;--selection-bg:#0284c72e;--selection-color:#1c1917;--tool-open-color:#0284c7;--logo-filter:invert(1)}body{background:var(--bg);background-image:linear-gradient(135deg, var(--bg) 0%, var(--bg-mid) 50%, var(--bg) 100%);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;transition:background .15s,color .15s}::selection{background:var(--selection-bg);color:var(--selection-color)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.glass-card{z-index:1;position:relative;background:var(--bg-card)!important;-webkit-backdrop-filter:blur(22px)!important;border:1px solid var(--border)!important;border-radius:18px!important}.foi-glass{z-index:1;position:relative;-webkit-backdrop-filter:blur(22px)!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes orbFloat{0%,to{opacity:.8;transform:scale(1)translateY(0)}50%{opacity:1;transform:scale(1.04)translateY(-8px)}}.foi-fade-up{animation:.3s both fadeUp}.foi-fade-in{animation:.2s both fadeIn}.foi-scale-in{animation:.25s both scaleIn}.foi-slide-left{animation:.25s both slideInLeft}input,select,textarea{outline:none;font-family:Plus Jakarta Sans,system-ui,sans-serif;transition:border-color .15s,background .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--focus-border)!important;background:var(--focus-bg)!important;box-shadow:0 0 0 3px var(--focus-ring)!important}.foi-tool-card{will-change:transform;background:var(--bg-card)!important;-webkit-backdrop-filter:blur(22px)!important;border:1px solid var(--border)!important;border-radius:18px!important;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s!important}.foi-tool-card:hover{background:var(--bg-card2)!important;border-color:var(--accent-border)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)!important}.foi-tool-card .foi-tool-open{color:var(--tool-open-color)!important}.foi-btn-primary{color:#fff;cursor:pointer;background:#22d3ee;border:none;border-radius:100px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:700;transition:opacity .15s,box-shadow .15s}.foi-btn-primary:hover{opacity:.9;box-shadow:0 4px 20px #22d3ee59}.foi-btn-ghost{background:var(--ghost-btn-bg);border:1px solid var(--ghost-btn-border);color:var(--ghost-btn-color);cursor:pointer;border-radius:100px;font-weight:600;transition:background .15s,border-color .15s}.foi-btn-ghost:hover{background:var(--ghost-btn-hover-bg);border-color:var(--ghost-btn-hover-border)}.foi-orb{pointer-events:none;z-index:0;border-radius:50%;position:fixed}.foi-orb-main{background:radial-gradient(circle, var(--orb-main-color), transparent 68%);width:460px;height:460px;top:-100px;right:4%}.foi-orb-secondary{background:radial-gradient(circle, var(--orb-secondary-color), transparent 70%);width:380px;height:380px;bottom:-80px;left:15%}.dashboard-sidebar{flex-direction:column;flex-shrink:0;transition:background .15s,border-color .15s;display:flex;background:var(--bg-sidebar)!important;border-right:1px solid var(--border-sidebar)!important;width:222px!important;min-width:222px!important}.sidebar-overlay{z-index:499;-webkit-backdrop-filter:blur(3px);background:#000000bf;animation:.2s fadeIn;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.foi-header-right{display:flex}.foi-hamburger{display:none!important}.mobile-menu-btn{display:none}@media (max-width:768px){.dashboard-sidebar{display:none!important}.foi-hamburger{display:flex!important}.dashboard-main{margin-left:0!important;padding:12px!important}.tool-cards-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.metrics-row{flex-wrap:wrap!important;gap:8px!important}.metric-card{flex:calc(50% - 8px)!important;min-width:0!important}.category-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.foi-header-right{display:none!important}.dashboard-sidebar.mobile-open{z-index:500!important;border-right:1px solid #ffffff0f!important;width:280px!important;height:100vh!important;animation:.22s slideInLeft!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important}.mobile-menu-btn{display:block!important}.dash-home{padding:20px 16px 12px!important}.dash-greeting-row{flex-direction:column!important;gap:12px!important}.dash-search-btn{width:100%!important;min-width:0!important;max-width:100%!important}.dash-recent-grid{grid-template-columns:repeat(2,1fr)!important}.dash-quick-grid{grid-template-columns:repeat(4,1fr)!important}.dash-browse-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.dash-browse-bar-right{margin-left:0!important}.dash-content-row,.dash-stats-grid{grid-template-columns:1fr!important}.search-modal-inner{border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;top:0!important;left:0!important;transform:none!important}}@media (max-width:480px){.tool-cards-grid{grid-template-columns:1fr!important}.metric-card{flex:100%!important}.dash-quick-grid{grid-template-columns:repeat(3,1fr)!important}.dash-recent-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.tool-form-grid{grid-template-columns:1fr!important}.tool-page-content{padding:12px!important}.tool-button-row{flex-direction:column!important}}@media (max-width:768px){.pricing-cards-grid{grid-template-columns:1fr!important;max-width:480px!important;margin-left:auto!important;margin-right:auto!important}.mobile-only-actions{display:block!important}}.mobile-only-actions{display:none}html,body{max-width:100vw;overflow-x:hidden}@media (max-width:768px){.tool-page-content{overflow-x:hidden;padding:12px!important}select,input,textarea{box-sizing:border-box!important;max-width:100%!important}.landing-stats-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px!important;padding-bottom:8px!important;display:flex!important;overflow:auto hidden!important}.landing-stats-grid>*{scroll-snap-align:start;flex:none!important;min-width:140px!important}.landing-steps-grid,.landing-cta-pair,.roi-inputs-grid{grid-template-columns:1fr!important}.landing-section-pad{padding-top:32px!important;padding-bottom:32px!important}[style*=minmax\(300px],.tool-form-grid,[style*="repeat(3, 1fr)"],[style*="repeat(3,1fr)"]{grid-template-columns:1fr!important}[style*="repeat(4, 1fr)"],[style*="repeat(4,1fr)"],[style*="repeat(5, 1fr)"],[style*="repeat(5,1fr)"],[style*="repeat(6, 1fr)"],[style*="repeat(6,1fr)"]{grid-template-columns:repeat(2,1fr)!important}[style*=minmax\(200px],[style*=minmax\(220px],[style*=minmax\(240px],[style*=minmax\(260px],[style*=minmax\(280px]{grid-template-columns:1fr!important}nav{padding:0 16px!important}}@media (max-width:480px){.landing-stats-grid>*{min-width:120px!important}[style*="repeat(4, 1fr)"],[style*="repeat(4,1fr)"],[style*="repeat(2, 1fr)"],[style*="repeat(2,1fr)"],[style*="repeat(3, 1fr)"],[style*="repeat(3,1fr)"]{grid-template-columns:1fr!important}}
