/* Public marketing layout; the link form keeps its original application handlers. */
body.ks-public{--ks-page:#f8f9fb;--ks-surface:#fff;--ks-soft:#eef1f5;--ks-section:#f0f3f7;--ks-ink:#181c22;--ks-muted:#656d79;--ks-blue:#0f5cff;--ks-link:#0a58da;background:var(--ks-page)!important;color:var(--ks-ink)!important;font-family:Arial,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
html.dark body.ks-public{--ks-page:#15191f;--ks-surface:#1e242c;--ks-soft:#252d37;--ks-section:#1a2028;--ks-ink:#f8f9fb;--ks-muted:#b0b8c4;--ks-link:#8db7ff;background:var(--ks-page)!important;color:var(--ks-ink)!important}
.ks-public :is(a,button,input):focus-visible{outline:3px solid #74a7ff!important;outline-offset:4px}
.ks-public ::selection{background:#135fff66}
.ks-public>header{position:static!important;top:auto!important;background:var(--ks-page)!important;border:0!important;backdrop-filter:none}
.ks-public>header>div{max-width:1220px;padding-inline:34px}
.ks-public>header>div>div:first-child{min-height:82px}
.ks-public>header a[title]{gap:8px}
.ks-public>header a[title]>span:first-child{background:transparent!important;color:var(--ks-link)!important;width:33px;height:33px;border-radius:0}
.ks-public>header a[title]>span:first-child svg{width:28px;height:28px;stroke-width:2.2}
.ks-public>header a[title]>span:last-child{font-size:19px;letter-spacing:-.4px;font-weight:700}
.ks-public>header :is(nav a,nav button){font-size:13px}
.ks-public>header a[href$="/user/register"]{border-radius:6px;background:var(--ks-blue)!important;color:white!important;padding:11px 20px;font-size:12px}
.ks-public>header [data-nav-dropdown-panel]>div{border:0!important;background:var(--ks-surface)!important;box-shadow:0 20px 65px #0003;border-radius:10px;padding:10px}
.ks-public>header [role="menuitem"]>span:first-child{border:0;background:var(--ks-soft);box-shadow:none}
.ks-public main>section,.ks-public main>section>div,.ks-public main>section>div>.grid,.ks-public main>section>div>.grid>div{border:0!important}
.ks-public main>section>div{max-width:1220px;margin-inline:auto}
.ks-public main h2{font-size:30px;font-weight:700;letter-spacing:-.7px;line-height:1.22}
.ks-public #hero>div{padding:60px 34px 68px}
.ks-public #hero>div>.grid{grid-template-columns:1.03fr .97fr;gap:100px;align-items:center}
.ks-public #hero>div>.grid>div:first-child{padding:0!important}
.ks-eyebrow{align-self:flex-start;display:inline-block;color:var(--ks-muted);font-size:11px;font-weight:500;margin-bottom:22px;background:transparent;padding:0;border-radius:0;letter-spacing:.3px}
.ks-eyebrow svg{display:none}
.ks-public #hero .ks-hero-title{font-size:clamp(35px,3.7vw,49px);line-height:1.14;letter-spacing:-1.4px;font-weight:750;text-transform:uppercase;color:var(--ks-ink);max-width:570px}
.ks-public #hero .ks-hero-title>span{color:inherit}
.ks-public #hero h1+p{margin-top:22px;color:var(--ks-muted);font-size:14px;line-height:1.85;max-width:445px}
.ks-public #hero .ks-hero-actions{margin-top:28px;gap:12px}
.ks-public #hero .ks-hero-actions>a{border:0!important;border-radius:6px;min-height:44px;padding:12px 20px;font-size:12px}
.ks-public #hero .ks-hero-actions>a:first-child{background:var(--ks-blue)!important;color:white!important}
.ks-public #hero .ks-hero-actions>a:last-child{background:var(--ks-soft);color:var(--ks-ink)}
.ks-hero-benefits{display:flex;gap:18px;flex-wrap:wrap;color:var(--ks-muted);font-size:10px;margin-top:25px}
.ks-hero-benefits span::before{content:"✓";margin-right:5px;color:var(--ks-link)}
.ks-live-shortener{min-width:0;scroll-margin-top:115px}
.ks-tool-label{display:block;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--ks-link);margin-bottom:10px}
.ks-public #hero .ks-live-shortener h2{font-size:25px;line-height:1.2;letter-spacing:-.6px}
.ks-live-shortener>p{font-size:12px;color:var(--ks-muted);line-height:1.7;margin-top:12px}
.ks-shortener{margin-top:24px;max-width:100%}
.ks-field-label{display:block;margin-bottom:9px;font-size:11px;font-weight:550;color:var(--ks-muted)}
.ks-shortener>div:first-of-type{border:0!important;background:var(--ks-soft)!important;border-radius:7px;padding:6px;box-shadow:none;gap:4px}
.ks-shortener input#url{min-height:46px;padding:10px 12px;font-size:16px;color:var(--ks-ink)}
.ks-shortener input#url::placeholder{color:var(--ks-muted);opacity:.8}
.ks-shortener button[type="submit"]{background:var(--ks-blue)!important;color:#fff!important;padding:12px 18px;border-radius:5px;min-height:46px;font-size:12px;font-weight:600}
.ks-shortener button[type="submit"]:hover{filter:brightness(1.1)}
.ks-public #output-result{background:var(--ks-soft);border:0;border-radius:8px;padding:16px;max-width:100%}
.ks-public #qr-result img,.ks-public #qr-result svg{max-width:100px;height:auto}
.ks-output-hint{font-size:11px!important;line-height:1.7;color:var(--ks-muted);margin-top:15px!important}
.ks-live-shortener:has(#output-result:not(.hidden)) .ks-output-hint{display:none}
.ks-link-types{display:flex;align-items:center;gap:15px;margin-top:28px;color:var(--ks-muted);font-size:10px;line-height:1.5}
.ks-link-types>span{display:flex;gap:6px;align-items:center}
.ks-link-types svg{width:14px;height:14px;color:var(--ks-link)}
.ks-ribbon{background:var(--ks-blue);overflow:hidden;padding:20px 0}
.ks-ribbon-back{display:none}
.ks-ribbon-front{min-width:100%;width:max-content;white-space:nowrap;color:#fff;font-size:22px;font-weight:700;letter-spacing:-.3px;line-height:1.25}
.ks-ribbon-front span{padding-inline:27px}
.ks-ribbon-front b{font-size:10px;vertical-align:3px;opacity:.8}
.ks-public #how-it-works{background:var(--ks-section)}
.ks-public #how-it-works>div{padding:47px 34px}
.ks-how-heading{display:flex;justify-content:space-between;gap:45px;align-items:start;margin-bottom:25px}
.ks-how-heading h2{font-size:27px;text-transform:uppercase;letter-spacing:-.6px}
.ks-how-heading p{max-width:390px;color:var(--ks-muted);font-size:12px;line-height:1.75}
.ks-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0;padding:0;background:transparent}
.ks-steps li{display:flex;gap:11px;align-items:center;color:var(--ks-ink);font-size:12px;font-weight:500;padding:10px 0;line-height:1.5}
.ks-steps li>b{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ks-soft);color:var(--ks-link);font-size:10px}
.ks-public section[aria-label="Platform statistics"]>div{padding:23px 34px 10px}
.ks-public section[aria-label="Platform statistics"] .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.ks-public section[aria-label="Platform statistics"] .grid>div{border:0;padding:12px 0;text-align:left}
.ks-public section[aria-label="Platform statistics"] p:first-child{font-size:26px;letter-spacing:-.8px;font-weight:650}
.ks-public section[aria-label="Platform statistics"] p:last-child{font-size:11px;color:var(--ks-muted);font-weight:400;margin-top:3px}
.ks-public :is(#core-features,#features,#integrations)>div{padding:54px 34px}
.ks-public :is(#core-features,#features,#integrations)>div>div:first-child{padding:0 0 29px;max-width:770px}
.ks-public :is(#core-features,#features,#integrations) h2{font-size:30px;letter-spacing:-.8px;text-transform:uppercase;font-weight:700;line-height:1.23}
.ks-public :is(#core-features,#features,#integrations) h2>span{display:block;color:var(--ks-muted);font-size:13px;text-transform:none;letter-spacing:0;font-weight:400;line-height:1.75;margin-top:13px;max-width:630px}
.ks-public #core-features>div>.grid{padding:0;gap:28px;counter-reset:tool}
.ks-public #core-features article{min-height:0!important;background:transparent;border:0;border-radius:0;box-shadow:none}
.ks-public #core-features article:hover{box-shadow:none;transform:none}
.ks-public #core-features article>div>div:first-child{display:none}
.ks-public #core-features article>div>div:last-child{padding:10px 0 0}
.ks-public #core-features article h3{font-size:20px;font-weight:650;letter-spacing:-.4px}
.ks-public #core-features article h3::before{display:none}
.ks-public #core-features article p{color:var(--ks-muted);font-size:13px;line-height:1.8}
.ks-public #core-features article a{color:var(--ks-link);font-size:12px}
.ks-public #features>div>.grid{padding:0;gap:45px}
.ks-public #features [data-feature-tab]{border:0;border-radius:8px;background:transparent;box-shadow:none;padding:15px 16px}
.ks-public #features [data-feature-tab].is-active{background:var(--ks-surface)}
.ks-public #features .feature-tab-icon{border:0;border-radius:7px;background:var(--ks-soft);color:var(--ks-link)}
.ks-public #features .feature-tab-title{font-size:14px;font-weight:600}
.ks-public #features .feature-tab-desc{font-size:12px;line-height:1.8;color:var(--ks-muted)}
.ks-public #features .feature-tab-progress{display:none}
.ks-public #analytics{background:var(--ks-section)!important}
.ks-public #analytics>div{padding:0 34px}
.ks-public #analytics>div>.grid{gap:50px;align-items:center}
.ks-public #analytics>div>.grid>div{padding:48px 0!important}
.ks-public #analytics h2{color:var(--ks-ink);font-size:32px;letter-spacing:-.7px;line-height:1.25;text-transform:uppercase}
.ks-public #analytics>div>.grid>div:first-child>p,.ks-public #analytics li>span:last-child{color:var(--ks-muted);font-size:13px;line-height:1.8}
.ks-public #analytics .rounded-xl.bg-white{border:0;background:var(--ks-surface)!important;color:var(--ks-ink);border-radius:9px;box-shadow:none}
.ks-public #analytics .rounded-xl.bg-white [class*="text-black"]{color:var(--ks-ink)!important}
.ks-public #analytics .rounded-xl.bg-white [class*="border"]{border-color:transparent!important}
.ks-public #analytics .rounded-xl.bg-white [class~="bg-black/20"]{background:#145eff55!important}
.ks-public #analytics .rounded-xl.bg-white [class~="bg-black"]{background:var(--ks-blue)!important}
.ks-demo-caption{display:block;padding:15px 20px 0;font-size:8px;letter-spacing:.7px;color:var(--ks-muted)}
.ks-public #integrations img{width:25px;height:25px;object-fit:contain}
.ks-public #integrations>div>.grid{gap:12px;padding:0}
.ks-public #integrations>div>.grid>:is(a,div,article){border:0;border-radius:8px;background:var(--ks-surface);box-shadow:none}
.ks-public #integrations>div>.grid>div>span:first-child{background:transparent;box-shadow:none;--tw-ring-shadow:0 0 #0000}
.ks-public #integrations article{margin-top:8px}
.ks-public #cta{padding:12px 34px 40px}
.ks-public #cta>div{max-width:1152px;background:var(--ks-blue);color:#fff;border-radius:8px}
.ks-public #cta>div>div{padding:53px 25px}
.ks-public #cta h2{font-size:clamp(29px,3.3vw,41px);text-transform:uppercase;letter-spacing:-.8px;line-height:1.2}
.ks-public #cta p{color:#e4edff;font-size:13px}
.ks-public #cta a{border-radius:5px;background:white!important;color:#1154d5!important;min-height:44px}
.ks-public #testimonials>div{padding:35px 34px}
.ks-public #testimonials blockquote{border:0;border-radius:8px;background:var(--ks-surface)}
.ks-public>footer>div{max-width:1220px;padding-inline:34px;border:0!important}
.ks-public>footer [class*="border"]{border-color:transparent!important}
.ks-public>footer a:hover{color:var(--ks-link)}
@media(min-width:768px){.ks-public>header nav[aria-label="Main"]{align-items:center}.ks-public>header nav[aria-label="Main"]>a,.ks-public>header nav[aria-label="Main"]>[data-nav-dropdown]>button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;line-height:1;margin:0;padding-block:0;vertical-align:middle}.ks-public>header nav[aria-label="Main"]>[data-nav-dropdown]{display:flex;align-items:center}.ks-public>header>div>div:first-child>div:last-child{align-items:center}.ks-public>header a[href$="/user/login"]{display:inline-flex;align-items:center;min-height:40px;line-height:1}}
.ks-auth{min-height:100svh;display:flex;flex-direction:column}
.ks-auth-header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1220px;width:100%;margin-inline:auto;padding:25px 34px}
.ks-auth-brand{display:flex;align-items:center;gap:9px;color:var(--ks-ink);font-size:19px;font-weight:700;letter-spacing:-.4px}
.ks-auth-brand>svg{height:28px;width:28px;color:var(--ks-link)}
.ks-auth-brand>img{height:32px;width:auto;max-width:200px;object-fit:contain}
.ks-auth-back{font-size:12px;color:var(--ks-muted);white-space:nowrap}
.ks-auth-main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:18px 24px 32px}
.ks-auth-panel{max-width:410px;width:100%}
.ks-auth-eyebrow{display:block;font-size:10px;font-weight:550;letter-spacing:1px;color:var(--ks-link);margin-bottom:16px}
.ks-auth-panel>h1{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:700}
.ks-auth-intro{color:var(--ks-muted);font-size:12px;line-height:1.7;margin-top:10px;margin-bottom:18px}
.ks-auth-panel [data-social-login]{margin-top:10px;gap:10px}
.ks-auth-panel [data-social-provider],.ks-register-panel>a[href*="/google"]{background:#fff!important;color:#202124!important;border:0!important;min-height:48px;border-radius:6px;box-shadow:none;font-size:13px}
.ks-auth-panel>p[class*="uppercase"]{text-align:left;font-weight:500;letter-spacing:.2px;font-size:10px;padding-block:6px;color:var(--ks-muted)}
.ks-auth-panel>form{margin-top:14px;display:flex;flex-direction:column;gap:16px}
.ks-auth-panel>form>*{margin-block:0!important}
.ks-auth-panel label{font-size:12px;font-weight:500;color:var(--ks-ink)}
.ks-auth-panel input:not([type="checkbox"]):not([type="hidden"]){background:var(--ks-soft)!important;color:var(--ks-ink)!important;border:0!important;border-radius:6px;min-height:49px;font-size:16px;padding:12px 14px}
.ks-auth-panel input::placeholder{color:var(--ks-muted);opacity:.8}
.ks-auth-panel input[type="checkbox"]{accent-color:var(--ks-blue)}
.ks-auth-panel form a{color:var(--ks-link);font-size:12px}
.ks-auth-panel button[type="submit"]{background:var(--ks-blue)!important;color:#fff!important;border:0;border-radius:6px;min-height:47px;font-size:13px;margin-top:4px}
.ks-auth-switch{margin-top:21px;font-size:12px;text-align:center;color:var(--ks-muted);line-height:1.8}
.ks-auth-switch>a{color:var(--ks-link);font-weight:550;margin-left:3px}
.ks-auth-footer{text-align:center;font-size:11px;color:var(--ks-muted);padding:20px 24px}
@media(max-width:600px){.ks-auth-header{padding:22px}.ks-auth-brand{font-size:18px}.ks-auth-back{font-size:10px}.ks-auth-main{align-items:flex-start;padding:37px 24px 45px}.ks-auth-panel>h1{font-size:31px}.ks-auth-footer{padding-top:12px}}
@media(max-width:1000px){.ks-public #hero>div>.grid{gap:45px}.ks-public #hero .ks-hero-title{font-size:40px}.ks-shortener>div:first-of-type{flex-direction:column}.ks-shortener>div:first-of-type>div{width:100%}.ks-shortener button[type="submit"]{flex:1;width:100%}}
@media(max-width:767px){
 .ks-public>header>div{padding-inline:22px}.ks-public>header>div>div:first-child{min-height:72px}.ks-public #mobile-nav{border:0;padding-bottom:16px}
 .ks-public #hero>div{padding:33px 22px 37px}.ks-public #hero>div>.grid{grid-template-columns:1fr;gap:40px}.ks-public #hero .ks-hero-title{font-size:clamp(35px,7.8vw,49px);line-height:1.16;letter-spacing:-1px}.ks-eyebrow{font-size:10px;margin-bottom:20px}.ks-public #hero h1+p{font-size:13px;margin-top:20px}.ks-public #hero .ks-hero-actions{margin-top:23px}.ks-hero-benefits{margin-top:20px;gap:15px;font-size:9px}.ks-public #hero .ks-live-shortener h2{font-size:22px}.ks-shortener{margin-top:19px}.ks-link-types{margin-top:23px}
 .ks-ribbon{padding-block:16px}.ks-ribbon-front{font-size:17px}.ks-ribbon-front span{padding-inline:17px}.ks-ribbon-front b{font-size:8px;vertical-align:2px}
 .ks-public #how-it-works>div{padding:31px 22px}.ks-how-heading{flex-direction:column;gap:12px;margin-bottom:15px}.ks-how-heading h2{font-size:24px}.ks-how-heading p{font-size:12px}.ks-steps{grid-template-columns:1fr;gap:3px}.ks-steps li{font-size:12px;padding:7px 0}
 .ks-public section[aria-label="Platform statistics"]>div{padding:20px 22px 0}.ks-public section[aria-label="Platform statistics"] .grid{gap:14px}.ks-public section[aria-label="Platform statistics"] .grid>div{padding:10px 0}.ks-public section[aria-label="Platform statistics"] p:first-child{font-size:23px}.ks-public section[aria-label="Platform statistics"] p:last-child{font-size:9px;line-height:1.5}
 .ks-public :is(#core-features,#features,#integrations)>div{padding:35px 22px}.ks-public :is(#core-features,#features,#integrations) h2{font-size:26px}.ks-public :is(#core-features,#features,#integrations) h2>span{font-size:12px}.ks-public #core-features>div>.grid{grid-template-columns:1fr;gap:29px}.ks-public #core-features article h3::before{margin-bottom:10px}.ks-public #features>div>.grid{grid-template-columns:1fr;gap:22px}.ks-public #analytics>div{padding:0 22px}.ks-public #analytics>div>.grid{grid-template-columns:1fr;gap:0}.ks-public #analytics>div>.grid>div{padding:31px 0!important}.ks-public #analytics>div>.grid>div:last-child{padding-top:0!important}.ks-public #analytics h2{font-size:27px}.ks-public #cta{padding:9px 22px 30px}.ks-public #cta>div>div{padding:39px 22px}.ks-public>footer>div{padding-inline:22px}
}
@media(prefers-reduced-motion:reduce){.ks-public *,.ks-public *::before,.ks-public *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}