.how-it-works-vertical-section{position:relative;padding:clamp(4rem,9vw,8rem) 0;--how-bg:#000000;--section-glow:rgba(94,99,189,0.04);--accent:#5e63bd;--accent-2:#adb1ff;--accent-3:#e978ff;background:var(--how-bg);overflow:visible}.how-it-works-vertical-section:before{content:"";position:absolute;top:20%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--section-glow) 0,transparent 70%);pointer-events:none;z-index:0}.how-it-works-vertical-container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch}.how-it-works-vertical-header{text-align:center;margin-bottom:5rem}.how-it-works-vertical-subtitle{font-size:clamp(1rem,1.5vw,1.125rem);color:#a1a1aa;max-width:600px;margin:0 auto;line-height:1.5}.hiw-sequential-list{display:flex;flex-direction:column;gap:4rem;width:100%}.hiw-row{display:grid;grid-template-columns:3fr 2fr;gap:3rem;align-items:center;width:100%}.hiw-row--reversed{grid-template-columns:2fr 3fr}.hiw-row-animation--right{order:2}.hiw-row-text--left{order:1}.hiw-row-animation{position:relative;width:100%}.hiw-row-animation-inner{position:relative;width:80%;aspect-ratio:1/1;max-width:100%;background:#050505;border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease}.hiw-row-animation--right .hiw-row-animation-inner{margin-left:auto}.hiw-row:hover .hiw-row-animation-inner{border-color:rgba(94,99,189,.25)}.hiw-row-text{display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.hiw-row-step-number{font-size:clamp(3rem,5vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1;-webkit-text-stroke:1.5px rgba(94,99,189,.4);-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.hiw-row-title{font-family:var(--font-jetbrains-mono),"JetBrains Mono",monospace;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:#ffffff;letter-spacing:-.03em;line-height:1.2;margin-bottom:1rem}.hiw-row-description{font-size:clamp(1rem,1.5vw,1.2rem);color:#333333;line-height:1.7;letter-spacing:-.01em;margin:0;max-width:480px}.hiw-word{display:inline;color:#333333;will-change:color}@media (max-width:1024px){.hiw-sequential-list{gap:3rem}.hiw-row{gap:2rem}.hiw-row-animation-inner{max-width:100%}}@media (max-width:768px){.how-it-works-vertical-section{padding:3rem 0}.how-it-works-vertical-container{padding:0 1.25rem}.how-it-works-vertical-header{margin-bottom:3rem}.hiw-sequential-list{gap:2.5rem}.hiw-row{grid-template-columns:1fr;gap:1.5rem}.hiw-row-animation--right,.hiw-row-text--left{order:0}.hiw-row-animation-inner{max-width:100%;aspect-ratio:1/1}.hiw-row-text{padding:0;align-items:center;text-align:center}.hiw-row-description{max-width:100%}.hiw-row-step-number{font-size:2.5rem;margin-bottom:1rem}.hiw-row-title{font-size:1.35rem}.hiw-row-description{font-size:.95rem}}@media (max-width:480px){.how-it-works-vertical-section{padding:2rem 0}.how-it-works-vertical-container{padding:0 1rem}.hiw-sequential-list{gap:2rem}.hiw-row-step-number{font-size:2rem}}@media (prefers-reduced-motion:reduce){.hiw-row{transition:none}}.timeline-connector,.timeline-dot-vertical,.timeline-line-vertical,.timeline-progress-fill{display:none}.bento-section{position:relative;padding:80px 0;background:var(--bg-current,#000000);color:var(--text-current,#fafafa);overflow:hidden;min-height:0}.bento-section:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' /%3E%3C/svg%3E");opacity:.03;pointer-events:none}.bento-section-extended{padding:120px 0 0}body.howitworks-active .bento-section{background:var(--bg-current,#0a0a0a)}body.howitworks-active .bento-section:before{opacity:0}body.howitworks-active .bento-title,body.howitworks-active .word-panel-title{color:var(--text-current,#f8fafc)}body.howitworks-active .bento-card,body.howitworks-active .card-text-box{border-color:var(--border-current,rgba(160,160,160,.15))}body.howitworks-active .card-text-box{background:var(--card-current,rgba(26,26,26,.58));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.howitworks-active .card-text-box:before{background:var(--border-current,rgba(160,160,160,.15))}body.howitworks-active .card-title,body.howitworks-active .card-title svg{color:var(--card-text,#f8fafc)}body.howitworks-active .card-description{color:var(--card-subtext,#d9dce8)}body.howitworks-active .beta-badge{background:rgba(94,99,189,.2);border-color:rgba(94,99,189,.4);color:#adb1ff}.words-scroll-container{display:none}.line-wrapper{overflow:hidden;position:absolute;left:0;right:0;height:110px;display:flex;align-items:center;justify-content:center}.line-wrapper:first-child{top:calc(var(--line-2-top, 96px) + 60px)}.line-wrapper:nth-child(2){top:calc(var(--line-2-top, 96px) + 140px)}.line-wrapper:nth-child(3){top:calc(var(--line-2-top, 96px) + 220px)}.word-item{position:absolute;top:50%;left:50%;display:inline-block;will-change:transform,opacity;pointer-events:none}.word-banner{position:absolute;inset-inline:0;top:0;height:100%;background:#ffffff;z-index:1;border-radius:2px}.word-text-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.18);height:100%}.word-title{font-size:clamp(2.5rem,5vw,3.6rem);font-weight:900;font-family:var(--font-jetbrains-mono),"JetBrains Mono",monospace;letter-spacing:-.05em;text-transform:uppercase;text-align:center;margin:0;color:#000000;white-space:nowrap}.word-letter{display:inline-block}.bento-title{font-size:clamp(2.5rem,5vw,3.6rem);font-weight:900;font-family:var(--font-jetbrains-mono),"JetBrains Mono",monospace;letter-spacing:-.05em;text-transform:uppercase;text-align:center;margin:0;color:#000000;background:none}.cards-block{position:relative;inset:auto;display:flex;align-items:flex-end;justify-content:center;padding:0 32px 60px;pointer-events:auto;z-index:3;height:auto;overflow-x:hidden}.bento-container{align-items:center;max-width:95vw;margin:0 auto;padding:0 2rem;z-index:1}.bento-container,.features-pin-container{display:flex;justify-content:center;height:auto;width:100%;position:relative}.features-pin-container{align-items:stretch;align-content:flex-start;gap:1.75rem;flex-wrap:wrap;pointer-events:auto}.grid-card{position:relative;flex:1 1 260px;min-width:240px;max-width:320px;opacity:0;will-change:opacity,transform}.features-step-card{position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;flex:1;min-width:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;padding:.375rem;box-shadow:none;will-change:transform,opacity}.features-step-illustration{position:relative;width:100%;aspect-ratio:1/1;background:#000000;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 2px rgba(255,255,255,.05),0 2px 4px rgba(0,0,0,.1);transition:border-color .3s ease,box-shadow .3s ease}.unicorn-shell-feature{position:absolute;overflow:hidden}.unicorn-bg-feature,.unicorn-shell-feature{inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.unicorn-bg-feature{position:absolute!important;width:100%;height:100%;z-index:0;opacity:.85;mix-blend-mode:normal}.unicorn-bg-feature>*{width:100%!important;height:100%!important;transform:none!important;object-fit:cover}.beta-badge-overlay{position:absolute;top:1rem;right:1rem;padding:6px 12px;background:rgba(138,97,255,.2);border:1px solid rgba(138,97,255,.4);border-radius:0;font-size:12px;font-weight:700;letter-spacing:.05em;color:#adb1ff;z-index:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.features-step-text{padding:1.25rem 1rem 1.5rem;background:transparent;position:relative;z-index:2}.features-step-title{font-size:1.125rem;font-weight:600;color:#ffffff;letter-spacing:-.02em;line-height:1.3;margin-bottom:.5rem;text-shadow:0 3px 14px rgba(0,0,0,.68),0 1px 4px rgba(0,0,0,.6)}.features-step-description{font-size:.875rem;color:var(--card-subtext,#e5e7eb);line-height:1.5;letter-spacing:-.01em;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.54),0 1px 3px rgba(0,0,0,.48)}.features-step-card:hover{transform:translateY(-4px);box-shadow:none}@media (max-width:1000px){.grid-card{flex-basis:clamp(240px,30vw,320px);max-width:clamp(240px,30vw,320px)}}@media (max-width:768px){.words-scroll-container{position:static;display:flex;flex-direction:row;gap:.5rem;padding:80px 16px 16px;justify-content:center;align-items:center;min-height:auto}.line-wrapper{position:static;overflow:visible;display:block;height:auto}.word-item{position:static;display:inline-block}.word-banner{position:relative;display:inline-block}.word-text-wrapper{position:relative;display:inline-flex}.cards-block{position:static;padding:0 16px 2rem;align-items:flex-start}.features-pin-container{flex-direction:column;width:100%;max-width:400px;margin:0 auto}.grid-card{width:100%;max-width:100%;flex:0 0 auto}.features-step-card{padding:.375rem;border-radius:0}.features-step-illustration{aspect-ratio:1/1;border-radius:16px}.features-step-text{padding:1.5rem 1.25rem}.features-step-title{font-size:clamp(1rem,4.5vw,1.125rem)}.features-step-description{font-size:clamp(.8125rem,3.8vw,.875rem)}.word-title{font-size:clamp(1.75rem,8vw,2.5rem)}}@media (max-width:640px){.features-pin-container{gap:1.25rem;max-width:360px}.grid-card{width:100%;max-width:100%}.features-step-card{padding:.3rem;border-radius:18px}.features-step-illustration{aspect-ratio:1/1;border-radius:0}.features-step-text{padding:1.25rem 1rem}.features-step-title{font-size:clamp(.9375rem,4.2vw,1rem);margin-bottom:.5rem}.features-step-description{font-size:clamp(.75rem,3.5vw,.8125rem)}.beta-badge-overlay{top:.75rem;right:.75rem;padding:4px 10px;font-size:11px}.word-title{font-size:clamp(1.5rem,7.5vw,2rem)}}@media (max-width:480px){.bento-container{padding:0 .75rem}.cards-block{padding:100px 12px 1.5rem}.features-pin-container{gap:1rem;max-width:100%}.grid-card{width:100%;max-width:100%}.features-step-card{padding:.25rem;border-radius:16px}.features-step-illustration{aspect-ratio:1/1;border-radius:12px}.features-step-text{padding:1rem .875rem}.features-step-title{font-size:clamp(.875rem,4vw,.9375rem);margin-bottom:.5rem}.features-step-description{font-size:clamp(.75rem,3.3vw,.8125rem);line-height:1.45}.word-title{font-size:clamp(1.25rem,7vw,1.75rem)}}@media (prefers-reduced-motion:reduce){.features-step-card{transition:none;animation:none}.features-step-card:hover{transform:none}}