.page-hero{text-align:center;padding-top:140px;padding-bottom:60px;position:relative}.page-hero .section-title{margin-bottom:20px;font-size:clamp(2rem,4vw,3rem)}.page-hero .section-desc{max-width:640px;margin-bottom:0;margin-left:auto;margin-right:auto}.section-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-light);margin-bottom:12px;font-size:.72rem;font-weight:500}.section-label.centered{text-align:center}.products-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--ease-normal), transform .15s ease, box-shadow var(--ease-normal);flex-direction:column;padding:32px 28px;display:flex;position:relative}.product-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.product-card.highlighted{border-color:var(--accent-border);background:linear-gradient(135deg,#6366f10a,#6366f103)}.product-card.highlighted:hover{box-shadow:0 0 32px #6366f114, var(--shadow-card);border-color:#6366f159}.product-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.product-card-icon svg{stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:24px;height:24px}.product-card-icon.scan{background:#10b9811a;border:1px solid #10b98126}.product-card-icon.scan svg{stroke:#10b981}.product-card-icon.watch{background:#f59e0b1a;border:1px solid #f59e0b26}.product-card-icon.watch svg{stroke:#f59e0b}.product-card-icon.oktsec{background:#6366f11a;border:1px solid #6366f126}.product-card-icon.oktsec svg{stroke:#818cf8}.product-card h3{color:var(--text);margin-bottom:4px;font-size:1.1rem;font-weight:700}.product-card h3 a{color:inherit;text-decoration:none;transition:color .15s}.product-card h3 a:hover{color:var(--accent-light)}.product-card .tagline{font-family:var(--mono);color:var(--text-tertiary);margin-bottom:18px;font-size:.78rem;font-style:italic}.product-card ul{flex:1;list-style:none}.product-card ul li{color:var(--text-secondary);padding:5px 0 5px 18px;font-size:.86rem;line-height:1.55;position:relative}.product-card ul li:before{content:"";background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;position:absolute;top:12px;left:0}.product-card.highlighted ul li:before{background:var(--accent-light)}.product-card .card-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;border-radius:6px;width:fit-content;margin-top:18px;padding:4px 10px;font-size:.68rem;font-weight:500;display:inline-block}.badge-oss{color:#10b981;background:#10b9811a;border:1px solid #10b98126}.badge-free{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b26}.badge-core{color:#818cf8;background:#6366f11a;border:1px solid #6366f126}.flywheel-section{padding:80px 0}.flywheel-flow{align-items:stretch;gap:0;margin:48px 0 40px;display:flex}.flywheel-step{background:var(--bg-card);border:1px solid var(--border);text-align:center;flex:1;padding:24px 20px;position:relative}.flywheel-step:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.flywheel-step:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.flywheel-step:not(:last-child){border-right:none}.flywheel-step-num{font-family:var(--mono);color:var(--accent-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.68rem;font-weight:500}.flywheel-step h4{color:var(--text);margin-bottom:8px;font-size:.92rem;font-weight:600}.flywheel-step p{color:var(--text-secondary);font-size:.82rem;line-height:1.55}.flywheel-step .step-stat{font-family:var(--mono);color:var(--accent-light);opacity:.8;margin-top:10px;font-size:.72rem}.flywheel-arrow{color:var(--accent-light);z-index:2;flex-shrink:0;align-items:center;margin:0 -1px;font-size:1.4rem;display:flex;position:relative}.flywheel-arrow svg{width:28px;height:28px;stroke:var(--accent-light);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #6366f14d)}.eco-flywheel-prose{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;padding:32px}.eco-flywheel-prose p{color:var(--text-secondary);max-width:720px;font-size:.94rem;line-height:1.75}.flywheel-loop-arrow{color:var(--accent-light);opacity:.5;justify-content:center;margin:-8px 0 12px;display:flex}.flywheel-loop-arrow svg{width:200px;height:28px;stroke:var(--accent-light);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:6 4}.why-matters{margin-top:32px}.why-matters .section-title{margin-bottom:32px}.progression-steps{flex-direction:column;gap:0;display:flex}.progression-step{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--ease-normal);grid-template-columns:200px 1fr;gap:0;padding:20px 24px;display:grid;position:relative}.progression-step:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.progression-step:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.progression-step:not(:last-child){border-bottom:none}.progression-step:hover{border-color:var(--border-hover)}.progression-step.final{border-color:var(--accent-border);background:linear-gradient(135deg,#6366f10d,#6366f103)}.progression-step.final:hover{border-color:#6366f159}.progression-label{font-family:var(--mono);color:var(--text-tertiary);align-items:center;font-size:.78rem;font-weight:500;display:flex}.progression-step.final .progression-label{color:var(--accent-light)}.progression-value{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.progression-step.final .progression-value{color:var(--text);font-weight:500}.integrations-section{padding:80px 0}.integrations-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;display:grid}.integration-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--ease-normal);align-items:flex-start;gap:16px;padding:28px 24px;display:flex}.integration-card:hover{border-color:var(--border-hover)}.integration-icon{background:var(--accent-glow);border:1px solid var(--accent-border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.integration-icon svg{width:20px;height:20px;stroke:var(--accent-light);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.integration-info h4{color:var(--text);margin-bottom:4px;font-size:.92rem;font-weight:600}.integration-info p{color:var(--text-secondary);font-size:.84rem;line-height:1.55}.integration-info code{font-family:var(--mono);background:var(--bg-elevated);color:var(--accent-light);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-size:.78rem}@media (max-width:960px){.products-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.page-hero{padding-top:110px;padding-bottom:40px}.flywheel-flow{flex-direction:column;gap:0}.flywheel-step:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.flywheel-step:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.flywheel-step:not(:last-child){border-right:1px solid var(--border);border-bottom:none}.flywheel-arrow{justify-content:center;margin:-1px 0;transform:rotate(90deg)}.flywheel-loop-arrow{display:none}.integrations-grid{grid-template-columns:1fr}.progression-step{grid-template-columns:1fr;gap:6px}}