html:has(.klp-marketing-shell){background-color:#fff;background-image:none}.klp-root{--ink:#0a0a14;--ink-2:#1a1a28;--paper:#fff;--paper-2:#fff;--paper-3:#fff;--line:#ebedf3;--line-2:#dadce5;--muted:#6b6e85;--muted-2:#a3a6ba;--blue:#2c5cff;--blue-2:#1a3fd4;--blue-soft:#ecefff;--navy:#0f1530;--navy-2:#1a223e;--navy-card:#1a213d;--navy-line:#2a3354;background:var(--paper);color:var(--ink);font-family:var(--font-sans), "Inter", -apple-system, BlinkMacSystemFont, sans-serif;font-feature-settings:"cv11";letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;min-height:100vh;padding-bottom:0}.klp-root .klp-anchor{scroll-margin-top:96px}.klp-root *{box-sizing:border-box}.klp-root a{color:inherit;text-decoration:none}.klp-root button{cursor:pointer;font-family:inherit}.klp-root .display{font-family:var(--font-display), "Bricolage Grotesque", sans-serif;letter-spacing:-.04em;font-variation-settings:"opsz" 96;font-weight:700;line-height:.95}.klp-root .display-tight{font-family:var(--font-display), "Bricolage Grotesque", sans-serif;letter-spacing:-.05em;font-variation-settings:"opsz" 96;font-weight:800;line-height:.9}.klp-root .mono{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:0}.klp-root .hl{border-color:var(--line)}.klp-root .hl-2{border-color:var(--line-2)}.klp-root .divide-hl>:not([hidden])~:not([hidden]){border-color:var(--line)}.klp-root .nav-wrap{z-index:50;width:calc(100% - 28px);max-width:1180px;transition:top .45s cubic-bezier(.16,1,.3,1),max-width .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1);position:fixed;top:4px;left:50%;transform:translate(-50%)}.klp-root .nav-wrap--scrolled{width:calc(100% - 40px);max-width:900px;top:2px}.klp-root .nav-pill{height:58px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:1px solid #0000;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:0 4px;transition:height .45s cubic-bezier(.16,1,.3,1),gap .45s cubic-bezier(.16,1,.3,1),padding .45s cubic-bezier(.16,1,.3,1),background .45s cubic-bezier(.16,1,.3,1),border-color .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .45s cubic-bezier(.16,1,.3,1),backdrop-filter .45s cubic-bezier(.16,1,.3,1);display:grid;overflow:visible}.klp-root .nav-wrap--scrolled .nav-pill{-webkit-backdrop-filter:blur(10px)saturate(160%);background:#fffffff0;border-color:#ebedf6fa;gap:10px;height:50px;padding:0 7px 0 14px;box-shadow:inset 0 0 0 1px #ffffffa6,0 1px 3px #0a0a1e0a,0 10px 28px -8px #0a0a1e1c,0 24px 48px -16px #0a0a1e14}@media (max-width:767px){.klp-root .nav-pill{grid-template-columns:1fr auto;gap:12px}.klp-root .nav-wrap{width:calc(100% - 20px);top:2px}.klp-root .nav-wrap--scrolled{max-width:100%;top:0}}.klp-root .nav-logo{font-family:var(--font-display), "Bricolage Grotesque", sans-serif;letter-spacing:-.7px;flex-shrink:0;justify-self:start;align-items:center;gap:0;min-width:0;font-size:19px;font-weight:800;line-height:1;text-decoration:none;transition:font-size .45s cubic-bezier(.16,1,.3,1);display:inline-flex}.klp-root .nav-logo .klypr-logo-mark{width:1.85em;height:1.85em}.klp-root .nav-wrap--scrolled .nav-logo{font-size:17px}.klp-root .nav-logo-kly{color:var(--ink)}.klp-root .nav-logo-pr{background:linear-gradient(120deg,#2563eb,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.klp-root .nav-links{color:var(--muted);letter-spacing:-.02em;justify-self:center;align-items:center;gap:2px;font-size:14px;font-weight:500;display:none}@media (min-width:768px){.klp-root .nav-links{display:flex}}.klp-root .nav-dropdown{position:relative}.klp-root .nav-dropdown-trigger{color:inherit;font:inherit;letter-spacing:-.02em;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:8px 12px;font-weight:500;transition:color .18s,background .18s;display:inline-flex}.klp-root .nav-dropdown-trigger:hover{color:var(--ink);background:#0a0a1e0d}.klp-root .nav-dropdown.is-open .nav-dropdown-trigger{color:var(--ink);background:#0a0a1e0f}.klp-root .nav-dropdown-chevron{opacity:.45;flex-shrink:0;width:10px;height:10px;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .18s}.klp-root .nav-dropdown.is-open .nav-dropdown-chevron{opacity:.65;transform:rotate(180deg)}.klp-root .nav-dropdown-panel{transform-origin:0 0;opacity:0;visibility:hidden;pointer-events:none;z-index:80;background:#fff;border:1px solid #0f172a14;border-radius:14px;flex-direction:column;gap:1px;width:max-content;min-width:268px;max-width:min(340px,100vw - 32px);padding:4px;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s;display:flex;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(4px);box-shadow:0 4px 6px -2px #0a0a1e0d,0 18px 44px -14px #0a0a1e29}.klp-root .nav-dropdown--end .nav-dropdown-panel{transform-origin:100% 0;left:auto;right:0}.klp-root .nav-dropdown-panel--multi{grid-template-rows:repeat(3,auto);grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;gap:1px;min-width:292px;display:grid}.klp-root .nav-dropdown.is-open .nav-dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.klp-root .nav-dropdown-panel:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.klp-root .nav-dropdown-item{color:var(--ink);border-radius:10px;outline:none;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.klp-root .nav-dropdown-item:hover,.klp-root .nav-dropdown-item:focus-visible{background:#2c5cff0f}.klp-root .nav-dropdown-item:focus-visible{box-shadow:inset 0 0 0 1px #2c5cff2e}.klp-root .nav-dropdown-icon{width:36px;height:36px;color:var(--blue);background:#2c5cff14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.klp-root .nav-dropdown-item:hover .nav-dropdown-icon,.klp-root .nav-dropdown-item:focus-visible .nav-dropdown-icon{background:var(--blue);color:#fff}.klp-root .nav-dropdown-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.klp-root .nav-dropdown-title{letter-spacing:-.025em;color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.25}.klp-root .nav-dropdown-desc{color:var(--muted);letter-spacing:-.01em;font-size:12px;line-height:1.35}.klp-root .nav-dropdown-arr{width:14px;height:14px;color:var(--muted);opacity:0;flex-shrink:0;margin-left:4px;transition:opacity .15s,transform .15s,color .15s;transform:translate(-3px)}.klp-root .nav-dropdown-item:hover .nav-dropdown-arr,.klp-root .nav-dropdown-item:focus-visible .nav-dropdown-arr{opacity:.75;color:var(--blue);transform:translate(0)}.klp-root .nav-wrap--scrolled .nav-links{gap:0;font-size:13px}.klp-root .nav-wrap--scrolled .nav-dropdown-trigger{padding:7px 11px}.klp-root .nav-actions{justify-self:end;align-items:center;min-width:0;display:flex}.klp-root .nav-cta{background:var(--blue);color:#fff;letter-spacing:-.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding:13px 22px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s,padding .45s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px #ffffff38,0 6px 18px -6px #2c5cff8c}.klp-root .nav-wrap--scrolled .nav-cta{min-height:42px;padding:12px 20px;font-size:13px}.klp-root .nav-cta:hover{background:var(--blue-2);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 10px 24px -8px #2c5cffa6}.klp-root .nav-cta-arr{opacity:.92;font-size:12px;line-height:1;transition:transform .2s;display:inline-block}.klp-root .nav-cta:hover .nav-cta-arr{transform:translate(2px)}.klp-root .nav-signed-in{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.klp-root .nav-avatar{background:var(--ink);color:#fff;border:2px solid #0a0a1e0f;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,border-color .15s,width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1);display:inline-flex;overflow:hidden}.klp-root .nav-wrap--scrolled .nav-avatar{width:34px;height:34px}@media (min-width:480px){.klp-root .nav-avatar{width:38px;height:38px}.klp-root .nav-wrap--scrolled .nav-avatar{width:36px;height:36px}}.klp-root .nav-avatar:hover{border-color:var(--blue);transform:translateY(-1px)}.klp-root .nav-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.klp-root .nav-avatar-initial{letter-spacing:-.02em;font-size:14px;font-weight:700}.klp-root .btn-primary{background:var(--ink);color:#fff;letter-spacing:-.005em;border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:14.5px;font-weight:500;line-height:1;transition:background .2s,transform .15s;display:inline-flex}.klp-root .btn-primary:hover{background:var(--blue);transform:translateY(-1px)}.klp-root .btn-blue{background:var(--blue);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:15px 26px;font-size:14.5px;font-weight:500;line-height:1;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 8px 22px -10px #2c5cff99,0 2px 6px -2px #2c5cff59}.klp-root .btn-blue:hover{background:var(--blue-2);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 12px 28px -10px #2c5cffb3,0 4px 10px -2px #2c5cff66}.klp-root .btn-ghost{color:var(--ink);border:1px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:14px 25px;font-size:14.5px;font-weight:500;line-height:1;transition:border-color .2s,background .2s,transform .15s;display:inline-flex}.klp-root .btn-ghost:hover{border-color:var(--ink);transform:translateY(-1px)}.klp-root .btn-white{color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:14.5px;font-weight:500;line-height:1;transition:transform .15s;display:inline-flex}.klp-root .btn-white:hover{transform:translateY(-1px)}.klp-root .btn-white-on-blue{color:var(--blue);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:15px 26px;font-size:14.5px;font-weight:600;line-height:1;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 10px 24px -10px #00000040}.klp-root .btn-white-on-blue:hover{background:#f5f7ff;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,0 14px 28px -10px #0000004d}.klp-root .arr{transition:transform .2s;display:inline-block}.klp-root a:hover .arr,.klp-root button:hover .arr{transform:translate(3px)}.klp-root .status-row{color:var(--muted);align-items:center;gap:14px;font-size:13px;display:inline-flex}.klp-root .status-row .divider{background:var(--line-2);width:1px;height:12px}.klp-root .live{align-items:center;gap:7px;display:inline-flex}.klp-root .live-dot{background:#22c55e;border-radius:999px;width:6px;height:6px;animation:2.4s infinite klp-pulse;box-shadow:0 0 #22c55e80}@keyframes klp-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.klp-root .gif-slot{background:linear-gradient(135deg,#f0f3ff 0%,#e8ecfb 100%);border-radius:12px;position:relative;overflow:hidden}.klp-root .gif-slot.dark{background:linear-gradient(135deg,#2a3354 0%,#1a213d 100%)}.klp-root .gif-slot:before{content:"GIF";font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.18em;color:var(--muted-2);font-size:11px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.klp-root .gif-slot.dark:before{color:#ffffff4d}.klp-root .panel{border-radius:28px;margin:12px;padding:56px 32px}@media (min-width:768px){.klp-root .panel{margin:16px;padding:80px 56px}}.klp-root .panel-above-footer{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.klp-root .panel-white{background:#fff}.klp-root .panel-light{background:var(--paper-2)}.klp-root .panel-dark{background:var(--navy);color:#fff;position:relative;overflow:hidden}.klp-root .panel-dark:before{content:"";pointer-events:none;background:radial-gradient(#2c5cff2e,#0000 70%);width:800px;height:400px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.klp-root .panel-blue{background:var(--blue);color:#fff;position:relative;overflow:hidden}.klp-root .panel-blue:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f,#0000 70%);width:500px;height:500px;position:absolute;top:-100px;right:-100px}.klp-root .panel-hero{background:#fff;border-radius:0;margin:0;padding:118px 20px 32px;position:relative;overflow:hidden}@media (min-width:768px){.klp-root .panel-hero{margin:0;padding:136px 40px 64px}}@media (min-width:900px){.klp-root .panel-hero{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding-top:116px;padding-bottom:20px;display:flex}.klp-root .panel-hero .hero-inner{width:100%}}.klp-root .panel-hero:after{content:none}.klp-root .hero-inner{z-index:1;text-align:center;max-width:1180px;margin:0 auto;position:relative}@media (min-width:900px){.klp-root .hero-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.klp-root .hero-copy{width:100%;max-width:760px}}.klp-root .hero-media{width:100%;min-width:0}.klp-root .hero-eyebrow{max-width:100%;font-family:var(--font-sans), "Inter", -apple-system, BlinkMacSystemFont, sans-serif;letter-spacing:-.025em;color:#4b5563;border:1px solid var(--line);background:#fff;border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;margin:0 auto 6px;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0a0a1e0a,inset 0 0 0 1px #ffffffd9}.klp-root .hero-eyebrow-text{flex-shrink:0;line-height:1.2}.klp-root .hero-eyebrow-avatars{flex-shrink:0;align-items:center;display:inline-flex}.klp-root .hero-eyebrow-avatar{-o-object-fit:cover;object-fit:cover;background:#fff;border:1.5px solid #fff;border-radius:999px;width:15px;height:15px}.klp-root .hero-eyebrow-avatar+.hero-eyebrow-avatar{margin-left:-5px}.klp-root .hero-usecases-wrap{max-width:100%;margin:10px auto 0}.klp-root .hero-usecases{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 28px;display:flex}.klp-root .hero-uc{font-family:var(--font-sans), "Inter", -apple-system, BlinkMacSystemFont, sans-serif;letter-spacing:-.015em;color:#374151;white-space:nowrap;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.klp-root .hero-uc-icon{width:16px;height:16px;color:var(--blue);flex-shrink:0}@media (min-width:900px){.klp-root .hero-usecases-wrap{margin-top:18px}.klp-root .hero-usecases{gap:12px 36px}}.klp-root .panel-gallery{background:#07080c;border-radius:0;margin:0;padding:80px 20px 96px}@media (min-width:768px){.klp-root .panel-gallery{padding:110px 40px 120px}}.klp-root .gallery-head{max-width:1180px;margin:0 auto 40px}.klp-root .gallery-eyebrow{font-family:var(--font-sans), "Inter", sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6b8cff;margin-bottom:12px;font-size:12px;font-weight:700}.klp-root .gallery-title{font-family:var(--font-display), "Bricolage Grotesque", sans-serif;letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.05}.klp-root .gallery-grid{grid-template-columns:1fr;gap:18px;max-width:1180px;margin:0 auto;display:grid}@media (min-width:640px){.klp-root .gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.klp-root .gallery-grid{grid-template-columns:repeat(3,1fr)}}.klp-root .gcard{background:#0f1117;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.klp-root .gcard:hover{border-color:#6b8cff80;transform:translateY(-4px);box-shadow:0 24px 50px -24px #000c}.klp-root .gcard-media{aspect-ratio:16/10;background-position:50%;background-size:cover;position:relative;overflow:hidden}.klp-root .gcard-video{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.klp-root .gcard-video{opacity:.85}.klp-root .gcard:hover .gcard-video{opacity:1}.klp-root .gcard-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:2;background:#0a0a1099;border:1px solid #ffffff24;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:12px;left:12px}.klp-root .gcard-badge-icon{width:17px;height:17px}.klp-root .gcard-tag{z-index:2;font-family:var(--font-sans), "Inter", sans-serif;letter-spacing:.06em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a1099;border:1px solid #ffffff24;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:700;position:absolute;top:14px;left:56px}.klp-root .gcard-foot{padding:18px 20px 22px}.klp-root .gcard-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.klp-root .gcard-title{font-family:var(--font-display), "Bricolage Grotesque", sans-serif;letter-spacing:-.02em;color:#fff;font-size:20px;font-weight:700}.klp-root .gcard-arrow{color:#ffffff73;flex-shrink:0;width:18px;height:18px;transition:transform .25s,color .25s}.klp-root .gcard:hover .gcard-arrow{color:#fff;transform:translate(4px)}.klp-root .gcard-desc{font-family:var(--font-sans), "Inter", sans-serif;color:#ffffff8c;margin:6px 0 0;font-size:14px;line-height:1.5}.klp-root .hero-templates{border:1px solid var(--line);background:#fff;border-radius:20px;width:100%;max-width:1180px;margin:8px auto 0;padding:14px;box-shadow:0 1px 2px #0a0a1e0a}@media (min-width:900px){.klp-root .hero-inner .hero-templates{grid-column:1/-1}}.klp-root .hero-templates-head{align-items:center;gap:11px;margin-bottom:12px;display:flex}.klp-root .hero-templates-badge{width:32px;height:32px;color:var(--blue);border:1px solid var(--line);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klp-root .hero-templates-crown{width:16px;height:16px}.klp-root .hero-templates-titles{text-align:left;flex:1;min-width:0}.klp-root .hero-templates-title{font-family:var(--font-sans), "Inter", sans-serif;letter-spacing:-.02em;color:#15171f;font-size:14px;font-weight:700;line-height:1.2}.klp-root .hero-templates-sub{font-family:var(--font-sans), "Inter", sans-serif;color:var(--muted);margin-top:1px;font-size:12px}.klp-root .hero-templates-browse{font-family:var(--font-sans), "Inter", sans-serif;color:#374151;flex-shrink:0;align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.klp-root .hero-templates-browse:hover{color:var(--blue)}.klp-root .hero-templates-chev{width:16px;height:16px}.klp-root .hero-templates-row{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;gap:12px;padding-bottom:2px;display:flex;overflow-x:auto}@media (min-width:900px){.klp-root .hero-templates-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid;overflow:visible}}.klp-root .hero-templates-row::-webkit-scrollbar{display:none}.klp-root .hero-tpl{background:#0a0a14;border:1px solid #0a0a280f;border-radius:12px;flex:none;width:clamp(140px,42vw,190px);height:108px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px -18px #0a0a2873}.klp-root .hero-tpl:hover{transform:translateY(-3px);box-shadow:0 16px 30px -16px #0a0a2880}.klp-root .hero-tpl-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.klp-root .hero-tpl-thumb{width:100%;height:100%;position:absolute;inset:0}@media (min-width:900px){.klp-root .hero-tpl{width:auto;height:112px}.klp-root .hero-tpl-next{display:none}}.klp-root .hero-tpl-overlay{background:linear-gradient(#0000000d 0%,#0000008c 100%);position:absolute;inset:0}.klp-root .hero-tpl-title{font-family:var(--font-sans), "Inter", sans-serif;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 3px #00000080;font-size:12px;font-weight:700;line-height:1.15;position:absolute;bottom:22px;left:10px;right:10px}.klp-root .hero-tpl-sub{font-family:var(--font-sans), "Inter", sans-serif;letter-spacing:.08em;color:#ffffffb3;font-size:9px;font-weight:700;position:absolute;bottom:8px;left:10px}.klp-root .hero-tpl-next{border:1px solid var(--line);color:#374151;background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px -6px #0a0a2840}.klp-root .hero-tpl-next:hover{color:var(--blue)}.klp-root .hero-tpl-next svg{width:18px;height:18px}.klp-root .hero-eyebrow-stars{color:#facc15;flex-shrink:0;align-items:center;display:inline-flex}.klp-root .hero-eyebrow-star+.hero-eyebrow-star{margin-left:-2px}.klp-root .hero-eyebrow-star{flex-shrink:0;width:10px;height:10px;display:block}@media (max-width:380px){.klp-root .hero-eyebrow{flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:6px 12px;font-size:13px}}@media (min-width:768px){.klp-root .hero-eyebrow{margin-bottom:12px}}.klp-root .hero-headline{text-wrap:balance;max-width:820px;margin:0 auto 8px;font-size:clamp(28px,3.6vw,44px);line-height:1.12}@media (min-width:900px){.klp-root .hero-copy .hero-headline{margin-bottom:4px;font-size:clamp(34px,3.2vw,46px)}}.klp-root .hero-headline-accent{color:var(--blue);display:inline-block}.klp-root .hero-sub{max-width:560px;color:var(--muted);text-wrap:balance;margin:24px auto 0;font-size:clamp(15px,1.5vw,17.5px);line-height:1.55}.klp-root .hero-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:36px;display:flex}.klp-root .hero-carousel-wrap{width:100%;max-width:min(100%,960px);margin:4px auto 0}@media (min-width:768px){.klp-root .hero-carousel-wrap{margin-top:6px}}.klp-root .hero-cta-after{flex-direction:column;align-items:center;gap:6px;margin-top:10px;display:flex}.klp-root .hero-cta-btn{letter-spacing:-.02em;gap:0;padding:16px 32px;font-size:15px;font-weight:600}@media (min-width:768px){.klp-root .hero-cta-btn{padding:18px 36px;font-size:16px}.klp-root .hero-cta-after{gap:6px;margin-top:4px}}.klp-root .hero-cta-note{color:var(--muted);letter-spacing:-.005em;font-size:13px}@media (min-width:900px){.klp-root .hero-media .hero-carousel-wrap{max-width:min(960px,96vw);margin:0 auto}.klp-root .carousel.carousel--hero .carousel-track{aspect-ratio:16/9;width:min(100%,1.77778*clamp(280px,42vh,460px));height:auto;max-height:clamp(280px,42vh,460px);margin-inline:auto}}@media (min-width:1024px){.klp-root .hero-media .hero-carousel-wrap{max-width:min(1020px,96vw)}.klp-root .carousel.carousel--hero .carousel-track{width:min(100%,1.77778*clamp(300px,44vh,480px));max-height:clamp(300px,44vh,480px)}}@media (min-width:1280px){.klp-root .hero-media .hero-carousel-wrap{max-width:min(1080px,94vw)}.klp-root .carousel.carousel--hero .carousel-track{width:min(100%,1.77778*clamp(320px,46vh,500px));max-height:clamp(320px,46vh,500px)}}.klp-root .carousel{border:1px solid var(--line);background:#fff;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9,0 24px 60px -28px #0a0a282e,0 8px 16px -8px #0a0a280f}.klp-root .carousel.carousel--hero{box-shadow:none;background:0 0;border:none;border-radius:14px}.klp-root .carousel-track{aspect-ratio:16/9;background:linear-gradient(135deg,#f0f3ff 0%,#e8ecfb 100%);width:100%;position:relative}.klp-root .carousel.carousel--hero .carousel-track{background:#0a0a14;border-radius:14px;overflow:hidden}.klp-root .c-slide{opacity:0;transition:opacity .5s;position:absolute;inset:0}.klp-root .c-slide.active{opacity:1}.klp-root .c-slide-video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.klp-root .carousel-nav{justify-content:center;align-items:center;gap:14px;margin-top:4px;display:flex}.klp-root .carousel.carousel--hero+.carousel-nav,.klp-root .hero-carousel-wrap .carousel-nav{margin-top:6px}.klp-root .carousel-arrow{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 0 2px;font-size:20px;font-weight:500;line-height:1;transition:border-color .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.klp-root .carousel-arrow:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 4px #2c5cff1f}.klp-root .carousel-arrow:active{transform:scale(.96)}.klp-root .carousel-arrow:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #2c5cff38}.klp-root .carousel-dots{align-items:center;gap:8px;display:flex}.klp-root .carousel-dot{cursor:pointer;background:#0a0a1e2e;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background .2s}.klp-root .carousel-dot:hover{background:#0a0a1e52}.klp-root .carousel-dot.active{background:var(--blue);width:26px}.klp-root .outcome-card{-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;padding:22px 24px;transition:background .3s,border-color .3s}.klp-root .outcome-card:hover{background:#ffffff1f;border-color:#ffffff4d}.klp-root .steal-headline-wrap{max-width:100%;padding:0 24px;display:inline-block;position:relative}.klp-root .steal-headline{text-wrap:balance}.klp-root .steal-highlight{padding:0 .18em;display:inline-block;position:relative;transform:rotate(-1.2deg)}.klp-root .steal-highlight:before{content:"";background:var(--blue);z-index:0;border-radius:12px;position:absolute;inset:.05em -.14em .02em;box-shadow:inset 0 1px #ffffff40,0 14px 36px -14px #2c5cff8c}.klp-root .steal-highlight-text{z-index:1;color:#fff;position:relative}.klp-root .steal-highlight-on-blue:before{background:#fff;box-shadow:inset 0 1px #fff9,0 14px 36px -14px #00000040}.klp-root .steal-highlight-on-blue .steal-highlight-text{color:var(--blue)}.klp-root .hero-highlight{vertical-align:-.04em;padding:.08em .2em .1em;line-height:1;display:inline-block;transform:rotate(-.6deg)}.klp-root .hero-highlight:before{border-radius:7px;inset:0;box-shadow:inset 0 1px #ffffff40,0 16px 38px -16px #2c5cff8c}.klp-root .showcase-highlight{padding:0 .14em}.klp-root .showcase-highlight:before{border-radius:12px;inset:-.02em -.04em .02em;box-shadow:inset 0 1px #fff6,0 14px 30px -14px #0003}.klp-root .showcase-sub{letter-spacing:-.02em;color:#ffffffe6;max-width:400px;margin:20px 0 0;font-size:15px;font-weight:500;line-height:1.4}.klp-root .showcase-big-stat{letter-spacing:-.06em;font-size:clamp(48px,9vw,64px);line-height:.88}.klp-root .templates-from-art{pointer-events:none;-webkit-user-select:none;user-select:none;display:none}@media (min-width:1024px){.klp-root .templates-from-art{border-radius:18px;width:150px;height:auto;display:block;position:absolute;top:-27px;right:-140px}}.klp-root .tpl-card{aspect-ratio:9/16;border:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:200px 356px;background:#fff;border-radius:14px;flex-shrink:0;width:200px;text-decoration:none;transition:transform .3s cubic-bezier(.2,0,0,1);display:block;position:relative;overflow:hidden}.klp-root .tpl-card:hover{transform:translateY(-4px)}.klp-root .tpl-card--wide{aspect-ratio:16/9;contain-intrinsic-size:340px 191px;background:#0a0a14;width:340px}.klp-root .marquee--wide{min-height:191px}@media (max-width:640px){.klp-root .tpl-card--wide{contain-intrinsic-size:240px 135px;width:240px}.klp-root .marquee--wide{min-height:135px}.klp-root .marquee-rows{min-height:284px}}.klp-root .marquee-rows{flex-direction:column;gap:14px;min-height:396px;display:flex}.klp-root .tpl-card-creator{z-index:2;color:#0a0a14;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#ffffffeb;border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:600;position:absolute;bottom:10px;left:10px}.klp-root .tpl-card .tpl-video,.klp-root .tpl-card .tpl-thumb{width:100%;height:100%;position:absolute;inset:0}.klp-root .tpl-card .tpl-video{-o-object-fit:cover;object-fit:cover;background:#0a0a14;display:block}.klp-root .marquee{gap:14px;width:max-content;animation:25s linear infinite klp-scroll;display:flex}.klp-root .marquee:hover{animation-play-state:paused}@keyframes klp-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 7px))}}.klp-root .marquee-mask{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.klp-root .klp-mobile-gate{z-index:120;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.klp-root .klp-mobile-gate-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a148c;position:absolute;inset:0}.klp-root .klp-mobile-gate-card{text-align:center;background:#fff;border-radius:22px;width:100%;max-width:440px;margin:0 10px 10px;padding:26px 22px 18px;animation:.35s cubic-bezier(.2,0,0,1) klp-gate-up;position:relative;box-shadow:0 24px 60px #0a0a1459}@keyframes klp-gate-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.klp-root .klp-mobile-gate-emoji{margin-bottom:8px;font-size:34px}.klp-root .klp-mobile-gate-title{letter-spacing:-.01em;color:var(--ink);margin-bottom:8px;font-size:21px;font-weight:700}.klp-root .klp-mobile-gate-body{color:#4a5163;margin-bottom:16px;font-size:14.5px;line-height:1.55}.klp-root .klp-mobile-gate-cta{background:var(--blue,#2c5cff);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px 18px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.klp-root .klp-mobile-gate-skip{color:#8a90a0;background:0 0;border:none;margin-top:10px;padding:8px;font-size:13px}.klp-root .price-trust{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 24px;margin-top:28px;font-size:12.5px;display:flex}.klp-root .price-trust span{white-space:nowrap}.klp-root details summary{cursor:pointer;list-style:none}.klp-root details summary::-webkit-details-marker{display:none}.klp-root details .chev{transition:transform .25s}.klp-root details[open] .chev{transform:rotate(45deg)}.klp-root .steps-grid{gap:20px;display:grid;position:relative}@media (min-width:768px){.klp-root .steps-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.klp-root .step-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;padding:26px 26px 30px;transition:border-color .3s,transform .3s;display:flex;position:relative}.klp-root .step-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.klp-root .step-num{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.18em;color:var(--blue);font-size:11px;font-weight:600;position:absolute;top:22px;right:24px}.klp-root .step-visual{aspect-ratio:16/10;border-radius:12px;margin-bottom:22px}.klp-root .step-visual .step-video{-o-object-fit:cover;object-fit:cover;border-radius:inherit;z-index:1;transform-origin:50%;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.12)}.klp-root .step-title{font-family:var(--font-display), "Bricolage Grotesque", sans-serif;letter-spacing:-.03em;color:var(--ink);font-size:24px;font-weight:700;line-height:1}.klp-root .step-desc{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.55}@keyframes klp-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.klp-root .fade-up{animation:.7s cubic-bezier(.2,0,0,1) both klp-fadeUp}.klp-root .d1{animation-delay:50ms}.klp-root .d2{animation-delay:.15s}.klp-root .d3{animation-delay:.28s}.klp-root .d4{animation-delay:.42s}.klp-root ::selection{background:var(--blue);color:#fff}.klp-root .video-slot{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a28 0%,#0a0a14 100%);border-radius:12px;position:relative}.klp-root .video-slot:before{content:"";background:#fffffff2;border-radius:999px;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.klp-root .video-slot:after{content:"";border-left:12px solid var(--ink);z-index:1;border-top:8px solid #0000;border-bottom:8px solid #0000;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)}.klp-root .video-slot--live{background:#0a0a14;overflow:hidden}.klp-root .video-slot--live:not(.video-slot--playing):before,.klp-root .video-slot--live:not(.video-slot--playing):after,.klp-root .video-slot--live.video-slot--playing:before,.klp-root .video-slot--live.video-slot--playing:after{display:none}.klp-root .video-slot--live video{width:100%;height:100%;position:absolute;inset:0}.klp-root .video-slot-hit{z-index:3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.klp-root .video-slot-play-glass{color:#fffffff2;-webkit-backdrop-filter:blur(14px)saturate(1.4);pointer-events:none;background:#ffffff2e;border:1px solid #ffffff61;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,background .15s;display:flex;box-shadow:0 8px 28px #00000038,inset 0 1px #ffffff59}.klp-root .video-slot-hit:hover .video-slot-play-glass{background:#ffffff42;transform:scale(1.06)}.klp-root .video-slot-play-glass svg{width:22px;height:22px;margin-left:3px}.klp-root .testimonial-video{-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.klp-root .testimonial-avatar{-o-object-fit:cover;object-fit:cover;border-radius:999px;flex-shrink:0;width:36px;height:36px}.klp-root .img-slot{background:linear-gradient(135deg, var(--paper-3), var(--blue-soft));border-radius:999px;flex-shrink:0;width:36px;height:36px}.klp-root .reel-stage{grid-template-columns:1fr 1fr;gap:16px;height:580px;padding:4px;display:grid;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 6% 94%,#0000 100%)}.klp-root .reel-stage-3col{grid-template-columns:1fr 1fr 1fr;gap:14px}@media (max-width:768px){.klp-root .reel-stage{gap:12px;height:520px}.klp-root .reel-stage-3col{gap:10px}}.klp-root .reel-col{will-change:transform;flex-direction:column;gap:16px;animation-duration:22s;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.klp-root .reel-col-up{animation-name:klp-reel-up}.klp-root .reel-col-down{margin-top:-120px;animation-name:klp-reel-down}.klp-root .reel-stage:hover .reel-col{animation-play-state:paused}@keyframes klp-reel-up{0%{transform:translate(0,0)}to{transform:translateY(calc(-50% - 8px))}}@keyframes klp-reel-down{0%{transform:translateY(calc(-50% - 8px))}to{transform:translate(0,0)}}.klp-root .reel-card{aspect-ratio:9/16;border:1px solid var(--line);cursor:pointer;background:linear-gradient(135deg,#f0f3ff 0%,#e2e7f7 100%);border-radius:18px;flex-shrink:0;transition:transform .35s cubic-bezier(.2,0,0,1),box-shadow .35s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 12px 28px -16px #0a0a282e,0 4px 8px -4px #0a0a280d}.klp-root .reel-card--wide{aspect-ratio:16/9}.klp-root .reel-card:hover{transform:translateY(-3px)scale(1.015);box-shadow:inset 0 1px #ffffff80,0 22px 40px -18px #0a0a2840,0 8px 16px -6px #2c5cff2e}.klp-root .reel-card-media{background:#0a0a14;border-radius:0;position:absolute;inset:0;overflow:hidden}.klp-root .reel-card-video,.klp-root .reel-card-video video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.klp-root .reel-card-views-muted{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.12em}.klp-root .reel-card-views{z-index:3;-webkit-backdrop-filter:blur(10px);color:#fff;font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.04em;background:#0a0a14a6;border-radius:999px;align-items:center;gap:4px;padding:4px 9px 4px 7px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.klp-root .reel-card-views svg{opacity:.9}.klp-root .reel-card-overlay{z-index:2;opacity:0;background:linear-gradient(#0000 40%,#0a0a1400 60%,#0a0a14d9 100%);flex-direction:column;justify-content:flex-end;padding:12px;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:0;transform:translateY(8px)}.klp-root .reel-card:hover .reel-card-overlay{opacity:1;transform:translateY(0)}.klp-root .reel-card-meta{color:#fff}.klp-root .reel-card-handle{letter-spacing:-.01em;font-size:13px;font-weight:600}.klp-root .reel-card-niche{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.16em;color:#ffffffa6;margin-top:2px;font-size:9.5px;font-weight:500}.klp-root .reel-card-template{color:var(--ink);background:#fffffff2;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;font-size:10.5px;font-weight:600;display:flex}.klp-root .reel-card-template .mono{letter-spacing:.06em;text-transform:uppercase;font-size:9.5px}.klp-root .reel-card-arrow{background:var(--blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:inline-flex}.klp-root .blog-strip-kicker{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:14px;font-size:11px;font-weight:500}.klp-root .blog-strip-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:768px){.klp-root .blog-strip-grid{grid-template-columns:repeat(auto-fit,minmax(280px,420px));justify-content:center}}.klp-root .blog-strip-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;padding:28px 26px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.klp-root .blog-strip-card:hover{border-color:var(--line-2);transform:translateY(-3px);box-shadow:0 22px 44px -22px #0a0a1e29}.klp-root .blog-strip-meta{align-items:center;gap:10px;display:flex}.klp-root .blog-strip-tag{font-family:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:500}.klp-root .blog-strip-date{color:var(--muted-2);letter-spacing:.04em;font-size:10.5px}.klp-root .blog-strip-title{font-family:var(--font-display), "Bricolage Grotesque", sans-serif;letter-spacing:-.03em;margin:0;font-size:19px;font-weight:700;line-height:1.12}.klp-root .blog-strip-card:hover .blog-strip-title{color:var(--blue-2)}.klp-root .blog-strip-excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.klp-root .blog-strip-read{color:var(--blue);align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-size:12.5px;font-weight:600;display:inline-flex}.klp-root .blog-strip-read .arr{transition:transform .2s}.klp-root .blog-strip-card:hover .blog-strip-read .arr{transform:translate(3px)}.klp-root .blog-strip-all{color:var(--ink);border:1px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:11px 22px;font-size:13.5px;font-weight:600;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.klp-root .blog-strip-all:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.klp-root .site-footer--page-end{background:var(--paper-2);border-top:none;border-radius:0 0 28px 28px;margin:0 12px;padding:48px 32px 28px}@media (min-width:768px){.klp-root .site-footer--page-end{margin:0 16px;padding:56px 56px 32px}}.klp-root .site-footer-inner{max-width:1180px;margin:0 auto}.klp-root .site-footer-grid{gap:40px;display:grid}@media (min-width:768px){.klp-root .site-footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:48px 64px}}@media (min-width:1024px){.klp-root .site-footer-grid{gap:48px 96px}}.klp-root .site-footer-brand{max-width:340px}.klp-root .site-footer-logo{letter-spacing:-.7px;align-items:center;gap:0;font-size:22px;text-decoration:none;transition:opacity .2s;display:inline-flex}.klp-root .site-footer-logo:hover{opacity:.85}.klp-root .site-footer-tagline{color:var(--muted);letter-spacing:-.01em;margin:16px 0 0;font-size:14.5px;line-height:1.6}.klp-root .site-footer-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-size:11px;font-weight:600}.klp-root .site-footer-links{flex-direction:column;gap:14px;display:flex}.klp-root .site-footer-links a{color:var(--muted);letter-spacing:-.01em;width:fit-content;font-size:14.5px;font-weight:400;transition:color .2s}.klp-root .site-footer-links a:hover{color:var(--ink)}.klp-root .site-footer-bar{flex-direction:column;align-items:flex-start;gap:12px;margin-top:36px;padding-top:0;padding-bottom:0;display:flex}@media (min-width:640px){.klp-root .site-footer-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-top:40px}}.klp-root .site-footer-copy{color:var(--muted-2);letter-spacing:-.01em;margin:0;font-size:12.5px}.klp-root .site-footer-legal{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.klp-root .site-footer-legal a{color:var(--muted-2);letter-spacing:-.01em;font-size:12.5px;transition:color .2s}.klp-root .site-footer-legal a:hover{color:var(--ink)}.klp-root .fab-widget,.klp-root .fab-chip{z-index:60;position:fixed;bottom:18px;right:18px}.klp-root .fab-widget{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(100vw - 36px,248px);padding:10px 12px 10px 10px;box-shadow:inset 0 0 0 1px #ffffffb3,0 4px 16px -4px #0a0a1e1f,0 12px 32px -12px #0a0a1e24}.klp-root .fab-minimize{border:1px solid var(--line);width:20px;height:20px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 0 1px;font-size:14px;line-height:1;transition:color .15s,border-color .15s;display:inline-flex;position:absolute;top:-7px;right:-5px;box-shadow:0 2px 8px -2px #0a0a1e1f}.klp-root .fab-minimize:hover{color:var(--ink);border-color:var(--line-2)}.klp-root .fab-link{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.klp-root .fab-link:hover .fab-title{color:var(--blue)}.klp-root .fab-avatar-wrap{flex-shrink:0;position:relative}.klp-root .fab-avatar-wrap--sm .fab-avatar{width:28px;height:28px}.klp-root .fab-avatar{-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);background:var(--paper-3);border-radius:999px;width:36px;height:36px;display:block}.klp-root .fab-status-dot{background:#f59e0b;border:2px solid #fff;border-radius:999px;width:9px;height:9px;position:absolute;top:0;right:0}.klp-root .fab-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.klp-root .fab-title{letter-spacing:-.02em;color:var(--ink);font-size:13px;font-weight:600;line-height:1.25;transition:color .15s}.klp-root .fab-sub{color:var(--muted);letter-spacing:-.01em;font-size:11px;line-height:1.3}.klp-root .fab-chip{border:1px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex;box-shadow:0 2px 10px -4px #0a0a1e24,0 8px 20px -8px #0a0a1e1a}.klp-root .fab-chip:hover{border-color:var(--line-2);transform:translateY(-1px);box-shadow:0 4px 14px -4px #0a0a1e29,0 10px 24px -8px #0a0a1e1f}.klp-root .fab-chip-label{letter-spacing:-.02em;font-size:12.5px;font-weight:600}@media (prefers-reduced-motion:reduce){.klp-root *,.klp-root :before,.klp-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.klp-root .panel-playground{padding-bottom:clamp(88px,10vw,132px)}.klp-root .kplay-sub{color:var(--muted);font-size:18px;line-height:1.55}.klp-root .kplay-apps{flex-direction:column;align-items:center;gap:14px;margin-bottom:30px;display:flex}.klp-root .kplay-apps-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.75;font-size:12px;font-weight:700}.klp-root .kplay-apps-img{-o-object-fit:contain;object-fit:contain;width:auto;height:90px}.klp-root .kplay-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.klp-root .kplay-tab{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #0a0a141a;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.klp-root .kplay-tab:hover{border-color:#0a0a1438}.klp-root .kplay-tab--active{background:var(--blue);border-color:var(--blue);color:#fff}.klp-root .kplay-device{background:#fff;border:1.5px solid #0a0a0a;border-radius:28px;grid-template-columns:1fr 340px;align-items:stretch;gap:14px;padding:14px;display:grid;box-shadow:0 10px 30px #0f172a14}@media (max-width:860px){.klp-root .kplay-device{grid-template-columns:1fr;gap:12px;padding:12px}.klp-root .kplay-apps-img{height:64px}.klp-root .kplay-time{font-size:12px}}.klp-root .kplay-stage{flex-direction:column;gap:12px;min-height:0;display:flex}.klp-root .kplay-screen{aspect-ratio:16/9;background:#f4f4f4;border:1.5px solid #0a0a0a;border-radius:16px;flex:none;width:100%;position:relative;overflow:hidden}.klp-root .kplay-transport{background:#fff;border:1.5px solid #0a0a0a;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.klp-root .kplay-playbtn{background:var(--blue);color:#fff;cursor:pointer;border:1px solid #2c5cff24;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.klp-root .kplay-playbtn:hover{background:#1f4ae6}.klp-root .kplay-time{color:var(--ink);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:600}.klp-root .kplay-scrub{flex:1}.klp-root .kplay-panel{background:#fff;border:1.5px solid #0a0a0a;border-radius:20px;min-height:0;position:relative;overflow:hidden}.klp-root .kplay-panel-inner{flex-direction:column;padding:18px 18px 20px;display:flex;position:absolute;inset:0}.klp-root .kplay-panel-head{border-bottom:1px solid #0a0a141a;flex:none;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;display:flex}.klp-root .kplay-panel-title{color:var(--ink);font-size:16px;font-weight:700}.klp-root .kplay-reset{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.klp-root .kplay-reset:hover{color:var(--blue)}.klp-root .kplay-fields{scrollbar-width:none;-ms-overflow-style:none;flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:14px;min-height:0;display:grid;overflow-y:auto}.klp-root .kplay-fields::-webkit-scrollbar{display:none}@media (max-width:860px){.klp-root .kplay-panel-inner{padding:14px 14px 16px;position:static;inset:auto}.klp-root .kplay-fields{overflow-y:visible}}.klp-root .kplay-field{flex-direction:column;grid-column:1/-1;gap:8px;min-width:0;display:flex}.klp-root .kplay-field--half{grid-column:span 1}.klp-root .kplay-label,.klp-root .kplay-label-row{letter-spacing:.3px;text-transform:uppercase;color:#151c348f;font-size:12px;font-weight:600}.klp-root .kplay-label-row{justify-content:space-between;align-items:center;display:flex}.klp-root .kplay-num{text-transform:none;color:var(--ink);font-variant-numeric:tabular-nums}.klp-root .kplay-input{width:100%;color:var(--ink);background:#fff;border:1px solid #2c5cff1a;border-radius:10px;padding:9px 11px;font-size:14px;font-weight:500;box-shadow:inset 0 1px #fff9}.klp-root .kplay-input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2c5cff1f}.klp-root .kplay-input--mono{font-family:var(--font-mono), "JetBrains Mono", monospace;font-size:13px}.klp-root .kplay-color-row{align-items:center;gap:10px;display:flex}.klp-root .kplay-swatch{cursor:pointer;background:#fff;border:1px solid #2c5cff1a;border-radius:10px;flex:none;width:42px;height:38px;padding:0}.klp-root .kplay-swatch::-webkit-color-swatch-wrapper{padding:4px}.klp-root .kplay-swatch::-webkit-color-swatch{border:none;border-radius:5px}.klp-root .kplay-range,.klp-root .kplay-scrub{appearance:none;background:linear-gradient(to right, var(--blue) 0%, var(--blue) var(--p,0%), #2c5cff24 var(--p,0%), #2c5cff24 100%);cursor:pointer;border-radius:999px;width:100%;height:6px}.klp-root .kplay-range::-webkit-slider-thumb{appearance:none;background:var(--blue);border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #2c5cff73}.klp-root .kplay-scrub::-webkit-slider-thumb{appearance:none;background:var(--blue);border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #2c5cff73}.klp-root .kplay-range::-moz-range-thumb{background:var(--blue);border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #2c5cff73}.klp-root .kplay-scrub::-moz-range-thumb{background:var(--blue);border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #2c5cff73}.klp-root .kplay-upload{color:var(--muted);cursor:pointer;background:#fff;border:1px dashed #2c5cff38;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.klp-root .kplay-upload:hover{border-color:var(--blue);color:var(--blue)}.klp-root .kplay-upload-thumb{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:28px;height:28px}.klp-root .kplay-cta{margin-top:22px;display:inline-block}