.how-page{min-height:100vh;overflow-x:hidden}.how-hero{min-height:50vh;padding:var(--space-16) var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.how-hero__grid{background-image:linear-gradient(var(--intel-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--intel-border-subtle) 1px, transparent 1px);opacity:.3;background-size:60px 60px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}.how-hero__content{z-index:1;text-align:center;max-width:800px;position:relative}.how-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--weight-bold);color:var(--intel-text-primary);line-height:var(--leading-tight);margin:var(--space-4) 0;letter-spacing:var(--tracking-tight)}.how-hero__title-accent{color:var(--intel-cyan);display:block}.how-hero__subtitle{font-size:var(--text-lg);color:var(--intel-text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.how-steps{padding:var(--space-12) var(--space-6);background:var(--intel-bg-surface)}.how-steps__container{max-width:800px;margin:0 auto}.how-step{margin-bottom:var(--space-8);padding-left:80px;position:relative}.how-step:last-child{margin-bottom:0}.how-step__number{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--intel-border-subtle);font-variant-numeric:tabular-nums;line-height:1;position:absolute;top:0;left:0}.how-step__content{padding:var(--space-6);transition:all var(--transition-fast)}.how-step__content:hover{border-color:var(--intel-border-strong);transform:translate(4px)}.how-step__header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.how-step__icon{background:var(--intel-cyan-bg);border-radius:var(--radius-md);width:44px;height:44px;color:var(--intel-cyan);border:1px solid #0f83;justify-content:center;align-items:center;display:flex}.how-step__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--intel-text-primary);margin:0 0 var(--space-2)}.how-step__description{font-size:var(--text-md);color:var(--intel-text-secondary);line-height:var(--leading-relaxed);margin:0}.how-step__connector{top:60px;left:24px;bottom:calc(-1 * var(--space-8) + var(--space-2));background:linear-gradient(180deg, var(--intel-border-default), transparent);width:2px;position:absolute}.how-video{padding:var(--space-16) var(--space-6)}.how-video__container{max-width:900px;margin:0 auto}.how-video__header{text-align:center;margin-bottom:var(--space-8)}.how-video__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--intel-text-primary);margin:var(--space-3) 0 0}.how-video__player-wrapper{padding:var(--space-2);overflow:hidden}.how-video__player{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--intel-bg-deep);width:100%}.how-usecases{padding:var(--space-12) var(--space-6);background:var(--intel-bg-surface)}.how-usecases__container{max-width:1100px;margin:0 auto}.how-usecases__header{text-align:center;margin-bottom:var(--space-10)}.how-usecases__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--intel-text-primary);margin:var(--space-3) 0 var(--space-2)}.how-usecases__subtitle{font-size:var(--text-md);color:var(--intel-text-secondary);margin:0}.how-usecases__grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.how-usecase{padding:var(--space-6);transition:all var(--transition-fast)}.how-usecase:hover{border-color:var(--intel-border-strong);transform:translateY(-2px)}.how-usecase__icon{background:var(--intel-bg-hover);border-radius:var(--radius-md);width:48px;height:48px;color:var(--intel-cyan);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.how-usecase__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--intel-text-primary);margin:0 0 var(--space-2)}.how-usecase__desc{font-size:var(--text-sm);color:var(--intel-text-secondary);line-height:var(--leading-relaxed);margin:0}.how-cta{padding:var(--space-16) var(--space-6);text-align:center;background:linear-gradient(180deg, transparent 0%, var(--intel-bg-surface) 100%)}.how-cta__content{max-width:600px;margin:0 auto}.how-cta__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--intel-text-primary);margin:0 0 var(--space-3)}.how-cta__subtitle{font-size:var(--text-md);color:var(--intel-text-secondary);margin:0 0 var(--space-6)}.how-cta__button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--weight-medium);background:var(--intel-cyan);color:var(--intel-bg-deep);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex}.how-cta__button:hover{background:var(--intel-cyan-bright);box-shadow:var(--glow-green);transform:translateY(-1px)}@media (max-width:1023px){.how-usecases__grid{grid-template-columns:1fr}}@media (max-width:767px){.how-hero{min-height:auto;padding:var(--space-12) var(--space-4)}.how-steps,.how-video,.how-usecases{padding:var(--space-10) var(--space-4)}.how-step{padding-left:60px}.how-step__number{font-size:var(--text-2xl)}.how-step__connector{left:16px}.how-step__content{padding:var(--space-5)}.how-step__icon{width:36px;height:36px}.how-step__title{font-size:var(--text-md)}.how-cta__title{font-size:var(--text-2xl)}}@media (max-width:480px){.how-hero__title{font-size:var(--text-2xl)}.how-hero__subtitle{font-size:var(--text-base)}.how-step{padding-left:50px}.how-step__number{font-size:var(--text-xl)}.how-step__connector{left:14px}}