*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}img,picture,video,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font:inherit}ul,ol{list-style:none}:root{--ease-showcase: cubic-bezier(.23, 1, .32, 1);--ease-showcase-in-out: cubic-bezier(.77, 0, .175, 1);--duration-fast: .16s;--duration-normal: .25s;--duration-slow: .4s}.reveal{opacity:0;transform:translateY(var(--reveal-y, 12px));transition:opacity var(--reveal-duration, .5s) var(--ease-showcase),transform var(--reveal-duration, .5s) var(--ease-showcase);transition-delay:var(--reveal-delay, 0s)}.revealed{opacity:1;transform:translateY(0)}.reveal-clip{opacity:0;clip-path:inset(0 0 8% 0);transition:opacity var(--reveal-duration, .6s) var(--ease-showcase),clip-path var(--reveal-duration, .6s) var(--ease-showcase);transition-delay:var(--reveal-delay, 0s)}.reveal-clip.revealed{opacity:1;clip-path:inset(0 0 0 0)}.showcase-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform var(--duration-fast) var(--ease-showcase),background-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease}.showcase-btn:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.showcase-btn:hover{transform:translateY(-2px)}.showcase-btn:active{transform:scale(.97)}}:focus-visible{outline:2px solid var(--color-accent, #2563EB);outline-offset:2px}@media(prefers-reduced-motion:reduce){.reveal,.reveal-clip{opacity:1;transform:none;clip-path:none;transition:none}.showcase-btn{transition:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media not (hover:hover){.hover-only{display:none}}.showcase-container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(min-width:640px){.showcase-container{padding-left:2.5rem;padding-right:2.5rem}}@media(min-width:1024px){.showcase-container{padding-left:4rem;padding-right:4rem}}.showcase-input{display:block;width:100%;padding:.75rem 1rem;border:1px solid var(--color-border, #E2E8F0);border-radius:.5rem;background-color:var(--color-surface, #FFFFFF);color:var(--color-text, #0F172A);font-size:1rem;line-height:1.5;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.showcase-input:focus{outline:none;border-color:var(--color-accent, #2563EB);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent, #2563EB) 15%,transparent)}.showcase-input::placeholder{color:var(--color-text-muted, #94A3B8)}.showcase-label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--color-text, #0F172A)}.demo-message{display:none;margin-top:1rem;padding:1rem 1.25rem;border-radius:.5rem;background-color:color-mix(in srgb,var(--color-accent, #2563EB) 8%,white);border:1px solid color-mix(in srgb,var(--color-accent, #2563EB) 20%,transparent);text-align:center;font-size:.9375rem;line-height:1.6;color:var(--color-text, #0F172A)}.demo-message a{color:var(--color-accent, #2563EB);font-weight:500;text-decoration:underline;text-underline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--color-blue: #2563EB;--color-blue-dark: #1D4ED8;--color-blue-light: #DBEAFE;--color-blue-lighter: #EFF6FF;--color-blue-50: #EFF6FF;--color-blue-200: #BFDBFE;--color-blue-500: #3B82F6;--color-blue-800: #1E40AF;--color-blue-900: #1E3A8A;--color-green: #059669;--color-amber: #F59E0B;--color-red: #EF4444;--color-purple: #7C3AED;--color-teal: #0D9488;--color-bg: #FFFFFF;--color-alt: #F8FAFC;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-surface: #FFFFFF;--color-accent: var(--color-blue);--color-overlay: rgba(15, 23, 42, .4);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .1);--shadow-glow-blue: 0 0 40px rgba(37, 99, 235, .15);--gradient-blue: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);--gradient-cta: linear-gradient(135deg, #1E40AF 0%, #2563EB 50%, #3B82F6 100%);--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--duration-fast: .1s;--duration-normal: .15s}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.15;color:var(--color-text)}.saas-label{font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-blue);text-align:center;margin-bottom:.625rem}.saas-nav{position:sticky;top:0;z-index:100;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);padding:0 1.5rem;transition:border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.saas-nav.scrolled{border-bottom-color:var(--color-border-strong);box-shadow:0 1px 8px #0f172a0a}.saas-nav.scrolled .saas-nav-inner{height:52px}.saas-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px;gap:1.5rem;transition:height var(--duration-normal) ease}.saas-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-text);white-space:nowrap}.saas-logo-dot{width:10px;height:10px;background-color:var(--color-blue);border-radius:50%;flex-shrink:0;animation:saas-pulse-once 1.5s var(--ease-showcase) .5s 1}@keyframes saas-pulse-once{0%,to{transform:scale(1)}50%{transform:scale(1.4);opacity:.7}}.saas-nav-links{display:none;gap:1.75rem;align-items:center}@media(min-width:768px){.saas-nav-links{display:flex}}.saas-nav-link{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:color var(--duration-fast) ease;position:relative}.saas-nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--color-blue);transition:width var(--duration-normal) var(--ease-showcase)}@media(hover:hover)and (pointer:fine){.saas-nav-link:hover{color:var(--color-blue)}.saas-nav-link:hover:after{width:100%}}.saas-nav-actions{display:flex;align-items:center;gap:1rem}.saas-nav-login{display:none;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:color var(--duration-fast) ease}@media(min-width:640px){.saas-nav-login{display:inline}}@media(hover:hover)and (pointer:fine){.saas-nav-login:hover{color:var(--color-text)}}.saas-nav-cta{padding:.4375rem 1.125rem;background-color:var(--color-blue);color:#fff;font-size:.8125rem;font-weight:600;border-radius:.375rem;white-space:nowrap;transition:background-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease}@media(hover:hover)and (pointer:fine){.saas-nav-cta:hover{background-color:var(--color-blue-dark);box-shadow:0 0 16px #2563eb4d}}.saas-nav-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;cursor:pointer}@media(min-width:768px){.saas-nav-hamburger{display:none}.saas-nav-cta{display:inline-flex}}@media(max-width:767px){.saas-nav-cta{display:none}}.saas-hamburger-line{display:block;width:20px;height:2px;background-color:var(--color-blue);border-radius:1px;transition:transform var(--duration-normal) var(--ease-showcase),opacity var(--duration-fast) ease}.saas-nav-hamburger--open .saas-hamburger-line:first-child{transform:translateY(3.5px) rotate(45deg)}.saas-nav-hamburger--open .saas-hamburger-line:last-child{transform:translateY(-3.5px) rotate(-45deg)}.saas-mobile-menu{position:fixed;inset:0;z-index:99;background:var(--color-overlay);display:flex;justify-content:flex-end;overflow:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease}.saas-mobile-menu[aria-hidden=false]{opacity:1;pointer-events:auto}.saas-mobile-menu-inner{width:280px;max-width:85vw;background:var(--color-bg);border-left:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:space-between;padding:5rem 1.5rem 2rem;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-showcase)}.saas-mobile-menu[aria-hidden=false] .saas-mobile-menu-inner{transform:translate(0)}.saas-mobile-menu-links{display:flex;flex-direction:column;gap:0}.saas-mobile-link{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-text);padding:1rem 0;border-bottom:1px solid var(--color-border);display:block}.saas-mobile-link:first-child{border-top:1px solid var(--color-border)}.saas-mobile-menu-footer{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.saas-mobile-cta{padding:.75rem 1.5rem;background-color:var(--color-blue);color:#fff;font-size:.9375rem;font-weight:600;border-radius:.375rem;width:100%;text-align:center}.saas-mobile-menu-contact{font-size:.8125rem;color:var(--color-text-muted)}.saas-hero{padding:7rem 0 5rem;text-align:center;position:relative;overflow:visible;background:linear-gradient(180deg,#0b1120,#111b33,#1e3a5f);color:#fff}.saas-hero:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(37,99,235,.35) 0%,rgba(59,130,246,.1) 40%,transparent 70%);pointer-events:none;z-index:0}.saas-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.saas-hero .showcase-container{position:relative;z-index:1}.saas-hero-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:#ffffffb3;background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:.375rem .875rem;border-radius:100px;margin-bottom:1.5rem}.saas-hero-badge svg{width:12px;height:12px;color:var(--color-amber)}.saas-hero h1{font-size:clamp(2.5rem,1.5rem + 5vw,4rem);margin-bottom:1.25rem;max-width:42rem;margin-left:auto;margin-right:auto;letter-spacing:-.03em;line-height:1.1;color:#fff}.saas-hero-sub{font-size:1.125rem;color:#fff9;max-width:32rem;margin:0 auto 2.25rem;line-height:1.6}.saas-hero-br{display:none}@media(min-width:768px){.saas-hero-br{display:inline}}.saas-hero-note{font-size:.8125rem;color:#fff6}.saas-hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.saas-hero-primary{padding:.875rem 2rem;background-color:#fff;color:var(--color-blue);font-size:.9375rem;font-weight:600;border-radius:.5rem;transition:background-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease,transform .16s cubic-bezier(.23,1,.32,1);box-shadow:0 0 30px #3b82f633}@media(hover:hover)and (pointer:fine){.saas-hero-primary:hover{background-color:#f0f4ff;box-shadow:0 0 40px #3b82f659}}.saas-mockup{max-width:820px;margin:0 auto;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;box-shadow:0 0 60px 10px #3b82f626,0 0 0 1px #ffffff0f;overflow:hidden;background:var(--color-bg);position:relative}.saas-mockup-bar{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.saas-mockup-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-border)}.saas-mockup-bar-title{font-size:.6875rem;color:var(--color-text-muted);margin-left:.5rem;font-weight:500}.saas-mockup-bar-actions{margin-left:auto;display:flex;gap:.625rem;align-items:center}.saas-mockup-bar-icon{width:14px;height:14px;color:var(--color-text-muted)}.saas-mockup-bar-avatar{width:18px;height:18px;border-radius:50%;background:var(--color-blue-light);border:1.5px solid var(--color-blue-200)}.saas-mockup-body{display:grid;grid-template-columns:160px 1fr;min-height:280px}@media(max-width:767px){.saas-mockup-body{grid-template-columns:1fr}.saas-mockup-sidebar{display:none}}.saas-mockup-sidebar{border-right:1px solid var(--color-border);padding:.75rem;background:var(--color-bg);display:flex;flex-direction:column;gap:.25rem}.saas-mockup-sidebar-header{display:flex;gap:.375rem;align-items:center;padding-bottom:.625rem;border-bottom:1px solid var(--color-border);margin-bottom:.375rem}.saas-mockup-project-dot{width:6px;height:6px;border-radius:50%;background:var(--color-blue);flex-shrink:0}.saas-mockup-project-name{font-size:.6875rem;font-weight:600;color:var(--color-text)}.saas-mockup-nav-item{display:flex;align-items:center;gap:.375rem;font-size:.625rem;color:var(--color-text-muted);padding:.3rem .5rem;border-radius:.25rem;font-weight:400}.saas-mockup-nav-item.active{background:var(--color-blue-lighter);color:var(--color-blue);font-weight:500}.saas-mockup-nav-icon{width:12px;height:12px;flex-shrink:0}.saas-mockup-content{display:flex;flex-direction:column}.saas-mockup-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.saas-mockup-breadcrumb{font-size:.5625rem;color:var(--color-text-muted);font-weight:400}.saas-mockup-search{display:flex;align-items:center;gap:.25rem;font-size:.5625rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:.25rem;padding:.2rem .5rem}.saas-mockup-search-icon{width:10px;height:10px}.saas-mockup-kanban{display:flex;gap:.5rem;padding:.625rem;flex:1;overflow:hidden}.saas-mockup-kanban-col{flex:1;display:flex;flex-direction:column;gap:.375rem;min-width:0}.saas-mockup-kanban-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.375rem}.saas-mockup-kanban-title{font-size:.5rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.saas-mockup-kanban-count{font-size:.5rem;color:var(--color-text-muted);background:var(--color-alt);border-radius:100px;padding:.05rem .3rem;font-weight:500}.saas-mockup-task-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:.25rem;padding:.375rem .5rem;display:flex;flex-direction:column;gap:.15rem}.saas-mockup-task-priority{width:20px;height:3px;border-radius:2px}.saas-mockup-task-title{font-size:.5rem;color:var(--color-text);line-height:1.3;font-weight:500}.saas-mockup-task-meta{display:flex;align-items:center;justify-content:space-between}.saas-mockup-task-avatar{width:6px;height:6px;border-radius:50%}.saas-mockup-task-date{font-size:.4375rem;color:var(--color-text-muted)}@media(max-width:480px){.saas-mockup-kanban-col:nth-child(3){display:none}}.saas-section{padding:5rem 0}.saas-section--alt{background-color:var(--color-alt)}.saas-section--dark{background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff}.saas-section--dark .saas-section-title{color:#fff}.saas-section--dark .saas-case-card{background:#ffffff0f;border-color:#ffffff1a}.saas-section--dark .saas-case-industry{background:#3b82f633;color:#93c5fd}.saas-section--dark .saas-case-company{color:#fff}.saas-section--dark .saas-case-desc{color:#fff9}.saas-section--dark .saas-case-metric-value{color:#93c5fd}.saas-section--dark .saas-case-metric-label{color:#ffffff73}.saas-section-title{font-size:clamp(1.5rem,1rem + 2vw,2.25rem);text-align:center;margin-bottom:.75rem;letter-spacing:-.01em}.saas-section-title--left{text-align:left;max-width:none}.saas-section-subtitle{text-align:center;color:var(--color-text-secondary);font-size:1rem;max-width:30rem;margin:0 auto 3rem;line-height:1.6}.saas-section-subtitle--left{text-align:left;margin-left:0}.saas-logos{padding:3rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:center}.saas-logos-label{font-size:.8125rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.5rem}.saas-logos-row{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap}.saas-logos-item{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-text-muted);opacity:.7;letter-spacing:-.01em;white-space:nowrap;display:inline-flex;align-items:center;gap:.375rem}.saas-logos-icon{width:14px;height:14px}.saas-logo-technova{font-weight:700;letter-spacing:-.02em}.saas-logo-datapulse{font-weight:800;font-style:italic}.saas-logo-meridian{font-weight:300;letter-spacing:.15em;text-transform:uppercase;font-size:.875rem}.saas-logo-altus{font-weight:800;letter-spacing:-.04em;font-size:1.0625rem;text-transform:uppercase}.saas-logo-cloudsync{font-weight:500;letter-spacing:.02em}.saas-tabs-bar{display:flex;gap:0;justify-content:center;border-bottom:1px solid var(--color-border);margin-bottom:2.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.saas-tabs-bar::-webkit-scrollbar{display:none}.saas-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-family:var(--font-heading);font-size:.875rem;font-weight:500;color:var(--color-text-muted);border-bottom:2px solid transparent;white-space:nowrap;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease;cursor:pointer}@media(max-width:639px){.saas-tabs-bar{padding-left:.5rem}.saas-tab{padding:.75rem;font-size:.8125rem}.saas-tab-icon{display:none}}.saas-tab--active{color:var(--color-blue);border-bottom-color:var(--color-blue);font-weight:600}.saas-tab-icon{width:20px;height:20px;flex-shrink:0}@media(hover:hover)and (pointer:fine){.saas-tab:hover{color:var(--color-text)}.saas-tab--active:hover{color:var(--color-blue)}}.saas-tab-panel{animation:saas-fade-in var(--duration-normal) ease}@keyframes saas-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.saas-tab-content{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media(min-width:768px){.saas-tab-content{grid-template-columns:1fr 1fr;gap:3rem}}.saas-tab-text h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.saas-tab-text>p{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.65;margin-bottom:1.25rem}.saas-tab-features{list-style:none;display:flex;flex-direction:column;gap:.625rem}.saas-tab-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.saas-check-icon{width:16px;height:16px;flex-shrink:0;color:var(--color-green);margin-top:2px}.saas-tab-illustration{display:flex;align-items:center;justify-content:center;min-height:240px;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-alt);padding:1.25rem;overflow:hidden}.saas-illus-kanban-v2{display:flex;gap:.5rem;width:100%}.saas-illus-kcol{flex:1;display:flex;flex-direction:column;gap:.375rem;min-width:0}.saas-illus-kcol-header{font-size:.5rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:.25rem;border-bottom:1px solid var(--color-border);margin-bottom:.125rem}.saas-illus-kcard{background:var(--color-bg);border:1px solid var(--color-border);border-radius:.25rem;padding:.3rem .4rem;display:flex;flex-direction:column;gap:.125rem}.saas-illus-kcard-bar{width:16px;height:2.5px;border-radius:2px}.saas-illus-kcard-line{height:4px;border-radius:2px;background:var(--color-border)}.saas-illus-kcard-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.0625rem}.saas-illus-kcard-dot{width:5px;height:5px;border-radius:50%}.saas-illus-kcard-date{font-size:.375rem;color:var(--color-text-muted)}.saas-illus-automation{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:260px}.saas-illus-rule-card{border:1px solid var(--color-border);border-radius:.5rem;padding:.625rem .75rem;background:var(--color-bg);text-align:left;width:100%}.saas-illus-rule-card--trigger{border-left:3px solid var(--color-blue)}.saas-illus-rule-card--condition{border-left:3px solid var(--color-amber)}.saas-illus-rule-card--action{border-left:3px solid var(--color-green)}.saas-illus-rule-label{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);display:block;margin-bottom:.125rem}.saas-illus-rule-text{font-size:.6875rem;color:var(--color-text);font-weight:500}.saas-illus-connector-arrow{width:2px;height:20px;background:var(--color-border);position:relative;margin:0 auto}.saas-illus-connector-arrow:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--color-border)}.saas-illus-dashboard{width:100%;display:flex;flex-direction:column;gap:.625rem}.saas-illus-stats-row{display:flex;gap:.375rem}.saas-illus-stat{flex:1;border:1px solid var(--color-border);border-radius:.375rem;padding:.5rem .375rem;background:var(--color-bg);text-align:center}.saas-illus-stat-value{font-family:var(--font-heading);font-size:.875rem;font-weight:700;color:var(--color-text);display:block;line-height:1}.saas-illus-stat-label{font-size:.4375rem;color:var(--color-text-muted);display:block;margin-top:.125rem}.saas-illus-charts-row{display:flex;gap:.375rem}.saas-illus-bar-chart{flex:1;border:1px solid var(--color-border);border-radius:.375rem;padding:.5rem;background:var(--color-bg);display:flex;align-items:flex-end;gap:.25rem;height:80px}.saas-illus-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.125rem}.saas-illus-bar-fill{width:100%;border-radius:.125rem .125rem 0 0;background:var(--color-blue-light)}.saas-illus-bar-fill--accent{background:var(--color-blue)}.saas-illus-bar-label{font-size:.375rem;color:var(--color-text-muted)}.saas-illus-line-chart{flex:1;border:1px solid var(--color-border);border-radius:.375rem;padding:.5rem;background:var(--color-bg);height:80px;display:flex;align-items:center;justify-content:center}.saas-illus-line-svg{width:100%;height:100%}.saas-illus-task-detail{width:100%;display:flex;flex-direction:column;gap:.5rem}.saas-illus-task-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.375rem;border-bottom:1px solid var(--color-border)}.saas-illus-task-name{font-size:.6875rem;font-weight:600;color:var(--color-text)}.saas-illus-task-status{font-size:.5rem;font-weight:600;color:var(--color-blue);background:var(--color-blue-lighter);padding:.125rem .375rem;border-radius:100px}.saas-illus-comments{display:flex;flex-direction:column;gap:.375rem}.saas-illus-comment{display:flex;gap:.375rem;align-items:flex-start}.saas-illus-comment--right{flex-direction:row-reverse}.saas-illus-comment-avatar{width:16px;height:16px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.375rem;font-weight:700;color:#fff}.saas-illus-comment-body{border:1px solid var(--color-border);border-radius:.375rem;padding:.3rem .5rem;background:var(--color-bg);max-width:75%}.saas-illus-comment--right .saas-illus-comment-body{background:var(--color-blue-lighter);border-color:var(--color-blue-200)}.saas-illus-comment-name{font-size:.4375rem;font-weight:600;color:var(--color-text);display:block}.saas-illus-comment-text{font-size:.5rem;color:var(--color-text-secondary);line-height:1.3}.saas-illus-comment-input{border:1px solid var(--color-border);border-radius:.375rem;padding:.3rem .5rem;font-size:.5rem;color:var(--color-text-muted);background:var(--color-bg);margin-top:.125rem}.saas-steps{display:grid;grid-template-columns:1fr;gap:2rem;max-width:800px;margin:0 auto}@media(min-width:768px){.saas-steps{grid-template-columns:repeat(3,1fr)}}.saas-step{text-align:center;padding:1.5rem 1rem}.saas-step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid var(--color-blue);border-radius:50%;font-family:var(--font-heading);font-size:.875rem;font-weight:700;color:var(--color-blue);margin-bottom:1rem}.saas-step h3{font-size:1.0625rem;font-weight:600;margin-bottom:.375rem}.saas-step p{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}.saas-metrics{padding:3rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.saas-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;text-align:center}@media(min-width:768px){.saas-metrics-grid{grid-template-columns:repeat(4,1fr)}}.saas-metric{display:flex;flex-direction:column;gap:.25rem}.saas-metric-value{font-family:var(--font-heading);font-size:clamp(1.75rem,1.25rem + 2vw,2.5rem);font-weight:700;color:var(--color-blue);line-height:1}.saas-metric-label{font-size:.8125rem;color:var(--color-text-muted);font-weight:500}.saas-section--integrations{padding:4rem 0}.saas-integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:800px;margin:0 auto}@media(min-width:640px){.saas-integrations-grid{grid-template-columns:repeat(4,1fr)}}.saas-integration-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg);text-align:center;box-shadow:0 2px 12px #00000014;transition:border-color var(--duration-normal) ease,transform var(--duration-normal) var(--ease-showcase),box-shadow var(--duration-normal) ease}@media(hover:hover)and (pointer:fine){.saas-integration-card:hover{border-color:#2563eb4d;transform:translateY(-4px);box-shadow:0 8px 24px #2563eb1f}}.saas-integration-icon{width:40px;height:40px;color:var(--color-blue)}.saas-integration-card span{font-size:.8125rem;font-weight:500;color:var(--color-text)}.saas-integrations-note{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--color-text-muted);font-weight:500}.saas-trust-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin:0 auto}@media(min-width:640px){.saas-trust-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.saas-trust-grid{grid-template-columns:repeat(4,1fr)}}.saas-section--security{background:linear-gradient(180deg,#f0f4ff,#f8fafc)}.saas-trust-card{border:1px solid rgba(37,99,235,.1);border-radius:.75rem;padding:1.75rem 1.25rem;text-align:center;background:#fff;box-shadow:0 1px 3px #0000000a;transition:border-color var(--duration-normal) ease,transform var(--duration-normal) var(--ease-showcase),box-shadow var(--duration-normal) ease}@media(hover:hover)and (pointer:fine){.saas-trust-card:hover{border-color:var(--color-blue);transform:translateY(-4px);box-shadow:var(--shadow-md)}}.saas-trust-icon{width:40px;height:40px;margin:0 auto 1rem;color:var(--color-blue)}.saas-trust-card h3{font-size:.9375rem;font-weight:600;margin-bottom:.375rem}.saas-trust-card p{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}.saas-pricing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2.5rem}.saas-pricing-toggle-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.saas-pricing-toggle{position:relative;width:48px;height:26px;background-color:var(--color-border);border-radius:100px;cursor:pointer;transition:background-color var(--duration-normal) ease}.saas-pricing-toggle[aria-checked=true]{background-color:var(--color-blue)}.saas-pricing-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--duration-normal) var(--ease-showcase);pointer-events:none}.saas-pricing-toggle[aria-checked=true] .saas-pricing-toggle-knob{transform:translate(22px)}.saas-pricing-badge{font-size:.6875rem;font-weight:600;color:var(--color-green);background:color-mix(in srgb,var(--color-green) 10%,transparent);padding:.25rem .625rem;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.saas-pricing{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin:0 auto}@media(min-width:768px){.saas-pricing{grid-template-columns:repeat(3,1fr);align-items:start}}.saas-price-card{border:1px solid var(--color-border);border-radius:.75rem;padding:2rem 1.5rem;display:flex;flex-direction:column;background:var(--color-bg);transition:transform var(--duration-normal) var(--ease-showcase),box-shadow var(--duration-normal) ease}@media(hover:hover)and (pointer:fine){.saas-price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}}.saas-price-card--featured{border-color:var(--color-blue);position:relative;box-shadow:var(--shadow-lg);background:linear-gradient(180deg,var(--color-blue-50) 0%,var(--color-bg) 40%)}@media(min-width:768px){.saas-price-card--featured{transform:scale(1.05);z-index:1}.saas-price-card--featured:hover{transform:scale(1.05) translateY(-4px)}}.saas-price-badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);padding:.25rem .875rem;background:var(--gradient-blue);color:#fff;font-size:.6875rem;font-weight:600;border-radius:100px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.saas-price-name{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.saas-price-amount{font-family:var(--font-heading);font-size:2.25rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem;line-height:1}.saas-price-suffix{font-size:1rem;font-weight:400;color:var(--color-text-muted)}.saas-price-period{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:1.5rem}.saas-price-features{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.5rem;flex:1}.saas-price-feature{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.saas-price-check{width:16px;height:16px;flex-shrink:0;color:var(--color-green);margin-top:1px}.saas-price-btn{padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:.375rem;text-align:center;border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg);transition:border-color var(--duration-normal) ease,background-color var(--duration-normal) ease,transform var(--duration-normal) var(--ease-showcase)}@media(hover:hover)and (pointer:fine){.saas-price-btn:hover{border-color:var(--color-blue);color:var(--color-blue)}}.saas-price-btn--primary{background-color:var(--color-blue);border-color:var(--color-blue);color:#fff;transition:background-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease}@media(hover:hover)and (pointer:fine){.saas-price-btn--primary:hover{background-color:var(--color-blue-dark);border-color:var(--color-blue-dark);color:#fff;box-shadow:0 0 16px #2563eb40}}.saas-section--testimonials{padding:4rem 0}.saas-testimonials{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1000px;margin:0 auto}@media(min-width:640px){.saas-testimonials{grid-template-columns:repeat(2,1fr)}}.saas-testimonial{border:1px solid var(--color-border);border-radius:.75rem;padding:1.75rem;box-shadow:0 1px 3px #0000000a;transition:transform var(--duration-normal) var(--ease-showcase),box-shadow var(--duration-normal) ease}@media(hover:hover)and (pointer:fine){.saas-testimonial:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}}.saas-testimonial-stars{display:flex;gap:.125rem;margin-bottom:1rem}.saas-testimonial-stars svg{width:14px;height:14px;color:var(--color-amber)}.saas-testimonial-quote{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.65;margin-bottom:1.25rem;font-style:italic}.saas-testimonial-author{display:flex;align-items:center;gap:.75rem}.saas-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-blue-light);color:var(--color-blue);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.875rem;font-weight:600;flex-shrink:0}.saas-avatar--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.saas-avatar--teal{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.saas-avatar--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.saas-testimonial-name{font-size:.875rem;font-weight:500;color:var(--color-text)}.saas-testimonial-company{font-size:.8125rem;color:var(--color-text-muted)}.saas-testimonial-metric{display:flex;align-items:baseline;gap:.5rem;padding:.625rem .875rem;background:var(--color-blue-light);border-radius:.5rem;margin-bottom:1rem}.saas-testimonial-metric-value{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-blue)}.saas-testimonial-metric-label{font-size:.8125rem;color:var(--color-text-secondary)}.saas-avatar--green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.saas-section--comparison{padding:4rem 0}.saas-comparison-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.saas-comparison-table{width:100%;border-collapse:collapse;min-width:600px;font-size:.9375rem}.saas-comparison-table thead{position:sticky;top:0;z-index:1}.saas-comparison-table th{padding:1rem 1.25rem;text-align:center;font-family:var(--font-heading);font-weight:600;font-size:.875rem;color:var(--color-text-secondary);background:var(--color-alt);border-bottom:2px solid var(--color-border)}.saas-comparison-feature-col{text-align:left!important;min-width:180px}.saas-comparison-table td{padding:.875rem 1.25rem;text-align:center;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-secondary);transition:background var(--duration-fast) ease}.saas-comparison-table td:first-child{text-align:left;font-weight:500;color:var(--color-text)}.saas-comparison-featured{background:#2563eb0a}@media(hover:hover)and (pointer:fine){.saas-comparison-table tbody tr:hover td{background:var(--color-alt)}.saas-comparison-table tbody tr:hover td.saas-comparison-featured{background:#2563eb14}}.saas-comparison-check{width:18px;height:18px;color:var(--color-green);display:inline-block;vertical-align:middle}.saas-comparison-x{width:14px;height:14px;color:var(--color-text-muted);display:inline-block;vertical-align:middle;opacity:.4}.saas-cases-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.saas-cases-grid{grid-template-columns:repeat(3,1fr)}}.saas-case-card{border:1px solid var(--color-border);border-radius:.75rem;padding:1.75rem;transition:transform var(--duration-normal) var(--ease-showcase),box-shadow var(--duration-normal) ease}@media(hover:hover)and (pointer:fine){.saas-case-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.saas-case-industry{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-blue);background:var(--color-blue-light);padding:.25rem .625rem;border-radius:100px;margin-bottom:.875rem}.saas-case-company{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:.625rem}.saas-case-desc{font-size:.875rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:1.25rem}.saas-case-metrics{display:flex;gap:1.5rem}.saas-case-metric{display:flex;flex-direction:column}.saas-case-metric-value{font-family:var(--font-heading);font-weight:700;font-size:1.375rem;color:var(--color-blue);font-variant-numeric:tabular-nums}.saas-case-metric-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.125rem}.saas-team-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin:0 auto}@media(min-width:640px){.saas-team-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.saas-team-grid{grid-template-columns:repeat(4,1fr)}}.saas-team-card{text-align:center;padding:1.5rem 1rem;border:1px solid var(--color-border);border-radius:.75rem;transition:transform var(--duration-normal) var(--ease-showcase),box-shadow var(--duration-normal) ease}@media(hover:hover)and (pointer:fine){.saas-team-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.saas-team-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1rem;font-weight:600;margin:0 auto 1rem}.saas-team-name{font-family:var(--font-heading);font-weight:600;font-size:.9375rem;color:var(--color-text);margin-bottom:.25rem}.saas-team-role{font-size:.8125rem;color:var(--color-blue);font-weight:500;margin-bottom:.75rem}.saas-team-bio{font-size:.8125rem;line-height:1.55;color:var(--color-text-secondary)}.saas-section--faq{padding:4rem 0}.saas-faq{max-width:700px;margin:0 auto}.saas-faq-item{border-bottom:1px solid var(--color-border)}.saas-faq-item:first-child{border-top:1px solid var(--color-border)}.saas-faq-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem 0;font-family:var(--font-heading);font-size:.9375rem;font-weight:600;color:var(--color-text);text-align:left;cursor:pointer;gap:1rem;transition:color var(--duration-fast) ease}.saas-faq-trigger[aria-expanded=true]{color:var(--color-blue)}.saas-faq-chevron{width:20px;height:20px;flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-normal) var(--ease-showcase)}.saas-faq-trigger[aria-expanded=true] .saas-faq-chevron{transform:rotate(180deg)}.saas-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.23,1,.32,1)}.saas-faq-trigger[aria-expanded=true]+.saas-faq-answer{grid-template-rows:1fr}.saas-faq-answer>p{overflow:hidden;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.65;padding-bottom:0;transition:padding-bottom .25s cubic-bezier(.23,1,.32,1)}.saas-faq-trigger[aria-expanded=true]+.saas-faq-answer>p{padding-bottom:1.25rem}@media(hover:hover)and (pointer:fine){.saas-faq-trigger:hover{color:var(--color-blue)}}.saas-cta{padding:5rem 0;text-align:center;background:var(--gradient-cta);color:#fff;position:relative;overflow:hidden}.saas-cta:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 60%);pointer-events:none}.saas-cta .showcase-container{position:relative;z-index:1}.saas-cta h2{color:#fff;font-size:clamp(1.75rem,1.2rem + 2.5vw,2.5rem);margin-bottom:.75rem;letter-spacing:-.01em}.saas-cta-sub{font-size:1rem;color:#ffffffb3;margin-bottom:2rem}.saas-cta-form{display:flex;align-items:center;justify-content:center;gap:.75rem;max-width:480px;margin:0 auto;flex-wrap:wrap}.saas-cta-input-wrap{position:relative;flex:1;min-width:240px}.saas-cta-input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#ffffff73;pointer-events:none}.saas-cta-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1px solid rgba(255,255,255,.3);border-radius:.375rem;background:#ffffff1a;color:#fff;font-size:.9375rem}.saas-cta-input::placeholder{color:#ffffff80}.saas-cta-input:focus{outline:none;border-color:#fff9;box-shadow:0 0 0 3px #ffffff26}.saas-cta-btn{padding:.875rem 1.75rem;background-color:#fff;color:var(--color-blue);font-size:.9375rem;font-weight:600;border-radius:.375rem;white-space:nowrap}@media(hover:hover)and (pointer:fine){.saas-cta-btn:hover{background-color:#ffffffe6}}.saas-cta-note{margin-top:.75rem;font-size:.8125rem;color:#ffffff80}.saas-cta-includes{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;margin-top:1.25rem}.saas-cta-include{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#ffffffa6}.saas-cta-include svg{width:14px;height:14px;color:#ffffff80;flex-shrink:0}.saas-footer{border-top:1px solid var(--color-border);padding:3rem 0 2rem}.saas-footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem}@media(min-width:640px){.saas-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.saas-footer-brand{display:flex;flex-direction:column;gap:.75rem}.saas-footer-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--color-text)}.saas-footer-tagline{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;max-width:220px}.saas-footer-social{display:flex;gap:.75rem;margin-top:.25rem}.saas-footer-social a{color:var(--color-text-muted);transition:color var(--duration-fast) ease}@media(hover:hover)and (pointer:fine){.saas-footer-social a:hover{color:var(--color-blue)}}.saas-footer-col h4{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text);margin-bottom:.75rem}.saas-footer-link{display:block;font-size:.875rem;color:var(--color-text-secondary);padding:.25rem 0;transition:color var(--duration-fast) ease}@media(hover:hover)and (pointer:fine){.saas-footer-link:hover{color:var(--color-blue)}}.saas-footer-bottom{border-top:1px solid var(--color-border);padding-top:1.5rem;text-align:center;font-size:.75rem;color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){.saas-tab-panel{animation:none}.saas-mobile-menu,.saas-mobile-menu-inner,.saas-pricing-toggle-knob,.saas-faq-chevron,.saas-hamburger-line,.saas-nav-link:after,.saas-trust-card,.saas-integration-card,.saas-testimonial,.saas-price-card,.saas-case-card,.saas-team-card,.saas-faq-answer,.saas-faq-answer>p{transition:none}.saas-logo-dot{animation:none}}
