:root{--bg: #FFFFFF;--bg-alt: #F8FAFC;--bg-blue: #EFF6FF;--bg-dark: #0F172A;--bg-dark-2: #1E293B;--text: #0F172A;--text-2: #374151;--text-3: #6B7280;--text-4: #9CA3AF;--text-inv: #FFFFFF;--blue: #1D4ED8;--blue-dark: #1e40af;--blue-mid: #3B82F6;--blue-light: #DBEAFE;--blue-xlight: #EFF6FF;--blue-glow: rgba(29, 78, 216, .12);--teal: #0891B2;--teal-light: #E0F7FA;--teal-100: #CFFAFE;--teal-200: #A5F3FC;--teal-300: #67E8F9;--teal-400: #22D3EE;--teal-500: #06B6D4;--teal-600: #0891B2;--teal-700: #0E7490;--teal-800: #155E75;--green: #16A34A;--green-light: #DCFCE7;--orange: #D97706;--red: #DC2626;--text-secondary: #94A3B8;--text-muted: #64748B;--void: #0A0F1A;--deep: #040810;--glass-border: rgba(255,255,255,.07);--border: #E5E7EB;--border-2: #D1D5DB;--border-blue: rgba(29, 78, 216, .2);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 6px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-md: 0 10px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-lg: 0 16px 32px rgba(0,0,0,.1), 0 6px 12px rgba(0,0,0,.05);--shadow-xl: 0 24px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.06);--shadow-blue: 0 4px 16px rgba(29, 78, 216, .2), 0 2px 6px rgba(29, 78, 216, .1);--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--container: 1200px;--radius-xs: 4px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.65}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}::selection{background:var(--blue-light);color:var(--blue)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:cover}button{cursor:pointer;border:none;background:none;font-family:var(--font-body)}.container{max-width:var(--container);margin:0 auto;padding:0 48px}@media (max-width: 768px){.container{padding:0 20px}}.section-label{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;background:var(--blue-xlight);border:1px solid var(--blue-light);border-radius:100px;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);font-weight:900;line-height:1.05;letter-spacing:-.04em;color:var(--text);margin-bottom:16px}.section-title .accent{color:var(--blue)}.section-title em{font-style:italic;color:var(--blue);font-weight:800}.section-subtitle{font-size:1.05rem;font-weight:300;color:var(--text-3);line-height:1.75;max-width:560px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;font-family:var(--font-display);font-weight:600;font-size:.875rem;letter-spacing:.01em;padding:12px 24px;border-radius:var(--radius-sm);border:1px solid transparent;position:relative;overflow:hidden;transition:background var(--transition),box-shadow var(--transition),transform var(--transition),filter var(--transition)}.btn-primary:after{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,.15),transparent);transform:skew(-15deg);transition:left .5s ease}.btn-primary:hover:after{left:125%}.btn-primary:hover{filter:brightness(1.08);box-shadow:var(--shadow-blue);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-2);font-family:var(--font-display);font-weight:600;font-size:.875rem;padding:11px 22px;border-radius:var(--radius-sm);border:1.5px solid var(--border-2);transition:border-color var(--transition),color var(--transition),background var(--transition)}.btn-secondary:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-xlight)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-family:var(--font-display);font-weight:600;font-size:.875rem;padding:8px 0;border:none;background:none;transition:gap var(--transition)}.btn-ghost:hover{gap:10px}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled,button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none!important;filter:none!important;box-shadow:none!important}.stat-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.grain{position:relative}.grain:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:1;mix-blend-mode:overlay}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--border-blue)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge-blue{background:var(--blue-xlight);color:var(--blue);border:1px solid var(--blue-light)}.badge-green{background:var(--green-light);color:var(--green);border:1px solid rgba(22,163,74,.2)}.badge-orange{background:#fef3c7;color:var(--orange);border:1px solid rgba(217,119,6,.2)}.section-wave{height:60px;background:var(--bg-alt);clip-path:polygon(0 40px,100% 0,100% 100%,0 100%);margin-top:-40px}.reveal{opacity:.08;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.06s}.delay-2{transition-delay:.12s}.delay-3{transition-delay:.18s}.delay-4{transition-delay:.24s}.delay-5{transition-delay:.3s}.delay-6{transition-delay:.36s}section{isolation:isolate}.glass-card{background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.diagonal-top,.diagonal-both{position:relative}.page-hero{position:relative;background:var(--bg-dark);overflow:hidden;padding:120px 0 80px}.page-hero-bg{position:absolute;inset:0;pointer-events:none}.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 80%)}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(29,78,216,.18) 0%,transparent 70%);top:-200px;right:-100px}.page-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}.page-title{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.6rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#fffffff2;margin-bottom:20px}.page-title .accent{color:var(--teal-300);display:block}.page-subtitle{font-size:1.05rem;font-weight:300;color:#fff9;line-height:1.8;margin-bottom:32px;max-width:480px}.page-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.hero-btn-ghost{color:#fffc;border-color:#ffffff40;background:#ffffff0f}.hero-btn-ghost:hover{background:#ffffff1f;color:#fff;border-color:#fff6}.hero-micro-stats{display:flex;align-items:center;gap:20px;font-size:.82rem;color:#ffffff80}.hero-micro-stats strong{color:#ffffffd9}.micro-sep{width:1px;height:16px;background:#ffffff26}.hero-visual{position:relative}.hero-img-frame{border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 32px 80px #0006,0 0 0 1px #ffffff14;position:relative}.hero-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.hero-img-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,12,28,.25) 0%,transparent 60%);pointer-events:none}.hero-float-badge{position:absolute;bottom:-16px;left:-16px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-xl);z-index:2}.float-badge-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.float-badge-val{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--text);line-height:1}.float-badge-lbl{font-size:.68rem;color:var(--text-3);margin-top:2px}.hero-copy{display:flex;flex-direction:column}.page-cta-strip{padding:80px 0;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue) 100%)}.cta-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.cta-strip-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.02em}.cta-strip-sub{font-size:.97rem;color:#ffffffa6;font-weight:300}.cta-strip-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;flex-shrink:0}@media (max-width: 1024px){.page-hero-layout{grid-template-columns:1fr}.hero-visual{max-width:560px;margin:0 auto;width:100%}}@media (max-width: 768px){.page-hero{padding:80px 0 60px}.page-hero-layout{gap:40px}.cta-strip-inner{flex-direction:column;align-items:flex-start}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes progress-fill{0%{width:0}to{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}