:root{
  --navy:#0b1220;
  --navy-2:#111c31;
  --ink:#111827;
  --muted:#667085;
  --line:#dfe5ec;
  --paper:#f6f8fb;
  --white:#fff;
  --blue:#0f6fff;
  --blue-2:#4d95ff;
  --ice:#eaf3ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--navy);color:#f6f8fc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
a:focus-visible,button:focus-visible{outline:3px solid #8bbcff;outline-offset:4px}
.shell{max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}
.skip{position:absolute;top:-80px;left:18px;padding:10px 14px;background:#fff;color:#111;z-index:1000;border-radius:8px}.skip:focus{top:14px}

.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(11,18,32,.84);backdrop-filter:blur(18px)}
.header-inner{max-width:1304px;margin:auto;padding:15px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.45px}.brand strong{font-weight:450;color:#aab8ca}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#267cff,#0f6fff);box-shadow:0 8px 20px rgba(15,111,255,.26);font-size:15px;color:white}
nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#cbd5e1}nav>a:hover{color:#fff}.nav-cta{padding:9px 15px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.04)}

.hero{min-height:710px;padding-top:92px;padding-bottom:98px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:64px;position:relative}
.hero:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:rgba(15,111,255,.14);filter:blur(80px);right:-110px;top:90px;pointer-events:none}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:11px;letter-spacing:2px;font-weight:800;color:#8fc0ff}.eyebrow>span{width:28px;height:1px;background:currentColor}.eyebrow.dark{color:#2e6dbf}
h1{font-size:clamp(48px,5.3vw,76px);line-height:1.02;letter-spacing:-3.3px;margin:0 0 26px;font-weight:640}h1 em{font-style:normal;color:#66a5ff}
.hero-lead{max-width:600px;color:#aeb9c9;font-size:18px;line-height:1.75;margin:0}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-actions.centered{justify-content:center}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:0 19px;border-radius:10px;font-size:14px;font-weight:750;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(15,111,255,.24)}.button.primary:hover{background:#2780ff}.button.ghost{border:1px solid rgba(255,255,255,.16);color:#e5ebf3;background:rgba(255,255,255,.035)}.button.ghost:hover{border-color:rgba(255,255,255,.3)}
.hero-meta{display:flex;gap:17px;flex-wrap:wrap;margin-top:26px;color:#7f90a6;font-size:12px}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta span:before{content:"";width:5px;height:5px;border-radius:50%;background:#438eff}
.hero-visual{position:relative;min-width:0}.browser-window{overflow:hidden;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 32px 90px rgba(0,0,0,.38)}.browser-bar{height:38px;background:#edf1f5;border-bottom:1px solid #dce3eb;display:flex;align-items:center;gap:6px;padding:0 14px;color:#6b778a}.dot{width:8px;height:8px;border-radius:50%;background:#c9d0d9}.browser-label{font-size:10px;letter-spacing:.5px;margin-left:7px}.hero-window{transform:perspective(1400px) rotateY(-3deg) rotateX(1.5deg);transform-origin:center}.hero-window img{width:100%;height:auto;background:#f8fafc}.floating-card{position:absolute;padding:12px 15px;border-radius:12px;background:rgba(255,255,255,.97);color:#172033;box-shadow:0 18px 38px rgba(3,12,26,.3);border:1px solid #edf1f5}.floating-card strong{display:block;font-size:13px}.floating-card span{display:block;color:#758195;font-size:11px;margin-top:2px}.card-one{left:-30px;bottom:-28px}.card-two{right:-24px;top:-30px}

.trust-strip{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#0d1728}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{display:flex;gap:14px;align-items:center;padding:21px 26px;border-right:1px solid rgba(255,255,255,.08);font-size:13px;color:#afbac9}.trust-grid>div:last-child{border-right:0}.trust-grid strong{color:#579aff;font-size:11px;letter-spacing:1px}

.section{padding-top:104px;padding-bottom:104px}.section-heading{max-width:760px}.section h2,.product-heading h2,.workflow h2,.klesir-copy h2,.final-inner h2{font-size:clamp(34px,4vw,54px);line-height:1.13;letter-spacing:-2px;margin:0;font-weight:620}.section-heading>p:last-child{max-width:650px;color:#9cabbc;font-size:17px;margin:24px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}.feature-card{position:relative;padding:30px 28px 26px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));min-height:390px}.feature-card:hover{border-color:rgba(90,157,255,.34);background:linear-gradient(180deg,rgba(40,112,215,.10),rgba(255,255,255,.02))}.feature-icon{width:42px;height:42px;border-radius:10px;background:#14294a;color:#72acff;display:grid;place-items:center;font-size:12px;font-weight:800}.feature-kicker{font-size:11px;letter-spacing:1.6px;color:#77aaf3;margin:28px 0 10px}.feature-card h3{font-size:25px;line-height:1.28;letter-spacing:-.8px;margin:0 0 16px;font-weight:590}.feature-card>p:not(.feature-kicker){color:#9eabbb;font-size:14px}.feature-card>a{position:absolute;left:28px;bottom:24px;color:#dce8f8;font-size:13px}.feature-card>a span{color:#61a2ff;margin-left:6px}

.product-section{background:#f4f7fa;color:var(--ink)}.product-heading{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:70px}.product-heading>p{margin:0;color:#667085;max-width:430px;justify-self:end}.showcase{margin-top:50px}.shot-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.shot-tabs button{border:1px solid #d9e1ea;background:#fff;color:#667085;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:13px}.shot-tabs button[aria-selected="true"]{background:#111d31;color:#fff;border-color:#111d31}.shot-stage{display:grid;grid-template-columns:.38fr 1.2fr;gap:24px;align-items:stretch}.shot-copy{padding:38px 32px;border-radius:16px;background:#0f1a2d;color:#fff;display:flex;flex-direction:column;justify-content:center}.shot-index{margin:0 0 18px;color:#6aa6ff;font-size:11px;letter-spacing:1.6px;font-weight:800}.shot-copy h3{font-size:28px;line-height:1.22;letter-spacing:-1px;margin:0 0 16px}.shot-copy>p:not(.shot-index){color:#aab7c8;font-size:14px}.shot-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.shot-points span{padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:10px;color:#d6deea}.showcase-window{border:1px solid #d7dee7;box-shadow:0 20px 55px rgba(26,41,65,.16)}.showcase-window img{width:100%;height:100%;min-height:430px;object-fit:contain;background:#fff}.privacy-note{font-size:11px;color:#8c97a6;margin:14px 0 0;text-align:right}

.workflow{padding-top:100px;padding-bottom:110px}.workflow-title{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.workflow-title .eyebrow{margin-bottom:16px}.workflow-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;border-top:1px solid rgba(255,255,255,.13)}.workflow-line>div{position:relative;padding:31px 24px 0 0}.workflow-line>div:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#2e82ff;box-shadow:0 0 0 6px rgba(46,130,255,.08)}.workflow-line span{font-size:11px;color:#5896ed}.workflow-line strong{display:block;font-size:18px;margin-top:8px}.workflow-line p{color:#8997a9;font-size:13px;max-width:210px;margin-top:8px}

.klesir-section{position:relative;overflow:hidden;background:linear-gradient(125deg,#0f6fff 0%,#236dd5 43%,#1b4e99 100%)}.klesir-section:after{content:"K";position:absolute;right:-20px;bottom:-240px;font-size:680px;line-height:1;font-weight:800;color:rgba(255,255,255,.055);pointer-events:none}.klesir-grid{position:relative;z-index:2;padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1.1fr .72fr;gap:70px;align-items:center}.klesir-copy .eyebrow{color:#d4e7ff}.klesir-copy h2{max-width:760px}.klesir-copy>p:not(.eyebrow){max-width:650px;color:#d8e7fb;font-size:16px;margin:24px 0 28px}.button.light{background:#fff;color:#124278}.button.light:hover{background:#eff6ff}.klesir-card{padding:30px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(8,40,89,.27);backdrop-filter:blur(10px)}.klesir-label{font-size:10px;letter-spacing:1.7px;color:#bfd9ff}.klesir-card p{font-size:21px;line-height:1.5;letter-spacing:-.45px;margin:24px 0;color:#fff}.klesir-card a{font-size:13px;color:#d7e8ff;border-bottom:1px solid rgba(255,255,255,.35)}

.final-cta{background:#eaf3ff;color:#14213a}.final-inner{text-align:center;padding-top:95px;padding-bottom:95px}.final-inner .eyebrow{justify-content:center}.final-inner h2{max-width:900px;margin:0 auto}.dark-button{background:#111d31;color:#fff}.dark-button:hover{background:#1c2d49}.outline-dark{border:1px solid #b8c8dc;color:#243851}.outline-dark:hover{border-color:#718ba9}.final-inner .hero-actions{margin-top:32px}
.footer{padding-top:30px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer p{margin:0;color:#7f8fa4;font-size:12px}.footer>a:last-child{font-size:12px;color:#9caabd}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}

@media(max-width:1020px){
  .hero{grid-template-columns:1fr;gap:58px;padding-top:70px}.hero-copy{max-width:760px}.hero-visual{max-width:900px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1;min-height:320px}.product-heading{grid-template-columns:1fr}.product-heading>p{justify-self:start}.shot-stage{grid-template-columns:1fr}.shot-copy{min-height:260px}.klesir-grid{grid-template-columns:1fr}.klesir-card{max-width:670px}.workflow-line{grid-template-columns:1fr 1fr;row-gap:35px}
}
@media(max-width:760px){
  .shell,.header-inner{padding-left:20px;padding-right:20px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{padding:8px 12px}.hero{min-height:auto;padding-top:54px;padding-bottom:76px}.hero:before{width:340px;height:340px}.hero h1{font-size:clamp(45px,13vw,65px);letter-spacing:-2.5px}.hero-lead{font-size:16px}.hero-meta{gap:11px}.floating-card{display:none}.hero-window{transform:none}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding-left:20px}.trust-grid>div:last-child{border-bottom:0}.section{padding-top:76px;padding-bottom:76px}.section h2,.product-heading h2,.workflow h2,.klesir-copy h2,.final-inner h2{font-size:37px;letter-spacing:-1.4px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:last-child{grid-column:auto;min-height:350px}.product-heading{gap:20px}.shot-tabs{display:grid;grid-template-columns:1fr 1fr}.shot-tabs button{text-align:center}.shot-copy{padding:28px 24px}.shot-copy h3{font-size:24px}.showcase-window img{min-height:auto}.workflow-title{display:block}.workflow-line{grid-template-columns:1fr;margin-top:40px;border-top:0}.workflow-line>div{border-top:1px solid rgba(255,255,255,.13);padding:25px 0 18px}.workflow-line>div:before{top:-5px}.klesir-grid{padding-top:76px;padding-bottom:76px;gap:42px}.klesir-card p{font-size:18px}.final-inner{padding-top:76px;padding-bottom:76px}.footer{flex-wrap:wrap}.footer p{order:3;width:100%}
}
@media(max-width:430px){.nav-cta{font-size:12px}.brand{font-size:18px}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.shot-tabs{grid-template-columns:1fr 1fr}.privacy-note{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* Lead generation */
.demo-section{background:#07101d;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.demo-grid{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start}
.demo-copy h2{font-size:clamp(36px,4.2vw,56px);line-height:1.1;letter-spacing:-2px;margin:0;max-width:630px;font-weight:620}
.demo-copy>p:not(.eyebrow){max-width:620px;color:#a8b5c5;font-size:16px;margin:24px 0 0}
.demo-benefits{display:grid;gap:0;margin:36px 0 30px;border-top:1px solid rgba(255,255,255,.1)}
.demo-benefits>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.demo-benefits span{font-size:10px;letter-spacing:1.2px;color:#65a5ff;padding-top:3px}
.demo-benefits p{margin:0;color:#8494a8;font-size:13px;line-height:1.6}.demo-benefits strong{color:#edf4ff;font-size:14px}
.demo-live-link{display:inline-flex;align-items:center;gap:8px;color:#c8d9ef;font-size:13px;border-bottom:1px solid rgba(200,217,239,.25);padding-bottom:3px}.demo-live-link span{color:#65a5ff}
.lead-card{background:#fff;color:#152033;border-radius:20px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.3);border:1px solid #e7edf4}
.lead-card-head{margin-bottom:26px}.lead-step{display:inline-block;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#276bc2;background:#eaf3ff;border-radius:999px;padding:7px 10px}
.lead-card h3{font-size:28px;line-height:1.2;letter-spacing:-.9px;margin:14px 0 7px}.lead-card-head p{margin:0;color:#6b778a;font-size:13px}
.form-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-row{display:grid;gap:14px;margin-bottom:15px}.form-row.two-cols{grid-template-columns:1fr 1fr}
.lead-card label{display:block;font-size:12px;font-weight:700;color:#344054}
.lead-card input[type="text"],.lead-card input[type="email"],.lead-card select,.lead-card textarea{width:100%;margin-top:7px;border:1px solid #d6dee8;background:#fbfcfe;color:#172033;border-radius:10px;padding:12px 13px;font:inherit;font-size:13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.lead-card input[type="text"]:focus,.lead-card input[type="email"]:focus,.lead-card select:focus,.lead-card textarea:focus{border-color:#5e9dff;box-shadow:0 0 0 3px rgba(15,111,255,.10);background:#fff}
.lead-card textarea{resize:vertical;min-height:104px}.optional{font-weight:500;color:#98a2b3;font-size:10px}
.check-row{display:grid!important;grid-template-columns:18px 1fr;gap:10px;align-items:start;margin:18px 0 13px;font-weight:500!important;color:#667085!important;line-height:1.55!important}.check-row input{width:16px;height:16px;margin:3px 0 0;accent-color:#0f6fff}
.form-privacy{font-size:10.5px;color:#7d899a;line-height:1.55;margin:0 0 18px}.form-privacy a,.form-footnote a{color:#1a67c8;text-decoration:underline;text-underline-offset:2px}
.form-submit{border:0;cursor:pointer;width:100%;min-height:52px}.form-footnote{text-align:center;font-size:11px;color:#8b96a7;margin:12px 0 0}
.footer-links{display:flex;gap:18px;align-items:center}.footer-links a{font-size:12px;color:#9caabd}.footer-links a:hover{color:#fff}

/* Legal page */
.legal-page{background:#f6f8fb;color:#1b2432}.legal-header{background:rgba(11,18,32,.96)}
.legal-shell{max-width:920px;margin:0 auto;padding:90px 32px 110px}.legal-shell>.eyebrow{color:#2e6dbf}.legal-shell h1{font-size:clamp(42px,6vw,68px);letter-spacing:-2.6px;color:#101828;max-width:820px;margin-bottom:14px}.legal-updated{color:#7c8796;font-size:13px;margin-bottom:52px}
.legal-shell section{border-top:1px solid #dfe5ec;padding:28px 0}.legal-shell h2{font-size:21px;letter-spacing:-.35px;margin:0 0 12px;color:#172033}.legal-shell p{color:#5e6b7c;line-height:1.75;margin:9px 0}.legal-shell a{color:#1769c9;text-decoration:underline;text-underline-offset:3px}.legal-note{background:#edf4ff;border:1px solid #d4e5ff!important;border-radius:14px;padding:22px!important;margin-top:22px}.legal-footer{background:#0b1220;max-width:none;padding-left:max(32px,calc((100vw - 1176px)/2));padding-right:max(32px,calc((100vw - 1176px)/2))}

/* Thank-you */
.thankyou-page{min-height:100vh;background:radial-gradient(circle at 70% 10%,rgba(15,111,255,.19),transparent 32%),#0b1220;color:#fff}.thankyou-shell{max-width:920px;margin:0 auto;padding:44px 28px 90px}.thankyou-card{margin-top:80px;padding:55px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.035);box-shadow:0 35px 90px rgba(0,0,0,.26)}.thankyou-card h1{font-size:clamp(42px,6vw,67px);letter-spacing:-2.7px;max-width:760px;margin-bottom:24px}.thankyou-card>p:not(.eyebrow):not(.thankyou-help){color:#aeb9c9;font-size:17px;max-width:670px}.success-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#0f6fff;font-size:24px;margin-bottom:30px;box-shadow:0 10px 30px rgba(15,111,255,.25)}.thankyou-help{color:#8e9cb0;font-size:12px;margin-top:26px}.thankyou-help a{color:#d5e6ff;border-bottom:1px solid rgba(213,230,255,.3)}

@media(max-width:1020px){.demo-grid{grid-template-columns:1fr;gap:50px}.demo-copy{max-width:760px}}
@media(max-width:760px){.demo-grid{padding-top:76px;padding-bottom:76px}.lead-card{padding:24px}.form-row.two-cols{grid-template-columns:1fr}.legal-shell{padding:70px 20px 90px}.thankyou-card{padding:34px 24px;margin-top:55px}.footer-links{width:100%;order:2}.footer p{order:3}}