:root{
--kl-green:#443EE4;
--kl-green-2:#3150ED;
--kl-soft:#9257F9;
--kl-soft-2:#2E88E7;
--kl-pri:#3150ED;
--kl-pri-2:#443EE4;
--kl-accent:#2E88E7;
--kl-grad:linear-gradient(90deg,#EB4EB1 0%,#9257F9 50%,#3150ED 100%);
--kl-grad-btn:linear-gradient(315deg,#EB4EB1 0%,#9257F9 50%,#3150ED 100%);
--kl-grad-soft:linear-gradient(135deg,rgba(68,62,228,.22) 0%,rgba(146,87,249,.16) 100%);
--kl-deep:#1E3A8A;
--kl-ink:#333333;
--kl-ink-2:#2D2D2D;
--kl-body:#475569;
--kl-muted:#64748b;
--kl-line:#e8e2d6;
--kl-tint:rgba(68,62,228,.18);
--kl-tint-2:#EDE9FE;
--kl-tint-3:#DDD6FE;
--kl-bg:#ffffff;
--kl-surface:#ffffff;
--kl-dark:#333333;
--kl-badge:#3150ED;
--kl-amber:#443EE4;
--kl-amber-2:#3150ED;
--kl-coral:#EB4EB1;
--kl-coral-2:#C026A0;
--kl-indigo:#8B5CF6;
--kl-indigo-2:#7C3AED;
--kl-sky:#14B8A6;
--kl-logo:#443EE4;
--kl-logo-2:#3150ED;
--kl-logo-soft:#9257F9;
--kl-tint-logo:rgba(68,62,228,.18);
--kl-grad-warm:linear-gradient(90deg,#9257F9 0%,#2E88E7 100%);
--kl-grad-sunset:linear-gradient(135deg,#9257F9 0%,#443EE4 40%,#EB4EB1 100%);
--kl-grad-cool:linear-gradient(135deg,#443EE4 0%,#14B8A6 100%);
--kl-tint-amber:rgba(68,62,228,.18);
--kl-tint-coral:rgba(235,78,177,.14);
--kl-tint-indigo:rgba(139,92,246,.12);
--kl-r-btn:999px;
--kl-r-card:24px;
--kl-r-lg:32px;
--kl-shadow:0 10px 40px rgba(15,23,42,.06);
--kl-shadow-pill:0 8px 32px rgba(15,23,42,.08);
--kl-shadow-hover:0 12px 28px rgba(49,80,237,.32);
--kl-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",Roboto,"Helvetica Neue",Arial,sans-serif;
--kl-grid-line:rgba(100,116,180,.11);
}
html{scroll-padding-top:72px}
body,button,input,select,textarea{font-family:var(--kl-font)!important}
body{
background-color:#F8FAFF!important;
color:var(--kl-body);
background-image:
linear-gradient(var(--kl-grid-line) 1px, transparent 1px),
linear-gradient(90deg, var(--kl-grid-line) 1px, transparent 1px)!important;
background-size:48px 48px!important;
background-attachment:fixed!important;
}
a{color:var(--kl-pri)}
a:hover,a:focus{color:var(--kl-green)}
h1,h2,h3,h4,h5,h6,.entry-title,.entry-title a{color:var(--kl-ink)}
.page .entry-header,.home .entry-header,.blog .entry-header,.page-template-default .entry-header{display:none!important}
.ast-single-entry-banner,.ast-archive-entry-banner,
.ast-page-entry-banner,.ast-single-banner,
.entry-banner,.ast-entry-banner{display:none!important}
.page .post-thumbnail,.page .wp-post-image,.page .ast-single-post-featured,
.page .ast-featured-img,.page .post-thumb,.page .ast-article-single > .post-thumb,
.page .entry-content > .wp-block-post-featured-image,
.home .post-thumbnail,.home .wp-post-image,.home .ast-single-post-featured,
.home .ast-featured-img,.front-page .post-thumbnail,.front-page .wp-post-image,
.home .entry-content > .wp-block-post-featured-image,
.blog .post-thumbnail,.blog .ast-single-post-featured,
.page .ast-single-banner,.page .ast-single-entry-banner,
.page .ast-featured-image,.page figure.post-thumbnail{display:none!important}
.page .site-content>.ast-container,.home .site-content>.ast-container,.site-content .ast-container{
max-width:100%!important;padding:0!important;display:block;
height:auto!important;max-height:none!important;
}
.page #primary,.home #primary{margin:0!important;padding:0!important;width:100%}
.page .ast-article-single,.home .ast-article-single{padding:0!important;margin:0!important;background:transparent!important}
.page .entry-content,.home .entry-content{margin:0!important}
.kl-full{width:100%;box-sizing:border-box}
.kl-full.kl-hero{width:100vw!important;max-width:100vw!important}
.kl-wrap{max-width:1120px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.kl-eyebrow{
display:inline-flex;align-items:center;gap:8px;
font-size:13px;font-weight:600;letter-spacing:.02em;
padding:0;border-radius:0;background:transparent;border:0;
color:var(--kl-green);margin:0 0 14px;
}
.kl-eyebrow .dot{width:6px;height:6px;border-radius:999px;background:var(--kl-soft-2)}
.kl-badge{
display:inline-flex;align-items:center;vertical-align:middle;
margin-left:10px;padding:4px 12px;border-radius:999px;
background:linear-gradient(90deg,#9257F9,#443EE4);color:#333333;font-size:12px;font-weight:700;
line-height:1.4;white-space:nowrap;position:relative;top:-4px;
box-shadow:0 2px 8px rgba(49,80,237,.28);
}
.kl-h1{
font-size:clamp(3.2rem,7vw,5rem);line-height:1.25;font-weight:800;
letter-spacing:-.01em;margin:0 0 16px;color:var(--kl-ink);
white-space:normal;
}
.kl-hero .kl-h1{white-space:nowrap}
.kl-page-hero .kl-h1{font-size:clamp(2.1rem,4.8vw,3.25rem);white-space:normal}
.kl-h1 .brand{
color:var(--kl-ink);
-webkit-text-fill-color:var(--kl-ink);
margin-right:0;
letter-spacing:.06em;
}
.kl-brand-grad,.kl-h1 .brand.kl-brand-grad{
background:linear-gradient(105deg,#EB4EB1 0%,#9257F9 50%,#3150ED 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
margin-right:0;
letter-spacing:.06em;
}
.kl-h1 .brand-x{
background:linear-gradient(90deg,#9257F9 0%,#443EE4 55%,#3150ED 100%);
-webkit-background-clip:text;background-clip:text;color:transparent;
-webkit-text-fill-color:transparent;
margin-right:.4em;
letter-spacing:.06em;
}
.kl-h2{font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.3;font-weight:800;margin:0 0 14px;color:var(--kl-ink)}
.kl-hero-sub{font-size:clamp(1.05rem,2vw,1.25rem);font-weight:600;color:var(--kl-ink-2);margin:0 0 10px;line-height:1.45}
.kl-lead{font-size:.98rem;line-height:1.85;color:var(--kl-muted);margin:0 0 28px;max-width:40em}
.kl-center{text-align:center}
.kl-center .kl-lead{margin-left:auto;margin-right:auto}
.kl-center .kl-cta-row{justify-content:center}
.kl-center .kl-eyebrow{justify-content:center}
.kl-btn{
display:inline-flex;align-items:center;justify-content:center;gap:8px;
min-height:50px;padding:0 28px;border-radius:var(--kl-r-btn);
font-weight:700;font-size:15px;line-height:1;text-decoration:none!important;
border:1px solid transparent;cursor:pointer;
transition:transform .2s,box-shadow .2s;box-sizing:border-box;
}
.kl-btn-primary,a.kl-btn-primary{
background:var(--kl-grad-btn);color:#fff!important;
box-shadow:0 8px 22px rgba(49,80,237,.34);
}
.kl-btn-primary:hover,a.kl-btn-primary:hover{
transform:translateY(-2px);box-shadow:var(--kl-shadow-hover);color:#fff!important;
}
.kl-btn-coral,a.kl-btn-coral{
background:linear-gradient(90deg,#EB4EB1 0%,#C026A0 100%);color:#fff!important;
box-shadow:0 8px 22px rgba(235,78,177,.34);
}
.kl-btn-coral:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(235,78,177,.30);color:#fff!important}
.kl-btn-line,.kl-btn-ghost{
background:rgba(255,255,255,.72);color:var(--kl-ink)!important;
border-color:#cbd5e1;backdrop-filter:blur(6px);
}
.kl-btn-line:hover,.kl-btn-ghost:hover{border-color:var(--kl-green);color:var(--kl-pri)!important}
.kl-btn-light{background:#fff;color:var(--kl-pri)!important}
.kl-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.kl-hero{
background:transparent;position:relative;overflow:hidden;
padding:72px 0 40px;text-align:center;
}
.kl-hero:before{
content:"";position:absolute;right:-8%;top:-12%;left:auto;transform:none;
width:min(640px,58vw);height:560px;border-radius:50%;
background:radial-gradient(closest-side,rgba(68,62,228,.20) 0%,rgba(146,87,249,.10) 38%,transparent 68%);
pointer-events:none;z-index:0;
}
.kl-hero-inner{position:relative;z-index:1;max-width:820px;margin:0 auto}
.kl-hero-grid{
position:relative;z-index:1;
display:flex;flex-direction:column;align-items:center;gap:36px;
}
.kl-hero-text{width:100%;max-width:780px;margin:0 auto;text-align:center}
.kl-hero-text .kl-lead{margin-left:auto;margin-right:auto;max-width:56em}
.kl-hero-text .kl-cta-row{justify-content:center}
.kl-hero-text .kl-eyebrow{justify-content:center;width:100%}
.kl-hero-visual{width:100%;max-width:920px;margin:8px auto 0}
.kl-hero-visual img{
display:block;width:100%;height:auto;
border-radius:12px;
box-shadow:none;
border:0;background:transparent;
}
.kl-hero-points{
display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;
margin:8px 0 0;padding:0;list-style:none;overflow:visible;
}
.kl-hero-points li{
display:inline-flex;align-items:center;gap:8px;
font-size:13px;font-weight:600;color:var(--kl-body);margin:0;
background:rgba(255,255,255,.78);border:1px solid var(--kl-line);
padding:6px 12px;border-radius:999px;
}
.kl-hero-points li:before{
content:"";width:16px;height:16px;border-radius:999px;
background:var(--kl-tint-logo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8940F' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat;
flex:0 0 auto;
}
.kl-channels{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;justify-content:center}
.kl-channel{
display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;
color:var(--kl-body);background:#fff;border:1px solid var(--kl-line);
padding:5px 10px;border-radius:999px;
}
.kl-channel i{width:7px;height:7px;border-radius:99px;display:inline-block;background:var(--kl-green)}
.kl-channel:nth-child(1) i{background:#25D366}
.kl-channel:nth-child(2) i{background:#2AABEE}
.kl-channel:nth-child(3) i{background:#06C755}
.kl-channel:nth-child(4) i{background:#0084FF}
.kl-channel:nth-child(5) i{background:var(--kl-amber)}
.kl-channel:nth-child(1){border-color:rgba(37,211,102,.35)}
.kl-channel:nth-child(2){border-color:rgba(42,171,238,.35)}
.kl-channel:nth-child(3){border-color:rgba(6,199,85,.35)}
.kl-channel:nth-child(4){border-color:rgba(0,132,255,.35)}
.kl-channel:nth-child(5){border-color:rgba(235,78,177,.4)}
.kl-trust{background:rgba(255,255,255,.78);border-top:1px solid var(--kl-line);border-bottom:1px solid var(--kl-line);padding:28px 0;backdrop-filter:blur(8px)}
.kl-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:center}
.kl-trust-item strong{display:block;font-size:1.35rem;color:var(--kl-pri);font-weight:800;margin-bottom:4px}
.kl-trust-item:nth-child(1) strong{color:var(--kl-logo)}
.kl-trust-item:nth-child(2) strong{color:var(--kl-sky)}
.kl-trust-item:nth-child(3) strong{color:var(--kl-amber)}
.kl-trust-item:nth-child(4) strong{color:var(--kl-indigo)}
.kl-trust-item span{font-size:13px;color:var(--kl-muted)}
.kl-section{padding:72px 0;background:transparent}
.kl-section.alt{background:linear-gradient(180deg,rgba(248,250,252,.9) 0%,rgba(255,251,235,.55) 100%)}
.kl-section.tint{background:linear-gradient(180deg,rgba(68,62,228,.07),rgba(235,78,177,.05) 55%,rgba(139,92,246,.04))}
.kl-sell-section{background:linear-gradient(180deg,#F8FAFC 0%,#EEF2FF 42%,#F8FAFF 100%)!important}
.kl-head{max-width:680px;margin:0 auto 40px;text-align:center}
.kl-head .kl-lead{margin-bottom:0}
.kl-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.kl-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.kl-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.kl-card{
background:rgba(255,255,255,.92);border:1px solid var(--kl-line);
border-radius:var(--kl-r-lg);padding:26px;
transition:transform .2s,box-shadow .2s,border-color .2s;box-sizing:border-box;
box-shadow:var(--kl-shadow);
}
.kl-card:hover{transform:translateY(-3px);border-color:rgba(15,23,42,.12);box-shadow:0 16px 40px rgba(15,23,42,.1)}
.kl-card h3{font-size:1.12rem;margin:14px 0 8px;color:var(--kl-ink)}
.kl-card p{margin:0;color:var(--kl-muted);line-height:1.7;font-size:.95rem}
.kl-ico{
width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,rgba(68,62,228,.16),rgba(146,87,249,.1));color:var(--kl-logo);border:1px solid rgba(68,62,228,.22);font-size:22px;font-weight:800;
}
.kl-grid-3 .kl-card:nth-child(1) .kl-ico{background:linear-gradient(135deg,rgba(68,62,228,.18),rgba(146,87,249,.12));color:var(--kl-logo);border-color:rgba(68,62,228,.28)}
.kl-grid-3 .kl-card:nth-child(2) .kl-ico{background:linear-gradient(135deg,rgba(235,78,177,.2),rgba(235,78,177,.1));color:var(--kl-amber-2);border-color:rgba(235,78,177,.35)}
.kl-grid-3 .kl-card:nth-child(3) .kl-ico{background:linear-gradient(135deg,rgba(235,78,177,.18),rgba(235,78,177,.1));color:var(--kl-coral-2);border-color:rgba(235,78,177,.3)}
.kl-grid-3 .kl-card:nth-child(4) .kl-ico{background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(124,58,237,.1));color:var(--kl-indigo-2);border-color:rgba(139,92,246,.3)}
.kl-grid-3 .kl-card:nth-child(5) .kl-ico{background:linear-gradient(135deg,rgba(20,184,166,.18),rgba(13,148,136,.1));color:#0F766E;border-color:rgba(20,184,166,.3)}
.kl-grid-3 .kl-card:nth-child(6) .kl-ico{background:linear-gradient(135deg,rgba(68,62,228,.14),rgba(139,92,246,.12));color:var(--kl-pri);border-color:rgba(68,62,228,.25)}
.kl-grid-3 .kl-card:nth-child(1):hover{border-color:rgba(68,62,228,.45);box-shadow:0 16px 40px rgba(68,62,228,.12)}
.kl-grid-3 .kl-card:nth-child(2):hover{border-color:rgba(235,78,177,.5);box-shadow:0 16px 40px rgba(235,78,177,.14)}
.kl-grid-3 .kl-card:nth-child(3):hover{border-color:rgba(235,78,177,.45);box-shadow:0 16px 40px rgba(235,78,177,.12)}
.kl-grid-3 .kl-card:nth-child(4):hover{border-color:rgba(139,92,246,.45);box-shadow:0 16px 40px rgba(139,92,246,.12)}
.kl-grid-3 .kl-card:nth-child(5):hover{border-color:rgba(20,184,166,.45);box-shadow:0 16px 40px rgba(20,184,166,.12)}
.kl-grid-3 .kl-card:nth-child(6):hover{border-color:rgba(68,62,228,.4);box-shadow:0 16px 40px rgba(49,80,237,.1)}
.kl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.kl-step{background:rgba(255,255,255,.92);border:1px solid var(--kl-line);border-radius:var(--kl-r-card);padding:24px;box-shadow:var(--kl-shadow)}
.kl-step .n{
width:34px;height:34px;border-radius:999px;
background:linear-gradient(135deg,#3150ED,#3150ED);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px;
}
.kl-step:nth-child(1) .n{background:linear-gradient(135deg,#9257F9,#3150ED);color:#333333}
.kl-step:nth-child(2) .n{background:linear-gradient(135deg,#14B8A6,#0F766E);color:#fff}
.kl-step:nth-child(3) .n{background:linear-gradient(135deg,#EB4EB1,#C026A0);color:#fff}
.kl-step:nth-child(4) .n{background:linear-gradient(135deg,#8B5CF6,#7C3AED);color:#fff}
.kl-step h3{font-size:1.05rem;margin:0 0 8px;color:var(--kl-ink)}
.kl-step p{margin:0;color:var(--kl-muted);line-height:1.65;font-size:.93rem}
.kl-table-wrap{overflow:hidden;border:1px solid var(--kl-line);border-radius:var(--kl-r-lg);background:#fff;box-shadow:var(--kl-shadow)}
.kl-table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px;margin:0}
.kl-table th,.kl-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--kl-line);font-size:.94rem;vertical-align:top}
.kl-table thead th{background:#f8fafc;color:var(--kl-ink);font-weight:700}
.kl-table thead th:first-child{border-top-left-radius:calc(var(--kl-r-lg) - 1px)}
.kl-table thead th:last-child,.kl-table thead th.hl{border-top-right-radius:calc(var(--kl-r-lg) - 1px)}
.kl-table thead th.hl{background:var(--kl-grad-btn);color:#fff}
.kl-table tbody tr:last-child td{border-bottom:0}
.kl-table tbody tr:last-child td:first-child{border-bottom-left-radius:calc(var(--kl-r-lg) - 1px)}
.kl-table tbody tr:last-child td:last-child{border-bottom-right-radius:calc(var(--kl-r-lg) - 1px)}
.kl-table td.ok{color:var(--kl-pri);font-weight:700}
.kl-table td.no{color:#94a3b8}
.kl-faq details{background:rgba(255,255,255,.92);border:1px solid var(--kl-line);border-radius:var(--kl-r-card);padding:18px 22px;margin:0 0 12px;box-shadow:var(--kl-shadow)}
.kl-faq summary{font-weight:700;color:var(--kl-ink);cursor:pointer;list-style:none;line-height:1.45;padding:2px 0}
.kl-faq summary::-webkit-details-marker{display:none}
.kl-faq details[open]{border-color:rgba(68,62,228,.4);background:rgba(255,255,255,.98)}
.kl-faq details p{margin:14px 0 2px;color:var(--kl-muted);line-height:1.8;font-size:.95rem}
.kl-cta-band{
background:transparent;color:var(--kl-ink);padding:40px 0 56px;text-align:center;
border:0;
}
.kl-cta-band .kl-wrap{
background:
radial-gradient(ellipse at 15% 20%, rgba(68,62,228,.18), transparent 50%),
radial-gradient(ellipse at 85% 30%, rgba(235,78,177,.16), transparent 48%),
radial-gradient(ellipse at 70% 90%, rgba(139,92,246,.12), transparent 45%),
linear-gradient(135deg,rgba(255,255,255,.92),rgba(242,251,245,.95));
border:1px solid rgba(68,62,228,.16);
border-radius:var(--kl-r-lg);
box-shadow:var(--kl-shadow);
padding:56px 32px;
}
.kl-cta-band .kl-h2{color:var(--kl-ink)!important}
.kl-cta-band .kl-lead{color:var(--kl-muted)!important;margin-left:auto;margin-right:auto}
.kl-cta-band .kl-btn-light{background:#fff;color:var(--kl-pri)!important;border:1px solid var(--kl-line)}
.kl-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1120px;margin:0 auto}
.kl-blog-card{
background:#fff;border:1px solid var(--kl-line);border-radius:16px;overflow:hidden;
transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease;
box-shadow:0 10px 28px rgba(15,23,42,.06);display:flex;flex-direction:column;height:100%;
}
.kl-blog-card:hover{transform:translateY(-4px);border-color:rgba(68,62,228,.4);box-shadow:0 16px 40px rgba(49,80,237,.12)}
.kl-blog-thumb{display:block;overflow:hidden}
.kl-blog-card img{border-radius:0;width:100%;height:200px;object-fit:cover;display:block;transition:transform .4s ease}
.kl-blog-card:hover img{transform:scale(1.04)}
.kl-blog-card .body{padding:16px 20px 22px;display:flex;flex-direction:column;gap:0;flex:1}
.kl-blog-cat{
display:inline-flex;align-self:flex-start;font-size:12px;font-weight:700;
padding:3px 10px;border-radius:999px;margin:0 0 10px;
background:rgba(68,62,228,.12);color:var(--kl-logo);border:1px solid rgba(68,62,228,.28);
}
.kl-blog-card:nth-child(2n) .kl-blog-cat{background:rgba(139,92,246,.12);color:var(--kl-indigo-2);border-color:rgba(139,92,246,.3)}
.kl-blog-card h3{font-size:1.08rem;margin:0 0 8px;line-height:1.45}
.kl-blog-card h3 a{color:var(--kl-ink);text-decoration:none}
.kl-blog-card h3 a:hover{color:var(--kl-green)}
.kl-blog-date{display:block;font-size:13px;color:var(--kl-muted);margin:0 0 10px;font-weight:500}
.kl-blog-card p{margin:0;font-size:.93rem;color:var(--kl-muted);line-height:1.7}
.kl-dl-card{background:rgba(255,255,255,.95);border:1px solid var(--kl-line);border-radius:var(--kl-r-lg);padding:28px 24px 32px;max-width:520px;margin:0 auto;text-align:center;box-shadow:var(--kl-shadow);display:flex;flex-direction:column;align-items:center;height:100%;box-sizing:border-box}
.kl-grid-3 .kl-dl-card,.kl-grid-2 .kl-dl-card{max-width:none;width:100%;margin:0}
.kl-dl-card .kl-btn{margin-top:auto}
.kl-dl-card .badge{display:inline-block;background:var(--kl-tint-logo);color:var(--kl-logo);font-weight:700;font-size:12px;padding:4px 12px;border-radius:999px;margin-bottom:12px;border:1px solid rgba(68,62,228,.25)}
.kl-page-hero{background:transparent;padding:56px 0 40px;text-align:center;position:relative}
.kl-page-hero:before{
content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
width:min(820px,94vw);height:300px;border-radius:50%;
background:
radial-gradient(closest-side,rgba(68,62,228,.20),transparent 70%),
radial-gradient(closest-side at 30% 40%,rgba(235,78,177,.14),transparent 65%),
radial-gradient(closest-side at 75% 35%,rgba(139,92,246,.12),transparent 60%);
pointer-events:none;z-index:0;
}
.kl-page-hero:after{
content:"";position:absolute;inset:auto 8% 0;height:1px;
background:linear-gradient(90deg,transparent,rgba(68,62,228,.25),rgba(235,78,177,.35),rgba(139,92,246,.25),transparent);
pointer-events:none;z-index:0;
}
.kl-page-hero .kl-wrap{position:relative;z-index:1}
.kl-page-hero .kl-lead{margin-left:auto;margin-right:auto}
.kl-page-hero .kl-eyebrow{color:var(--kl-green)}
.page-id-22 .kl-page-hero .kl-eyebrow,.page-slug-download .kl-page-hero .kl-eyebrow{color:var(--kl-amber-2)}
.page-id-22 .kl-page-hero .kl-eyebrow .dot{background:var(--kl-amber)}
.page-id-24 .kl-page-hero .kl-eyebrow,.page-slug-faq .kl-page-hero .kl-eyebrow{color:var(--kl-sky)}
.page-id-24 .kl-page-hero .kl-eyebrow .dot{background:var(--kl-sky)}
.page-id-28 .kl-page-hero .kl-eyebrow,.page-slug-about .kl-page-hero .kl-eyebrow{color:var(--kl-indigo-2)}
.page-id-28 .kl-page-hero .kl-eyebrow .dot{background:var(--kl-indigo)}
.kl-dl-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.kl-dl-win{
border-color:rgba(68,62,228,.35)!important;
box-shadow:0 10px 32px rgba(49,80,237,.12)!important;
}
.kl-dl-win .badge{
background:rgba(68,62,228,.18)!important;color:#3150ED!important;border-color:rgba(49,80,237,.35)!important;
}
.kl-dl-win .kl-btn-primary{
background:linear-gradient(315deg,#EB4EB1 0%,#9257F9 50%,#3150ED 100%)!important;
color:#333333!important;box-shadow:0 8px 22px rgba(49,80,237,.34)!important;
}
.kl-dl-win .kl-btn-primary:hover{
background:linear-gradient(90deg,#443EE4 0%,#2E88E7 100%)!important;color:#333333!important;
}
.kl-dl-android{
border-color:rgba(61,220,132,.35)!important;
box-shadow:0 10px 32px rgba(15,157,88,.10)!important;
}
.kl-dl-android .badge{
background:rgba(61,220,132,.16)!important;color:#0B7A45!important;border-color:rgba(15,157,88,.3)!important;
}
.kl-dl-android .kl-btn-primary{
background:linear-gradient(90deg,#3DDC84 0%,#0F9D58 100%)!important;
color:#fff!important;box-shadow:0 8px 22px rgba(15,157,88,.30)!important;
}
.kl-dl-android .kl-btn-primary:hover{
background:linear-gradient(90deg,#0F9D58 0%,#0B7A45 100%)!important;color:#fff!important;
}
.kl-dl-chrome{
border-color:rgba(66,133,244,.30)!important;
box-shadow:0 10px 32px rgba(66,133,244,.10)!important;
}
.kl-dl-chrome .badge{
background:rgba(66,133,244,.12)!important;color:#1A73E8!important;border-color:rgba(66,133,244,.3)!important;
}
.kl-dl-chrome .kl-btn-primary{
background:linear-gradient(90deg,#5A95F5 0%,#1A73E8 100%)!important;
color:#fff!important;box-shadow:0 8px 22px rgba(26,115,232,.30)!important;
}
.kl-dl-chrome .kl-btn-primary:hover{
background:linear-gradient(90deg,#1A73E8 0%,#1557B0 100%)!important;color:#fff!important;
}
.kl-dl-apple{
border-color:rgba(100,116,139,.22)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}
.kl-dl-apple .badge{
background:rgba(15,23,42,.06)!important;color:#334155!important;border-color:rgba(100,116,139,.28)!important;
}
.kl-dl-linux{
border-color:rgba(139,92,246,.28)!important;box-shadow:0 10px 28px rgba(139,92,246,.08)!important;
}
.kl-dl-linux .badge{
background:rgba(139,92,246,.12)!important;color:#6D28D9!important;border-color:rgba(139,92,246,.28)!important;
}
.kl-dl-ico{
display:flex;align-items:center;justify-content:center;
width:64px;height:64px;border-radius:18px;margin:0 auto 14px;
background:rgba(15,23,42,.04);
}
.kl-dl-ico svg{display:block}
.kl-dl-win .kl-dl-ico{background:rgba(68,62,228,.18);color:#3150ED}
.kl-dl-android .kl-dl-ico{background:rgba(61,220,132,.16);color:#0F9D58}
.kl-dl-chrome .kl-dl-ico{background:rgba(66,133,244,.14);color:#1A73E8}
.kl-dl-apple .kl-dl-ico{background:rgba(15,23,42,.08);color:#333333}
.kl-dl-linux .kl-dl-ico{background:rgba(139,92,246,.14);color:#7C3AED}
a.kl-win-dl[href="#"],a.kl-win-dl[href=""],a.kl-win-dl:not([href^="http"]){
opacity:.85;cursor:pointer;
}
.kl-faq details:nth-child(5n+1)[open]{border-color:rgba(68,62,228,.45)}
.kl-faq details:nth-child(5n+2)[open]{border-color:rgba(20,184,166,.45)}
.kl-faq details:nth-child(5n+3)[open]{border-color:rgba(235,78,177,.5)}
.kl-faq details:nth-child(5n+4)[open]{border-color:rgba(235,78,177,.45)}
.kl-faq details:nth-child(5n+5)[open]{border-color:rgba(139,92,246,.45)}
.kl-faq details{border-left:3px solid transparent}
.kl-faq details:nth-child(5n+1){border-left-color:rgba(68,62,228,.55)}
.kl-faq details:nth-child(5n+2){border-left-color:rgba(20,184,166,.55)}
.kl-faq details:nth-child(5n+3){border-left-color:rgba(235,78,177,.6)}
.kl-faq details:nth-child(5n+4){border-left-color:rgba(235,78,177,.55)}
.kl-faq details:nth-child(5n+5){border-left-color:rgba(139,92,246,.55)}
.kl-grid-2 > .kl-card:nth-child(1){border-top:3px solid var(--kl-logo)}
.kl-grid-2 > .kl-card:nth-child(2){border-top:3px solid var(--kl-amber)}
.kl-grid-2 > .kl-card:nth-child(3){border-top:3px solid var(--kl-coral)}
.kl-grid-2 > .kl-card:nth-child(4){border-top:3px solid var(--kl-indigo)}
.kl-grid-2 > .kl-card:nth-child(1) h3{color:var(--kl-logo)}
.kl-grid-2 > .kl-card:nth-child(2) h3{color:var(--kl-amber-2)}
.kl-grid-2 > .kl-card:nth-child(3) h3{color:var(--kl-coral-2)}
.kl-grid-2 > .kl-card:nth-child(4) h3{color:var(--kl-indigo-2)}
.page .kl-section{background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,251,235,.35) 40%,rgba(240,253,244,.3))}
.page .entry-content a:not(.kl-btn){color:var(--kl-pri)}
.page .entry-content a:not(.kl-btn):hover{color:var(--kl-amber-2)}
.single .site-content > .ast-container{
max-width:880px!important;
padding:10px 20px 48px!important;
margin:0 auto!important;
height:auto!important;max-height:none!important;
display:block!important;
}
.single .kl-breadcrumbs{
max-width:880px;margin:0 auto;padding:16px 4px 6px;font-size:13px;
}
.single .kl-breadcrumbs .kl-wrap{max-width:none;padding:0}
.single.ast-separate-container .site-main > article.ast-article-single,
.single .ast-article-single.hentry{
background:rgba(255,255,255,.97)!important;
border:1px solid var(--kl-line);
border-radius:24px;
box-shadow:var(--kl-shadow);
padding:2.15rem 2.4rem 2.6rem!important;
margin:8px auto 1.5em!important;
}
.single .entry-header{
margin:0 0 1.35rem;padding-bottom:1.05rem;
border-bottom:1px solid var(--kl-line);
}
.single .entry-header .entry-title,
.single h1.entry-title{
font-size:clamp(1.6rem,2.7vw,2.1rem)!important;
line-height:1.35!important;font-weight:800!important;
letter-spacing:-.02em;color:var(--kl-ink)!important;
margin:0 0 .7rem!important;
}
.single .entry-meta,
.single .entry-meta *,
.single header.entry-header .entry-meta *{
font-size:13px!important;font-weight:500!important;
color:var(--kl-muted)!important;line-height:1.55!important;
}
.single .entry-meta a,
.single .entry-meta a:not(.ast-button){
color:var(--kl-pri)!important;text-decoration:none!important;font-weight:500!important;
}
.single .entry-meta a:hover{text-decoration:underline!important;color:var(--kl-green)!important}
.single .entry-content{
font-size:1.05rem;color:var(--kl-body);
max-width:42rem; 
}
.single .entry-content p{
line-height:1.9;font-size:1.05rem;color:var(--kl-body);margin:0 0 1.15em;
}
.single .entry-content > p:first-of-type{
font-size:1.08rem;color:var(--kl-ink-2);
}
.single .entry-content h2{
font-size:clamp(1.22rem,2vw,1.42rem)!important;font-weight:800!important;
line-height:1.35;color:var(--kl-ink)!important;
border-left:0;padding-left:0;
margin:2.05em 0 .8em;letter-spacing:-.01em;
}
.single .entry-content h3{
font-size:clamp(1.06rem,1.5vw,1.18rem)!important;font-weight:700!important;
color:var(--kl-ink)!important;margin:1.55em 0 .6em;
padding-bottom:.3em;border-bottom:2px solid rgba(68,62,228,.22);
}
.single .entry-content ul,
.single .entry-content ol{margin:0 0 1.25em;padding-left:1.35em}
.single .entry-content li{margin:.42em 0;line-height:1.75;color:var(--kl-body)}
.single .entry-content li::marker{color:var(--kl-logo)}
.single .entry-content strong{color:var(--kl-ink-2);font-weight:700}
.single .entry-content a:not(.kl-btn):not(.ast-button){
color:var(--kl-pri);
text-decoration:underline;text-decoration-color:rgba(68,62,228,.35);
text-underline-offset:3px;
}
.single .entry-content a:not(.kl-btn):not(.ast-button):hover{
color:var(--kl-green);text-decoration-color:var(--kl-green);
}
.single .entry-content blockquote{
margin:1.5em 0;padding:1rem 1.2rem;
border-left:0;
background:var(--kl-tint-3);border-radius:0 16px 16px 0;
color:var(--kl-ink-2);font-size:1.02rem;
}
.single .entry-content figure{margin:1.7em 0}
.single .entry-content figure img,
.single .entry-content p > img,
.single .entry-content img.kl-inline,
.kl-inline{
border-radius:16px;box-shadow:0 8px 28px rgba(15,23,42,.08);
margin:0;max-width:100%;height:auto;display:block;
}
.single .entry-content figcaption{
margin-top:.6em;font-size:13px;color:var(--kl-muted);
text-align:center;line-height:1.5;
}
.single .ast-article-single figure,
.single .ast-article-single img:not(figure img){
box-shadow:0 8px 28px rgba(15,23,42,.08)!important;
}
.single .post-thumbnail img,
.single .post-thumb img,
.single .wp-post-image{
border-radius:18px;box-shadow:0 10px 32px rgba(15,23,42,.1)!important;
margin:0 0 1.25rem;
}
.kl-post-cta{
background:linear-gradient(135deg,rgba(68,62,228,.12) 0%,rgba(146,87,249,.1) 100%);
border:1px solid rgba(68,62,228,.28);
border-radius:24px;padding:32px 28px;margin:2.75em 0 .35em;
text-align:center;box-shadow:0 10px 36px rgba(15,23,42,.05);
}
.kl-post-cta h3{
margin:0 0 10px;color:var(--kl-ink);font-size:1.22rem;font-weight:800;
border:0;padding:0;border-bottom:0;
}
.kl-post-cta p{margin:0 0 18px;color:var(--kl-muted);font-size:.98rem;line-height:1.7}
.kl-post-cta .kl-btn{min-height:48px;padding:0 26px}
@media(max-width:921px){
.single .site-content > .ast-container{padding:6px 12px 36px!important}
.single.ast-separate-container .site-main > article.ast-article-single,
.single .ast-article-single.hentry{
padding:1.25rem 1.05rem 1.6rem!important;border-radius:18px;
}
.single .entry-header .entry-title,
.single h1.entry-title{font-size:1.42rem!important}
.single .kl-breadcrumbs{padding:12px 2px 4px}
.single .entry-content{max-width:none}
.kl-post-cta{padding:22px 16px;border-radius:18px}
}
.kl-footer{background:rgba(255,255,255,.92);color:var(--kl-body);padding:48px 0 28px;border-top:1px solid var(--kl-line);backdrop-filter:blur(10px)}
.kl-footer a{color:var(--kl-ink-2);text-decoration:none}
.kl-footer a:hover{color:var(--kl-pri)}
.kl-footer .muted{color:var(--kl-muted)}
.kl-footer .foot-top{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start}
.kl-footer .foot-nav{display:grid;grid-template-columns:repeat(3,max-content);gap:8px 22px;align-items:center}
.kl-footer .foot-nav a{display:inline-block;margin:0!important;line-height:1.4;white-space:nowrap}
@media (max-width:640px){
.kl-footer .foot-nav{grid-template-columns:repeat(2,max-content);gap:8px 18px}
}
.kl-footer .foot-copy{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--kl-line);font-size:13px;color:var(--kl-muted)}
.kl-sell-section .kl-head{max-width:720px}
.kl-sell-row{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
gap:32px;
align-items:center;
max-width:1040px;
margin:0 auto 36px;
width:100%;
}
.kl-sell-row:last-child{margin-bottom:0}
.kl-sell-row--flip{direction:rtl}
.kl-sell-row--flip > *{direction:ltr}
.kl-sell-media{
margin:0;
border-radius:14px;
overflow:hidden;
background:#fff;
box-shadow:0 8px 28px rgba(15,23,42,.08), 0 0 0 1px var(--kl-line);
position:relative;
}
.kl-sell-media::before{
content:"";position:absolute;inset:8% 6%;
background:radial-gradient(circle at 50% 50%, rgba(68,62,228,.18), transparent 68%);
filter:blur(8px);z-index:0;pointer-events:none;
}
.kl-sell-row:nth-child(2) .kl-sell-media::before{background:radial-gradient(circle at 50% 50%, rgba(68,62,228,.22), transparent 68%)}
.kl-sell-row:nth-child(3) .kl-sell-media::before{background:radial-gradient(circle at 50% 50%, rgba(235,78,177,.22), transparent 68%)}
.kl-sell-row:nth-child(4) .kl-sell-media::before{background:radial-gradient(circle at 50% 50%, rgba(235,78,177,.22), transparent 68%)}
.kl-sell-row:nth-child(5) .kl-sell-media::before{background:radial-gradient(circle at 50% 50%, rgba(139,92,246,.22), transparent 68%)}
.kl-sell-row:nth-child(2) .kl-sell-copy h3{color:var(--kl-logo)}
.kl-sell-row:nth-child(2) .kl-sell-bullets li::before{background:var(--kl-logo);box-shadow:0 0 0 3px rgba(68,62,228,.18)}
.kl-sell-row:nth-child(3) .kl-sell-copy h3{color:var(--kl-amber-2)}
.kl-sell-row:nth-child(4) .kl-sell-copy h3{color:var(--kl-coral-2)}
.kl-sell-row:nth-child(5) .kl-sell-copy h3{color:var(--kl-indigo-2)}
.kl-sell-row:nth-child(3) .kl-sell-bullets li::before{background:var(--kl-amber);box-shadow:0 0 0 3px rgba(235,78,177,.18)}
.kl-sell-row:nth-child(4) .kl-sell-bullets li::before{background:var(--kl-coral);box-shadow:0 0 0 3px rgba(235,78,177,.18)}
.kl-sell-row:nth-child(5) .kl-sell-bullets li::before{background:var(--kl-indigo);box-shadow:0 0 0 3px rgba(139,92,246,.18)}
.kl-sell-section .kl-eyebrow .dot{background:var(--kl-amber)}
.kl-sell-section .kl-eyebrow{color:var(--kl-amber-2)}
.kl-sell-media img{
display:block;
width:100%;
max-width:100%;
height:auto;
vertical-align:middle;
position:relative;z-index:1;
}
.kl-sell-copy{text-align:left;padding:4px 4px 4px 0}
.kl-sell-copy h3{
margin:0 0 10px;
font-size:1.2rem;
line-height:1.35;
color:var(--kl-pri);
font-weight:800;
}
.kl-sell-copy > p{
margin:0 0 12px;
color:var(--kl-muted);
font-size:.98rem;
line-height:1.75;
}
.kl-sell-bullets{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:8px;
}
.kl-sell-bullets li{
position:relative;
padding:0 0 0 18px;
color:var(--kl-ink-2);
font-size:.92rem;
line-height:1.55;
}
.kl-sell-bullets li::before{
content:"";
position:absolute;
left:0;top:.55em;
width:8px;height:8px;
border-radius:50%;
background:var(--kl-logo);
box-shadow:0 0 0 3px rgba(68,62,228,.15);
}
@media(max-width:900px){
.kl-hero{padding:48px 0 28px}
.kl-sell-row,.kl-sell-row--flip{grid-template-columns:1fr;direction:ltr;gap:18px;margin-bottom:28px}
.kl-sell-row--flip > *{direction:ltr}
.kl-sell-copy{padding:0}
.kl-hero-grid,.kl-grid-2,.kl-grid-3,.kl-grid-4,.kl-steps,.kl-trust-grid,.kl-blog-grid{grid-template-columns:1fr}
.kl-hero-points{gap:8px}
.kl-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.kl-badge{display:inline-flex;margin:8px 0 0;top:0}
}
@media(max-width:560px){.kl-grid-4{grid-template-columns:1fr}}
.page .kl-page-hero + .kl-section .kl-lead,
.page .kl-section .kl-card p,
.page .entry-content .kl-lead{line-height:1.85;font-size:1rem;color:var(--kl-body)}
.page .kl-section .kl-card{padding:28px 30px}
.page .kl-section .kl-card h3{margin-top:0}
.kl-section{padding:68px 0}
.kl-sell-row{margin-bottom:36px}
body.blog,body.archive{background:#F8FAFF!important}
body.blog.ast-separate-container,body.blog.ast-separate-container #content,
body.blog.ast-separate-container .ast-container,
body.archive.ast-separate-container .ast-container{background:#F8FAFF!important}
body.blog .site-content>.ast-container,body.archive .site-content>.ast-container{
max-width:1120px!important;margin:0 auto!important;padding:12px 24px 64px!important;
display:block!important;height:auto!important;
}
body.blog #primary,body.archive #primary{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}
body.blog .site-main .ast-row,body.archive .site-main .ast-row,
body.blog .ast-row,body.archive .ast-row{
display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
max-width:1120px;margin:0 auto!important;padding:0!important;width:100%!important;
}
body.blog .ast-row:before,body.blog .ast-row:after,
body.archive .ast-row:before,body.archive .ast-row:after{display:none!important;content:none!important}
body.blog .ast-article-post,body.archive .ast-article-post{
width:auto!important;max-width:none!important;float:none!important;
margin:0!important;padding:0!important;left:auto!important;right:auto!important;
}
body.blog .ast-article-post.ast-full-width,body.archive .ast-article-post.ast-full-width{
width:auto!important;max-width:none!important;margin:0!important;padding:0!important;
}
body.blog .ast-article-inner,body.archive .ast-article-inner{
height:100%;box-shadow:none!important;background:transparent!important;border:0!important;
}
body.blog .ast-article-post .post-content,body.archive .ast-article-post .post-content{
background:#fff!important;border:1px solid var(--kl-line)!important;border-radius:16px!important;
overflow:hidden;height:100%;padding:0!important;margin:0!important;
display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease;
}
body.blog .ast-article-post:hover .post-content,body.archive .ast-article-post:hover .post-content{
transform:translateY(-4px);border-color:rgba(68,62,228,.4)!important;box-shadow:0 16px 40px rgba(49,80,237,.12)!important;
}
body.blog .ast-blog-featured-section,body.archive .ast-blog-featured-section{margin:0!important;padding:0!important;overflow:hidden}
body.blog .post-thumb,body.archive .post-thumb,
body.blog .post-thumb-img-content,body.archive .post-thumb-img-content{margin:0!important;padding:0!important}
body.blog .post-thumb img,body.archive .post-thumb img,
body.blog .post-thumb-img-content img,body.archive .post-thumb-img-content img,
body.blog .wp-post-image,body.archive .wp-post-image{
width:100%!important;height:200px!important;object-fit:cover!important;display:block!important;
border-radius:0!important;background:#EDE9FE;transition:transform .4s ease;
}
body.blog .ast-article-post:hover .wp-post-image,body.archive .ast-article-post:hover .wp-post-image{transform:scale(1.04)}
body.blog .cat-links,body.archive .cat-links{display:block;padding:16px 20px 0!important;margin:0!important}
body.blog .cat-links a,body.archive .cat-links a{
display:inline-flex!important;font-size:12px!important;font-weight:700!important;
padding:3px 10px!important;border-radius:999px!important;background:rgba(68,62,228,.12)!important;
color:var(--kl-logo)!important;border:1px solid rgba(68,62,228,.28)!important;text-decoration:none!important;
}
body.blog .ast-article-post:nth-child(2n) .cat-links a,body.archive .ast-article-post:nth-child(2n) .cat-links a{
background:rgba(139,92,246,.12)!important;color:var(--kl-indigo-2)!important;border-color:rgba(139,92,246,.3)!important;
}
body.blog h2.entry-title,body.archive h2.entry-title{padding:0 20px!important;margin:8px 0!important}
body.blog .entry-title,body.archive .entry-title{font-size:1.08rem!important;line-height:1.45!important}
body.blog .entry-title a,body.archive .entry-title a{color:var(--kl-ink)!important;text-decoration:none}
body.blog .entry-title a:hover,body.archive .entry-title a:hover{color:var(--kl-green)!important}
body.blog .entry-header,body.archive .entry-header{padding:0 20px!important;margin:0 0 6px!important;display:block!important}
body.blog .entry-meta,body.archive .entry-meta{color:var(--kl-muted)!important;font-weight:500!important;font-size:0!important;padding:0 20px!important;margin:0 0 8px!important}
body.blog .entry-meta .posted-on,body.archive .entry-meta .posted-on,
body.blog .entry-meta .posted-on *,body.archive .entry-meta .posted-on *{
font-size:13px!important;font-weight:500!important;color:var(--kl-muted)!important;
}
body.blog .posted-by,body.archive .posted-by,
body.blog .entry-meta .author,body.archive .entry-meta .author,
body.blog .ast-author-avatar{display:none!important}
body.blog .ast-excerpt-container,body.archive .ast-excerpt-container,
body.blog .entry-content,body.archive .entry-content{padding:0 20px 22px!important;color:var(--kl-muted)!important;font-size:.93rem;line-height:1.7}
body.blog .entry-content:empty,body.archive .entry-content:empty{display:none!important}
body.blog .ast-pagination,body.archive .ast-pagination{grid-column:1/-1;margin-top:28px}
body.blog .kl-page-hero{margin-bottom:8px}
@media (max-width:900px){
body.blog .site-main .ast-row,body.archive .site-main .ast-row,
body.blog .ast-row,body.archive .ast-row{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion: no-preference){
html{scroll-behavior:smooth}
.kl-card,.kl-dl-card,.kl-step,.kl-blog-card,.kl-faq details,.kl-sell-media,.kl-channel,.kl-trust-item,.kl-btn{
transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease,background .28s ease,filter .28s ease!important;
}
.kl-hero-visual img,.kl-sell-media img{
transition:transform .45s cubic-bezier(.22,1,.36,1),filter .35s ease;
}
.kl-hero-visual:hover img{transform:translateY(-4px) scale(1.012);filter:saturate(1.05)}
.kl-sell-row:hover .kl-sell-media{
transform:translateY(-3px);
box-shadow:0 16px 40px rgba(15,23,42,.1),0 0 0 1px rgba(68,62,228,.12);
}
.kl-sell-row:hover .kl-sell-media img{transform:scale(1.02)}
.kl-channel:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.08)}
.kl-trust-item{padding:8px 6px;border-radius:14px}
.kl-trust-item:hover{background:rgba(255,255,255,.85);transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.06)}
.kl-card:hover,.kl-dl-card:hover,.kl-step:hover{
transform:translateY(-5px)!important;
}
.kl-blog-card:hover{transform:translateY(-5px)}
.kl-blog-card:hover img{transform:scale(1.04)}
.kl-faq details{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease,transform .25s ease}
.kl-faq details:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}
.kl-faq details[open]{box-shadow:0 14px 32px rgba(68,62,228,.1)}
.kl-btn-primary:hover,a.kl-btn-primary:hover,.kl-header-cta:hover,a.kl-header-cta:hover{
filter:brightness(1.06);
}
.kl-header-cta,a.kl-header-cta{
animation:kl-cta-glow 2.8s ease-in-out infinite;
}
@keyframes kl-cta-glow{
0%,100%{box-shadow:0 4px 12px rgba(68,62,228,.28)!important}
50%{box-shadow:0 6px 20px rgba(68,62,228,.48)!important}
}
.kl-page-hero:before{
animation:kl-hero-breathe 6s ease-in-out infinite;
}
@keyframes kl-hero-breathe{
0%,100%{opacity:.85;transform:translateX(-50%) scale(1)}
50%{opacity:1;transform:translateX(-50%) scale(1.04)}
}
.kl-badge{
animation:kl-badge-pulse 3.2s ease-in-out infinite;
}
@keyframes kl-badge-pulse{
0%,100%{box-shadow:0 0 0 0 rgba(68,62,228,.0)}
50%{box-shadow:0 0 0 6px rgba(68,62,228,.12)}
}
.kl-eyebrow .dot{
animation:kl-dot-blink 1.8s ease-in-out infinite;
}
@keyframes kl-dot-blink{
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.55;transform:scale(1.25)}
}
.kl-hero-text,.kl-hero-visual,.kl-trust-item,.kl-card,.kl-dl-card,.kl-step,.kl-sell-row,.kl-faq details,.kl-page-hero .kl-wrap,.kl-cta-band .kl-wrap,.kl-blog-card{
animation:kl-rise .7s cubic-bezier(.22,1,.36,1) both;
}
.kl-hero-visual{animation-delay:.12s}
.kl-trust-item:nth-child(1){animation-delay:.05s}
.kl-trust-item:nth-child(2){animation-delay:.12s}
.kl-trust-item:nth-child(3){animation-delay:.18s}
.kl-trust-item:nth-child(4){animation-delay:.24s}
.kl-grid-3 > .kl-card:nth-child(1),.kl-grid-3 > .kl-dl-card:nth-child(1){animation-delay:.05s}
.kl-grid-3 > .kl-card:nth-child(2),.kl-grid-3 > .kl-dl-card:nth-child(2){animation-delay:.12s}
.kl-grid-3 > .kl-card:nth-child(3),.kl-grid-3 > .kl-dl-card:nth-child(3){animation-delay:.18s}
.kl-grid-3 > .kl-card:nth-child(4){animation-delay:.24s}
.kl-grid-3 > .kl-card:nth-child(5){animation-delay:.3s}
.kl-grid-3 > .kl-card:nth-child(6){animation-delay:.36s}
.kl-sell-row:nth-child(2){animation-delay:.08s}
.kl-sell-row:nth-child(3){animation-delay:.14s}
.kl-sell-row:nth-child(4){animation-delay:.2s}
.kl-sell-row:nth-child(5){animation-delay:.26s}
.kl-faq details:nth-child(1){animation-delay:.05s}
.kl-faq details:nth-child(2){animation-delay:.1s}
.kl-faq details:nth-child(3){animation-delay:.15s}
.kl-faq details:nth-child(4){animation-delay:.2s}
.kl-faq details:nth-child(5){animation-delay:.25s}
.kl-faq details:nth-child(6){animation-delay:.3s}
.kl-faq details:nth-child(7){animation-delay:.35s}
.kl-faq details:nth-child(8){animation-delay:.4s}
@keyframes kl-rise{
from{opacity:0;transform:translateY(18px)}
to{opacity:1;transform:none}
}
body:before{
content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:
radial-gradient(ellipse at 12% 18%, rgba(68,62,228,.07), transparent 42%),
radial-gradient(ellipse at 88% 12%, rgba(235,78,177,.06), transparent 40%),
radial-gradient(ellipse at 70% 88%, rgba(139,92,246,.06), transparent 45%);
animation:kl-wash 12s ease-in-out infinite alternate;
}
@keyframes kl-wash{
from{opacity:.65}
to{opacity:1}
}
#page,#content,.site-content,#masthead,.kl-footer{position:relative;z-index:1}
.kl-cta-band .kl-wrap{
transition:transform .3s ease,box-shadow .3s ease;
}
.kl-cta-band .kl-wrap:hover{
transform:translateY(-3px);
box-shadow:0 18px 44px rgba(15,23,42,.1);
}
#masthead .ast-container{
transition:box-shadow .35s ease, transform .35s ease;
}
.kl-brand-grad,.kl-h1 .kl-brand-grad{
background-size:200% 200%!important;
animation:kl-grad-shift 5s ease-in-out infinite;
}
@keyframes kl-grad-shift{
0%,100%{background-position:0% 50%}
50%{background-position:100% 50%}
}
.kl-btn-primary,.kl-header-cta,a.kl-btn-primary,a.kl-header-cta{
position:relative;overflow:hidden;
}
.kl-btn-primary::after,.kl-header-cta::after,a.kl-btn-primary::after,a.kl-header-cta::after{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);
transform:translateX(-120%);
}
.kl-btn-primary:hover::after,.kl-header-cta:hover::after,a.kl-btn-primary:hover::after,a.kl-header-cta:hover::after{
animation:kl-shine .85s ease;
}
@keyframes kl-shine{
from{transform:translateX(-120%)}
to{transform:translateX(120%)}
}
.kl-hero .kl-media-block img{
animation:kl-float 5.5s ease-in-out infinite;
}
@keyframes kl-float{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-8px)}
}
.kl-stat,.kl-plat,.kl-price,.kl-zig-row,.kl-zig-media img,.kl-pill{
transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease,filter .28s ease!important;
}
.kl-stat:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(49,80,237,.14)}
.kl-plat:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(15,23,42,.1);border-color:rgba(49,80,237,.35)}
.kl-price:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(15,23,42,.1)}
.kl-price.featured{animation:kl-feat-glow 3.4s ease-in-out infinite}
@keyframes kl-feat-glow{
0%,100%{box-shadow:0 12px 32px rgba(49,80,237,.18)}
50%{box-shadow:0 16px 40px rgba(49,80,237,.32)}
}
.kl-pill:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(49,80,237,.12)}
.kl-zig-media img:hover{transform:scale(1.025);filter:saturate(1.06)}
.kl-zig-row.kl-in{animation:kl-rise .75s cubic-bezier(.22,1,.36,1) both}
.kl-stat.kl-in,.kl-plat.kl-in,.kl-price.kl-in,.kl-card.kl-in,.kl-step.kl-in,.kl-blog-card.kl-in,.kl-faq details.kl-in{
animation:kl-rise .7s cubic-bezier(.22,1,.36,1) both;
}
.kl-reveal{
opacity:0;transform:translateY(22px);
transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);
}
.kl-reveal.kl-in{opacity:1;transform:none}
.kl-reveal-left{opacity:0;transform:translateX(-28px);
transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.kl-reveal-left.kl-in{opacity:1;transform:none}
.kl-reveal-right{opacity:0;transform:translateX(28px);
transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.kl-reveal-right.kl-in{opacity:1;transform:none}
.kl-hero-points li{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.kl-hero-points li:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(49,80,237,.14);border-color:rgba(49,80,237,.35)}
a.kl-btn-ghost,a.kl-btn-line,.kl-btn-ghost,.kl-btn-line{
transition:transform .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease!important;
}
a.kl-btn-ghost:hover,a.kl-btn-line:hover,.kl-btn-ghost:hover,.kl-btn-line:hover{
transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.08);
}
.kl-footer a{transition:color .2s ease,transform .2s ease}
.kl-footer a:hover{color:var(--kl-logo-2)!important}
.kl-cta-band .kl-wrap{background-size:140% 140%!important;animation:kl-cta-pan 10s ease-in-out infinite alternate}
@keyframes kl-cta-pan{
from{background-position:0% 40%}
to{background-position:100% 60%}
}
}
@media (prefers-reduced-motion: reduce){
.kl-header-cta,a.kl-header-cta,.kl-badge,.kl-eyebrow .dot,.kl-page-hero:before,body:before,
.kl-brand-grad,.kl-hero .kl-media-block img,.kl-price.featured,.kl-cta-band .kl-wrap,
.kl-btn-primary::after,.kl-header-cta::after{animation:none!important}
.kl-reveal,.kl-reveal-left,.kl-reveal-right{opacity:1!important;transform:none!important;transition:none!important}
}
.site-footer,#colophon,.ast-footer-overlay,
.site-below-footer-wrap,.ast-footer-copyright,
.site-footer-focus-item.ast-footer-copyright{display:none!important}
.kl-hero-badge-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 18px}
.kl-pill{
display:inline-flex;align-items:center;gap:6px;
font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;
background:rgba(255,255,255,.85);border:1px solid var(--kl-line);color:var(--kl-ink-2);
}
.kl-pill--gold{background:linear-gradient(90deg,rgba(146,87,249,.25),rgba(68,62,228,.18));border-color:rgba(49,80,237,.35);color:#3150ED}
.kl-h1-lines{display:flex;flex-direction:column;align-items:center;gap:16px}
.kl-h1-brand{display:inline-flex;align-items:center;justify-content:center;gap:12px;line-height:1}
.kl-h1-icon{width:clamp(40px,6vw,56px);height:clamp(40px,6vw,56px);object-fit:contain;flex:0 0 auto;display:block;filter:drop-shadow(0 2px 6px rgba(49,80,237,.28))}
.kl-h1-brand .brand{line-height:1}
.kl-h1-lines .line2{font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:700;color:var(--kl-ink-2);letter-spacing:.02em}
.kl-hero .kl-h1{white-space:normal;text-align:center}
.kl-stats{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
margin:28px auto 0;max-width:920px;
}
.kl-stat{
background:rgba(255,255,255,.88);border:1px solid var(--kl-line);border-radius:18px;
padding:18px 12px;text-align:center;box-shadow:var(--kl-shadow);
}
.kl-stat strong{display:block;font-size:1.45rem;font-weight:800;color:var(--kl-logo-2);margin-bottom:4px}
.kl-stat:nth-child(2) strong{color:var(--kl-sky)}
.kl-stat:nth-child(3) strong{color:var(--kl-coral-2)}
.kl-stat:nth-child(4) strong{color:var(--kl-indigo-2)}
.kl-stat span{font-size:12px;color:var(--kl-muted);font-weight:600}
.kl-platforms{
display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;
}
.kl-plat{
display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;
background:#fff;border:1px solid var(--kl-line);font-size:13px;font-weight:700;color:var(--kl-ink-2);
box-shadow:0 4px 14px rgba(15,23,42,.04);
}
.kl-plat .dot{width:8px;height:8px;border-radius:99px;background:var(--kl-logo)}
.kl-plat:nth-child(2) .dot{background:var(--kl-sky)}
.kl-plat:nth-child(3) .dot{background:#64748b}
.kl-plat:nth-child(4) .dot{background:var(--kl-coral)}
.kl-plat:nth-child(5) .dot{background:var(--kl-indigo)}
.kl-plat:nth-child(6) .dot{background:#0ea5e9}
.kl-plat:nth-child(7) .dot{background:#22c55e}
.kl-price-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1100px;margin:0 auto}
.kl-price{
background:rgba(255,255,255,.95);border:1px solid var(--kl-line);border-radius:22px;
padding:22px 16px;text-align:center;box-shadow:var(--kl-shadow);position:relative;
}
.kl-price.featured{
border-color:rgba(49,80,237,.55);
background:linear-gradient(180deg,#fff 0%,#EDE9FE 100%);
box-shadow:0 16px 40px rgba(49,80,237,.16);
transform:translateY(-4px);
}
.kl-price .tag{
display:inline-block;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;
background:var(--kl-tint-2);color:#3150ED;margin-bottom:10px;border:1px solid rgba(49,80,237,.25);
}
.kl-price.featured .tag{background:linear-gradient(90deg,#9257F9,#443EE4);color:#333333;border:0}
.kl-price h3{margin:0 0 6px;font-size:1.05rem;color:var(--kl-ink)}
.kl-price .amt{font-size:1.65rem;font-weight:800;color:var(--kl-ink);margin:0 0 6px}
.kl-price .amt small{font-size:.85rem;font-weight:600;color:var(--kl-muted)}
.kl-price p{margin:0;font-size:.88rem;color:var(--kl-muted);line-height:1.55}
.kl-audience{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;max-width:1040px;margin:0 auto}
.kl-audience-copy h3{margin:0 0 10px;font-size:1.25rem;color:var(--kl-ink)}
.kl-audience-copy p{margin:0 0 14px;color:var(--kl-muted);line-height:1.75}
.kl-audience-media img{
display:block;width:100%;height:auto;border-radius:20px;
box-shadow:0 18px 48px rgba(49,80,237,.14);border:1px solid rgba(49,80,237,.18);
}
.kl-audience-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kl-audience-list li{
display:flex;gap:10px;align-items:flex-start;font-size:.94rem;color:var(--kl-ink-2);line-height:1.55;
background:rgba(255,255,255,.8);border:1px solid var(--kl-line);border-radius:12px;padding:10px 12px;
}
.kl-audience-list li::before{
content:"";flex:0 0 8px;width:8px;height:8px;margin-top:.45em;border-radius:99px;background:var(--kl-logo);
box-shadow:0 0 0 3px rgba(68,62,228,.2);
}
.kl-trust-band{
background:linear-gradient(135deg,rgba(255,248,235,.95),rgba(255,255,255,.9));
border-top:1px solid var(--kl-line);border-bottom:1px solid var(--kl-line);padding:48px 0;
}
.kl-trust-band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kl-trust-card{
background:#fff;border:1px solid var(--kl-line);border-radius:20px;padding:22px;box-shadow:var(--kl-shadow);
}
.kl-trust-card h3{margin:0 0 8px;font-size:1.05rem;color:var(--kl-ink)}
.kl-trust-card p{margin:0;font-size:.92rem;color:var(--kl-muted);line-height:1.7}
.kl-trust-card:nth-child(1){border-top:3px solid var(--kl-logo)}
.kl-trust-card:nth-child(2){border-top:3px solid var(--kl-sky)}
.kl-trust-card:nth-child(3){border-top:3px solid var(--kl-indigo)}
.kl-media-block{max-width:920px;margin:28px auto 0}
.kl-media-block img{
display:block;width:100%;height:auto;border-radius:22px;
box-shadow:0 22px 56px rgba(49,80,237,.16),0 4px 14px rgba(15,23,42,.06);
border:1px solid rgba(226,232,240,.85);background:#fff;
}
.kl-hero .kl-media-block{max-width:880px;margin:20px auto 0;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.kl-hero .kl-media-block img{
border-radius:14px;
box-shadow:0 18px 48px rgba(15,23,42,.14),0 6px 16px rgba(15,23,42,.08)!important;
border:0!important;background:transparent!important;
outline:0!important;
}
.kl-cta-band .kl-wrap{
background:
radial-gradient(ellipse at 15% 20%, rgba(68,62,228,.22), transparent 50%),
radial-gradient(ellipse at 85% 30%, rgba(235,78,177,.14), transparent 48%),
radial-gradient(ellipse at 70% 90%, rgba(20,184,166,.10), transparent 45%),
linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,248,235,.96))!important;
border:1px solid rgba(49,80,237,.22)!important;
}
@media(max-width:900px){
.kl-stats,.kl-price-grid,.kl-audience,.kl-trust-band-grid{grid-template-columns:1fr 1fr}
.kl-audience{gap:20px}
.kl-price.featured{transform:none}
}
@media(max-width:560px){
.kl-stats,.kl-price-grid,.kl-trust-band-grid{grid-template-columns:1fr}
.kl-audience{grid-template-columns:1fr}
}
.kl-zig{background:#fff;padding:72px 0}
.kl-zig .kl-head{margin-bottom:48px}
.kl-zig-row{
display:grid;grid-template-columns:1fr 1fr;gap:48px 56px;align-items:center;
max-width:1080px;margin:0 auto 64px;
}
.kl-zig-row:last-child{margin-bottom:0}
.kl-zig-row.reverse .kl-zig-copy{order:2}
.kl-zig-row.reverse .kl-zig-media{order:1}
.kl-zig-copy{min-width:0}
.kl-zig-copy .kl-eyebrow{justify-content:flex-start;margin-bottom:10px}
.kl-zig-title{
margin:0 0 22px;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:800;
color:var(--kl-ink);line-height:1.35;letter-spacing:-.01em;
}
.kl-zig-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.kl-zig-list li{
position:relative;padding:0 0 0 34px;margin:0;
display:grid;gap:4px;
}
.kl-zig-list li::before{
content:"";position:absolute;left:0;top:.18em;width:22px;height:22px;border-radius:999px;
box-shadow:0 2px 8px rgba(49,80,237,.28);
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E"),
linear-gradient(135deg,#9257F9,#443EE4 55%,#3150ED);
background-size:11px 11px,100% 100%;
background-position:center,center;
background-repeat:no-repeat,no-repeat;
}
.kl-zig-list li strong{
display:block;font-size:1.02rem;font-weight:800;color:var(--kl-ink);line-height:1.4;
}
.kl-zig-list li span{
display:block;font-size:.92rem;font-weight:500;color:#666;line-height:1.65;
}
.kl-zig-media{min-width:0}
.kl-zig-media{
background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
}
.kl-zig-media img{
display:block;width:100%;height:auto;border-radius:14px;
box-shadow:0 16px 40px rgba(15,23,42,.12);
border:0!important;background:transparent!important;outline:0!important;
}
@media(max-width:900px){
.kl-zig{padding:56px 0}
.kl-zig-row{gap:28px 32px;margin-bottom:48px}
.kl-zig-list{gap:14px}
}
@media(max-width:720px){
.kl-zig-row,.kl-zig-row.reverse{
grid-template-columns:1fr;gap:22px;margin-bottom:44px;
}
.kl-zig-row .kl-zig-copy{order:1}
.kl-zig-row .kl-zig-media{order:2}
.kl-zig-row.reverse .kl-zig-media{order:1}
.kl-zig-row.reverse .kl-zig-copy{order:2}
.kl-zig-title{margin-bottom:16px}
.kl-zig-list li{padding-left:30px}
.kl-zig-media img{border-radius:16px}
}
#masthead,.site-header,.ast-main-header-wrap,.main-header-bar,.ast-primary-header-bar{
position:fixed!important;top:0;left:0;right:0;z-index:9999;
background:transparent!important;box-shadow:none!important;
border:0!important;border-bottom:0!important;
height:auto!important;max-height:none!important;overflow:visible!important;
padding:10px 16px 0!important;
}
body{padding-top:54px!important}
.main-header-bar-wrap,.ast-primary-header-bar,.site-header > .ast-main-header-wrap{
background:transparent!important;border:0!important;box-shadow:none!important;
}
#masthead .ast-container,
.ast-primary-header-bar .ast-container,
.main-header-bar .ast-container {
max-width:1080px!important;margin:0 auto!important;padding:0 18px!important;
height:44px!important;align-items:center!important;
background:#ffffff!important;
border-radius:999px!important;
box-shadow:0 8px 32px rgba(15,23,42,.08)!important;
border:1px solid rgba(226,232,240,.95)!important;
}
#ast-mobile-header .ast-primary-header-bar,
#ast-mobile-header .main-header-bar{
background:transparent!important;border:0!important;box-shadow:none!important;
}
#ast-mobile-header .ast-builder-grid-row{
max-width:1080px!important;margin:0 auto!important;padding:0 12px!important;
height:40px!important;align-items:center!important;
background:#ffffff!important;
border-radius:999px!important;
box-shadow:0 8px 32px rgba(15,23,42,.08)!important;
border:1px solid rgba(226,232,240,.95)!important;
}
#masthead .ast-container .ast-builder-grid-row,
#masthead .ast-container .main-header-container,
.ast-primary-header-bar .ast-container .ast-builder-grid-row,
.main-header-bar .ast-container .ast-builder-grid-row,
#masthead .site-branding,
#masthead .ast-site-identity,
#masthead .site-logo-img,
#masthead .custom-logo-link,
#masthead .ast-builder-layout-element,
#masthead .site-header-section{
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
#masthead .ast-container .ast-builder-grid-row,
.ast-primary-header-bar .ast-container .ast-builder-grid-row,
.main-header-bar .ast-container .ast-builder-grid-row{
max-width:none!important;margin:0!important;padding:0!important;
height:100%!important;width:100%!important;
}
.site-logo-img img,.custom-logo,.ast-header-logo img{max-height:34px!important;width:auto!important;height:auto!important}
.main-header-menu .menu-link,.ast-builder-menu .menu-link{
font-size:17px!important;color:#0f172a!important;font-weight:600!important;
padding:0 12px!important;
}
.main-header-menu .menu-link:hover{color:#D97706!important}
.ast-header-button-1 .ast-custom-button,.kl-header-cta,a.kl-header-cta,.kl-btn.kl-header-cta,
.kl-btn.kl-btn-primary.kl-header-cta{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
height:32px!important;min-height:32px!important;max-height:32px!important;
padding:0 16px!important;margin:0!important;border-radius:999px!important;
background:linear-gradient(315deg,#EB4EB1 0%,#9257F9 50%,#3150ED 100%)!important;color:#333333!important;
font-weight:700!important;font-size:13px!important;line-height:1!important;
text-decoration:none!important;border:0!important;gap:0!important;
box-shadow:0 4px 12px rgba(49,80,237,.28)!important;
box-sizing:border-box!important;
vertical-align:middle!important;
position:relative!important;top:0!important;transform:none!important;
}
.ast-header-button-1 .ast-custom-button:hover,.kl-header-cta:hover,a.kl-header-cta:hover,
.kl-btn.kl-header-cta:hover,.kl-btn.kl-btn-primary.kl-header-cta:hover{
transform:none!important;top:0!important;
box-shadow:0 6px 16px rgba(49,80,237,.34)!important;color:#333333!important;
}
.kl-header-cta-li{
display:inline-flex!important;align-items:center!important;
height:100%!important;margin:0 0 0 8px!important;padding:0!important;
float:none!important;vertical-align:middle!important;
}
.kl-header-cta-li > a{margin:0!important}
#masthead .main-header-menu,
#masthead .ast-builder-menu,
#masthead .ast-nav-menu{
display:flex!important;align-items:center!important;
}
#masthead .main-header-menu > .menu-item,
#masthead .ast-builder-menu > .menu-item{
display:inline-flex!important;align-items:center!important;
float:none!important;vertical-align:middle!important;
}
#masthead .main-header-menu .menu-link,
#masthead .ast-builder-menu .menu-link{
display:inline-flex!important;align-items:center!important;
height:32px!important;line-height:1!important;
}
.site-title,.site-description{display:none!important}
@media(max-width:921px){
#masthead,.site-header,.main-header-bar{padding:8px 12px 0!important}
body{padding-top:48px!important}
#masthead .ast-container,
.ast-primary-header-bar .ast-container,
.main-header-bar .ast-container{height:40px!important;padding:0 12px!important}
.site-logo-img img,.custom-logo{max-height:28px!important}
}
.kl-hero-points{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center;gap:10px;overflow:visible!important;max-width:100%;padding-bottom:0!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.kl-hero-points::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}
.kl-hero-points li,.kl-hero-points .kl-point,.kl-hero-points>*{flex:0 0 auto;white-space:nowrap}
@media (max-width:900px){.kl-hero-points{gap:8px}.kl-hero-points li{font-size:12px;padding:6px 10px}}
.kl-hero{
--kl-chrome:linear-gradient(315deg,#EB4EB1 0%,#9257F9 48%,#3150ED 100%);
background:var(--kl-chrome)!important;
position:relative;overflow:hidden;
padding:88px 0 72px;text-align:left;
color:#fff;
width:100vw!important;max-width:100vw!important;
margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
box-sizing:border-box!important;
}
body.home .kl-hero,body.front-page .kl-hero,body.page-template-default.home .kl-hero{
margin-top:-54px!important;
padding-top:calc(88px + 54px)!important;
}
@media (max-width:921px){
body.home .kl-hero,body.front-page .kl-hero{
margin-top:-48px!important;
padding-top:calc(64px + 48px)!important;
}
}
.kl-hero:before{
content:"";position:absolute;inset:0;
background:
radial-gradient(circle at 18% 20%,rgba(255,255,255,.18),transparent 42%),
radial-gradient(circle at 82% 30%,rgba(49,80,237,.35),transparent 45%);
pointer-events:none;z-index:0;
}
.kl-hero:after{
content:"";position:absolute;left:0;right:0;bottom:-1px;height:64px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath fill='%23F8FAFF' d='M0,32 C360,64 1080,0 1440,32 L1440,64 L0,64 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
pointer-events:none;z-index:1;
}
.kl-hero .kl-wrap,.kl-hero-grid,.kl-hero-text,.kl-hero-inner{position:relative;z-index:2}
.kl-hero .kl-h1,.kl-hero .kl-h1 .brand,.kl-hero .kl-brand-grad{
color:#fff!important;-webkit-text-fill-color:#fff!important;
background:none!important;
}
.kl-hero .kl-hero-sub,.kl-hero .kl-lead{color:rgba(255,255,255,.92)!important}
.kl-hero .kl-pill{
background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28);
}
.kl-hero .kl-stat strong{color:#fff}
.kl-hero .kl-stat span{color:rgba(255,255,255,.85)}
.kl-hero .kl-hero-points li{
background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff;
}
.kl-hero .kl-btn-primary,.kl-hero a.kl-btn-primary{
background:linear-gradient(180deg,#fff,#EEEEEE)!important;color:#4853E3!important;
box-shadow:0 10px 28px rgba(15,23,42,.18)!important;
}
.kl-hero .kl-btn-primary:hover{color:#3150ED!important;transform:translateY(-2px)}
.kl-hero .kl-btn-ghost,.kl-hero .kl-btn-line{
background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important;
}
.kl-hero-grid{
display:grid!important;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;
flex-direction:unset!important;
}
.kl-hero-text{text-align:left!important;max-width:none!important;margin:0!important}
.kl-hero-text .kl-lead,.kl-hero-text .kl-cta-row,.kl-hero-text .kl-eyebrow{margin-left:0!important;justify-content:flex-start!important}
.kl-hero .kl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;max-width:420px}
.kl-hero .kl-stat{
background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
border-radius:20px;padding:16px 12px;text-align:center;backdrop-filter:blur(8px);
}
.kl-hero .kl-stat strong{display:block;font-size:1.6rem;font-weight:800;margin-bottom:4px}
.kl-hero .kl-media-block img,.kl-hero-visual img{border-radius:0!important;box-shadow:none!important;background:transparent!important;}
:root{--kl-chrome:linear-gradient(315deg,#EB4EB1 0%,#9257F9 48%,#3150ED 100%)}
#masthead,.site-header,.ast-primary-header-bar,.main-header-bar,
.ast-above-header-bar,.ast-main-header-wrap{
background:var(--kl-chrome)!important;
border:0!important;box-shadow:none!important;
}
body.home #masthead,body.home .site-header,body.home .ast-main-header-wrap,
body.home .main-header-bar,body.home .ast-primary-header-bar,body.home .ast-above-header-bar,
body.front-page #masthead,body.front-page .site-header,body.front-page .ast-main-header-wrap,
body.front-page .main-header-bar,body.front-page .ast-primary-header-bar,body.front-page .ast-above-header-bar{
background:transparent!important;
box-shadow:none!important;
}
body.home #masthead .ast-container,
body.home .ast-primary-header-bar .ast-container,
body.home .main-header-bar .ast-container,
body.front-page #masthead .ast-container,
body.front-page .ast-primary-header-bar .ast-container,
body.front-page .main-header-bar .ast-container,
body.home #ast-mobile-header .ast-builder-grid-row,
body.front-page #ast-mobile-header .ast-builder-grid-row{
background:#ffffff!important;
}
body:not(.home):not(.front-page) .main-header-menu .menu-link,
body:not(.home):not(.front-page) .ast-builder-menu .menu-link{
color:#0f172a!important;
}
.ast-header-button-1 .ast-custom-button,
.kl-header-cta,a.kl-header-cta{
background:#fff!important;color:#4853E3!important;border-radius:999px!important;
font-weight:700!important;box-shadow:0 6px 18px rgba(15,23,42,.15)!important;
}
body{padding-top:54px!important}
.kl-page-hero{
background:linear-gradient(315deg,rgba(235,78,177,.12),rgba(146,87,249,.10) 50%,rgba(49,80,237,.12));
padding:56px 0 28px;
}
.kl-cta-band{
background:linear-gradient(315deg,#EB4EB1,#9257F9 50%,#3150ED)!important;
color:#fff;padding:64px 0;text-align:center;
}
.kl-cta-band .kl-h2,.kl-cta-band p{color:#fff!important}
.kl-cta-band .kl-btn-primary{
background:#fff!important;color:#4853E3!important;
}
.kl-dl-pill,.kl-plat{
background:#fff;border:1px solid #e2e8f0;border-radius:999px;
padding:10px 18px;display:inline-flex;align-items:center;gap:8px;
font-weight:600;color:#333;
}
@media (max-width:900px){
.kl-hero-grid{grid-template-columns:1fr!important}
.kl-hero{text-align:center}
.kl-hero-text{text-align:center!important}
.kl-hero-text .kl-cta-row,.kl-hero-text .kl-eyebrow{justify-content:center!important}
.kl-hero .kl-stats{margin-left:auto;margin-right:auto}
}
.kl-hero .kl-media-block,
.kl-hero .kl-media-block img,
.kl-hero-visual,
.kl-hero-visual img{
background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
}
.kl-hero .kl-media-block{max-width:860px!important;width:100%!important;margin:12px auto 0!important}
.kl-hero .kl-media-block img,
.kl-hero-visual img{
width:100%!important;max-width:860px!important;height:auto!important;
transform:none;
}
.kl-hero-grid{
grid-template-columns:0.92fr 1.18fr!important;gap:28px!important;align-items:center!important;
}
@media (max-width:900px){
.kl-hero .kl-media-block img,.kl-hero-visual img{transform:none}
.kl-hero-grid{grid-template-columns:1fr!important}
}
.kl-hero .kl-stats{
display:flex!important;flex-wrap:wrap!important;gap:10px!important;
max-width:none!important;margin-top:22px!important;
grid-template-columns:none!important;
}
.kl-hero .kl-stat{
display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:8px!important;
padding:8px 16px!important;border-radius:999px!important;
background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.28)!important;
text-align:left!important;backdrop-filter:blur(8px);min-width:0!important;
box-sizing:border-box!important;
}
.kl-hero .kl-stat strong{
display:inline-block!important;
font-size:15px!important;font-weight:800!important;margin:0!important;line-height:1.15!important;
letter-spacing:0!important;
color:#FFB0DC!important;-webkit-text-fill-color:#FFB0DC!important;
background:none!important;
}
.kl-hero .kl-stat span{
display:inline!important;font-size:13px!important;font-weight:500!important;
line-height:1.2!important;color:rgba(255,255,255,.88)!important;
-webkit-text-fill-color:rgba(255,255,255,.88)!important;white-space:nowrap;
}
@media (max-width:900px){
.kl-hero .kl-stats{justify-content:center!important}
.kl-hero .kl-stat strong{font-size:15px!important}
}
body.home #masthead .ast-container,
body.home .ast-primary-header-bar .ast-container,
body.home .main-header-bar .ast-container,
body.front-page #masthead .ast-container,
body.front-page .ast-primary-header-bar .ast-container,
body.front-page .main-header-bar .ast-container,
body.home #ast-mobile-header .ast-builder-grid-row,
body.front-page #ast-mobile-header .ast-builder-grid-row{
background:var(--kl-chrome, linear-gradient(315deg,#EB4EB1 0%,#9257F9 48%,#3150ED 100%))!important;
border:0!important;
box-shadow:0 10px 32px rgba(15,23,42,.28),0 4px 12px rgba(49,80,237,.35)!important;
}
body.home #masthead .main-header-menu .menu-link,
body.home #masthead .ast-builder-menu .menu-link,
body.front-page #masthead .main-header-menu .menu-link,
body.front-page #masthead .ast-builder-menu .menu-link{
color:#fff!important;
}
body.home #masthead .main-header-menu .menu-link:hover,
body.front-page #masthead .main-header-menu .menu-link:hover{
color:rgba(255,255,255,.85)!important;
}
body.home .ast-header-button-1 .ast-custom-button,
body.home .kl-header-cta,
body.front-page .ast-header-button-1 .ast-custom-button,
body.front-page .kl-header-cta{
background:#fff!important;color:#4853E3!important;
box-shadow:0 4px 14px rgba(15,23,42,.16)!important;
}
body.home #masthead,
body.home .site-header,
body.home .ast-main-header-wrap,
body.home .main-header-bar,
body.home .ast-primary-header-bar,
body.front-page #masthead,
body.front-page .site-header,
body.front-page .ast-main-header-wrap,
body.front-page .main-header-bar,
body.front-page .ast-primary-header-bar{
background:transparent!important;
box-shadow:none!important;
}
body.home .ast-header-button-1 .ast-custom-button,
body.home a.kl-header-cta,
body.home .kl-header-cta,
body.home .kl-btn.kl-header-cta,
body.front-page .ast-header-button-1 .ast-custom-button,
body.front-page a.kl-header-cta,
body.front-page .kl-header-cta{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
height:38px!important;min-height:38px!important;max-height:38px!important;
padding:0 22px!important;border-radius:999px!important;border:0!important;
background:linear-gradient(180deg,#fff,#EEEEEE)!important;
color:#4853E3!important;-webkit-text-fill-color:#4853E3!important;
font-size:15px!important;font-weight:700!important;line-height:1!important;
box-shadow:0 8px 22px rgba(15,23,42,.18)!important;
}
body.home .ast-header-button-1 .ast-custom-button:hover,
body.home .kl-header-cta:hover,
body.front-page .ast-header-button-1 .ast-custom-button:hover,
body.front-page .kl-header-cta:hover{
color:#3150ED!important;-webkit-text-fill-color:#3150ED!important;
box-shadow:0 10px 26px rgba(15,23,42,.22)!important;
transform:none!important;
}
.kl-hero .kl-h1-brand{
display:inline-flex!important;align-items:center!important;gap:16px!important;
white-space:nowrap!important;flex-wrap:nowrap!important;
}
.kl-hero .kl-h1-brand .brand,
.kl-hero .kl-h1-brand .kl-brand-grad{
white-space:nowrap!important;font-size:1em!important;line-height:1!important;
}
.kl-hero .kl-h1,
.kl-hero .kl-h1 .brand,
.kl-hero .kl-brand-grad{
font-size:clamp(3.2rem,7vw,5rem)!important;
line-height:1.05!important;
white-space:nowrap!important;
}
.kl-hero .kl-h1-lines{white-space:normal!important}
.kl-hero .kl-h1-lines .line2{white-space:normal!important}
.kl-h1-icon,
.kl-hero .kl-h1-icon,
.kl-h1-brand .kl-h1-icon{
width:1.18em!important;height:1.18em!important;
max-width:none!important;max-height:none!important;
flex:0 0 auto!important;
object-fit:contain!important;
border-radius:22%!important;
display:block!important;
}
.kl-hero{text-align:center!important}
.kl-hero-grid{
display:flex!important;flex-direction:column!important;align-items:center!important;
grid-template-columns:none!important;gap:28px!important;
}
.kl-hero-text{
text-align:center!important;max-width:920px!important;margin:0 auto!important;width:100%!important;
}
.kl-hero-text .kl-lead,
.kl-hero-text .kl-cta-row,
.kl-hero-text .kl-eyebrow,
.kl-hero-text .kl-hero-badge-row{
margin-left:auto!important;margin-right:auto!important;justify-content:center!important;
}
.kl-hero .kl-h1-brand{justify-content:center!important}
.kl-hero .kl-h1-lines{align-items:center!important;display:flex!important;flex-direction:column!important}
.kl-hero .kl-h1,.kl-hero .kl-hero-sub,.kl-hero .kl-lead{text-align:center!important}
.kl-hero .kl-cta-row{display:flex!important;justify-content:center!important}
.kl-hero .kl-stats{margin-left:auto!important;margin-right:auto!important;justify-content:center!important}
.kl-hero .kl-media-block{max-width:860px!important;margin:8px auto 0!important;width:100%!important}
.kl-hero .kl-media-block{
max-width:860px!important;width:100%!important;margin:10px auto 0!important;
}
.kl-hero .kl-media-block img,
.kl-hero-visual img{
width:100%!important;max-width:860px!important;height:auto!important;
transform:none!important;image-rendering:auto;
-webkit-backface-visibility:hidden;backface-visibility:hidden;
}


/* Soft silhouette shadow on transparent hero mock */
.kl-hero .kl-media-block img,
.kl-hero-visual img{
  filter: drop-shadow(0 18px 28px rgba(15,23,42,.28)) drop-shadow(0 6px 12px rgba(49,80,237,.18)) !important;
}
.kl-hero-visual:hover img,
.kl-hero .kl-media-block:hover img{
  filter: drop-shadow(0 22px 34px rgba(15,23,42,.34)) drop-shadow(0 8px 16px rgba(49,80,237,.22)) saturate(1.05) !important;
}