:root{--ok-primary:#1677ff;--ok-primary-hover:#0958d9;--ok-primary-light:#e6f4ff;--ok-primary-glow:#1677ff2e;--ok-emerald:#10b981;--ok-emerald-light:#ecfdf5;--ok-emerald-border:#a7f3d0;--ok-amber:#f59e0b;--ok-amber-light:#fffbeb;--ok-purple:#8b5cf6;--ok-purple-light:#f5f3ff;--ok-dark:#0f172a;--ok-dark-surface:#1e293b;--ok-text-main:#1e293b;--ok-text-muted:#64748b;--ok-text-light:#94a3b8;--ok-bg-page:#f8fafc;--ok-card-bg:#fff;--ok-border-subtle:#e2e8f0;--ok-border-focus:#bfdbfe;--ok-radius-sm:8px;--ok-radius-md:14px;--ok-radius-lg:20px;--ok-radius-xl:28px;--ok-radius-full:9999px;--ok-shadow-sm:0 2px 8px #0f172a0a;--ok-shadow-md:0 8px 24px -4px #0f172a14;--ok-shadow-lg:0 20px 40px -8px #0f172a1f;--ok-shadow-glow:0 12px 36px #1677ff38}.about-page{background-color:var(--ok-bg-page);color:var(--ok-text-main);font-family:var(--font-inter,system-ui, -apple-system, sans-serif);position:relative;overflow-x:hidden}.about-container{z-index:2;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.about-section-header{text-align:center;max-width:680px;margin:0 auto 52px}.about-badge{background:var(--ok-primary-light);color:var(--ok-primary);border-radius:var(--ok-radius-full);letter-spacing:.3px;text-transform:uppercase;border:1px solid #1677ff33;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex}.about-badge--emerald{background:var(--ok-emerald-light);color:var(--ok-emerald);border-color:var(--ok-emerald-border)}.about-section-title{font-family:var(--font-poppins,system-ui, sans-serif);color:var(--ok-dark);letter-spacing:-.5px;margin-bottom:16px;font-size:38px;font-weight:800;line-height:1.25}.about-section-subtitle{color:var(--ok-text-muted);margin:0;font-size:16px;line-height:1.6}.about-hero-section{border-bottom:1px solid var(--ok-border-subtle);background:radial-gradient(circle at 15% 20%,#1677ff14 0%,#0000 45%),radial-gradient(circle at 85% 65%,#10b9810f 0%,#0000 40%),#fff;padding:80px 0 90px;position:relative;overflow:hidden}.about-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.about-hero-pill{border-radius:var(--ok-radius-full);color:var(--ok-primary);background:#f0f7ff;border:1.5px solid #bfdbfe;align-items:center;gap:8px;margin-bottom:24px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #1677ff14}.about-hero-title{font-family:var(--font-poppins,system-ui, sans-serif);color:var(--ok-dark);letter-spacing:-1px;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.18}.about-hero-title span.highlight-blue{background:linear-gradient(135deg,#1677ff 0%,#0050b3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-hero-title span.highlight-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-hero-description{color:var(--ok-text-muted);max-width:560px;margin-bottom:32px;font-size:17px;line-height:1.65}.about-hero-cta-group{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:40px;display:flex}.about-btn-primary{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#0958d9 100%);border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #1677ff47}.about-btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #1677ff59}.about-btn-secondary{color:var(--ok-dark);border:1.5px solid var(--ok-border-subtle);box-shadow:var(--ok-shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.about-btn-secondary:hover{border-color:var(--ok-primary);color:var(--ok-primary);box-shadow:var(--ok-shadow-md);transform:translateY(-2px)}.about-hero-pills{border-top:1px solid var(--ok-border-subtle);flex-wrap:wrap;gap:16px;padding-top:28px;display:flex}.about-pill-item{color:var(--ok-text-main);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.about-pill-icon{color:#10b981;background:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.about-hero-media-wrap{justify-content:center;display:flex;position:relative}.about-hero-media-card{border-radius:var(--ok-radius-xl);border:6px solid #fff;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a38}.about-hero-main-img{object-fit:cover;width:100%;height:440px;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.about-hero-media-card:hover .about-hero-main-img{transform:scale(1.03)}.about-floating-card{-webkit-backdrop-filter:blur(12px);z-index:3;background:#fffffff0;border:1px solid #fffc;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;animation:4s ease-in-out infinite alternate floatSlow;display:flex;position:absolute;box-shadow:0 16px 36px #0f172a24}.about-floating-card--top{top:24px;left:-24px}.about-floating-card--bottom{animation-delay:-2s;bottom:24px;right:-24px}@keyframes floatSlow{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.about-float-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.about-stats-section{z-index:10;margin-top:-36px;margin-bottom:70px;position:relative}.about-stats-bar{border:1px solid var(--ok-border-subtle);border-radius:var(--ok-radius-xl);background:#fff;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 40px;display:grid;box-shadow:0 12px 36px #0f172a12}.about-stat-item{align-items:center;gap:18px;display:flex}.about-stat-item:not(:last-child){border-right:1px solid var(--ok-border-subtle);padding-right:24px}.about-stat-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.about-stat-val{font-family:var(--font-poppins,system-ui, sans-serif);color:var(--ok-dark);letter-spacing:-.5px;font-size:30px;font-weight:800;line-height:1.1}.about-stat-label{color:var(--ok-text-muted);margin-top:4px;font-size:13px;font-weight:600}.about-mission-section{padding:60px 0 90px}.about-mission-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-mission-media-wrap{position:relative}.about-mission-img-card{border-radius:var(--ok-radius-xl);box-shadow:var(--ok-shadow-lg);border:5px solid #fff;overflow:hidden}.about-mission-img{object-fit:cover;width:100%;height:460px;display:block}.about-mission-overlay-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--ok-radius-md);background:#0f172ae0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.about-pillar-list{flex-direction:column;gap:20px;margin-top:32px;display:flex}.about-pillar-item{border:1px solid var(--ok-border-subtle);border-radius:var(--ok-radius-md);background:#fff;align-items:flex-start;gap:16px;padding:20px;transition:all .25s;display:flex}.about-pillar-item:hover{border-color:var(--ok-border-focus);box-shadow:var(--ok-shadow-md);transform:translate(4px)}.about-pillar-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.about-pillar-title{color:var(--ok-dark);margin-bottom:4px;font-size:16px;font-weight:700}.about-pillar-desc{color:var(--ok-text-muted);margin:0;font-size:13.5px;line-height:1.5}.about-calculator-section{border-top:1px solid var(--ok-border-subtle);border-bottom:1px solid var(--ok-border-subtle);background:linear-gradient(#f8fafc 0%,#eff6ff 100%);padding:80px 0}.about-calc-card{border-radius:var(--ok-radius-xl);box-shadow:var(--ok-shadow-lg);background:#fff;border:1.5px solid #bfdbfe;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:44px;display:grid}.about-calc-slider-wrap{margin:28px 0}.about-calc-slider{width:100%;height:8px;accent-color:var(--ok-primary);cursor:pointer;background:#e2e8f0;border-radius:4px;outline:none}.about-calc-result-box{border-radius:var(--ok-radius-lg);color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0f172a40}.about-calc-result-box:before{content:"";background:radial-gradient(circle,#1677ff66 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;right:-50px}.about-calc-savings-amount{font-family:var(--font-poppins,system-ui, sans-serif);color:#10b981;letter-spacing:-1px;margin:12px 0 6px;font-size:42px;font-weight:800}.about-ecosystem-section{padding:90px 0}.about-eco-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.about-eco-tab-btn{border-radius:var(--ok-radius-full);border:1.5px solid var(--ok-border-subtle);color:var(--ok-text-muted);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.about-eco-tab-btn.active{background:var(--ok-primary);color:#fff;border-color:var(--ok-primary);box-shadow:0 4px 14px #1677ff47}.about-eco-content-card{border:1px solid var(--ok-border-subtle);border-radius:var(--ok-radius-xl);box-shadow:var(--ok-shadow-md);background:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:44px;display:grid}.about-eco-feature-grid{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0;display:grid}.about-eco-feature-item{color:var(--ok-dark);background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:10px;padding:14px;font-size:13.5px;font-weight:600;display:flex}.about-comparison-section{border-top:1px solid var(--ok-border-subtle);border-bottom:1px solid var(--ok-border-subtle);background:#fff;padding:80px 0}.about-comp-table{border-collapse:separate;border-spacing:0;border:1px solid var(--ok-border-subtle);border-radius:var(--ok-radius-lg);width:100%;box-shadow:var(--ok-shadow-sm);background:#fff;overflow:hidden}.about-comp-table th,.about-comp-table td{text-align:left;border-bottom:1px solid var(--ok-border-subtle);padding:18px 24px}.about-comp-table th{background:#f8fafc;font-size:15px;font-weight:800}.about-comp-table th.ok-col,.about-comp-table td.ok-col{color:var(--ok-primary);background:#1677ff08;font-weight:700}.about-process-section{padding:90px 0}.about-process-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.about-process-card{border:1px solid var(--ok-border-subtle);border-radius:var(--ok-radius-lg);background:#fff;padding:30px 24px;transition:all .25s;position:relative}.about-process-card:hover{border-color:var(--ok-primary);box-shadow:var(--ok-shadow-md);transform:translateY(-4px)}.about-process-step-num{font-family:var(--font-poppins,system-ui, sans-serif);color:#e2e8f0;margin-bottom:14px;font-size:38px;font-weight:800;line-height:1}.about-process-card:hover .about-process-step-num{color:#bfdbfe}.about-values-section{background:#f8fafc;padding:80px 0}.about-values-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.about-value-card{border:1px solid var(--ok-border-subtle);border-radius:var(--ok-radius-lg);background:#fff;padding:28px 24px;transition:all .25s}.about-value-card:hover{box-shadow:var(--ok-shadow-md);border-color:var(--ok-border-focus);transform:translateY(-4px)}.about-cta-section{padding:40px 0 90px}.about-cta-card{border-radius:var(--ok-radius-xl);color:#fff;text-align:center;box-shadow:var(--ok-shadow-glow);background:linear-gradient(135deg,#0b132b 0%,#1677ff 100%);padding:64px 48px;position:relative;overflow:hidden}.about-cta-title{font-family:var(--font-poppins,system-ui, sans-serif);color:#fff;margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.2}.about-cta-subtitle{color:#ffffffd9;max-width:600px;margin:0 auto 36px;font-size:17px;line-height:1.6}@media (max-width:1024px){.about-hero-grid,.about-mission-grid,.about-calc-card,.about-eco-content-card{grid-template-columns:1fr;gap:40px}.about-hero-title{font-size:38px}.about-stats-bar{grid-template-columns:repeat(2,1fr);padding:24px}.about-stat-item:nth-child(2){border-right:none}.about-process-grid,.about-values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-hero-section{padding:48px 0 60px}.about-hero-title{font-size:32px}.about-hero-description{font-size:15px}.about-hero-main-img{height:320px}.about-floating-card--top{top:8px;left:8px}.about-floating-card--bottom{bottom:8px;right:8px}.about-stats-bar{grid-template-columns:1fr;gap:20px}.about-stat-item:not(:last-child){border-right:none;border-bottom:1px solid var(--ok-border-subtle);padding-bottom:16px;padding-right:0}.about-process-grid,.about-values-grid,.about-eco-feature-grid{grid-template-columns:1fr}.about-calc-card{padding:24px}.about-cta-card{padding:44px 20px}.about-cta-title{font-size:28px}}