/* Kafinet 2.4 visual system */
#site-loader{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--brand) 15%,var(--surface)),var(--surface) 58%);transition:opacity .65s cubic-bezier(.2,.8,.2,1),visibility .65s,transform .65s}
#site-loader.done{opacity:0;visibility:hidden;transform:scale(1.035);pointer-events:none}.loader-aurora{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(70px);opacity:.3;animation:aurora 4s ease-in-out infinite alternate}.loader-aurora.a{background:#7c5cff;right:10%;top:8%}.loader-aurora.b{background:#18c7b5;left:8%;bottom:4%;animation-delay:-2s}.loader-emblem{position:relative;width:112px;height:112px;display:grid;place-items:center}.loader-emblem>i{position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--brand);border-radius:50%;animation:spin 1.5s linear infinite}.loader-emblem>i:nth-child(2){inset:10px;border-top-color:#19c5b2;border-right-color:#19c5b2;animation-direction:reverse;animation-duration:2s}.loader-logo{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;color:#fff;font-size:34px;font-weight:950;background:linear-gradient(145deg,var(--brand),#18bfae);box-shadow:0 22px 55px color-mix(in srgb,var(--brand) 35%,transparent);animation:loaderPulse 1.8s ease-in-out infinite}.loader-track{position:relative;width:220px;height:6px;margin-top:20px;border-radius:99px;background:color-mix(in srgb,var(--brand) 12%,var(--line));overflow:visible}.loader-track>i{position:absolute;inset:0 auto 0 0;width:45%;border-radius:inherit;background:linear-gradient(90deg,#18c7b5,var(--brand),#ff6b9c);animation:loaderRun 1.5s ease-in-out infinite}.loader-track>b{position:absolute;top:-2px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 18px var(--brand);animation:spark 1.5s infinite}.loader-track>b:nth-child(2){left:22%;animation-delay:-.3s}.loader-track>b:nth-child(3){left:50%;animation-delay:-.7s}.loader-track>b:nth-child(4){left:78%;animation-delay:-1.1s}#site-loader>strong{margin-top:18px;font-size:18px}#site-loader>small{margin-top:5px;color:var(--muted)}
.home-v24{overflow:hidden}.hero-v24{position:relative;padding:92px 0 70px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 8%,var(--surface)),var(--surface) 58%)}.hero-v24:after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--brand) 18%,transparent) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-v24 .hero-grid{position:relative;z-index:1;align-items:center}.hero-copy h1{font-size:clamp(38px,5vw,72px);line-height:1.15;letter-spacing:-2px;margin:16px 0}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,var(--brand),#12aa9b);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;max-width:650px;line-height:2}.hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-chips span{padding:9px 13px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(8px);border-radius:99px;font-size:12px}.hero-preview{position:relative;padding:28px;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:32px;background:color-mix(in srgb,var(--surface) 84%,transparent);box-shadow:0 35px 90px color-mix(in srgb,var(--brand) 15%,transparent);backdrop-filter:blur(15px);transform:rotate(-1.5deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.preview-top span{color:#18a16f;background:#e7faf2;padding:7px 11px;border-radius:99px;font-size:12px}.preview-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.preview-row i{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));font-style:normal}.preview-row b,.preview-row small{display:block}.preview-row small{color:var(--muted)}.services-v24{position:relative}.section-intro{max-width:710px;margin-bottom:35px}.section-intro h2{font-size:clamp(30px,4vw,48px);margin:9px 0}.section-intro p{color:var(--muted);line-height:1.9}.services-v24 .service-card{isolation:isolate;border-radius:26px;padding:22px;box-shadow:0 18px 55px #18224b0d;transition:.35s}.services-v24 .service-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;border-radius:26px 26px 0 0;background:linear-gradient(90deg,var(--card-color),transparent)}.services-v24 .service-card:hover{transform:translateY(-9px);box-shadow:0 28px 70px color-mix(in srgb,var(--card-color) 17%,transparent)}.home-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-25px;position:relative;z-index:3}.home-features article{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 20px 55px #1921510c}.home-features svg{width:32px;fill:none;stroke:var(--brand);stroke-width:1.8}.home-features h3{margin:10px 0 4px}.home-features p{margin:0;color:var(--muted);font-size:13px}
.blog-hero{padding:70px 0 35px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),var(--surface))}.blog-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.blog-title h1{font-size:clamp(34px,5vw,60px);margin:8px 0}.blog-slider{position:relative;min-height:430px;border-radius:32px;overflow:hidden;background:#15172c;box-shadow:0 35px 90px #10132925}.blog-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.2fr .8fr;opacity:0;visibility:hidden;transform:translateX(20px);transition:.55s}.blog-slide.active{opacity:1;visibility:visible;transform:none}.blog-slide-media{background-size:cover;background-position:center;min-height:430px}.blog-slide-content{display:flex;flex-direction:column;justify-content:center;padding:45px;color:#fff;background:linear-gradient(135deg,#211c4e,#13162a)}.blog-slide-content h2{font-size:32px;line-height:1.45;margin:15px 0}.blog-slide-content p{color:#c9c9dc;line-height:1.9}.blog-meta{display:flex;gap:10px;align-items:center;font-size:12px;color:#bfc0d0}.blog-category{padding:6px 10px;border-radius:99px;background:var(--brand);color:#fff}.blog-slider-controls{position:absolute;left:25px;bottom:24px;z-index:5;display:flex;gap:8px}.blog-slider-controls button{width:42px;height:42px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer;transition:.2s}.blog-slider-controls button:hover{background:var(--brand);transform:scale(1.08)}.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:28px}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.post-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--surface);transition:.3s}.post-card:hover{transform:translateY(-6px);box-shadow:0 25px 65px #161c440f}.post-thumb{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--brand),#19b7a7);overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}.post-card:hover img{transform:scale(1.05)}.post-body{padding:21px}.post-body h2{font-size:20px;line-height:1.6;margin:10px 0}.post-body h2 a{color:var(--text);text-decoration:none}.post-body p{color:var(--muted);line-height:1.9}.blog-side{position:sticky;top:100px;height:max-content}.blog-widget{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);margin-bottom:16px}.blog-widget h3{margin-top:0}.blog-widget a{display:block;padding:10px 0;border-top:1px solid var(--line);color:var(--text);text-decoration:none}.article-hero{padding:70px 0 30px;text-align:center}.article-hero h1{max-width:850px;margin:16px auto;font-size:clamp(34px,5vw,58px);line-height:1.45}.article-shell{max-width:880px;margin:auto}.article-cover{border-radius:30px;overflow:hidden;max-height:520px;margin-bottom:30px}.article-cover img{width:100%;height:100%;object-fit:cover}.article-content{font-size:17px;line-height:2.2;padding:35px;border:1px solid var(--line);border-radius:26px;background:var(--surface)}.article-content h2,.article-content h3{margin-top:1.8em}.article-content img{border-radius:18px}.article-content blockquote{margin:25px 0;padding:18px 22px;border-right:4px solid var(--brand);border-radius:14px;background:var(--surface-soft)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes aurora{to{transform:translate(45px,-30px) scale(1.2)}}@keyframes loaderPulse{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes loaderRun{0%{left:-45%}100%{left:100%}}@keyframes spark{50%{opacity:.1;transform:scale(.4)}}
@media(max-width:900px){.hero-v24{padding-top:55px}.hero-preview{transform:none}.home-features{grid-template-columns:1fr;margin-top:15px}.blog-slide{grid-template-columns:1fr}.blog-slide-media{min-height:190px}.blog-slide-content{padding:25px;justify-content:flex-start}.blog-slider{min-height:520px}.blog-layout{grid-template-columns:1fr}.blog-side{position:static}.post-grid{grid-template-columns:1fr}.blog-title{display:block}.article-content{padding:22px}}