:root{--blue:#074fae;--blue-dark:#053d87;--blue-light:#1a6fd4;--blue-pale:#e8f0fb;--blue-pale2:#d0e2f8;--accent:#ff6b2b;--white:#ffffff;--text:#1a1a2e;--text-muted:#5a6a85;--border:#dde6f5;--bg:#f4f7fc;--radius:16px;--radius-sm:10px;--shadow:0 8px 32px rgba(7, 79, 174, 0.1);--shadow-lg:0 20px 60px rgba(7, 79, 174, 0.18)}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes bar-grow{from{height:0}to{height:var(--h)}}@keyframes line-draw{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes count{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pattern-bg{background-color:var(--blue);background-image:radial-gradient(circle at 20% 30%,rgb(255 255 255 / .08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgb(255 255 255 / .06) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all 0.25s;white-space:nowrap;font-family:inherit}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 8px 24px rgb(7 79 174 / .35)}.btn-outline{background:#fff0;color:var(--blue);border:2px solid var(--blue)}.btn-outline:hover{background:var(--blue);color:#fff}.btn-accent{background:#fff;color:var(--blue)}.btn-accent:hover{background:#fff;transform:translateY(-2px);color:var(--blue)}.btn-white{background:#fff;color:var(--blue)}.btn-white:hover{background:var(--blue-pale);transform:translateY(-2px)}.hero{position:relative;padding:80px 0 70px;overflow:hidden;color:#fff;display:flex;align-items:center;min-height:600px}.hero::before{content:"";position:absolute;inset:0;background:var(--blue);background-image:radial-gradient(ellipse 70% 60% at 75% 50%,rgb(26 111 212 / .55) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.hero h1{font-size:clamp(30px, 4vw, 50px);font-weight:600;line-height:1.15;margin-bottom:18px}.hero p{font-size:17px;line-height:1.7;color:rgb(255 255 255 / .85);margin-bottom:32px;max-width:500px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:42px}.hero-visual{position:relative;z-index:2}.dash-card{background:rgb(255 255 255 / .11);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .2);border-radius:20px;padding:26px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dash-title{font-size:14px;font-weight:700}.dash-live{display:flex;align-items:center;gap:6px;font-size:12px;color:rgb(255 255 255 / .7)}.dash-live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pulse-dot 1.5s ease-in-out infinite}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:90px;margin-bottom:18px}.bar{flex:1;border-radius:6px 6px 0 0;background:rgb(255 255 255 / .25);position:relative;animation:bar-grow 1.2s ease forwards}.bar:nth-child(1){--h:45%;height:45%}.bar:nth-child(2){--h:68%;height:68%}.bar:nth-child(3){--h:55%;height:55%}.bar:nth-child(4){--h:82%;height:82%}.bar:nth-child(5){--h:70%;height:70%}.bar:nth-child(6){--h:90%;height:90%;background:#4ade80}.bar:nth-child(7){--h:76%;height:76%;background:#4ade80}.bar-labels{display:flex;gap:10px;font-size:10px;color:rgb(255 255 255 / .5);margin-bottom:16px}.bar-labels span{flex:1;text-align:center}.metric-row{display:flex;gap:12px}.metric-pill{flex:1;background:rgb(255 255 255 / .1);border-radius:10px;padding:12px;border:1px solid rgb(255 255 255 / .14);text-align:center}.metric-pill .val{font-size:18px;font-weight:600;line-height:1}.metric-pill .lbl{font-size:10px;color:rgb(255 255 255 / .6);margin-top:3px}.metric-pill .chg{font-size:11px;font-weight:700;color:#4ade80;margin-top:2px}.metric-pill .chg.down{color:#f87171}.floating-badge{position:absolute;background:#fff;color:var(--text);border-radius:12px;padding:10px 16px;box-shadow:0 8px 24px rgb(0 0 0 / .15);font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:1}.floating-badge.top-left{top:-20px;left:-20px;animation:bounce 3s ease-in-out infinite}.floating-badge.bot-right{bottom:-20px;right:-20px;animation:bounce 4.5s ease-in-out infinite 0.8s}.fb-dot{width:8px;height:8px;border-radius:50%;background:#4ade80}.fb-dot.orange{background:var(--accent)}.section-alt{background:var(--bg)}.section-blue{background:var(--blue);color:#fff;position:relative;overflow:hidden}.section-blue::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.showcase-visual{position:relative}.showcase-main-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow-lg);animation:float2 5s ease-in-out infinite}.sc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sc-title{font-size:14px;font-weight:700;color:var(--text)}.sc-badge{background:var(--blue-pale);color:var(--blue);font-size:11px;font-weight:700;padding:4px 12px;border-radius:50px}.sc-stats-row{display:flex;gap:16px;margin-bottom:20px}.sc-stat{flex:1;background:var(--bg);border-radius:12px;padding:14px}.sc-stat .v{font-size:22px;font-weight:600;color:var(--blue)}.sc-stat .l{font-size:11px;color:var(--text-muted);margin-top:2px}.sc-stat .c{font-size:11px;font-weight:700;color:#16a34a}.sc-chart{background:var(--bg);border-radius:12px;padding:16px;position:relative;overflow:hidden;height:160px}.sc-chart-title{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:12px}.sparkline{width:100%;height:80px}.mini-float{position:absolute;background:var(--white);border-radius:14px;padding:14px 18px;box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:1}.mini-float.bot-left{bottom:-18px;left:-18px;animation:float2 5s ease-in-out infinite 1s}.mf-icon{width:36px;height:36px;background:var(--blue-pale);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mf-icon>i{--cc-icon-size:20px;--cc-icon-color:var(--blue)}.mf-val{font-size:20px;font-weight:600;color:var(--blue);line-height:1}.mf-lbl{font-size:11px;color:var(--text-muted);margin-top:2px}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1}.number-card{background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .15);border-radius:var(--radius);padding:30px 24px;text-align:center;transition:0.3s}.number-card:hover{background:rgb(255 255 255 / .18);transform:translateY(-4px)}.number-card .icon{width:52px;height:52px;background:rgb(255 255 255 / .12);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.number-card .icon>i{--cc-icon-size:26px;--cc-icon-color:#fff}.number-card .num{font-size:40px;font-weight:600;color:#fff;line-height:1;margin-bottom:6px}.number-card .num span{color:var(--accent)}.number-card .lbl{font-size:14px;color:rgb(255 255 255 / .7)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tool-card{border:1px solid var(--border);border-radius:var(--radius);padding:26px 20px;text-align:center;background:var(--white);transition:0.3s}.tool-card:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-3px)}.tool-icon{width:56px;height:56px;background:var(--blue-pale);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;transition:0.3s}.tool-card:hover .tool-icon{background:var(--blue)}.tool-icon svg{transition:0.3s}.tool-card:hover .tool-icon svg{stroke:#fff}.tool-icon>i{--cc-icon-size:26px;--cc-icon-color:var(--blue);transition:0.3s}.tool-card:hover .tool-icon>i{--cc-icon-color:#fff}.tool-card h3{font-size:15px;font-weight:700;margin-bottom:6px}.tool-card p{font-size:13px;color:var(--text-muted);line-height:1.55}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.why-img-wrap{position:relative}.why-img-wrap img{width:100%;height:460px;object-fit:cover;border-radius:20px}.why-img-badge{position:absolute;bottom:24px;left:-20px;background:#fff;border-radius:16px;padding:18px 22px;box-shadow:var(--shadow-lg);display:flex;gap:14px;align-items:center}.wib-ico{width:44px;height:44px;background:var(--blue-pale);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wib-ico>i{--cc-icon-size:24px;--cc-icon-color:var(--blue)}.wib-val{font-size:22px;font-weight:600;color:var(--blue);line-height:1}.wib-lbl{font-size:12px;color:var(--text-muted);margin-top:3px}.why-list{display:flex;flex-direction:column;gap:18px;margin-top:28px}.why-item{display:flex;gap:16px;align-items:flex-start}.why-item-icon{width:42px;height:42px;flex-shrink:0;background:var(--blue-pale);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-top:2px}.why-item-icon>i{--cc-icon-size:20px;--cc-icon-color:var(--blue)}.why-item-icon svg{stroke:var(--blue)}.why-item h3{font-size:15px;font-weight:600;margin-bottom:5px}.why-item p{font-size:14px;line-height:1.6;color:var(--text-muted)}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.reveal.visible{opacity:1;transform:translateY(0)}:root{--svc-primary:#074fae;--svc-primary-light:#e8f0fe;--svc-accent:#00c9a7;--svc-dark:#313131;--svc-text-light:#666;--svc-white:#fff;--svc-border:#e2e8f0;--svc-shadow-hover:0 8px 20px rgba(7, 79, 174, 0.15);--svc-radius-lg:20px;--svc-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.svc-card{background:var(--svc-white);border:1px solid var(--svc-border);border-radius:var(--svc-radius-lg);padding:26px;transition:var(--svc-transition);position:relative;overflow:hidden}.svc-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--svc-primary),var(--svc-accent));transform:scaleX(0);transform-origin:left;transition:transform 0.5s ease}.svc-card:hover::after{transform:scaleX(1)}.svc-card:hover{border-color:#fff0;box-shadow:var(--svc-shadow-hover);transform:translateY(-8px)!important}.svc-ico{width:60px;height:60px;border-radius:14px;background:var(--svc-primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:var(--svc-transition)}.svc-ico>i{width:28px;height:28px;background-color:var(--svc-primary)}.svc-card:hover .svc-ico{background:var(--svc-primary);transform:rotate(-6deg) scale(1.05)}.svc-card:hover .svc-ico>i{background-color:var(--svc-white)}.svc-card .svc-title{font-size:18px;font-weight:600;color:var(--svc-dark);margin-bottom:12px}.svc-card .svc-text{font-size:14px;color:var(--svc-text-light);line-height:1.6}.svc-card .learn-link{display:inline-flex;align-items:center;gap:6px;color:var(--svc-primary);font-size:14px;font-weight:600;margin-top:16px;opacity:1;transform:translateY(6px);transition:var(--svc-transition)}.svc-card .learn-link>i{background-color:var(--svc-primary)}.svc-card:hover .learn-link{opacity:1;transform:translateY(0)}@media (max-width:768px){.svc-card .learn-link{opacity:1;transform:translateY(0)}}:root{--prs-text:#0d1117;--prs-text-muted:#6b7280;--prs-primary:#074fae;--prs-white:#fff;--prs-border:#e5e8ef;--prs-shadow-sm:0 8px 32px rgba(13, 17, 23, 0.1);--prs-shadow-ss:0 2px 12px rgba(13, 17, 23, 0.07);--prs-transition:0.4s cubic-bezier(0.4, 0, 0.2, 1)}.process .ptrack{display:grid;position:relative;gap:1rem;counter-reset:prs-step-counter}.process .ptrack.ptrack-4{grid-template-columns:repeat(4,1fr)}.process .ptrack.ptrack-5{grid-template-columns:repeat(5,1fr)}.process .ptrack.ptrack-6{grid-template-columns:repeat(6,1fr)}.process .ptrack::before{content:"";position:absolute;top:46px;left:calc(100% / 12);right:calc(100% / 12);height:2px;background:repeating-linear-gradient(90deg,var(--prs-primary) 0 12px,transparent 12px 22px)}.process .pstep{text-align:center;padding:0 10px;position:relative;counter-increment:prs-step-counter}.process .porb{width:92px;height:92px;border-radius:50%;background:var(--prs-white);border:2px solid var(--prs-border);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:2;transition:var(--prs-transition);box-shadow:var(--prs-shadow-ss)}.process .pstep:hover .porb{background:var(--prs-primary);border-color:var(--prs-primary);box-shadow:0 0 0 8px rgb(14 165 233 / .12),var(--prs-shadow-sm);transform:scale(1.08)}.process .porb i{--cc-icon-size:30px;--cc-icon-color:var(--prs-primary);transition:var(--prs-transition)}.process .pstep:hover .porb i{--cc-icon-color:#fff}.process .pbadge{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;background:#e8eeff;color:var(--prs-text);font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center}.process .pbadge::before{content:counter(prs-step-counter,decimal-leading-zero)}.process .pstep h3{font-size:.9rem;font-weight:700;color:var(--prs-text);margin-bottom:6px}.process .pstep p{font-size:.77rem;color:var(--prs-text-muted);line-height:1.6}@media (max-width:1100px){.ptrack{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.ptrack{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem}}@media (max-width:520px){.ptrack{grid-template-columns:1fr!important;max-width:280px;margin-inline:auto}}.ind-swiper{overflow:hidden;padding-bottom:60px}.ind-card{border-radius:16px;overflow:hidden;position:relative;height:380px}.ind-card img{width:100%;height:100%;object-fit:cover;transition:all 0.4s cubic-bezier(.4,0,.2,1)}.ind-card:hover img{transform:scale(1.08)}.ind-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgb(7 79 174 / .9) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.ind-overlay h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:10px}.ind-overlay p{font-size:13px;line-height:1.4;color:rgb(255 255 255 / .8);margin-bottom:0}@media (max-width:1100px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-visual{display:none}.showcase-grid{grid-template-columns:1fr}.showcase-visual{display:none}.why-grid{grid-template-columns:1fr}.why-img-wrap{display:none}.numbers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.topbar-right{display:none}.numbers-grid{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:1fr 1fr}}