.how-it-works-section{width:100%;padding:80px 20px;background:#fafafa}.how-it-works-container{max-width:1200px;margin:0 auto}.how-it-works-header{margin-bottom:60px}.how-it-works-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#4169E1;font-size:14px;font-weight:600;margin-bottom:24px}.how-it-works-intro{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:start}.intro-left,.intro-right{min-width:0}.how-it-works-headline{font-size:48px;font-weight:700;line-height:1.2;margin:0;color:#1a1a1a}.intro-right p{font-size:18px;line-height:1.6;color:#666;margin:0}.how-it-works-body{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.how-it-works-stepper{display:flex;flex-direction:column;gap:12px;position:-webkit-sticky;position:sticky;top:100px}.hiw-step-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;text-align:left;transition:all .25s ease;opacity:.5;width:100%}.hiw-step-item:hover{opacity:.7}.hiw-step-item--active{opacity:1;background:#ffffff;border:1px solid #e5e5e5;box-shadow:0 2px 12px rgba(0,0,0,.06)}.hiw-step-item__number{font-size:16px;font-weight:700;color:#999;flex-shrink:0;min-width:32px;transition:color .25s ease}.hiw-step-item--active .hiw-step-item__number{color:#4169E1}.hiw-step-item__content{flex:1 1;min-width:0}.hiw-step-item__title{font-size:17px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3}.hiw-step-item__meta{display:flex;align-items:flex-start;gap:10px;margin-top:12px;animation:fadeIn .3s ease}.hiw-step-item__meta-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.hiw-step-item__meta-icon svg{color:#4169E1}.hiw-step-item__description{font-size:14px;color:#666;margin:0;line-height:1.6;flex:1 1}.demo-panel-container{background:#ffffff;border-radius:16px;border:1px solid #e5e5e5;padding:32px;height:600px;display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(0,0,0,.06);position:-webkit-sticky;position:sticky;top:100px}.demo-panel-content{display:flex;flex-direction:column;height:100%;animation:fadeIn .25s ease}.demo-panel-screenshot{flex:1 1;position:relative;background:#f8f8f8;border-radius:12px;border:1px solid #e0e0e0;min-height:0;overflow:hidden}.demo-panel-screenshot,.screenshot-placeholder{display:flex;align-items:center;justify-content:center}.screenshot-placeholder{color:#999;font-size:14px;font-style:italic}.hiw-step-item__demo{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.how-it-works-section{padding:72px 32px}.how-it-works-intro{grid-template-columns:1fr;gap:20px}.how-it-works-body{grid-template-columns:1fr;gap:40px}.how-it-works-stepper{position:static;flex-direction:row;overflow-x:auto;gap:10px;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.how-it-works-stepper::-webkit-scrollbar{display:none}.hiw-step-item{min-width:260px;flex-shrink:0}.demo-panel-container{position:static;height:auto;min-height:460px}}@media (max-width:768px){.how-it-works-section{padding:60px 24px}.how-it-works-header{margin-bottom:36px}.how-it-works-intro{grid-template-columns:1fr;gap:16px}.how-it-works-headline{font-size:34px}.intro-right p{font-size:15px}.how-it-works-body{gap:28px}.how-it-works-stepper{flex-direction:column;overflow-x:visible;padding-bottom:0}.hiw-step-item{min-width:auto;padding:16px;gap:14px}.hiw-step-item__title{font-size:16px}.hiw-step-item__description{font-size:13px}.how-it-works-body .demo-panel-container{display:none}.hiw-step-item__demo{display:block;margin-top:16px;animation:fadeIn .25s ease}.hiw-step-item__demo .demo-panel-screenshot{width:100%;min-height:220px;border-radius:12px;border:1px dashed #d0d0d0;background:#f8f8f8;display:flex;align-items:center;justify-content:center;overflow:hidden}}@media (max-width:480px){.how-it-works-section{padding:48px 16px}.how-it-works-headline{font-size:28px}.hiw-step-item{gap:12px;padding:14px}.hiw-step-item__title{font-size:15px}.hiw-step-item__meta{gap:8px;margin-top:8px}.hiw-step-item__description{font-size:13px}.demo-panel-container{padding:16px;min-height:300px}}.highlights-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.highlight-card{display:flex;flex-direction:column;align-items:center;gap:24px}.card-icon-wrapper{width:100%;border-radius:24px;padding:20px}.card-icon-circle,.card-icon-wrapper{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.card-icon-circle{width:60%;border-radius:50%}.card-description{font-size:14px;line-height:1.6;color:#333;text-align:center;margin:0}.card-description strong{font-weight:600;color:#1a1a1a}.highlights-cards--desktop{display:grid}.hl-grid{display:none;grid-template-columns:repeat(2,1fr);gap:20px}.hl-item{display:flex;flex-direction:column;align-items:center;gap:16px}.hl-card{position:relative;width:100%;aspect-ratio:1/1;border-radius:28px;cursor:default;overflow:hidden}.hl-card,.hl-expand-btn{display:flex;align-items:center;justify-content:center}.hl-expand-btn{position:absolute;top:12px;left:12px;width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#1a1a1a;transition:background .18s ease,opacity .18s ease;opacity:.6;z-index:1;padding:0}.hl-expand-btn:focus-visible,.hl-expand-btn:hover{background:rgba(0,0,0,.07);opacity:1;outline:none}.hl-expand-btn:focus-visible{box-shadow:0 0 0 2px #4169E1}.hl-circle{width:62%;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hl-title{font-size:15px;font-weight:600;color:#1a1a1a;text-align:center;line-height:1.4;margin:0;max-width:100%}.hl-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:200;pointer-events:none;transition:background .3s ease}.hl-backdrop--visible{background:rgba(0,0,0,.45);pointer-events:auto}.hl-sheet{position:fixed;bottom:0;left:0;right:0;z-index:201;background:#ffffff;border-radius:24px 24px 0 0;padding:12px 28px 48px;max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);box-shadow:0 -4px 32px rgba(0,0,0,.12);max-width:600px;margin:0 auto}.hl-sheet--open{transform:translateY(0)}@media (min-width:769px){.hl-sheet{left:50%;right:auto;width:480px;transform:translateX(-50%) translateY(100%);border-radius:24px 24px 0 0;margin:0}.hl-sheet--open{transform:translateX(-50%) translateY(0)}}.hl-sheet__handle{width:40px;height:4px;background:#e0e0e0;border-radius:2px;margin:0 auto 20px}.hl-sheet__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.hl-sheet__icon-wrap{width:64px;height:64px}.hl-sheet__close,.hl-sheet__icon-wrap{border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hl-sheet__close{width:36px;height:36px;border:none;cursor:pointer;color:#1a1a1a;transition:background .18s ease}.hl-sheet__close:hover{background:#e5e7eb}.hl-sheet__close:focus-visible{outline:none;box-shadow:0 0 0 2px #4169E1}.hl-sheet__title{font-size:22px;font-weight:700;color:#1a1a1a;line-height:1.3;margin:0 0 14px}.hl-sheet__desc{font-size:16px;line-height:1.7;color:#64748b;margin:0}@media (max-width:1024px){.highlights-cards--desktop{display:none}.hl-grid{display:grid;grid-gap:16px;gap:16px;max-width:560px;margin:0 auto}.hl-card{border-radius:24px}}@media (max-width:768px){.hl-grid{gap:14px;max-width:100%}.hl-title{font-size:14px}.hl-card{border-radius:20px}.hl-circle{width:58%}}@media (max-width:480px){.hl-grid{gap:12px}.hl-title{font-size:13px}.hl-expand-btn{top:8px;left:8px}.hl-sheet{padding:12px 20px 40px}.hl-sheet__title{font-size:20px}}