:root{--color-bg-dark:#fff;--color-bg-surface:#f8f9fa;--color-bg-elevated:#fff;--color-text-primary:#1a1a1a;--color-text-secondary:#475569;--color-accent-cyan:#0f766e;--color-accent-blue:#0f172a;--color-border:#e2e8f0;--font-family-primary:"Inter", system-ui, -apple-system, sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--max-width-content:1400px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--color-text-primary);font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,4vw,3rem)}a{color:inherit;text-decoration:none}.bento-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.bento-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:var(--spacing-md);border-radius:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.bento-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0f172a05,#0000);transition:opacity .3s;position:absolute;inset:0}.bento-card:hover{border-color:var(--color-accent-blue);transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.bento-card:hover:before{opacity:1}.glass-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:100;background:#ffffffd9;width:100%;position:fixed;top:0}input,select{transition:all .2s}input:focus,select:focus{outline:none;border-color:var(--color-accent-blue)!important;background:#fff!important;box-shadow:0 0 0 3px #0f172a1a!important}.btn{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.8rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--color-accent-blue);color:#fff!important}.btn-primary:hover{transform:scale(1.02);box-shadow:0 10px 20px #0f172a26}.btn-secondary{color:var(--color-accent-blue);border:1px solid var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-accent-blue);background:#0f172a08}.container{max-width:var(--max-width-content);padding:0 var(--spacing-sm);margin:0 auto}@media (width>=768px){.container{padding:0 var(--spacing-md)}}.section{padding:var(--spacing-xl) 0}@media (width<=768px){body{width:100vw!important;overflow-x:hidden!important}h1{font-size:clamp(2rem,8vw,2.5rem)!important}h2{font-size:clamp(1.5rem,6vw,2rem)!important}.section{padding:var(--spacing-lg) 0!important}.bento-grid{grid-template-columns:1fr!important}input,select,button,.btn{min-height:48px!important}.mobile-flex-col{flex-direction:column!important;gap:1rem!important;width:100%!important;display:flex!important}.mobile-flex-col>*{flex:none!important;width:100%!important;max-width:100%!important}.input-group-mobile{flex-direction:column!important;width:100%!important;display:flex!important}.input-group-mobile>input,.input-group-mobile>select{margin-bottom:.5rem;border-right:1px solid var(--color-border)!important;border-radius:8px!important;width:100%!important}.input-group-mobile>select{margin-bottom:0}}@media (width>=769px){.bento-card-full{grid-column:span 12}.bento-card-half{grid-column:span 6}}@media (width<=768px){.bento-card-full,.bento-card-half{grid-column:span 1!important}}.brand-logo{height:44px}.brand-text{font-size:1.5rem}@media (width<=768px){.brand-logo{height:36px}.brand-text{font-size:1.25rem}.brand-link{gap:.5rem!important}}@media (width<=380px){.brand-hide-mobile{display:none}}.bento-grid-2x2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.bento-grid-2x2{grid-template-columns:1fr}}.stepper-nav{justify-content:space-between;margin-bottom:3rem;display:flex;position:relative}.stepper-line{background:var(--color-border);z-index:0;height:2px;position:absolute;top:24px;left:0;right:0}@media (width<=768px){.stepper-nav{flex-direction:column;align-items:flex-start;gap:1.5rem}.stepper-nav>div{gap:1rem;width:100%;text-align:left!important;flex-direction:row!important;align-items:center!important}.stepper-nav>div>span{text-align:left!important;margin-top:0!important}.stepper-line{width:2px;height:auto;top:0;bottom:0;left:24px}}.hardware-timeline{max-width:800px;margin:0 auto;padding:2rem 0;position:relative}.hardware-timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:24px}.hardware-step{margin-bottom:4rem;padding-left:60px;position:relative}.hardware-step:last-child{margin-bottom:0}.hardware-dot{background:var(--color-bg-dark);border:3px solid var(--color-accent-cyan);z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;top:24px;left:17px}.hardware-content{background:var(--color-bg-surface);border:1px solid var(--color-border);z-index:1;border-radius:12px;padding:2rem;position:relative;overflow:hidden}.hardware-bg-number{color:var(--color-text-primary);opacity:.03;z-index:0;pointer-events:none;font-size:8rem;font-weight:900;line-height:1;font-family:var(--font-family-primary);position:absolute;bottom:-25px;right:-10px}@media (width<=768px){.hardware-timeline:before{left:16px}.hardware-step{margin-bottom:3rem;padding-left:40px}.hardware-dot{top:20px;left:9px}.hardware-content{padding:1.5rem}.hardware-bg-number{font-size:6rem;bottom:-20px;right:-5px}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}