:root{--p:#4f46e5;--p2:#7c3aed;--d:#0f172a}*{box-sizing:border-box}body{margin:0;font:16px/1.7 'Plus Jakarta Sans',system-ui,sans-serif;color:#334155;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{max-width:1200px;margin:auto;padding:0 20px}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 2px 20px rgba(15,23,42,.06)}.top{background:var(--d);color:#cbd5e1;font-size:13px}.top .wrap{display:flex;justify-content:space-between;padding:6px 20px}.soc a{margin-left:12px}.soc a:hover{color:#a5b4fc}
.bar{display:flex;align-items:center;justify-content:space-between;height:78px}.logo-h{font-size:24px;font-weight:800;color:var(--d)}.logo-h img{height:52px;display:block}nav{display:flex;gap:6px}.mi{position:relative}.mi>a{display:block;padding:10px 16px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em;border-radius:10px;transition:.2s}.mi>a:hover{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff}
.sub{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-radius:14px;box-shadow:0 20px 40px rgba(15,23,42,.15);padding:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.mi:hover .sub{opacity:1;visibility:visible;transform:none}.sub a{display:block;padding:10px 14px;border-radius:8px;font-weight:500}.sub a:hover{background:#eef2ff;color:var(--p)}.burger{display:none;border:0;background:none;font-size:30px}
.slider{position:relative;overflow:hidden;background:#000}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s;transform:scale(1.12)}.slide.on{opacity:1;transform:scale(1);transition:opacity 1.2s,transform 7s ease-out}.slide:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.75),rgba(15,23,42,.1))}
.sc{position:relative;max-width:1200px;margin:auto;padding:0 20px;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}.sc h2{font-size:clamp(30px,5vw,60px);line-height:1.1;margin:0 0 14px;max-width:700px}.sc p{font-size:19px;max-width:560px;margin:0 0 24px}.sc>*{opacity:0;transform:translateY(40px);transition:.8s .4s}.slide.on .sc>*{opacity:1;transform:none}
.sa{position:absolute;top:50%;margin-top:-26px;width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);color:#fff;font-size:22px;cursor:pointer;transition:.2s;z-index:3}.sa:hover{background:var(--p)}.prev{left:24px}.next{right:24px}.dots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:3}.dots button{width:12px;height:12px;border-radius:12px;border:0;background:rgba(255,255,255,.5);cursor:pointer;transition:.3s}.dots button.on{width:34px;background:#fff}
.btn{display:inline-block;border:0;cursor:pointer;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;padding:13px 28px;border-radius:50px;font:inherit;font-weight:700;box-shadow:0 10px 24px rgba(79,70,229,.35);transition:.2s}.btn:hover{transform:translateY(-2px)}
.sec{padding:80px 0}.sec.alt{background:#f8fafc}.sec h2{font-size:36px;color:var(--d);text-align:center;margin:0 0 44px;position:relative}.sec h2:after{content:'';display:block;width:60px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--p),var(--p2));margin:12px auto 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px}.card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 6px 30px rgba(15,23,42,.08);transition:.3s;display:block}a.card:hover{transform:translateY(-8px);box-shadow:0 20px 44px rgba(79,70,229,.18)}.ph{aspect-ratio:4/3;overflow:hidden;position:relative}.ph img{width:100%;height:100%;object-fit:cover;transition:.5s}a.card:hover .ph img{transform:scale(1.08)}.pl{position:absolute;inset:0;display:grid;place-items:center;font-size:56px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.4)}
.cb{padding:20px}.cb h3{margin:0 0 6px;color:var(--d);font-size:19px}.cb p{margin:0 0 10px;font-size:14px}.more{color:var(--p);font-weight:700;font-size:14px}.why,.tm{padding:30px;text-align:center}.why i{font-size:42px;color:var(--p)}.tm{text-align:left}.tm>i{font-size:40px;color:var(--p)}.who{display:flex;gap:12px;align-items:center}.who img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.marq{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.track{display:flex;gap:30px;width:max-content;animation:mq 35s linear infinite}.marq:hover .track{animation-play-state:paused}@keyframes mq{from{transform:translateX(-33.333%)}to{transform:translateX(0)}}
.logo{flex:none;width:180px;height:110px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(15,23,42,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.logo img{max-height:60px;object-fit:contain}.logo span{font-size:12px;font-weight:700;margin-top:6px}.logos{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}
.banner{background:linear-gradient(135deg,#0f172a,#4338ca);color:#fff;padding:60px 0;text-align:center}.banner h1{margin:0 0 6px;font-size:38px}.banner a{color:#c7d2fe}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.two2{display:grid;grid-template-columns:1fr 320px;gap:40px}.cover{width:100%;border-radius:20px;margin-bottom:20px}.lead{font-size:19px;color:var(--d)}.body{overflow:auto}.spec{width:100%;border-collapse:collapse;margin:20px 0;background:#f8fafc;border-radius:14px;overflow:hidden}.spec th,.spec td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.spec th{width:40%;color:var(--d)}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.gal img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;transition:.3s}.gal img:hover{transform:scale(1.04)}aside h3{color:var(--d)}.side{display:flex;gap:12px;align-items:center;margin-bottom:14px;font-weight:600}.side img{width:80px;height:64px;object-fit:cover;border-radius:10px}.side:hover{color:var(--p)}
.form{padding:28px}.form input,.form textarea{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;font:inherit;margin-bottom:14px}.hp{position:absolute;left:-9999px}.okm{background:#dcfce7;padding:12px;border-radius:10px}.errm{background:#fee2e2;padding:12px;border-radius:10px}
footer{background:#0f172a;color:#94a3b8;padding-top:60px}footer h4{color:#fff}.fg{display:grid;grid-template-columns:2fr 2fr 1fr;gap:30px}.fl{height:50px}footer a:hover{color:#a5b4fc}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags a{background:rgba(255,255,255,.07);padding:5px 14px;border-radius:30px;font-size:13px}.copy{text-align:center;padding:24px;margin-top:30px;border-top:1px solid rgba(255,255,255,.08);font-size:14px}
.wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:30px;box-shadow:0 10px 30px rgba(37,211,102,.5);z-index:60;animation:pu 2s infinite}@keyframes pu{50%{transform:scale(1.1)}}
@media(max-width:900px){.burger{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;padding:12px;box-shadow:0 20px 30px rgba(0,0,0,.1)}.mo nav{display:flex}.sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none}.two,.two2,.fg{grid-template-columns:1fr}.top{display:none}}
.rv{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}a.card.rv.in:hover{transform:translateY(-8px)}.pager{display:flex;gap:8px;justify-content:center;margin-top:36px}.pager a{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f1f5f9;font-weight:700}.pager a.on,.pager a:hover{background:var(--p);color:#fff}.totop{position:fixed;left:22px;bottom:22px;width:46px;height:46px;border-radius:50%;border:0;background:var(--p);color:#fff;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;z-index:60}.totop.on{opacity:1;pointer-events:auto}.lb{position:fixed;inset:0;background:rgba(2,6,23,.92);display:none;align-items:center;justify-content:center;z-index:100}.lb.on{display:flex}.lb img{max-width:90vw;max-height:88vh;border-radius:12px}.lb button{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:0;font-size:34px;width:52px;height:52px;border-radius:50%;cursor:pointer}.lb .x{top:20px;right:20px}.lb .lp{left:20px}.lb .ln{right:20px}
.slide .sc h2{opacity:1;transform:none;transition:none;position:relative;padding-bottom:18px}.slide .sc h2:after{content:'';position:absolute;left:0;bottom:0;height:4px;width:0;border-radius:4px;background:linear-gradient(90deg,#a5b4fc,#f0abfc);transition:width .9s .9s}.slide.on .sc h2:after{width:90px}
.w{display:inline-block;white-space:nowrap}.c{display:inline-block;opacity:0;transform:translateY(-70px) rotate(10deg);filter:blur(8px)}
.slide.on .c{animation:drop .75s cubic-bezier(.2,.9,.25,1.15) forwards;animation-delay:calc(var(--i)*45ms + .35s)}
@keyframes drop{60%{opacity:1;filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}
.slide .sc p,.slide .sc .sbtn{transition-delay:var(--d,.9s)}
.sbtn{display:inline-flex;align-items:center;gap:12px;width:fit-content;padding:15px 32px;border-radius:50px;border:1.5px solid rgba(255,255,255,.75);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);color:#fff;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:14px;transition:opacity .8s,transform .8s,background .3s,color .3s,border-color .3s}
.sbtn i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--p);transition:transform .3s}
.sbtn:hover{background:#fff;color:var(--d);border-color:#fff}.sbtn:hover i{transform:translateX(5px);background:var(--p);color:#fff}
.mic{margin-right:6px;font-size:.95em}