.demo{max-width:1140px;margin:0 auto;position:relative}.demo-stage{position:relative}.demo-browser{border-radius:20px;box-shadow:0 2px 4px #021c2a0d,0 50px 110px -50px #021c2a80,0 0 0 8px #ffffff80}.demo-state{letter-spacing:.02em;color:var(--muted);background:#002b4014;border-radius:99px;margin-left:8px;padding:1px 8px;font-size:10.5px;font-weight:650;transition:background .4s,color .4s}.demo.live .demo-state{color:#0b7a52;background:#e3f7ee}.demo-viewport{height:calc(720px * var(--k,.9));background:#fff;position:relative;overflow:hidden}.demo-canvas{--k-acc:#3d4247;--k-acc-ink:#fff;--k-wood:#8d99a6;--k-paper:#f4f5f6;--k-ink:#22272b;--k-muted:#6b737a;--k-sk:#eceae6;--k-head:var(--font-sans);width:1200px;height:720px;transform:scale(var(--k,.9));transform-origin:0 0;font-family:var(--font-sans);color:var(--k-ink);background:#fff;position:absolute;top:0;left:0;overflow:hidden}.demo-canvas.theme-1{--k-acc:#314a3b;--k-wood:#b27a46;--k-paper:#f5efe5;--k-ink:#1f2a24;--k-muted:#66706a;--k-head:var(--font-serif)}.demo-canvas,.demo-canvas *{transition:color .6s var(--ease), background-color .6s var(--ease), border-color .6s var(--ease)}.demo.instant *,.demo.instant :before,.demo.instant :after{transition:none!important;animation:none!important}.demo-page{transform:translateY(var(--sy,0px));padding:0 56px;position:relative;transition:transform 1.4s var(--ease-in-out)!important}.demo-page [data-txt]{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px}.demo-page [data-txt]:not(.on){background:var(--k-sk);color:#0000!important}.demo-page [data-img]{background:var(--k-sk);position:relative;overflow:hidden}.demo-page [data-img] img{object-fit:cover;opacity:0;width:100%;height:100%;transform:scale(1.04);transition:opacity .9s var(--ease), transform 1.4s var(--ease)!important}.demo-page [data-img].on img{opacity:1;transform:none}.demo-page [data-img]:before{content:"";opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322272b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='m21 16-5-5-9 9'/%3E%3C/svg%3E") 50%/contain no-repeat;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .4s;position:absolute;top:50%;left:50%}.demo-page [data-img].on:before{opacity:0}.k-btn:not(.lit){color:#0000!important;background:#d9dadc!important;border-color:#0000!important}.k-btn:not(.lit) [data-txt]{background:0 0!important}.k-btn:not(.lit) .k-arr{opacity:0}.k-nav{height:76px;color:var(--k-muted);align-items:center;gap:36px;font-size:14px;display:flex}.k-logo{font-family:var(--k-head);color:var(--k-ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:25px;font-weight:600;display:inline-flex}.theme-1 .k-logo{font-size:28px;font-weight:400}.k-mark{background:var(--k-acc);border-radius:7px 7px 7px 2px;width:26px;height:26px;display:inline-block}.theme-1 .k-mark{background:linear-gradient(135deg, var(--k-wood), #d8a36b);border-radius:50% 50% 50% 4px}.k-nav nav{gap:26px;margin-left:24px;display:flex}.k-nav .k-btn{margin-left:auto}.k-btn{background:var(--k-acc);color:var(--k-acc-ink);border:1px solid var(--k-acc);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:600;display:inline-flex}.k-btn .k-arr{stroke-width:2.2px;width:16px;height:16px;transition:opacity .4s,transform .4s!important}.k-btn-sm{padding:9px 16px;font-size:13px}.k-ghost{color:var(--k-ink);background:0 0;border-color:#0000002e}.k-cta{transition:transform .5s var(--spring), box-shadow .5s, padding .5s var(--ease), font-size .5s!important}.k-cta.boost{padding:17px 30px;font-size:16px;transform:translateY(-2px);box-shadow:0 16px 30px -12px #314a3bb3,0 0 0 5px #b27a462e}.k-hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:52px;padding-top:22px;display:grid}.k-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--k-wood);margin-bottom:20px;font-size:12px;font-weight:650;display:inline-block}.k-h1{font-family:var(--k-head);letter-spacing:-.035em;color:var(--k-ink);min-height:2.04em;font-size:58px;font-weight:650;line-height:1.02}.theme-1 .k-h1{letter-spacing:-.02em;font-size:66px;font-weight:400}.k-h1 .caret{vertical-align:-.08em;background:var(--sky-600);width:3px;height:.9em;margin-left:3px;animation:.9s step-end infinite caret;display:inline-block}.k-lead{color:var(--k-muted);max-width:470px;margin-top:20px;font-size:17px;line-height:1.6}.k-ctas{align-items:center;gap:12px;margin-top:30px;display:flex}.k-trust{color:var(--k-muted);align-items:center;gap:10px;margin-top:26px;font-size:13px;display:flex}.k-stars{color:#e3a52b;letter-spacing:.12em}.k-hero-img{border-radius:22px;height:440px}.k-badge{color:var(--k-muted);opacity:0;background:#fffffff0;border-radius:14px;padding:12px 16px;font-size:12px;display:grid;position:absolute;bottom:18px;left:18px;transform:translateY(8px);box-shadow:0 10px 30px -12px #00000059;transition:opacity .6s, transform .6s var(--ease)!important}.k-badge b{font-family:var(--k-head);color:var(--k-ink);font-size:17px;font-weight:600}.theme-1 .k-badge b{font-size:19px;font-weight:400}.k-hero-img.on .k-badge{opacity:1;transform:none}.k-services{margin-top:70px}.k-sec-head{justify-content:space-between;align-items:baseline;margin-bottom:22px;display:flex}.k-h2{font-family:var(--k-head);letter-spacing:-.03em;font-size:34px;font-weight:650}.theme-1 .k-h2{letter-spacing:-.01em;font-size:38px;font-weight:400}.k-link{color:var(--k-acc);font-size:14px;font-weight:600}.k-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.k-card figure{aspect-ratio:4/3;border-radius:16px;margin-bottom:14px}.k-card b{margin-bottom:4px;font-size:17px;display:inline-block}.k-card small{color:var(--k-muted);font-size:13px;display:block}.k-quote{text-align:center;background:var(--k-paper);margin:72px -56px 0;padding:64px 56px}.k-quote p{font-family:var(--k-head);letter-spacing:-.01em;max-width:760px;margin:14px auto;font-size:30px;line-height:1.25}.k-quote small{color:var(--k-muted);font-size:13px}.k-contact{border:1px solid #00000014;border-radius:22px;grid-template-columns:.8fr 1.2fr;gap:44px;margin:64px 0 0;padding:40px;display:grid}.k-small{color:var(--k-muted);margin-top:12px;font-size:14px;line-height:1.6}.k-form{grid-template-columns:1fr 1fr;gap:14px;display:grid;position:relative}.k-form label{color:var(--k-muted);gap:6px;font-size:12px;font-weight:600;display:grid}.k-form label>span{justify-self:start}.k-form i{height:46px;color:var(--k-ink);background:#fff;border:1px solid #00000024;border-radius:12px;align-items:center;padding:0 14px;font-size:15px;font-style:normal;font-weight:500;display:flex}.k-form i.focus{border-color:var(--k-acc);box-shadow:0 0 0 4px #314a3b1f}.k-form .k-wide{grid-column:1/-1}.k-send{justify-self:start}.k-sent{color:#1c6b46;opacity:0;background:#e8f5ee;border-radius:12px;grid-column:1/-1;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:600;display:flex;transform:translateY(6px);transition:opacity .5s, transform .5s var(--ease)!important}.k-sent .i{stroke-width:2.4px;width:18px;height:18px}.demo.sent .k-sent{opacity:1;transform:none}.demo.sent .k-send{opacity:.4}.k-foot{color:var(--k-muted);border-top:1px solid #00000014;justify-content:space-between;margin:40px 0 0;padding:26px 0 40px;font-size:13px;display:flex}.ed{pointer-events:none;position:absolute;inset:0;transition:opacity .6s var(--ease)!important}.demo.live .ed{opacity:0}.ed-bar{color:#d6e2e8;background:#0f1a20;border-radius:14px;align-items:center;gap:16px;padding:8px 8px 8px 16px;font-size:13px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -18px #0009}.ed-mode{color:#fff;align-items:center;gap:8px;font-weight:600;display:inline-flex}.ed-mode .i{width:16px;height:16px;color:var(--yellow)}.ed-people{color:#8ea3ad;align-items:center;gap:4px;font-size:12px;display:inline-flex}.ed-people i{border:2px solid #0f1a20;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;font-weight:700;display:grid}.ed-people .p-t{background:var(--yellow);color:var(--ink)}.ed-people .p-a{color:#fff;opacity:.35;background:#ff8f7a;margin-left:-8px;transition:opacity .4s!important}.demo.client .ed-people .p-a{opacity:1}.ed-people small{margin-left:6px}.ed-publish{background:var(--sky-600);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-weight:650;display:inline-flex;position:relative}.ed-publish.press{transform:scale(.94)}.ed-spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:none}.ed-publish.busy .ed-spin{display:inline-block}.ed-publish.done{background:var(--mint)}@keyframes spin{to{transform:rotate(360deg)}}.ed-panel{background:#fff;border:1px solid #00000014;border-radius:16px;width:214px;padding:16px;font-size:13px;position:absolute;top:90px;right:16px;transform:translate(120%);box-shadow:0 30px 60px -24px #00000059;transition:transform .6s var(--ease)!important}.ed-panel.show{transform:none}.ed-panel p{letter-spacing:.08em;text-transform:uppercase;color:#8b949a;margin:4px 0 10px;font-size:11px;font-weight:700}.ed-panel p+.ed-pal{margin-top:0}.ed-pal{border:1px solid #00000014;border-radius:10px;align-items:center;gap:4px;margin-bottom:8px;padding:8px 10px;display:flex}.ed-pal i{border:1px solid #0000001a;border-radius:50%;width:18px;height:18px}.ed-pal span{color:#333;margin-left:8px;font-weight:600}.ed-pal.sel{border-color:var(--sky-600);box-shadow:0 0 0 3px #2a93c22e}.ed-font{background:#f6f6f5;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.ed-font b{font-size:26px;font-weight:400;line-height:1}.ff-serif{font-family:var(--font-serif)}.ed-select{border:2px solid var(--sky-600);opacity:0;border-radius:6px;width:0;height:0;position:absolute;top:0;left:0;transition:opacity .25s, transform .45s var(--ease), width .45s var(--ease), height .45s var(--ease)!important}.ed-select.show{opacity:1}.ed-select span{background:var(--sky-600);color:#fff;white-space:nowrap;border-radius:6px 6px 6px 0;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:-24px;left:-2px}.ed-upload{opacity:0;background:#ffffffeb;border-radius:50%;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;display:grid;position:absolute;box-shadow:0 8px 20px -8px #0006}.ed-upload i{border:3px solid #e5ecef;border-top-color:var(--sky-600);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.ed-upload.show{opacity:1}.ed-comment{opacity:0;transform-origin:0 100%;background:#fff;border:1px solid #00000014;border-radius:16px 16px 16px 4px;gap:10px;width:290px;padding:14px;font-size:13px;line-height:1.45;display:flex;position:absolute;transform:translateY(8px)scale(.96);box-shadow:0 24px 50px -20px #0006;transition:opacity .4s, transform .5s var(--spring)!important}.ed-comment.show{opacity:1;transform:none}.ed-comment b{color:#333;font-size:12px;display:block}.ed-comment p{color:#444;margin-top:2px}.ec-ava{color:#fff;background:#ff8f7a;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.ec-done{color:#0b7a52;align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:700;display:none}.ec-done .i{stroke-width:2.6px;width:14px;height:14px}.ed-comment.resolved .ec-done{display:inline-flex}.ed-comment.resolved{opacity:.85}.d-cursor{z-index:10;pointer-events:none;opacity:0;transform:translate(var(--x,600px), var(--y,800px));align-items:flex-start;gap:2px;display:flex;position:absolute;top:0;left:0;transition:transform var(--mv,.8s) cubic-bezier(.45, .05, .25, 1), opacity .4s!important}.d-cursor.show{opacity:1}.d-cursor svg{width:22px;height:22px;fill:var(--c);stroke:#fff;stroke-width:1.5px;filter:drop-shadow(0 2px 3px #00000040);transition:transform .15s!important}.d-cursor.press svg{transform:scale(.82)}.d-cursor b{background:var(--c);color:var(--cf,#fff);white-space:nowrap;border-radius:99px 99px 99px 4px;margin-top:16px;padding:4px 10px;font-size:12px;font-weight:650}.d-thomas{--c:var(--ink)}.d-client{--c:#ff8f7a}.d-ripple{z-index:9;border:2px solid var(--sky-600);pointer-events:none;width:44px;height:44px;animation:ripple .6s var(--ease) forwards;border-radius:50%;margin:-22px 0 0 -22px;position:absolute}@keyframes ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.demo-toast{z-index:5;border:1px solid var(--line);box-shadow:var(--sh-float);white-space:nowrap;opacity:0;transition:opacity .5s var(--ease), transform .7s var(--spring);background:#fffffff5;border-radius:16px;align-items:center;gap:12px;padding:12px 18px 12px 12px;font-size:13px;display:flex;position:absolute;transform:translateY(12px)scale(.95)}.demo-toast.show{opacity:1;transform:none}.demo-toast strong{color:var(--ink);font-size:14px;display:block}.demo-toast small{color:var(--muted);font-size:12px}.demo-toast .ico{background:var(--yellow);width:38px;height:38px;color:var(--ink);border-radius:12px;place-items:center;display:grid}.demo-toast .ico.mint{color:var(--mint);background:#e6f8f0}.demo-toast .ico .i{width:18px;height:18px}.d-live{top:14%;right:-4%}.d-lead{bottom:14%;right:-4%}.demo-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:26px;display:flex}.demo-chapters{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);border-radius:99px;flex-wrap:wrap;justify-content:center;gap:6px;padding:5px;list-style:none;display:flex}.demo-chapters button{color:var(--muted);border-radius:99px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:13px;font-weight:550;transition:color .3s,background .3s;display:inline-flex;position:relative;overflow:hidden}.demo-chapters button:hover{color:var(--ink);background:var(--paper)}.dc-n{font-family:var(--font-mono);background:var(--paper-2);color:var(--muted);border-radius:99px;padding:2px 6px;font-size:11px;transition:background .3s,color .3s}.demo-chapters .done{color:var(--ink)}.demo-chapters .done .dc-n{background:var(--ink);color:#fff}.demo-chapters .now{color:var(--ink);background:var(--yellow-50)}.demo-chapters .now .dc-n{background:var(--yellow);color:var(--ink)}.dc-prog{background:var(--yellow-600);transform-origin:0;border-radius:2px;height:2px;position:absolute;bottom:3px;left:10px;right:10px;transform:scaleX(0)}.demo-chapters .now .dc-prog{transform:scaleX(var(--p,0));transition:transform .3s linear}.demo-replay{color:var(--ink);border:1px solid var(--line-2);background:var(--card);border-radius:99px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.demo-replay .i{width:15px;height:15px}.demo-note{margin-top:14px}@media (width<=900px){.demo-toast,.dc-l{display:none}.demo-chapters .now .dc-l{display:inline}}.demo-canvas.theme-2{--k-acc:#1d3557;--k-wood:#e76f51;--k-paper:#eef4fa;--k-ink:#14213d;--k-muted:#5c6b80;--k-head:var(--font-sans)}.demo-canvas.theme-3{--k-acc:#2b2f36;--k-wood:#c99a14;--k-paper:#faf5e4;--k-ink:#1e2126;--k-muted:#666b73;--k-head:var(--font-serif)}.theme-2 .k-mark{background:linear-gradient(135deg, var(--k-wood), #f4a261);border-radius:8px}.theme-3 .k-mark{background:var(--k-wood);border-radius:50%}.theme-3 .k-h1,.theme-3 .k-h2,.theme-3 .k-logo{font-weight:400}.theme-3 .k-h1{letter-spacing:-.02em;font-size:66px}.demo-canvas.f-sans{--k-head:var(--font-sans)}.demo-canvas.f-sans .k-h1{letter-spacing:-.035em;font-size:58px;font-weight:650}.demo-canvas.f-sans .k-h2,.demo-canvas.f-sans .k-logo,.demo-canvas.f-sans .k-badge b{font-weight:650}.demo-canvas.f-serif{--k-head:var(--font-serif)}.demo-canvas.f-serif .k-h1{letter-spacing:-.02em;font-size:66px;font-weight:400}.demo-canvas.f-serif .k-h2,.demo-canvas.f-serif .k-logo,.demo-canvas.f-serif .k-badge b{font-weight:400}.demo-viewport:has(.mob){background:linear-gradient(#eef1f3,#e6eaed)}.demo-canvas.mob{width:420px;left:calc(390px * var(--k,.9));box-shadow:0 0 0 1px #0000000f,0 30px 60px -30px #00000059;transition:left .5s var(--ease), width .5s var(--ease)!important}.mob .demo-page{padding:0 20px}.mob .k-nav{gap:12px;height:62px}.mob .k-nav nav,.mob .k-nav>.k-btn{display:none}.mob .k-nav:after{content:"";border-block:2px solid var(--k-ink);width:22px;height:14px;box-shadow:inset 0 5px 0 -3px var(--k-ink);margin-left:auto}.mob .k-hero{grid-template-columns:1fr;gap:22px;padding-top:4px}.mob .k-hero-img{border-radius:18px;order:-1;height:230px}.mob .k-h1{min-height:0;font-size:38px!important}.mob .k-lead{font-size:15px}.mob .k-ctas{flex-wrap:wrap;margin-top:22px}.mob .k-services{margin-top:44px}.mob .k-sec-head{flex-direction:column;gap:6px}.mob .k-h2{font-size:27px!important}.mob .k-cards{grid-template-columns:1fr}.mob .k-quote{margin:44px -20px 0;padding:36px 20px}.mob .k-quote p{font-size:21px}.mob .k-contact{grid-template-columns:1fr;gap:20px;margin-top:40px;padding:22px}.mob .k-form{grid-template-columns:1fr}.mob .k-foot{flex-direction:column;gap:6px}.mob .ed{display:none}.d-hover{z-index:8;pointer-events:none;border:2px solid var(--sky-600);opacity:0;border-radius:8px;position:absolute;top:0;left:0;transition:opacity .2s, transform .25s var(--ease), width .25s var(--ease), height .25s var(--ease)!important}.d-hover.show{opacity:1}.d-hover span{background:var(--sky-600);color:#fff;white-space:nowrap;border-radius:6px 6px 6px 0;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;top:-26px;left:-2px}.demo.idle .demo-canvas [data-hover]{cursor:pointer}.k-hero-img img.swap{animation:photo-in .7s var(--ease)}@keyframes photo-in{0%{opacity:.2;transform:scale(1.04)}}.k-form i.hint{border-color:var(--k-wood);box-shadow:0 0 0 4px #b27a462e}.demo-play{background:var(--card);border:1px solid var(--line);width:fit-content;max-width:100%;box-shadow:var(--sh-2);border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin:14px auto 0;padding:8px 10px 8px 16px;display:flex}.dp-label{color:var(--ink);align-items:center;gap:7px;font-size:13px;font-weight:650;display:inline-flex}.dp-label .i{width:16px;height:16px;color:var(--yellow-600)}.dp-group{background:var(--paper);border:1px solid var(--line);border-radius:14px;align-items:center;gap:4px;padding:3px;display:inline-flex}.dp-group button{min-width:34px;height:34px;color:var(--muted);transition:background .2s, color .2s, box-shadow .2s, transform .2s var(--ease);border-radius:11px;place-items:center;display:grid}.dp-group button:hover{color:var(--ink);background:#fff;transform:translateY(-1px)}.dp-group button[aria-pressed=true]{color:var(--ink);box-shadow:0 1px 3px #0000001f, 0 0 0 1.5px var(--ink);background:#fff}.dp-group .i{width:17px;height:17px}.dp-sw{width:34px}.dp-sw:before{content:"";background:linear-gradient(135deg, var(--a) 50%, var(--b) 50%);border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 1px #0000001a}.dp-font{font-size:16px;font-weight:600}.dp-font.ff-serif{font-family:var(--font-serif);font-size:19px;font-weight:400}.dp-ph{padding:3px;min-width:46px!important}.dp-ph img{object-fit:cover;border-radius:7px;width:40px;height:28px}.dp-input{background:var(--paper);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;height:40px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.dp-input:focus-within{border-color:var(--sky-600);box-shadow:var(--ring);background:#fff}.dp-input .i{width:15px;height:15px;color:var(--muted)}.dp-input input{width:250px;color:var(--ink);background:0 0;border:0;outline:0;font-size:13.5px}@media (width<=700px){.dp-input input{width:170px}.demo-play{border-radius:18px}}