:root{--spec-bg:#fff;--spec-bg-alt:#f9fafb;--spec-surface:#fff;--spec-border:#e5e7eb;--spec-border-subtle:#f3f4f6;--spec-text:#111827;--spec-text-secondary:#6b7280;--spec-text-muted:#9ca3af;--spec-primary:#111827;--spec-accent:#f97316;--spec-accent-subtle:#fff7ed;--spec-success:#22c55e;--spec-container:1200px;--spec-radius:0px;--spec-radius-sm:0px;--spec-shadow:0 1px 3px #00000014;--spec-shadow-md:0 4px 12px #0000001a;--spec-shadow-lg:0 12px 40px #0000001f}.styles-module-scss-module__-D0Lvq__page{background-color:var(--spec-bg);min-height:100vh;font-family:var(--font-ibm-plex-sans);color:var(--spec-text);line-height:1.5}.styles-module-scss-module__-D0Lvq__hero{background:var(--spec-bg);position:relative}.styles-module-scss-module__-D0Lvq__heroContent{max-width:var(--spec-container);text-align:center;max-width:700px;margin:0 auto;padding:10rem 24px 5rem}.styles-module-scss-module__-D0Lvq__heroBadge{border:1px solid var(--spec-border);border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;display:inline-flex}.styles-module-scss-module__-D0Lvq__badgeIcon{color:var(--spec-accent)}.styles-module-scss-module__-D0Lvq__badgeText{font-size:13px;font-weight:500}.styles-module-scss-module__-D0Lvq__heroTitle{letter-spacing:-.03em;color:var(--spec-text);margin:0 0 20px;font-size:56px;font-weight:700;line-height:1.1}@media (max-width:768px){.styles-module-scss-module__-D0Lvq__heroTitle{font-size:36px}}.styles-module-scss-module__-D0Lvq__heroSubtitle{color:var(--spec-text-secondary);max-width:600px;margin:0 auto 32px;font-size:18px;line-height:1.6}.styles-module-scss-module__-D0Lvq__heroCta{justify-content:center;gap:12px;display:flex}.styles-module-scss-module__-D0Lvq__primaryButton{color:#fff;background:var(--spec-primary);border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.styles-module-scss-module__-D0Lvq__primaryButton:hover{background:#1f2937}.styles-module-scss-module__-D0Lvq__secondaryButton{color:var(--spec-text);background:var(--spec-bg);border:1px solid var(--spec-border);border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.styles-module-scss-module__-D0Lvq__secondaryButton:hover,.styles-module-scss-module__-D0Lvq__problemSection{background:var(--spec-bg-alt)}.styles-module-scss-module__-D0Lvq__problemInner{max-width:var(--spec-container);margin:0 auto}.styles-module-scss-module__-D0Lvq__problemHeaderContent{border-bottom:1px dashed var(--spec-border);padding:3rem 2rem .5rem}.styles-module-scss-module__-D0Lvq__problemHeader{border-bottom:1px solid var(--spec-border);padding:4rem 2rem}.styles-module-scss-module__-D0Lvq__problemTitle{letter-spacing:-.02em;color:var(--spec-text);margin:0 0 20px;font-size:36px;font-weight:700;line-height:1.15}@media (max-width:768px){.styles-module-scss-module__-D0Lvq__problemTitle{font-size:28px}}.styles-module-scss-module__-D0Lvq__problemText{color:var(--spec-text-secondary);max-width:700px;margin:0 auto 48px;font-size:18px;line-height:1.6}.styles-module-scss-module__-D0Lvq__problemGrid{border-top:1px solid var(--spec-border);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:900px){.styles-module-scss-module__-D0Lvq__problemGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.styles-module-scss-module__-D0Lvq__problemGrid{grid-template-columns:1fr}}.styles-module-scss-module__-D0Lvq__problemGridItem{border-right:1px solid var(--spec-border);border-bottom:1px solid var(--spec-border);padding:32px 2rem}@media (min-width:901px){.styles-module-scss-module__-D0Lvq__problemGridItem:nth-child(3n){border-right:none}.styles-module-scss-module__-D0Lvq__problemGridItem:nth-child(n+4){border-bottom:none}}@media (max-width:900px) and (min-width:601px){.styles-module-scss-module__-D0Lvq__problemGridItem:nth-child(2n){border-right:none}.styles-module-scss-module__-D0Lvq__problemGridItem:nth-child(n+5){border-bottom:none}}@media (max-width:600px){.styles-module-scss-module__-D0Lvq__problemGridItem{border-right:none}.styles-module-scss-module__-D0Lvq__problemGridItem:last-child{border-bottom:none}}.styles-module-scss-module__-D0Lvq__problemIcon{justify-content:flex-start;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.styles-module-scss-module__-D0Lvq__problemIcon svg{color:#ef4444;width:24px;height:24px}.styles-module-scss-module__-D0Lvq__problemItemTitle{color:var(--spec-text);margin:0 0 8px;font-size:16px;font-weight:600}.styles-module-scss-module__-D0Lvq__problemItemText{color:var(--spec-text-secondary);margin:0;font-size:14px;line-height:1.5}.styles-module-scss-module__-D0Lvq__solutionInner{max-width:var(--spec-container);margin:0 auto}.styles-module-scss-module__-D0Lvq__solutionTitle{letter-spacing:-.02em;color:var(--spec-text);margin:0 0 20px;font-size:36px;font-weight:700;line-height:1.15}@media (max-width:768px){.styles-module-scss-module__-D0Lvq__solutionTitle{font-size:28px}}.styles-module-scss-module__-D0Lvq__solutionText{color:var(--spec-text-secondary);max-width:700px;margin:0 auto 48px;font-size:18px;line-height:1.6}.styles-module-scss-module__-D0Lvq__solutionHeaderContent{border-bottom:1px dashed var(--spec-border);padding:3rem 2rem .5rem}.styles-module-scss-module__-D0Lvq__solutionHeader{padding:4rem 2rem}.styles-module-scss-module__-D0Lvq__solutionGrid{border-top:1px solid var(--spec-border);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:900px){.styles-module-scss-module__-D0Lvq__solutionGrid{grid-template-columns:1fr}}.styles-module-scss-module__-D0Lvq__solutionCard{background:var(--spec-bg);border-right:1px solid var(--spec-border);text-align:left;padding:32px 24px}.styles-module-scss-module__-D0Lvq__solutionCard svg{margin-bottom:16px}.styles-module-scss-module__-D0Lvq__solutionCard h3{color:var(--spec-text);margin:0 0 8px;font-size:18px;font-weight:600}.styles-module-scss-module__-D0Lvq__solutionCard p{color:var(--spec-text-secondary);margin:0;font-size:14px;line-height:1.5}.styles-module-scss-module__-D0Lvq__featuresSection{background:var(--spec-bg)}.styles-module-scss-module__-D0Lvq__featuresInner{max-width:var(--spec-container);margin:0 auto}.styles-module-scss-module__-D0Lvq__sectionHeaderContent{border-bottom:1px dashed var(--spec-border);padding:3rem 2rem .5rem}.styles-module-scss-module__-D0Lvq__sectionHeader{border-bottom:1px solid var(--spec-border);padding:4rem 2rem}@media (max-width:768px){.styles-module-scss-module__-D0Lvq__sectionTitle{font-size:28px}}.styles-module-scss-module__-D0Lvq__featuresList{flex-direction:column;display:flex}.styles-module-scss-module__-D0Lvq__featureRow{border-bottom:1px solid var(--spec-border);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (max-width:900px){.styles-module-scss-module__-D0Lvq__featureRow{grid-template-columns:1fr;gap:48px}}.styles-module-scss-module__-D0Lvq__featureRow.styles-module-scss-module__-D0Lvq__reverse{direction:rtl}.styles-module-scss-module__-D0Lvq__featureRow.styles-module-scss-module__-D0Lvq__reverse .styles-module-scss-module__-D0Lvq__featureText,.styles-module-scss-module__-D0Lvq__featureRow.styles-module-scss-module__-D0Lvq__reverse .styles-module-scss-module__-D0Lvq__featureVisual{direction:ltr}@media (max-width:900px){.styles-module-scss-module__-D0Lvq__featureRow.styles-module-scss-module__-D0Lvq__reverse{direction:ltr}}.styles-module-scss-module__-D0Lvq__featureText{max-width:500px;padding:4rem 2rem}.styles-module-scss-module__-D0Lvq__featureIcon{width:16px;height:16px;color:var(--spec-text);display:none}.styles-module-scss-module__-D0Lvq__featureDescription{color:var(--spec-text-secondary);margin:16px 0 32px;font-size:17px;line-height:1.6}.styles-module-scss-module__-D0Lvq__featureList li{color:var(--spec-text);align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.styles-module-scss-module__-D0Lvq__featureVisual{padding:2rem 2rem 4rem;position:relative}.styles-module-scss-module__-D0Lvq__mockupHeader{border-bottom:1px solid var(--spec-border);background:var(--spec-bg-alt);align-items:center;height:40px;padding:0 16px;display:flex}.styles-module-scss-module__-D0Lvq__mockupDots span{background:var(--spec-border);border:1px solid #d1d5db;border-radius:50%;width:8px;height:8px}.styles-module-scss-module__-D0Lvq__mockupBody{background:var(--spec-bg);flex-direction:column;gap:16px;min-height:240px;padding:24px;display:flex}.styles-module-scss-module__-D0Lvq__mockupRow{border:1px solid var(--spec-border);background:var(--spec-bg-alt);border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.styles-module-scss-module__-D0Lvq__mockupLabel{background:var(--spec-border);border-radius:4px;width:80px;height:8px}.styles-module-scss-module__-D0Lvq__mockupInput{border:1px solid var(--spec-border);background:#fff;border-radius:4px;width:120px;height:24px}.styles-module-scss-module__-D0Lvq__mockupToggle{background:var(--spec-success);border-radius:9px;width:32px;height:18px;position:relative}.styles-module-scss-module__-D0Lvq__mockupToggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;right:2px}.styles-module-scss-module__-D0Lvq__mockupAlert{background:#fff9f0;border:1px solid #fed7aa;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex}.styles-module-scss-module__-D0Lvq__mockupAlertIcon{background:#fb923c;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px}.styles-module-scss-module__-D0Lvq__mockupAlertText{background:repeating-linear-gradient(#0000,#0000 8px,#fb923c33 8px 16px);flex:1;height:60px}.styles-module-scss-module__-D0Lvq__mockupSplit{grid-template-columns:80px 1fr;gap:16px;height:100%;display:grid}.styles-module-scss-module__-D0Lvq__mockupSidebar{background:var(--spec-bg-alt);border-radius:8px;height:180px}.styles-module-scss-module__-D0Lvq__mockupContent{flex-direction:column;gap:12px;display:flex}.styles-module-scss-module__-D0Lvq__mockupBox{border:1px solid var(--spec-border);background:var(--spec-bg-alt);border-radius:8px;height:40px}.styles-module-scss-module__-D0Lvq__mainFeature{background:var(--spec-bg);padding:100px 0}.styles-module-scss-module__-D0Lvq__mainFeatureInner{max-width:var(--spec-container);grid-template-columns:1fr 1.2fr;align-items:start;gap:64px;margin:0 auto;padding:0 24px;display:grid}@media (max-width:1024px){.styles-module-scss-module__-D0Lvq__mainFeatureInner{grid-template-columns:1fr;gap:48px}}.styles-module-scss-module__-D0Lvq__featureText{max-width:480px}.styles-module-scss-module__-D0Lvq__featureTitle{letter-spacing:-.02em;color:var(--spec-text);margin:0 0 16px;font-size:36px;font-weight:700;line-height:1.15}@media (max-width:768px){.styles-module-scss-module__-D0Lvq__featureTitle{font-size:28px}}.styles-module-scss-module__-D0Lvq__featureSubtitle{color:var(--spec-text-secondary);margin:0 0 24px;font-size:17px;line-height:1.6}.styles-module-scss-module__-D0Lvq__featureList{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.styles-module-scss-module__-D0Lvq__featureList li{color:var(--spec-text);align-items:center;gap:12px;font-size:15px;display:flex}.styles-module-scss-module__-D0Lvq__featureList li svg{color:var(--spec-success);flex-shrink:0}.styles-module-scss-module__-D0Lvq__mockupContainer{position:relative}.styles-module-scss-module__-D0Lvq__mockupWindow{background:var(--spec-bg);border:1px solid var(--spec-border);border-radius:var(--spec-radius);overflow:hidden}.styles-module-scss-module__-D0Lvq__mockupHeader{background:var(--spec-bg-alt);border-bottom:1px solid var(--spec-border);align-items:center;gap:12px;padding:12px 16px;display:flex}.styles-module-scss-module__-D0Lvq__mockupDots{gap:6px;display:flex}.styles-module-scss-module__-D0Lvq__mockupDots span{background:var(--spec-border);border-radius:50%;width:10px;height:10px}.styles-module-scss-module__-D0Lvq__mockupTitle{color:var(--spec-text-secondary);font-size:13px;font-weight:500}.styles-module-scss-module__-D0Lvq__mockupContent{padding:0}.styles-module-scss-module__-D0Lvq__mockupLayout{grid-template-columns:1fr 260px;display:grid}@media (max-width:768px){.styles-module-scss-module__-D0Lvq__mockupLayout{grid-template-columns:1fr}}.styles-module-scss-module__-D0Lvq__mockupForm{border-right:1px solid var(--spec-border);padding:20px}@media (max-width:768px){.styles-module-scss-module__-D0Lvq__mockupForm{border-right:none;border-bottom:1px solid var(--spec-border)}}.styles-module-scss-module__-D0Lvq__mockupFormHeader{margin-bottom:16px}.styles-module-scss-module__-D0Lvq__mockupFormHeader h3{color:var(--spec-text);margin:8px 0 4px;font-size:18px;font-weight:600}.styles-module-scss-module__-D0Lvq__mockupFormHeader p{color:var(--spec-text-secondary);margin:0;font-size:13px}.styles-module-scss-module__-D0Lvq__stepBadge{color:var(--spec-accent);background:var(--spec-accent-subtle);text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.styles-module-scss-module__-D0Lvq__mockupSummary{background:var(--spec-bg-alt);border:1px solid var(--spec-border);color:var(--spec-text-secondary);border-radius:0;margin-bottom:20px;padding:12px;font-size:13px}.styles-module-scss-module__-D0Lvq__mockupSection{margin-bottom:20px}.styles-module-scss-module__-D0Lvq__mockupSection:last-child{margin-bottom:0}.styles-module-scss-module__-D0Lvq__mockupSection h4{color:var(--spec-text);border-bottom:1px solid var(--spec-border-subtle);margin:0 0 12px;padding-bottom:8px;font-size:13px;font-weight:600}.styles-module-scss-module__-D0Lvq__mockupControl{border-bottom:1px solid var(--spec-border-subtle);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.styles-module-scss-module__-D0Lvq__mockupControl:last-child{border-bottom:none}.styles-module-scss-module__-D0Lvq__controlInfo{flex-direction:column;gap:2px;display:flex}.styles-module-scss-module__-D0Lvq__controlLabel{color:var(--spec-text);font-size:13px;font-weight:500}.styles-module-scss-module__-D0Lvq__controlHelp{color:var(--spec-text-muted);font-size:11px}.styles-module-scss-module__-D0Lvq__mockupSelect{background:var(--spec-bg);border:1px solid var(--spec-border);color:var(--spec-text);cursor:default;border-radius:6px;padding:6px 12px;font-size:12px}.styles-module-scss-module__-D0Lvq__mockupToggle .styles-module-scss-module__-D0Lvq__toggleTrack{background:var(--spec-primary);border-radius:10px;width:36px;height:20px;position:relative}.styles-module-scss-module__-D0Lvq__mockupToggle .styles-module-scss-module__-D0Lvq__toggleThumb{background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;right:2px}.styles-module-scss-module__-D0Lvq__mockupRadioGroup{gap:8px;display:flex}.styles-module-scss-module__-D0Lvq__mockupRadioGroup label{color:var(--spec-text-secondary);background:var(--spec-bg);border:1px solid var(--spec-border);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.styles-module-scss-module__-D0Lvq__mockupRadioGroup label.styles-module-scss-module__-D0Lvq__radioActive{background:var(--spec-bg-alt);border-color:var(--spec-text-muted);color:var(--spec-text)}.styles-module-scss-module__-D0Lvq__mockupRadioGroup .styles-module-scss-module__-D0Lvq__radioCircle{border:2px solid var(--spec-border);border-radius:50%;width:10px;height:10px}.styles-module-scss-module__-D0Lvq__mockupRadioGroup .styles-module-scss-module__-D0Lvq__radioActive .styles-module-scss-module__-D0Lvq__radioCircle{border-color:var(--spec-primary);background:var(--spec-primary)}.styles-module-scss-module__-D0Lvq__mockupPreview{background:var(--spec-bg-alt);padding:20px}.styles-module-scss-module__-D0Lvq__mockupPreview h4{color:var(--spec-text);margin:0 0 12px;font-size:13px;font-weight:600}.styles-module-scss-module__-D0Lvq__previewCode{background:#1f2937;border-radius:0;padding:16px}.styles-module-scss-module__-D0Lvq__codeLine{color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.6}.styles-module-scss-module__-D0Lvq__codeLineIndent{color:#9ca3af;padding-left:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.6}.styles-module-scss-module__-D0Lvq__codeKey{color:#93c5fd}.styles-module-scss-module__-D0Lvq__previewLayout{background:var(--spec-bg);border-radius:8px;flex-direction:column;min-height:300px;display:flex;overflow:hidden}.styles-module-scss-module__-D0Lvq__previewLayoutHeader{border-bottom:1px solid var(--spec-border);background:var(--spec-bg-alt);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.styles-module-scss-module__-D0Lvq__previewLayoutTitle{color:var(--spec-text);margin:0;font-size:13px;font-weight:600}.styles-module-scss-module__-D0Lvq__previewLayoutButton{background:var(--spec-bg);border:1px solid var(--spec-border);color:var(--spec-text-secondary);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:flex}.styles-module-scss-module__-D0Lvq__previewLayoutContent{background:var(--spec-border);flex:1;grid-template-columns:120px 1fr 100px;gap:1px;display:grid}.styles-module-scss-module__-D0Lvq__previewSidebar{background:var(--spec-bg);flex-direction:column;gap:8px;padding:16px 12px;display:flex}.styles-module-scss-module__-D0Lvq__previewSidebarItem{background:var(--spec-border);border-radius:2px;height:4px}.styles-module-scss-module__-D0Lvq__previewSidebarItem:first-child{background:var(--spec-primary);border-radius:4px;height:20px;margin-bottom:8px}.styles-module-scss-module__-D0Lvq__previewSidebarItem:nth-child(2){background:var(--spec-primary);opacity:.6}.styles-module-scss-module__-D0Lvq__previewMain{background:var(--spec-bg);flex-direction:column;gap:8px;padding:20px;display:flex}.styles-module-scss-module__-D0Lvq__previewTextLine{background:var(--spec-border);border-radius:2px;height:4px}.styles-module-scss-module__-D0Lvq__previewTextLine:first-child{background:var(--spec-text);width:60%;height:8px;margin-bottom:4px}.styles-module-scss-module__-D0Lvq__previewTextLine:nth-child(2){width:80%}.styles-module-scss-module__-D0Lvq__previewTextLine:nth-child(3){width:90%}.styles-module-scss-module__-D0Lvq__previewTextLine:nth-child(4){width:70%}.styles-module-scss-module__-D0Lvq__previewTextLine:nth-child(5){border-left:3px solid var(--spec-primary);background:#e0e7ff;border-radius:4px;height:40px;margin-top:8px;margin-bottom:8px}.styles-module-scss-module__-D0Lvq__previewTextLine:nth-child(6){width:85%}.styles-module-scss-module__-D0Lvq__previewTextLine:nth-child(7){width:75%}.styles-module-scss-module__-D0Lvq__previewRightSidebar{background:var(--spec-bg);padding:16px 12px}.styles-module-scss-module__-D0Lvq__previewRightTitle{color:var(--spec-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:11px}.styles-module-scss-module__-D0Lvq__previewRightItem{background:var(--spec-border);border-radius:2px;height:3px;margin-bottom:8px}.styles-module-scss-module__-D0Lvq__previewRightItem:nth-child(2){background:var(--spec-primary);opacity:.6}.styles-module-scss-module__-D0Lvq__previewLayoutFooter{border-top:1px solid var(--spec-border);background:var(--spec-bg-alt);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.styles-module-scss-module__-D0Lvq__previewNavLink{color:var(--spec-primary);font-size:12px;text-decoration:none}.styles-module-scss-module__-D0Lvq__styleSection{margin-bottom:16px}.styles-module-scss-module__-D0Lvq__styleSection:last-child{margin-bottom:0}.styles-module-scss-module__-D0Lvq__styleSectionLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--spec-text-muted);margin-bottom:8px;font-size:10px;font-weight:600}.styles-module-scss-module__-D0Lvq__colorPalette{gap:8px;display:flex}.styles-module-scss-module__-D0Lvq__colorSwatch{border:1px solid var(--spec-border);border-radius:8px;width:40px;height:40px}.styles-module-scss-module__-D0Lvq__typographyScale{flex-direction:column;gap:8px;display:flex}.styles-module-scss-module__-D0Lvq__typeRow{justify-content:space-between;align-items:center;display:flex}.styles-module-scss-module__-D0Lvq__typeH1{color:var(--spec-text);font-size:18px;font-weight:700}.styles-module-scss-module__-D0Lvq__typeH2{color:var(--spec-text);font-size:14px;font-weight:600}.styles-module-scss-module__-D0Lvq__typeBody{color:var(--spec-text-secondary);font-size:12px}.styles-module-scss-module__-D0Lvq__typeSize{color:var(--spec-text-muted);font-family:ui-monospace,monospace;font-size:10px}.styles-module-scss-module__-D0Lvq__spacingScale{flex-direction:column;gap:8px;display:flex}.styles-module-scss-module__-D0Lvq__spacingRow{align-items:center;gap:12px;display:flex}.styles-module-scss-module__-D0Lvq__spacingRow span{color:var(--spec-text-muted);font-family:ui-monospace,monospace;font-size:10px}.styles-module-scss-module__-D0Lvq__spacingBar{background:var(--spec-primary);border-radius:2px;height:8px}.styles-module-scss-module__-D0Lvq__extractionLayout{flex-direction:column;gap:16px;display:flex}.styles-module-scss-module__-D0Lvq__screenshotArea{background:var(--spec-bg-alt);border:2px dashed var(--spec-border);border-radius:8px;justify-content:center;align-items:center;padding:24px;display:flex}.styles-module-scss-module__-D0Lvq__screenshotPlaceholder{color:var(--spec-text-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.styles-module-scss-module__-D0Lvq__screenshotPlaceholder span{font-size:12px}.styles-module-scss-module__-D0Lvq__extractedTokens{flex-direction:column;gap:12px;display:flex}.styles-module-scss-module__-D0Lvq__extractedSection{flex-direction:column;gap:6px;display:flex}.styles-module-scss-module__-D0Lvq__extractedLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--spec-text-muted);font-size:10px;font-weight:600}.styles-module-scss-module__-D0Lvq__extractedColors{gap:6px;display:flex}.styles-module-scss-module__-D0Lvq__extractedColor{border:1px solid var(--spec-border);border-radius:6px;width:28px;height:28px}.styles-module-scss-module__-D0Lvq__extractedFont{color:var(--spec-text);background:var(--spec-bg-alt);border-radius:4px;padding:6px 10px;font-family:ui-monospace,monospace;font-size:13px}.styles-module-scss-module__-D0Lvq__componentLibrary{flex-direction:column;gap:16px;display:flex}.styles-module-scss-module__-D0Lvq__componentSection{flex-direction:column;gap:8px;display:flex}.styles-module-scss-module__-D0Lvq__componentLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--spec-text-muted);font-size:10px;font-weight:600}.styles-module-scss-module__-D0Lvq__buttonVariants{gap:8px;display:flex}.styles-module-scss-module__-D0Lvq__mockButton{border-radius:6px;padding:6px 12px;font-size:11px;font-weight:500}.styles-module-scss-module__-D0Lvq__mockButton[data-variant=primary]{background:var(--spec-primary);color:#fff}.styles-module-scss-module__-D0Lvq__mockButton[data-variant=secondary]{background:var(--spec-bg-alt);color:var(--spec-text)}.styles-module-scss-module__-D0Lvq__mockButton[data-variant=outline]{border:1px solid var(--spec-border);color:var(--spec-text);background:0 0}.styles-module-scss-module__-D0Lvq__cardVariants{gap:8px;display:flex}.styles-module-scss-module__-D0Lvq__mockCard{background:var(--spec-bg);border:1px solid var(--spec-border);border-radius:8px;flex:1;overflow:hidden}.styles-module-scss-module__-D0Lvq__mockCardHeader{background:var(--spec-bg-alt);border-bottom:1px solid var(--spec-border);height:32px}.styles-module-scss-module__-D0Lvq__mockCardBody{height:40px;padding:8px}.styles-module-scss-module__-D0Lvq__inputVariants{gap:8px;display:flex}.styles-module-scss-module__-D0Lvq__mockInput{background:var(--spec-bg);border:1px solid var(--spec-border);border-radius:6px;flex:1;height:32px}.styles-module-scss-module__-D0Lvq__mockInput[data-focused=true]{border-color:var(--spec-primary)}.styles-module-scss-module__-D0Lvq__stylePreviewLayout{background:var(--spec-bg);border-radius:8px;flex-direction:column;min-height:280px;display:flex;overflow:hidden}.styles-module-scss-module__-D0Lvq__stylePreviewHeader{border-bottom:1px solid var(--spec-border);background:var(--spec-bg-alt);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.styles-module-scss-module__-D0Lvq__stylePreviewTitle{color:var(--spec-text);margin:0;font-size:13px;font-weight:600}.styles-module-scss-module__-D0Lvq__stylePreviewBadge{color:var(--spec-accent);background:var(--spec-accent-subtle);border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600}.styles-module-scss-module__-D0Lvq__stylePreviewContent{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.styles-module-scss-module__-D0Lvq__previewCard{background:var(--spec-bg);border:1px solid var(--spec-border);border-radius:12px;padding:20px}.styles-module-scss-module__-D0Lvq__previewCardTitle{color:var(--spec-text);margin-bottom:12px;font-size:16px;font-weight:600}.styles-module-scss-module__-D0Lvq__previewCardText{background:var(--spec-border);border-radius:2px;height:4px;margin-bottom:6px}.styles-module-scss-module__-D0Lvq__previewCardText:last-of-type{margin-bottom:16px}.styles-module-scss-module__-D0Lvq__previewCardActions{align-items:center;gap:12px;display:flex}.styles-module-scss-module__-D0Lvq__previewCardButton{color:#fff;background:#6366f1;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500}.styles-module-scss-module__-D0Lvq__previewCardLink{color:#6366f1;font-size:12px}.styles-module-scss-module__-D0Lvq__appliedTokens{border-top:1px solid var(--spec-border);gap:16px;padding-top:12px;display:flex}.styles-module-scss-module__-D0Lvq__appliedToken{align-items:center;gap:6px;display:flex}.styles-module-scss-module__-D0Lvq__appliedToken span{color:var(--spec-text-muted);font-size:11px}.styles-module-scss-module__-D0Lvq__tokenColor{border:1px solid var(--spec-border);border-radius:4px;width:16px;height:16px}.styles-module-scss-module__-D0Lvq__howSection{background:var(--spec-bg);padding:100px 0}.styles-module-scss-module__-D0Lvq__howInner{max-width:var(--spec-container);text-align:center;margin:0 auto;padding:0 24px}.styles-module-scss-module__-D0Lvq__sectionLabel{color:var(--spec-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-block}.styles-module-scss-module__-D0Lvq__sectionTitle{letter-spacing:-.02em;color:var(--spec-text);margin:0 0 48px;font-size:36px;font-weight:700;line-height:1.15}@media (max-width:768px){.styles-module-scss-module__-D0Lvq__sectionTitle{margin-bottom:32px;font-size:28px}}.styles-module-scss-module__-D0Lvq__howGrid{justify-content:center;align-items:stretch;gap:24px;display:flex}@media (max-width:900px){.styles-module-scss-module__-D0Lvq__howGrid{flex-direction:column;gap:16px}}.styles-module-scss-module__-D0Lvq__howCard{background:var(--spec-bg);border:1px solid var(--spec-border);text-align:center;border-radius:0;flex:1;max-width:300px;padding:32px 24px;position:relative}@media (max-width:900px){.styles-module-scss-module__-D0Lvq__howCard{max-width:100%}}.styles-module-scss-module__-D0Lvq__howCard h3{color:var(--spec-text);margin:0 0 8px;font-size:18px;font-weight:600}.styles-module-scss-module__-D0Lvq__howCard p{color:var(--spec-text-secondary);margin:0;font-size:14px;line-height:1.5}.styles-module-scss-module__-D0Lvq__howStep{background:var(--spec-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.styles-module-scss-module__-D0Lvq__howIcon{background:var(--spec-bg-alt);width:48px;height:48px;color:var(--spec-text);border-radius:0;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.styles-module-scss-module__-D0Lvq__howArrow{color:var(--spec-text-muted);align-items:center;display:flex}@media (max-width:900px){.styles-module-scss-module__-D0Lvq__howArrow{justify-content:center;transform:rotate(90deg)}}.styles-module-scss-module__-D0Lvq__benefitsHeaderContent{border-bottom:1px dashed var(--spec-border);padding:3rem 2rem .5rem}.styles-module-scss-module__-D0Lvq__benefitsHeader{border-bottom:1px solid var(--spec-border);padding:4rem 2rem}.styles-module-scss-module__-D0Lvq__benefitsGrid{grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.styles-module-scss-module__-D0Lvq__benefitsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.styles-module-scss-module__-D0Lvq__benefitsGrid{grid-template-columns:1fr}}.styles-module-scss-module__-D0Lvq__benefitCard{background:var(--spec-bg);border-radius:0;padding:2rem}.styles-module-scss-module__-D0Lvq__benefitCard h3{color:var(--spec-text);margin:0 0 8px;font-size:16px;font-weight:600}.styles-module-scss-module__-D0Lvq__benefitCard p{color:var(--spec-text-secondary);margin:0;font-size:14px;line-height:1.5}.styles-module-scss-module__-D0Lvq__benefitCard{border-right:1px solid var(--spec-border);border-bottom:none}.styles-module-scss-module__-D0Lvq__benefitCard:nth-child(3n){border-right:none}.styles-module-scss-module__-D0Lvq__benefitCard:nth-child(-n+3){border-bottom:1px solid var(--spec-border)}@media (max-width:1024px){.styles-module-scss-module__-D0Lvq__benefitCard:nth-child(2n){border-right:none}.styles-module-scss-module__-D0Lvq__benefitCard{border-bottom:1px solid var(--spec-border)}.styles-module-scss-module__-D0Lvq__benefitCard:nth-child(n+5){border-bottom:none}}@media (max-width:600px){.styles-module-scss-module__-D0Lvq__benefitCard{border-right:none;border-bottom:1px solid var(--spec-border)}.styles-module-scss-module__-D0Lvq__benefitCard:last-child{border-bottom:none}}.styles-module-scss-module__-D0Lvq__benefitIcon{border-radius:0;justify-content:center;align-items:center;width:16px;height:16px;margin-bottom:16px;display:flex}.styles-module-scss-module__-D0Lvq__ctaStrip{background:var(--spec-primary);text-align:center;padding:100px 24px}.styles-module-scss-module__-D0Lvq__ctaInner{max-width:600px;margin:0 auto}.styles-module-scss-module__-D0Lvq__ctaTitle{color:#fff;letter-spacing:-.02em;margin:0 0 12px;font-size:36px;font-weight:700}@media (max-width:768px){.styles-module-scss-module__-D0Lvq__ctaTitle{font-size:28px}}.styles-module-scss-module__-D0Lvq__ctaSubtitle{color:#ffffffb3;margin:0 0 32px;font-size:17px;line-height:1.5}.styles-module-scss-module__-D0Lvq__ctaButtons{justify-content:center;gap:12px;display:flex}@media (max-width:480px){.styles-module-scss-module__-D0Lvq__ctaButtons{flex-direction:column}}.styles-module-scss-module__-D0Lvq__ctaPrimary{color:var(--spec-primary);background:#fff;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.styles-module-scss-module__-D0Lvq__ctaPrimary:hover{background:var(--spec-bg-alt)}.styles-module-scss-module__-D0Lvq__ctaSecondary{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.styles-module-scss-module__-D0Lvq__ctaSecondary:hover{background:#ffffff1a;border-color:#ffffff80}