:root{--bg:#fafafa;--surface:#fff;--text:#0f172a;--text-light:#475569;--muted:#94a3b8;--border:#e2e8f0;--primary:#2563eb;--primary-dark:#1e40af;--accent:#06b6d4;--accent-light:#22d3ee;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s;--font-size-h1:clamp(2rem,4vw,60px);--font-size-h2:clamp(1.75rem,3.5vw,36px);--font-size-h3:clamp(1.5rem,3vw,28px);--font-size-body:17px;--font-size-body-large:19px;--font-size-body-small:15px;--font-size-label:14px;--font-size-caption:13px;--line-height-tight:1.1;--line-height-normal:1.7;--line-height-relaxed:1.8;--spacing-section:80px;--spacing-card-lg:56px 48px;--spacing-card-md:40px;--spacing-card-sm:32px 24px;--spacing-gap-xs:8px;--spacing-gap-sm:12px;--spacing-gap-md:16px;--spacing-gap-lg:24px;--spacing-gap-xl:32px;--spacing-gap-xxl:48px;--surface-soft:#f8fafc;--border-light:#f1f5f9}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7}::selection{color:var(--text);background:#2563eb33}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin:0;line-height:1.2}p{margin:0}a{color:var(--primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--primary-dark)}button{font-family:inherit}section{padding:80px 32px}@media (max-width:768px){section{padding:50px 24px}}@media (max-width:480px){section{padding:40px 20px}}.container{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.container{padding:0 24px}}@media (max-width:480px){.container{padding:0 20px}}@media (max-width:768px){.container{padding:48px 24px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-slow);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:32px;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-base);pointer-events:none;background:linear-gradient(135deg,#0000,#2563eb1a);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before{opacity:1}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.button-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;padding:14px 28px;font-size:15px;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 12px #2563eb4d}.button-primary:before{content:"";opacity:0;transition:opacity var(--transition-base);pointer-events:none;background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.button-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.button-primary:hover:before{opacity:1}.button-secondary{background:var(--surface);border:1px solid var(--border);color:var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);padding:14px 28px;font-size:15px;font-weight:500;position:relative;overflow:hidden}.button-secondary:before{content:"";opacity:0;transition:opacity var(--transition-base);pointer-events:none;background:linear-gradient(135deg,#2563eb0d,#06b6d40d);position:absolute;inset:0}.button-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--surface);transform:translateY(-1px)}.button-secondary:hover:before{opacity:1}.feature-icon{border-radius:var(--radius-md);width:56px;height:56px;transition:transform var(--transition-base);background:linear-gradient(135deg,#2563eb1a,#06b6d41a);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.feature-icon:hover{transform:scale(1.1)}.section-header{text-align:center;margin-bottom:48px}@media (max-width:768px){.section-header{margin-bottom:40px}}@media (max-width:480px){.section-header{margin-bottom:32px}}.section-header h2{margin-bottom:16px;font-size:clamp(1.75rem,5vw,3rem);font-weight:800}.section-header p{color:var(--text-light);max-width:600px;margin:0 auto;font-size:clamp(1rem,2.5vw,1.25rem)}.micro-interaction{transition:all var(--transition-base)}.micro-interaction:hover{transform:scale(1.05)}.glass-effect{-webkit-backdrop-filter:blur(10px);background:#fffc}.section-highlight{background:linear-gradient(#f8fafc 0%,#fff 100%)}.section-default{background:var(--bg)}.section-soft{background:#fafafa}.section-inner{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:768px){.section-inner{padding:0 20px}}@media (max-width:640px){.section-inner{padding:0 16px}}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skeleton{background:linear-gradient(90deg,var(--surface)0%,var(--border)50%,var(--surface)100%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hide-on-mobile{display:block}@media (max-width:768px){.hide-on-mobile{display:none}.container{padding-left:20px!important;padding-right:20px!important}h1{font-size:clamp(32px,8vw,48px)!important}h2{font-size:clamp(24px,6vw,32px)!important}h3{font-size:clamp(18px,4vw,24px)!important}.card{padding:20px!important}.button-primary,.button-secondary{width:100%;padding:12px 20px!important}}label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}input,textarea,select{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);transition:all var(--transition-base);outline:none;padding:14px 16px;font-family:inherit;font-size:15px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical;min-height:120px}input,textarea,button,select{transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #2563eb1a!important}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}section{padding:50px 0!important}.section-inner{max-width:100%;padding:0 16px}.section-highlight,.section-default{padding-top:50px!important;padding-bottom:50px!important}h1{font-size:clamp(2rem,8vw,2.5rem)!important;line-height:1.2!important}h2{font-size:clamp(1.75rem,5vw,2.25rem)!important}h3{font-size:clamp(1.25rem,4vw,1.5rem)!important}.button-primary,.button-secondary{width:100%;padding:14px 24px!important;font-size:15px!important}.hero-layout{text-align:left;grid-template-columns:1fr;gap:32px;max-width:100%}.hero-layout>div:last-child{display:none}.hero-layout p[style*="display: flex"]{justify-content:flex-start}.hero-layout div[style*="display: flex"]{flex-direction:column;justify-content:flex-start;gap:12px!important}[style*=grid-template-columns]{grid-template-columns:1fr!important}.card{padding:20px!important}}.badge{background:var(--border);color:var(--text-light);border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-success{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-primary{color:var(--primary);background:#2563eb26;border:1px solid #2563eb4d}.upgrade-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;margin-top:20px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.upgrade-link:hover{color:#fff;background:#ffffff4d;transform:translateY(-2px)}.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100;background:#fffffff2;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo-link{color:var(--text);align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.main-nav{align-items:center;gap:32px;font-size:15px;display:flex}.nav-link{color:var(--text-light);white-space:nowrap;font-weight:500}.nav-cta{padding:10px 20px;font-size:14px}.site-footer{border-top:1px solid var(--border-light);background:var(--surface);margin-top:80px;padding:64px 0 48px}.footer-container{text-align:center;max-width:1200px;margin:0 auto;padding:0 24px}.footer-logo{color:var(--text);align-items:center;gap:12px;margin-bottom:16px;font-size:18px;font-weight:700;display:inline-flex}.footer-nav{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:20px;font-size:14px;display:flex}.footer-link{color:var(--text-light)}.footer-tagline{color:var(--text-light);margin-bottom:8px;font-size:15px}.footer-copyright{color:var(--muted);font-size:14px}.mobile-menu-button{cursor:pointer;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .2s,transform .2s;display:flex}.mobile-menu-button:hover{opacity:.7;transform:scale(1.05)}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu-button svg{width:24px;height:24px;transition:transform .3s}.mobile-menu-button svg line{transition:all .3s}@media (max-width:968px){.main-nav{gap:20px;font-size:14px}}@media (max-width:840px){.header-container{padding:12px 20px}.logo-link{font-size:16px}.main-nav{gap:16px;font-size:13px}.nav-cta{padding:8px 16px;font-size:13px}}@media (max-width:768px){.main-nav.desktop{display:none!important}.main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);opacity:0;background:#fffffffa;flex-direction:column;gap:0;max-height:calc(100vh - 65px);padding:20px;transition:opacity .3s,transform .3s;display:none;position:fixed;top:65px;left:0;right:0;overflow-y:auto;transform:translateY(-10px)}.main-nav.open{opacity:1;display:flex;transform:translateY(0)}.nav-link,.nav-cta{text-align:left;border-bottom:1px solid #f0f0f0;width:100%;padding:14px 16px;transition:background-color .2s,padding-left .2s}.nav-link:hover{background-color:#f8f9fa;padding-left:20px}.nav-cta{text-align:center;border-bottom:none;border-radius:8px;margin-top:12px;background:var(--primary)!important;color:#fff!important;padding:14px 16px!important;font-weight:600!important}.nav-cta:hover{padding-left:16px;background:var(--primary-dark)!important}.main-nav>div button,.main-nav>div>a{text-align:left!important;border-bottom:1px solid #f0f0f0!important;border-radius:0!important;justify-content:flex-start!important;width:100%!important;padding:14px 16px!important;font-size:15px!important;font-weight:500!important}.main-nav>div{width:100%}.main-nav .button-primary{color:var(--text-light)!important;text-align:left!important;background:0 0!important;border:none!important;justify-content:flex-start!important;width:100%!important;padding:14px 16px!important}.main-nav .tools-dropdown-menu,.main-nav .dashboard-dropdown-menu{box-shadow:none!important;background:#f8f9fa!important;border:none!important;border-radius:0!important;min-width:100%!important;margin-top:0!important;padding:0!important;animation:none!important;position:static!important}.main-nav .tools-dropdown-menu a,.main-nav .dashboard-dropdown-menu a,.main-nav .dashboard-dropdown-menu button{text-align:left!important;border-bottom:1px solid #e8e8e8!important;justify-content:flex-start!important;align-items:center!important;padding:12px 16px 12px 32px!important;display:flex!important}.main-nav .tools-dropdown-menu a span,.main-nav .dashboard-dropdown-menu a span,.main-nav .dashboard-dropdown-menu button span{text-align:left!important}.main-nav .tools-dropdown-menu a:last-child,.main-nav .dashboard-dropdown-menu button:last-child{border-bottom:none!important}.footer-container{padding:0 20px}.site-footer{padding:40px 0}}@media (min-width:769px){.mobile-menu-button,.main-nav.mobile{display:none!important}}.tool-page{background:var(--bg);padding:0}.tool-container{max-width:920px;margin:0 auto;padding:80px 32px 40px}@media (max-width:768px){.tool-container{padding:60px 24px 40px}}@media (max-width:480px){.tool-container{padding:40px 20px}.card{padding:24px!important}.tool-description{font-size:16px}}.tool-header{text-align:left;margin-bottom:56px}@media (max-width:768px){.tool-header{margin-bottom:44px}}@media (max-width:480px){.tool-header{margin-bottom:36px}}.tool-back-link{color:var(--primary);transition:all var(--transition-base);align-items:center;gap:6px;margin-bottom:28px;font-size:14px;font-weight:500;display:inline-flex}.tool-back-link:hover{color:var(--primary-dark);gap:8px}.tool-title{color:var(--text);letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.25rem,5vw,3rem);font-weight:700;line-height:1.15}.tool-description{color:var(--text-light);max-width:700px;margin-bottom:24px;font-size:17px;line-height:1.65}.tool-badge{background:#10b98114;border:1px solid #10b98133;border-radius:10px;margin-top:4px;padding:10px 18px;display:inline-block}.tool-badge-text{color:var(--success);letter-spacing:.02em;font-size:13px;font-weight:600}.tool-section{margin-bottom:40px}.section-title{color:var(--text);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(1.5rem,3.5vw,1.875rem);font-weight:700}.section-description{color:var(--text-light);margin-bottom:28px;font-size:16px;line-height:1.7}.option-card{background:var(--bg);border:2px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:18px;transition:all .25s;display:flex}.option-card:hover{border-color:var(--primary);background:#2563eb0a;transform:translate(4px)}.option-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.option-icon{font-size:36px;line-height:1}.option-title{color:var(--text);margin:0;font-size:22px;font-weight:700}.option-content{color:var(--text-light);font-size:15px;line-height:1.7}.info-box{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;margin-bottom:32px;padding:24px}.info-box-title{color:#0369a1;align-items:center;gap:8px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.info-box-content{color:#0c4a6e;font-size:15px;line-height:1.7}@media (max-width:640px){.tool-container{padding:60px 20px}.tool-header{margin-bottom:36px}.tool-description{font-size:16px}.option-card{padding:20px}.option-header{flex-direction:column;align-items:flex-start;gap:12px}.option-icon{font-size:32px}.option-title{font-size:20px}.info-box{padding:20px}.section-title{margin-bottom:20px}.tool-section{margin-bottom:36px}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(200px"],[style*="grid-template-columns: repeat(auto-fit, minmax(200px"],[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(140px"],[style*="grid-template-columns: repeat(auto-fit, minmax(140px"],.onboarding-grid{grid-template-columns:1fr!important}}@media (max-width:640px){[style*=repeat\(auto-fit],[style*="repeat(2, 1fr)"],[style*="gridTemplateColumns: '2fr 1fr'"],[style*="grid-template-columns: 2fr 1fr"],.pay-amount-grid{grid-template-columns:1fr!important}[style*="gap: 24"],[style*="gap: 32"]{gap:16px!important}}.back-link{color:var(--primary);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{opacity:.8;gap:12px}.client-topics-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}@media (max-width:1024px){.client-topics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.client-topics-grid{grid-template-columns:1fr}}.personas-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:1400px;margin:0 auto;display:grid}@media (max-width:1024px){.personas-grid{grid-template-columns:1fr;max-width:900px}}.pain-solution-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1400px;margin:0 auto;display:grid}.pain-solution-card{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid}.hero-layout{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1400px;margin:0 auto;display:grid}@media (max-width:1024px){.pain-solution-grid{grid-template-columns:1fr;max-width:900px}.hero-layout{text-align:center;grid-template-columns:1fr;gap:40px;max-width:100%}.hero-layout>div:first-child{order:1}.hero-layout>div:last-child{order:2;max-width:500px;margin:0 auto}.hero-layout p[style*="display: flex"],.hero-layout div[style*="display: flex"]{justify-content:center}}@media (max-width:768px){.pain-solution-card{text-align:center;grid-template-columns:1fr!important;gap:20px!important}.pain-solution-card>div:nth-child(2){display:none}.hero-layout{gap:32px}.hero-layout>div:last-child{max-width:400px}}@media (max-width:640px){.hero-layout>div:last-child{display:none}.hero-layout{text-align:left}.hero-layout p[style*="display: flex"],.hero-layout div[style*="display: flex"]{justify-content:flex-start}}.tools-preview-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}@media (max-width:768px){.tools-preview-grid{grid-template-columns:1fr;max-width:600px}}.tools-roadmap{flex-direction:column;align-items:center;max-width:600px;margin:0 auto;padding:20px 0;display:flex}.roadmap-step{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.roadmap-number{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 12px #00000026}.roadmap-card{text-align:center;width:100%;padding:28px;transition:all .3s;position:relative}.roadmap-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.roadmap-stage{text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:700}.roadmap-icon{filter:drop-shadow(0 2px 4px #0000001a);margin-bottom:16px;font-size:48px}.roadmap-title{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:700}.roadmap-desc{color:var(--text-light);margin:0;font-size:15px;line-height:1.5}.roadmap-connector{justify-content:center;align-items:center;margin:8px 0;display:flex}@media (max-width:768px){.tools-roadmap{max-width:100%;padding:10px 0}.roadmap-number{width:40px;height:40px;font-size:18px}.roadmap-card{padding:24px}.roadmap-icon{font-size:40px}.roadmap-title{font-size:20px}}