@font-face{font-family:'Inter Fallback';src:local('Segoe UI'),local('Roboto'),local('Helvetica Neue'),local('Arial');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}:root{--color-brand-dark:#0F172A;--color-brand-blue:#2563EB;--color-brand-cyan:#06B6D4;--color-bg-light:#F8FAFC;--color-bg-white:#FFFFFF;--color-text-main:#0F172A;--color-text-muted:#64748B;--color-text-light:#F8FAFC;--color-text-light-muted:#B0BEC5;--font-main:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--max-width:1200px;--nav-height:72px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--color-bg-light);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color 0.2s}.fa-solid,.fa-regular,.fa-brands,[class^="fa-"],[class*=" fa-"]{display:inline-block;width:1em;height:1em;line-height:1;vertical-align:-0.125em}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 0.6s cubic-bezier(0.16,1,0.3,1) forwards;opacity:0}.hero-title.fade-in-up{animation:none;opacity:1}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px) translateY(0)}100%{transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px) translateY(40px)}}.relative-z{position:relative;z-index:2}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.container-sm{max-width:860px}.text-center{text-align:center}.bg-white{background-color:var(--color-bg-white)}.padding-section{padding:112px 0}.section-tag{display:inline-flex;align-items:center;padding:5px 14px;background:#EFF6FF;color:var(--color-brand-blue);font-size:0.8rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;border-radius:var(--radius-full);margin-bottom:16px}.section-header{margin-bottom:64px}.section-title{font-size:2.4rem;font-weight:800;letter-spacing:-0.025em;color:var(--color-brand-dark);line-height:1.2;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:var(--color-text-muted);max-width:580px;margin:0 auto;line-height:1.7}.text-gradient{background:linear-gradient(135deg,var(--color-brand-cyan) 0%,var(--color-brand-blue) 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.icon-blue{background:#EFF6FF;color:#2563EB}.icon-cyan{background:#ECFEFF;color:#0891B2}.icon-purple{background:#F5F3FF;color:#7C3AED}.icon-green{background:#F0FDF4;color:#16A34A}.icon-orange{background:#FFF7ED;color:#EA580C}.icon-indigo{background:#EEF2FF;color:#4F46E5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:0.95rem;font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all 0.2s ease;text-decoration:none;white-space:nowrap}.btn-lg{padding:14px 28px;font-size:1rem}.btn-primary{background:var(--color-brand-blue);color:white;box-shadow:0 4px 14px rgba(37,99,235,0.35)}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,0.45)}.btn-secondary{background:rgba(255,255,255,0.1);color:white;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.18)}.btn-secondary:hover{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.28)}.btn-ghost{background:transparent;color:var(--color-text-light-muted)}.btn-ghost:hover{color:white}.btn-outline{background:transparent;color:var(--color-brand-dark);border:1.5px solid #CBD5E1}.btn-outline:hover{border-color:var(--color-brand-blue);color:var(--color-brand-blue);background:#EFF6FF}.btn-cta-outline{background:rgba(255,255,255,0.08);color:white;border:1.5px solid rgba(255,255,255,0.22)}.btn-cta-outline:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.4)}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);z-index:100;background:rgba(15,23,42,0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.06)}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:1.2rem;color:white;letter-spacing:-0.01em}.logo-img{height:25px;width:auto;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--color-text-light-muted);font-size:0.9rem;font-weight:500;line-height:1}.nav-links a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:12px}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;color:var(--color-text-light-muted);font-size:0.9rem;font-weight:500;font-family:var(--font-main);padding:0;transition:color 0.2s}.nav-dropdown-trigger:hover{color:white}.nav-chevron{font-size:0.65rem;transition:transform 0.2s}.nav-dropdown-menu.open ~ * .nav-chevron,.nav-dropdown:has(.nav-dropdown-menu.open) .nav-chevron{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 22px);left:50%;transform:translateX(-50%) translateY(-8px);width:290px;background:#111827;border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:8px;box-shadow:0 24px 56px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.04);opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;z-index:200}.nav-dropdown-menu.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.dropdown-item{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:10px;transition:background 0.15s;text-decoration:none}.dropdown-item + .dropdown-item{margin-top:3px}.dropdown-item:hover{background:rgba(255,255,255,0.06)}.dropdown-item-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:0.95rem;flex-shrink:0}.dropdown-item-text{display:flex;flex-direction:column;gap:2px}.dropdown-item-title{font-size:0.88rem;font-weight:600;color:#F1F5F9}.dropdown-item-desc{font-size:0.75rem;color:#94A3B8}.hero{position:relative;background:var(--color-brand-dark);color:white;padding-top:calc(var(--nav-height) + 80px);padding-bottom:96px;overflow:hidden;text-align:left;border-bottom:1px solid rgba(255,255,255,0.06)}.hero-bg-pattern{position:absolute;top:0;left:0;width:200%;height:200%;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:32px 32px;animation:gridMove 24s linear infinite;z-index:1;will-change:transform;contain:strict}.hero-glow-1{position:absolute;top:-100px;left:15%;width:700px;height:700px;background:radial-gradient(circle,rgba(6,182,212,0.12) 0%,transparent 65%);z-index:1;contain:strict;pointer-events:none}.hero-glow-2{position:absolute;bottom:-150px;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,0.16) 0%,transparent 65%);z-index:1;contain:strict;pointer-events:none}.hero-container{position:relative;z-index:3;display:flex;flex-direction:row;align-items:center;gap:64px}.hero-content{flex:0 0 auto;width:44%;text-align:left}.hero-visual{flex:1;position:relative;min-width:0;padding:24px 0 24px 24px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--radius-full);background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.2);color:var(--color-brand-cyan);font-size:0.82rem;font-weight:600;letter-spacing:0.02em;margin-bottom:28px}.badge-icon{font-size:0.75rem}.hero-title{font-size:3.4rem;font-weight:800;line-height:1.1;letter-spacing:-0.03em;margin-bottom:24px;color:#F1F5F9}.hero-subtitle{font-size:1.1rem;color:#B0BEC5;max-width:480px;margin:0 0 40px;line-height:1.75}.hero-buttons{display:flex;justify-content:flex-start;gap:12px;margin-bottom:32px}.hero-trust{display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap;font-size:0.82rem;color:#B0BEC5}.hero-trust-icon{color:#10B981;margin-right:4px;font-size:0.72rem}.trust-divider{color:#2D3A50}.hero-float{position:absolute;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;will-change:transform}@keyframes floatBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-float-notif{top:10px;right:-16px;left:auto;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);padding:12px 16px;display:flex;align-items:center;gap:10px;min-width:240px;animation:floatBob 4s ease-in-out infinite,fadeInUp 0.75s ease forwards;animation-delay:0s,0.9s;opacity:0}.float-dot{width:10px;height:10px;border-radius:50%;background:#10B981;flex-shrink:0;box-shadow:0 0 0 3px rgba(16,185,129,0.25);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(16,185,129,0.25)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0.1)}}.float-notif-content{display:flex;flex-direction:column;gap:2px;flex:1}.float-notif-title{font-size:0.78rem;font-weight:700;color:white}.float-notif-sub{font-size:0.72rem;color:#B0BEC5}.float-notif-time{font-size:0.68rem;font-weight:600;color:#10B981;white-space:nowrap}.hero-float-stat{bottom:36px;left:-16px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);padding:14px 18px;display:flex;align-items:center;gap:12px;animation:floatBob 5s ease-in-out infinite 0.5s,fadeInUp 0.75s ease forwards;animation-delay:0.5s,1.1s;opacity:0}.float-stat-icon{width:36px;height:36px;background:linear-gradient(135deg,rgba(37,99,235,0.3),rgba(6,182,212,0.3));border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-brand-cyan);font-size:0.9rem;flex-shrink:0}.float-stat-num{font-size:1.15rem;font-weight:800;color:white;letter-spacing:-0.02em;line-height:1.1}.float-stat-label{font-size:0.7rem;color:#B0BEC5;font-weight:500}.hero-mockup{width:100%;background:#0D1526;border:1px solid rgba(255,255,255,0.1);border-radius:16px;box-shadow:0 32px 80px -16px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.04),0 0 60px rgba(37,99,235,0.1);overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);transition:transform 0.6s cubic-bezier(0.16,1,0.3,1),box-shadow 0.6s}.hero-mockup:hover{transform:perspective(1200px) rotateY(-1deg) rotateX(0deg) translateY(-6px);box-shadow:0 48px 96px -20px rgba(0,0,0,0.65),0 0 80px rgba(37,99,235,0.15)}.mockup-header{display:flex;align-items:center;padding:11px 18px;background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.07)}.mockup-header .dots{display:flex;gap:6px}.mockup-header .dots span{width:10px;height:10px;border-radius:50%}.mockup-header .dots span:nth-child(1){background:#EF4444}.mockup-header .dots span:nth-child(2){background:#F59E0B}.mockup-header .dots span:nth-child(3){background:#10B981}.mockup-url{margin:0 auto;background:rgba(255,255,255,0.04);padding:4px 14px;border-radius:6px;font-size:0.72rem;color:#475569;font-family:monospace}.mockup-body{display:flex;height:420px}.mockup-sidebar{width:56px;background:rgba(255,255,255,0.02);border-right:1px solid rgba(255,255,255,0.04);padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:14px}.mockup-nav-item{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,0.05)}.mockup-nav-item.active{background:var(--color-brand-blue)}.mockup-content{flex:1;padding:28px;background:#0f172a;display:flex;flex-direction:column;gap:20px}.mockup-topbar{display:flex;justify-content:space-between;align-items:center}.mockup-title{font-size:1.1rem;font-weight:600;color:white}.mockup-new-badge{background:rgba(16,185,129,0.15);color:#10B981;font-size:0.72rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);border:1px solid rgba(16,185,129,0.25)}.mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mockup-card{background:#1E293B;border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-md);padding:18px;text-align:left}.stat-card .stat-label{font-size:0.75rem;color:#64748B;margin-bottom:6px}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:white;margin-bottom:6px;letter-spacing:-0.02em}.stat-card .stat-trend{font-size:0.75rem;font-weight:500}.stat-trend.up{color:#10B981}.stat-trend.down{color:#F43F5E}.chart-card{grid-column:span 3;height:160px;display:flex;flex-direction:column}.chart-header{font-size:0.85rem;font-weight:500;color:#94A3B8;margin-bottom:14px}.chart-body{flex:1;display:flex;align-items:flex-end;gap:8px}.chart-bar{flex:1;background:rgba(37,99,235,0.18);border-radius:3px 3px 0 0;transition:background 0.3s}.chart-bar.active,.chart-bar:hover{background:var(--color-brand-blue)}.stats-bar{background:white;border-bottom:1px solid #E8EFF8;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 24px rgba(15,23,42,0.06)}.stats-bar::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2563EB,#06B6D4,transparent);opacity:0.5}.stats-grid{display:flex;align-items:stretch;justify-content:center}.stats-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:36px 24px;gap:6px;transition:background 0.25s}.stats-item:hover{background:#FAFBFF}.stats-number{font-size:2.5rem;font-weight:800;letter-spacing:-0.03em;line-height:1;background:linear-gradient(135deg,#1D4ED8 0%,#0891B2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(12px);transition:opacity 0.5s ease,transform 0.5s ease}.stats-item.counted .stats-number,.stats-item.visible .stats-number{opacity:1;transform:translateY(0)}.stats-label{font-size:0.83rem;color:var(--color-text-muted);font-weight:500;text-align:center}.stats-divider{width:1px;background:linear-gradient(to bottom,transparent,#E2E8F0,transparent);flex-shrink:0;margin:20px 0}.how-it-works{background:white}.steps-flow{display:flex;align-items:flex-start;position:relative;gap:0}.steps-flow::before{content:'';position:absolute;top:44px;left:calc(12.5% + 4px);width:calc(75% - 8px);height:2px;background:linear-gradient(90deg,#BFDBFE 0%,#2563EB 40%,#06B6D4 70%,#BFDBFE 100%);z-index:0}.step-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;position:relative;z-index:1}.step-bubble{position:relative;width:88px;height:88px;background:linear-gradient(145deg,#1D4ED8 0%,#0891B2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:white;margin-bottom:24px;box-shadow:0 8px 28px rgba(37,99,235,0.32),0 0 0 6px rgba(37,99,235,0.08);transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.35s}.step-bubble-accent{background:linear-gradient(145deg,#0891B2 0%,#06B6D4 100%);box-shadow:0 8px 28px rgba(6,182,212,0.35),0 0 0 6px rgba(6,182,212,0.1)}.step-item:hover .step-bubble{transform:translateY(-6px) scale(1.04);box-shadow:0 18px 40px rgba(37,99,235,0.38),0 0 0 8px rgba(37,99,235,0.08)}.step-badge{position:absolute;top:-5px;right:-5px;width:28px;height:28px;background:white;border-radius:50%;border:2px solid #DBEAFE;font-size:0.68rem;font-weight:800;color:var(--color-brand-blue);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(37,99,235,0.15)}.step-badge-accent{border-color:#BAE6FD;color:#0891B2}.step-title{font-size:1.05rem;font-weight:700;color:var(--color-brand-dark);margin-bottom:10px}.step-desc{font-size:0.9rem;color:var(--color-text-muted);line-height:1.65;max-width:220px}.features,.cta-section,.footer{content-visibility:auto;contain-intrinsic-size:auto 600px}.features{background:var(--color-bg-light)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:white;padding:32px;border-radius:var(--radius-md);border:1px solid #E8EFF8;transition:all 0.25s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,0.08);border-color:#BFDBFE}.feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:20px}.feature-title{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:var(--color-brand-dark)}.feature-desc{color:var(--color-text-muted);font-size:0.92rem;line-height:1.65}.products-split{background:white}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-card{padding:44px 40px;border-radius:20px;border:1px solid transparent;transition:all 0.3s ease}.product-primary{background:linear-gradient(160deg,#EFF6FF 0%,#F0F9FF 100%);border-color:#BFDBFE}.product-secondary{background:linear-gradient(160deg,#F8FAFC 0%,#F1F5F9 100%);border-color:#E2E8F0}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(15,23,42,0.08)}.product-label{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--color-brand-blue);background:white;border:1px solid #BFDBFE;padding:5px 12px;border-radius:var(--radius-full);margin-bottom:20px}.product-label-dark{color:#475569;border-color:#CBD5E1}.product-name{font-size:1.75rem;font-weight:800;letter-spacing:-0.025em;color:var(--color-brand-dark);margin-bottom:14px}.product-desc{font-size:0.97rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:28px}.product-feature-list{list-style:none;margin-bottom:36px;display:flex;flex-direction:column;gap:11px}.product-feature-list li{display:flex;align-items:center;gap:10px;font-size:0.9rem;color:#374151;font-weight:500}.product-feature-list li i{color:#10B981;font-size:0.8rem;flex-shrink:0}.dashboard-preview{background:var(--color-bg-light)}.preview-wrapper{position:relative;max-width:960px;margin:0 auto}.preview-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,rgba(37,99,235,0.08) 0%,transparent 70%);filter:blur(40px);z-index:1}.preview-browser{position:relative;z-index:2;background:white;border:1px solid #E2E8F0;border-radius:var(--radius-lg);box-shadow:0 16px 48px rgba(15,23,42,0.1);overflow:hidden}.browser-header{display:flex;align-items:center;padding:14px 22px;background:#F8FAFC;border-bottom:1px solid #E2E8F0;gap:18px}.browser-header .dots{display:flex;gap:7px}.browser-header .dots span{width:11px;height:11px;border-radius:50%;background:#CBD5E1}.search-bar{width:280px;height:26px;background:white;border:1px solid #E2E8F0;border-radius:6px}.browser-content{display:flex;height:540px}.dashboard-sidebar{width:72px;border-right:1px solid #F1F5F9;padding:24px;display:flex;flex-direction:column;gap:14px;align-items:center}.dashboard-sidebar .item{width:30px;height:30px;border-radius:8px;background:#F1F5F9}.dashboard-sidebar .item.active{background:var(--color-brand-blue)}.dashboard-main{flex:1;padding:28px;display:flex;flex-direction:column;gap:20px}.top-stats{display:flex;gap:20px}.stat-box{flex:1;height:90px;background:#F8FAFC;border-radius:var(--radius-md);border:1px solid #E2E8F0}.charts-area{display:flex;gap:20px;height:230px}.main-chart{flex:2;position:relative;background:#F8FAFC;border-radius:var(--radius-md);border:1px solid #E2E8F0;padding:22px;overflow:hidden}.main-chart .line{width:100%;height:1px;background:#E2E8F0;margin-bottom:28px}.chart-svg{position:absolute;bottom:0;left:0;width:100%;height:100%}.side-panel{flex:1;background:white;border:1px solid #E2E8F0;border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:10px}.side-item{height:44px;background:#F8FAFC;border-radius:8px}.data-table{flex:1;border:1px solid #E2E8F0;border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px}.table-row{height:36px;background:#F8FAFC;border-radius:6px}.table-row.header{background:#EFF6FF}.benefits{background:white}.benefits-list{display:flex;flex-direction:column;gap:16px}.benefit-item{display:flex;gap:24px;align-items:flex-start;padding:32px;background:#FAFBFC;border-radius:var(--radius-md);border:1px solid #E8EFF8;transition:all 0.25s ease}.benefit-item:hover{border-color:#BFDBFE;background:white;box-shadow:0 8px 24px rgba(15,23,42,0.06);transform:translateX(6px)}.benefit-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.benefit-content h3{font-size:1.15rem;font-weight:700;color:var(--color-brand-dark);margin-bottom:8px}.benefit-content p{color:var(--color-text-muted);font-size:0.95rem;line-height:1.7}.cta-section{position:relative;padding:120px 0;background:var(--color-brand-dark);text-align:center;color:white;overflow:hidden}.animated-grid-bg{position:absolute;top:0;left:0;width:200%;height:200%;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:40px 40px;animation:gridMove 24s linear infinite;z-index:1}.glow-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(6,182,212,0.12) 0%,rgba(37,99,235,0.12) 30%,transparent 70%);z-index:1}.cta-content{position:relative;z-index:2;max-width:680px;margin:0 auto}.cta-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:var(--radius-full);background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);color:var(--color-brand-cyan);font-size:0.8rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:20px}.cta-title{font-size:3rem;font-weight:800;letter-spacing:-0.025em;margin-bottom:20px;line-height:1.15;color:#F1F5F9}.cta-desc{font-size:1.15rem;color:#64748B;margin-bottom:44px;line-height:1.7}.cta-buttons{display:flex;justify-content:center;gap:14px;margin-bottom:24px}.cta-note{font-size:0.82rem;color:#475569;letter-spacing:0.02em}.footer{background:#080E1D;color:var(--color-text-light-muted);padding:80px 0 40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:56px}.footer-logo{color:white;margin-bottom:16px}.footer-logo span{color:var(--color-brand-cyan)}.brand-desc{font-size:0.9rem;line-height:1.7;max-width:280px;margin-bottom:24px}.footer-demo-btn{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:0.85rem}.footer-links h4,.footer-links .footer-heading{color:white;font-weight:600;font-size:0.95rem;margin-bottom:20px}.footer-links a{display:block;margin-bottom:11px;font-size:0.88rem;transition:color 0.2s}.footer-links a:hover{color:#CBD5E1}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid rgba(255,255,255,0.06);font-size:0.85rem}.hero-service{text-align:left;padding-top:calc(var(--nav-height) + 64px);padding-bottom:80px}.service-hero-inner{max-width:760px}.service-hero-inner--center{margin:0 auto;text-align:center;align-items:center;display:flex;flex-direction:column}.service-hero-inner--center .service-breadcrumb{justify-content:center}.service-hero-inner--center .hero-subtitle{max-width:680px}.hero-api .service-hero-inner{max-width:900px}.service-breadcrumb{display:flex;align-items:center;gap:8px;font-size:0.8rem;color:#475569;margin-bottom:20px}.service-breadcrumb a{color:#475569}.service-breadcrumb a:hover{color:#94A3B8}.service-breadcrumb i{font-size:0.6rem}.service-hero-stats{display:flex;align-items:center;gap:0;margin-top:40px;padding:24px 0;border-top:1px solid rgba(255,255,255,0.06)}.shs-item{flex:1;display:flex;flex-direction:column;gap:4px}.shs-item strong{font-size:1.6rem;font-weight:800;letter-spacing:-0.025em;color:white}.shs-item span{font-size:0.78rem;color:#64748B}.shs-div{width:1px;height:36px;background:rgba(255,255,255,0.08);margin:0 28px;flex-shrink:0}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.service-check-list{list-style:none;display:flex;flex-direction:column;gap:13px}.service-check-list li{display:flex;align-items:flex-start;gap:10px;font-size:0.93rem;color:#374151}.service-check-list li i{color:#10B981;font-size:0.85rem;flex-shrink:0;margin-top:3px}.service-metrics-card{background:white;border:1px solid #E2E8F0;border-radius:20px;padding:36px;box-shadow:0 8px 32px rgba(15,23,42,0.06)}.service-metrics-card h4{font-size:1rem;font-weight:700;color:var(--color-brand-dark);margin-bottom:28px}.metric-row{margin-bottom:20px}.metric-label{display:block;font-size:0.82rem;color:var(--color-text-muted);margin-bottom:7px;font-weight:500}.metric-bar-wrap{display:flex;align-items:center;gap:12px;background:#F8FAFC;border-radius:6px;padding:4px}.metric-bar{height:10px;background:linear-gradient(90deg,#2563EB,#3B82F6);border-radius:4px;transition:width 1s ease}.metric-bar-cyan{background:linear-gradient(90deg,#0891B2,#06B6D4)}.metric-bar-green{background:linear-gradient(90deg,#16A34A,#22C55E)}.metric-bar-purple{background:linear-gradient(90deg,#7C3AED,#A855F7)}.metric-val{font-size:0.8rem;font-weight:700;color:var(--color-brand-dark);white-space:nowrap}.metric-note{font-size:0.75rem;color:#94A3B8;margin-top:20px;padding-top:16px;border-top:1px solid #F1F5F9}.usecases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.usecase-card{background:white;border:1px solid #E8EFF8;border-radius:var(--radius-md);padding:28px 24px;transition:all 0.25s}.usecase-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,0.08);border-color:#BFDBFE}.usecase-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:16px}.usecase-card h3{font-size:0.95rem;font-weight:700;color:var(--color-brand-dark);margin-bottom:10px}.usecase-card p{font-size:0.85rem;color:var(--color-text-muted);line-height:1.65}.hero-api{background:#080E1D}.hero-glow-api{position:absolute;top:-100px;right:0;width:600px;height:600px;background:radial-gradient(circle,rgba(79,70,229,0.15) 0%,transparent 65%);z-index:1}.badge-api{border-color:rgba(99,102,241,0.3);color:#818CF8;background:rgba(79,70,229,0.08)}.text-gradient-api{background:linear-gradient(135deg,#818CF8 0%,#06B6D4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.api-demo-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}.api-code-block{background:#0D1526;border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden;box-shadow:0 16px 48px rgba(15,23,42,0.2)}.code-header{display:flex;align-items:center;gap:12px;padding:12px 18px;background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.06)}.code-dots{display:flex;gap:6px}.code-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.15)}.code-label{font-size:0.75rem;font-family:monospace;color:#475569;flex:1}.code-badge{font-size:0.68rem;font-weight:700;letter-spacing:0.06em;color:#06B6D4;background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);padding:2px 8px;border-radius:4px}.code-body{padding:24px;font-family:'Courier New',monospace;font-size:0.82rem;line-height:1.8;color:#CBD5E1;overflow-x:auto;white-space:pre;margin:0}.code-comment{color:#475569}.code-key{color:#93C5FD}.code-str{color:#86EFAC}.code-num{color:#FCA5A5}@media (max-width:992px){.service-detail-grid{grid-template-columns:1fr;gap:40px}.api-demo-grid{grid-template-columns:1fr;gap:40px}.usecases-grid{grid-template-columns:repeat(2,1fr)}.service-hero-stats{flex-wrap:wrap;gap:16px}.shs-div{display:none}}@media (max-width:768px){.usecases-grid{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.5s cubic-bezier(0.16,1,0.3,1),transform 0.5s cubic-bezier(0.16,1,0.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.stats-bar .reveal{opacity:1;transform:none}.navbar.scrolled{background:rgba(15,23,42,0.96);border-bottom-color:rgba(255,255,255,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.3)}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon{transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.benefit-item:hover .benefit-icon{transform:scale(1.08)}.benefit-icon{transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.product-primary:hover{box-shadow:0 20px 60px rgba(37,99,235,0.12)}.product-secondary:hover{box-shadow:0 20px 60px rgba(15,23,42,0.08)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background 0.2s}.hamburger:hover{background:rgba(255,255,255,0.07)}.hamburger span{display:block;width:100%;height:2px;background:#94A3B8;border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease,width 0.3s ease;transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:white}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:white}.mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;z-index:99;background:#0B1222;border-bottom:1px solid rgba(255,255,255,0.08);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease;max-height:calc(100vh - var(--nav-height));overflow-y:auto}.mobile-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-menu-inner{padding:16px 20px 28px;display:flex;flex-direction:column;gap:4px}.mobile-link{display:block;padding:13px 12px;color:#94A3B8;font-size:1rem;font-weight:500;border-radius:10px;transition:background 0.15s,color 0.15s}.mobile-link:hover{background:rgba(255,255,255,0.05);color:white}.mobile-section-label{font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#334155;padding:16px 12px 8px}.mobile-service-item{display:flex;align-items:center;gap:14px;padding:12px 12px;border-radius:12px;transition:background 0.15s;text-decoration:none}.mobile-service-item:hover{background:rgba(255,255,255,0.05)}.mobile-service-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.mobile-service-title{font-size:0.95rem;font-weight:600;color:#F1F5F9;margin-bottom:2px}.mobile-service-desc{font-size:0.78rem;color:#475569}.mobile-menu-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.06)}.mobile-btn{width:100%;justify-content:center;padding:13px;font-size:0.95rem;border-radius:12px}.mobile-menu .btn-outline{color:#94A3B8;border-color:rgba(255,255,255,0.1)}.mobile-menu .btn-outline:hover{background:rgba(255,255,255,0.05);color:white;border-color:rgba(255,255,255,0.2)}@media (max-width:1024px){.steps-flow{gap:0}.step-desc{max-width:none;font-size:0.85rem}.products-grid{gap:20px}.product-card{padding:36px 28px}}@media (max-width:992px){.hero-container{flex-direction:column;gap:48px}.hero-content{width:100%;text-align:center}.hero-subtitle{max-width:100%;margin:0 auto 40px}.hero-buttons{justify-content:center}.hero-trust{justify-content:center}.hero-title{font-size:2.8rem}.hero-mockup{transform:none !important}.hero-float-notif{right:8px;top:8px;left:auto}.hero-float-stat{left:8px;bottom:16px}.steps-flow{display:grid;grid-template-columns:1fr 1fr;gap:40px 20px}.steps-flow::before{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.stats-grid{flex-wrap:wrap}.stats-item{min-width:40%}.stats-divider{display:none}.browser-content{height:400px}.charts-area{flex-direction:column;height:auto}.main-chart{height:180px}}@media (max-width:768px){.padding-section{padding:80px 0}.nav-links{display:none}.nav-actions{display:none}.hamburger{display:flex}.mobile-menu{display:block}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:320px}.hero-float{display:none}.steps-flow{grid-template-columns:1fr;gap:32px}.step-desc{max-width:none}.section-title{font-size:1.9rem}.features-grid{grid-template-columns:1fr}.product-card{padding:28px 24px}.product-name{font-size:1.5rem}.benefit-item{flex-direction:column;gap:16px}.benefit-item:hover{transform:none}.stats-item{min-width:45%}.stats-number{font-size:1.8rem}.cta-title{font-size:2.1rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:320px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-legal{flex-wrap:wrap;justify-content:center;gap:16px}}.contact-section{background:var(--color-bg-light,#F8FAFC)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.contact-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:40px 36px 36px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .25s,transform .25s,border-color .25s;position:relative;overflow:hidden}.contact-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563EB,#06B6D4);opacity:0;transition:opacity .25s}.contact-card--wa::before{background:linear-gradient(90deg,#16A34A,#22C55E)}.contact-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.09);transform:translateY(-6px);border-color:transparent}.contact-card:hover::before{opacity:1}.contact-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.contact-card-icon-wrap{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.contact-card-badge{font-size:.75rem;font-weight:600;color:#64748B;background:#F1F5F9;padding:4px 10px;border-radius:20px;white-space:nowrap}.contact-card-badge--green{color:#16A34A;background:#DCFCE7}.contact-card-title{font-size:1.25rem;font-weight:700;color:#0F172A;margin:0}.contact-card-desc{font-size:.93rem;color:#64748B;line-height:1.75;flex:1;margin:0}.contact-card-value{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:700;color:#0F172A;text-decoration:none;padding:12px 14px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;white-space:nowrap;transition:background .2s}.contact-card-value i{color:#94A3B8;font-size:1rem;flex-shrink:0}a.contact-card-value:hover{background:#F1F5F9}.contact-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .15s;margin-top:4px}.contact-card-btn:hover{opacity:.88;transform:translateY(-1px)}.contact-card-btn--blue{background:#2563EB;color:#fff}.contact-card-btn--cyan{background:#0891B2;color:#fff}.contact-card-btn--green{background:#16A34A;color:#fff}.contact-note{background:#EFF6FF;border:1px solid #BFDBFE;border-radius:14px;padding:22px 28px}.contact-note-inner{display:flex;align-items:flex-start;gap:14px}.contact-note-inner > i{color:#2563EB;font-size:1.1rem;margin-top:3px;flex-shrink:0}.contact-note-inner p{margin:0;font-size:.95rem;color:#1E40AF;line-height:1.75}.contact-note-inner strong{color:#0F172A}@media (max-width:960px){.contact-grid{grid-template-columns:1fr;max-width:480px;margin-inline:auto}}.seo-text-section{background:#F8FAFC;border-top:1px solid #E2E8F0;padding:64px 0 72px}.seo-text-inner{max-width:820px;margin:0 auto;text-align:center}.seo-text-title{font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:700;color:#0F172A;margin:0 0 14px;line-height:1.45}.seo-text-divider{width:48px;height:3px;background:#0EA5E9;border-radius:2px;margin:0 auto 28px}.seo-text-body{text-align:left;overflow:hidden;max-height:6.6em;transition:max-height .45s cubic-bezier(.4,0,.2,1);-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent 100%);mask-image:linear-gradient(to bottom,#000 40%,transparent 100%)}.seo-text-body.seo-text-body--open{max-height:1200px;-webkit-mask-image:none;mask-image:none}.seo-text-body p{font-size:.97rem;color:#475569;line-height:1.85;margin:0 0 16px}.seo-text-body p:last-child{margin-bottom:0}.seo-text-body strong{color:#1E293B;font-weight:600}.seo-text-body a{color:#2563EB;text-decoration:none}.seo-text-body a:hover{text-decoration:underline}.seo-text-toggle{display:inline-flex;align-items:center;gap:7px;margin-top:22px;border:1.5px solid #CBD5E1;background:#fff;color:#475569;font-size:.88rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:10px 22px;border-radius:50px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.seo-text-toggle:hover{border-color:#0EA5E9;color:#0EA5E9;background:#F0F9FF}.seo-toggle-icon{font-size:.78rem;transition:transform .35s ease}.blog-section{background:#F8FAFC}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(15,23,42,.1);border-color:#CBD5E1}.blog-card-img-wrap{display:block;overflow:hidden;aspect-ratio:16/9}.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-img{transform:scale(1.04)}.blog-card-img-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#0F172A 0%,#1E3A5F 100%);display:flex;align-items:center;justify-content:center;color:#38BDF8;font-size:1.8rem}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-meta{font-size:.8rem;color:#94A3B8;margin-bottom:10px}.blog-card-title{font-size:1.05rem;font-weight:700;color:#0F172A;line-height:1.45;margin-bottom:12px}.blog-card-title a{color:inherit;text-decoration:none;transition:color .2s}.blog-card-title a:hover{color:#2563EB}.blog-card-excerpt{font-size:.9rem;color:#64748B;line-height:1.7;margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-read{display:inline-flex;align-items:center;gap:7px;font-size:.85rem;font-weight:600;color:#2563EB;text-decoration:none;transition:gap .2s;margin-top:auto}.blog-card-read:hover{gap:11px}.blog-empty{text-align:center;padding:80px 20px;color:#94A3B8;font-size:1.05rem}.blog-empty i{font-size:2.5rem;display:block;margin-bottom:16px}.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:48px}.blog-pag-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1.5px solid #E2E8F0;background:#fff;color:#1E293B;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .15s}.blog-pag-btn.active,.blog-pag-btn:hover{background:#2563EB;border-color:#2563EB;color:#fff}.hero-service--post{}.hero-title--post{font-size:clamp(1.6rem,3.5vw,2.6rem)}.post-hero-meta{display:flex;align-items:center;gap:16px;font-size:.85rem;color:rgba(255,255,255,.65);margin-bottom:14px}.post-hero-meta i{margin-right:4px}.post-cover-wrap{background:#F8FAFC;padding:0 0 0}.post-cover-img{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:16px;margin-top:32px;box-shadow:0 8px 40px rgba(15,23,42,.12)}.post-section{background:#F8FAFC}.post-cover-container{max-width:900px;margin:0 auto}.post-content--full{max-width:900px;margin:0 auto}.post-content{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:48px 56px;line-height:1.9;color:#334155;font-size:1.05rem}.post-content h2{font-size:1.5rem;font-weight:800;color:#0F172A;margin:44px 0 16px;padding-bottom:10px;border-bottom:2px solid #F1F5F9}.post-content h2:first-child{margin-top:0}.post-content h3{font-size:1.2rem;font-weight:700;color:#0F172A;margin:32px 0 12px}.post-content p{margin-bottom:20px}.post-content p:last-child{margin-bottom:0}.post-content strong{color:#0F172A}.post-content > p a,.post-content > ul a,.post-content > ol a,.post-content > li a{color:#2563EB;text-decoration:underline;text-underline-offset:3px}.post-content > p a:hover,.post-content > ul a:hover,.post-content > ol a:hover{color:#1D4ED8}.post-content ul,.post-content ol{padding-left:24px;margin-bottom:20px}.post-content li{margin-bottom:8px;line-height:1.7}.post-content blockquote{border-left:4px solid #38BDF8;margin:28px 0;padding:18px 24px;background:#F0F9FF;border-radius:0 10px 10px 0;font-style:italic;color:#1E40AF}.post-content img{max-width:100%;border-radius:12px;margin:24px 0;box-shadow:0 4px 20px rgba(0,0,0,.08)}.post-bottom-nav{max-width:900px;margin:24px auto 0;display:flex;justify-content:flex-start}.article-toc{background:#F0F9FF;border:1px solid #BAE6FD;border-radius:12px;padding:24px 28px;margin:0 0 32px}.article-toc-title{font-size:.95rem;font-weight:700;color:#0F172A;margin:0 0 14px;display:flex;align-items:center;gap:8px}.article-toc-title::before{content:'\f03a';font-family:'Font Awesome 6 Free';font-weight:900;color:#2563EB;font-size:.85rem}.article-toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}.article-toc li{counter-increment:toc;margin-bottom:8px}.article-toc li::before{content:counter(toc) '.';color:#2563EB;font-weight:600;margin-right:8px;font-size:.85rem}.article-toc a{color:#334155;text-decoration:none;font-size:.92rem;font-weight:500;transition:color .15s}.article-toc a:hover{color:#2563EB}.article-box{border-radius:12px;padding:20px 24px;margin:24px 0;display:flex;gap:14px;align-items:flex-start;font-size:.94rem;line-height:1.7}.article-box-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.article-box-body{flex:1}.article-box-body p{margin-bottom:8px}.article-box-body p:last-child{margin-bottom:0}.article-box--info{background:#EFF6FF;border:1px solid #BFDBFE}.article-box--info .article-box-icon{background:#2563EB;color:#fff}.article-box--warning{background:#FFFBEB;border:1px solid #FDE68A}.article-box--warning .article-box-icon{background:#F59E0B;color:#fff}.article-box--success{background:#ECFDF5;border:1px solid #A7F3D0}.article-box--success .article-box-icon{background:#10B981;color:#fff}.article-box--danger{background:#FEF2F2;border:1px solid #FECACA}.article-box--danger .article-box-icon{background:#EF4444;color:#fff}.article-highlight{background:linear-gradient(135deg,#0F172A 0%,#1E3A5F 100%);color:#fff;border-radius:14px;padding:28px 32px;margin:28px 0}.article-highlight-title{font-size:1.1rem;font-weight:700;margin:0 0 10px;display:flex;align-items:center;gap:10px;color:#fff !important}.article-highlight-title i{color:#FBBF24}.article-highlight p{color:rgba(255,255,255,.85);margin-bottom:10px}.article-highlight p:last-child{margin-bottom:0}.article-highlight ul{padding-left:20px}.article-highlight li{color:rgba(255,255,255,.85);margin-bottom:6px}.article-highlight strong{color:#fff}.article-steps{margin:28px 0;counter-reset:steps}.article-step{display:flex;gap:18px;margin-bottom:24px;align-items:flex-start}.article-step:last-child{margin-bottom:0}.article-step-num{counter-increment:steps;flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,#2563EB,#38BDF8);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem}.article-step-num::after{content:counter(steps)}.article-step-body{flex:1}.article-step-title{font-size:1.05rem;font-weight:700;color:#0F172A;margin:0 0 6px}.article-step-desc{margin:0;color:#475569}.article-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid #E2E8F0;border-radius:12px}.article-table{width:100%;border-collapse:collapse;font-size:.92rem}.article-table thead{background:#F1F5F9}.article-table th{padding:14px 18px;font-weight:700;color:#0F172A;text-align:left;border-bottom:2px solid #E2E8F0;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.article-table td{padding:14px 18px;border-bottom:1px solid #F1F5F9;color:#334155;vertical-align:top}.article-table tr:last-child td{border-bottom:0}.article-table tr:hover td{background:#F8FAFC}.article-table .td-check{color:#10B981;font-weight:600}.article-table .td-cross{color:#EF4444;font-weight:600}.article-key-points{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:24px 28px;margin:24px 0}.article-key-points-title{font-size:1rem;font-weight:700;color:#0F172A;margin:0 0 14px;display:flex;align-items:center;gap:8px}.article-key-points-title i{color:#2563EB}.article-key-points ul{list-style:none;padding:0;margin:0}.article-key-points li{padding:8px 0 8px 28px;position:relative;border-bottom:1px solid #E2E8F0;color:#334155}.article-key-points li:last-child{border-bottom:0}.article-key-points li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;top:10px;color:#10B981;font-size:.78rem}.article-figure{margin:28px 0;text-align:center}.article-figure img{display:block;width:100%;max-width:100%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin:0 auto}.article-figure figcaption{font-size:.82rem;color:#94A3B8;margin-top:10px;font-style:italic}.article-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.article-image-grid img{width:100%;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06)}.article-faq{margin:32px 0}.article-faq h3{font-size:1.2rem;font-weight:800;color:#0F172A;margin:0 0 16px}.article-faq-item{border:1px solid #E2E8F0;border-radius:12px;margin-bottom:12px;background:#fff;padding:20px 24px;transition:box-shadow .2s}.article-faq-item:hover{box-shadow:0 2px 12px rgba(0,0,0,.04)}.article-faq-q{font-weight:700;color:#0F172A;font-size:.97rem;margin:0 0 8px;display:flex;align-items:center;gap:10px}.article-faq-q::before{content:'\f059';font-family:'Font Awesome 6 Free';font-weight:900;color:#2563EB;font-size:.85rem;flex-shrink:0}.article-faq-a{color:#475569;font-size:.93rem;line-height:1.75}.article-faq-a p{margin:0}.article-cta{background:linear-gradient(135deg,#2563EB 0%,#1D4ED8 100%);color:#fff;border-radius:14px;padding:28px 32px;margin:32px 0;text-align:center}.article-cta-title{font-size:1.15rem;font-weight:700;margin:0 0 8px}.article-cta p{color:rgba(255,255,255,.85);margin-bottom:18px}.article-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#2563EB !important;font-weight:700;font-size:.92rem;padding:12px 28px;border-radius:10px;text-decoration:none !important;transition:transform .15s,box-shadow .15s}.article-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.article-summary{background:linear-gradient(135deg,#F0F9FF,#EFF6FF);border:1px solid #BAE6FD;border-radius:14px;padding:24px 28px;margin:24px 0}.article-summary-title{font-size:.95rem;font-weight:700;color:#1E40AF;margin:0 0 10px;display:flex;align-items:center;gap:8px}.article-summary-title::before{content:'\f02d';font-family:'Font Awesome 6 Free';font-weight:900;color:#2563EB}.article-summary p{color:#1E3A5F;margin-bottom:8px}.article-quote{background:#F8FAFC;border-left:4px solid #2563EB;border-radius:0 12px 12px 0;padding:24px 28px;margin:28px 0}.article-quote p{font-size:1.05rem;font-style:italic;color:#1E293B;line-height:1.8;margin:0 0 12px}.article-quote-author{font-size:.85rem;font-weight:600;color:#64748B;font-style:normal;display:flex;align-items:center;gap:6px}.article-quote-author::before{content:'—'}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.article-tag{display:inline-block;padding:5px 14px;background:#EFF6FF;color:#2563EB;border-radius:20px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s}.article-tag:hover{background:#DBEAFE}.article-divider{border:0;border-top:2px dashed #E2E8F0;margin:36px 0}.article-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:28px 0}.article-stat{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:20px;text-align:center}.article-stat-value{font-size:1.6rem;font-weight:800;color:#2563EB;line-height:1.2}.article-stat-label{font-size:.8rem;color:#64748B;margin-top:4px;font-weight:500}.post-content h4{font-size:1rem;font-weight:700;color:#0F172A;margin:20px 0 8px}.post-content code{background:#F1F5F9;padding:2px 7px;border-radius:5px;font-size:.88rem;color:#E11D48;font-family:'Fira Code',monospace}.post-content pre{background:#0F172A;color:#E2E8F0;border-radius:12px;padding:20px 24px;margin:24px 0;overflow-x:auto;font-size:.88rem;line-height:1.6}.post-content pre code{background:transparent;color:inherit;padding:0}@media (max-width:640px){.article-image-grid{grid-template-columns:1fr}.article-step{gap:12px}.article-step-num{width:36px;height:36px;font-size:.9rem;border-radius:10px}.article-box{flex-direction:column;gap:10px}.article-highlight{padding:22px 20px}.article-cta{padding:22px 20px}.article-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.blog-grid{grid-template-columns:repeat(2,1fr)}.post-content{padding:36px 32px}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.post-content{padding:28px 20px;font-size:1rem}.post-content h2{font-size:1.25rem}.post-cover-img{margin-top:-16px;border-radius:12px}}