:root{--color-primary: #2563eb;--color-primary-soft: #60a5fa;--color-accent: #38bdf8;--color-background: #070b16;--color-surface: #111827;--color-surface-alt: #161f32;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-border: rgba(148,163,184,.16);--container-width: 1200px;--section-padding: 6rem;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--shadow-lg: 0 20px 40px rgba(0,0,0,.25)}.container{width:min(var(--container-width),calc(100% - 2rem));margin-inline:auto}.section{padding-block:var(--section-padding)}.section-header{text-align:center;margin-bottom:4rem}.hero-title{font-size:clamp(2.5rem,6vw,5rem);line-height:1.1;font-weight:700}.hero-content h1{font-size:clamp(2.5rem,8vw,5rem);line-height:1.1}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08}h2{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.25}h3{font-size:clamp(1.2rem,2.5vw,1.75rem);line-height:1.4}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.section-description{max-width:700px;margin-inline:auto;color:var(--color-muted);line-height:1.8}.section-tag{color:var(--color-primary);font-weight:600;letter-spacing:2px;text-transform:uppercase}@media(max-width:768px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%}}@media(max-width:768px){.hero-stats{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card span,.status,.product-status{display:inline-flex;align-items:center;padding:.55rem 1rem;border-radius:999px;background:#2563eb1f;color:var(--color-primary-soft);font-size:.85rem;font-weight:600;text-transform:capitalize;margin-bottom:1.5rem}.primary-button,.primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;transition:transform .25s ease,background .25s ease;box-shadow:0 18px 32px #2563eb29}.primary-button:hover,.primary-btn:hover{background:var(--color-primary-soft)}.secondary-button,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--color-border);color:#fff;cursor:pointer;transition:transform .25s ease,background .25s ease}.secondary-button:hover,.secondary-btn:hover{background:#ffffff0f}.stat-card{padding:1.75rem;border-radius:20px;background:#ffffff0d;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.two-column-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.three-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:1200px){.navbar-container,.footer-grid{padding-inline:1.5rem}}@media(max-width:992px){.three-column-grid,.footer-grid,.hero-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.three-column-grid,.two-column-grid{grid-template-columns:1fr}.section{padding-block:4rem}.navbar-container{flex-wrap:wrap;gap:1rem;padding:1rem}.navigation{width:100%;justify-content:center;flex-wrap:wrap;gap:.75rem}.footer-grid{grid-template-columns:1fr}.footer{padding-bottom:2rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;background:radial-gradient(circle at top,rgba(37,99,235,.12),transparent 28%),var(--color-background);color:var(--color-text);font-family:Inter,Segoe UI,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer}