body,html{overflow-x:hidden}:root{--accent-cyan:188 100% 42%;--accent-blue:217 91% 60%;--accent-purple:258 90% 66%;--accent-pink:330 81% 60%;--accent-orange:25 95% 53%;--accent-green:142 76% 36%;--accent-teal:172 66% 40%;--grid-color:#e7e5e4;--grid-size:20px;--fade-shape-w:70%;--fade-shape-h:60%;--fade-position-x:50%;--fade-position-y:0%;--fade-coverage:60%}.section{padding:5rem 1.5rem;position:relative;overflow:hidden}@media (min-width:768px){.section{padding:6rem 2rem}}.section-container{max-width:1100px;margin:0 auto;position:relative;z-index:2}.section-with-grid::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:0 0,0 0;-webkit-mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 70% 60% at 50% 0%,black 60%,transparent 100%);mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 70% 60% at 50% 0%,black 60%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.grid-fade-short::before{-webkit-mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 70% 40% at 50% 0%,black 30%,transparent 100%)!important;mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 70% 40% at 50% 0%,black 30%,transparent 100%)!important}.grid-fade-tall::before{-webkit-mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 80% 80% at 50% 0%,black 80%,transparent 100%)!important;mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 80% 80% at 50% 0%,black 80%,transparent 100%)!important}.grid-fade-full::before{-webkit-mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px)!important;mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px)!important}.grid-fade-bottom::before{-webkit-mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 70% 60% at 50% 100%,black 60%,transparent 100%)!important;mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 70% 60% at 50% 100%,black 60%,transparent 100%)!important}.grid-fade-center::before{-webkit-mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 80% 70% at 50% 50%,black 50%,transparent 100%)!important;mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 80% 70% at 50% 50%,black 50%,transparent 100%)!important}.section-bg-primary{background-color:hsl(var(--background))}.section-bg-alternate{background-color:hsl(var(--primary) / .03)}.section-header{text-align:center;margin-bottom:3.5rem}.section-title{font-size:clamp(1.75rem, 5vw, 2.5rem);font-weight:800;color:hsl(var(--foreground));margin-bottom:1rem;letter-spacing:-.03em;line-height:1.2}.section-subtitle{font-size:clamp(1rem, 2.5vw, 1.125rem);color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto;line-height:1.7}.howto-section{position:relative;background:hsl(var(--background));overflow:hidden}.howto-section::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,hsl(var(--foreground) / .06) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--foreground) / .06) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 90% 80% at 50% 50%,black 30%,transparent 100%);mask-image:repeating-linear-gradient(to right,black 0px,black 3px,transparent 3px,transparent 8px),repeating-linear-gradient(to bottom,black 0px,black 3px,transparent 3px,transparent 8px),radial-gradient(ellipse 90% 80% at 50% 50%,black 30%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.howto-section::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:150%;height:70%;background:radial-gradient(ellipse 50% 80% at 50% 0,hsl(var(--primary) / .08) 0,transparent 70%);pointer-events:none;z-index:1}.howto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;position:relative;z-index:2}.howto-card{position:relative;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:1.75rem 1.5rem 1.5rem;text-align:center;transition:all .2s ease;box-shadow:0 4px 6px -1px hsl(var(--foreground) / .05),0 10px 20px -5px hsl(var(--foreground) / .08),0 25px 50px -12px hsl(var(--foreground) / .12)}.howto-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px hsl(var(--foreground) / .06);border-color:hsl(var(--primary) / .3)}.howto-card-number{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:1rem;font-weight:700;border-radius:50%;box-shadow:0 4px 12px hsl(var(--primary) / .35)}.howto-card-title{font-size:1.0625rem;font-weight:600;color:hsl(var(--foreground));margin:.75rem 0 .5rem}.howto-card-text{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.6;margin:0}.howto-steps{display:none}.howto-card-badge{display:none}.howto-card-content{display:contents}.results-section{position:relative;background:hsl(var(--background))}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;position:relative;z-index:2}.result-field-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative;border-left:3px solid transparent}.result-field-card:hover{box-shadow:0 4px 20px hsl(var(--foreground) / .06);border-left-color:var(--result-accent,hsl(var(--primary)))}.result-field-card:nth-child(8n+1){--result-accent:hsl(var(--accent-cyan))}.result-field-card:nth-child(8n+2){--result-accent:hsl(var(--accent-purple))}.result-field-card:nth-child(8n+3){--result-accent:hsl(var(--accent-green))}.result-field-card:nth-child(8n+4){--result-accent:hsl(var(--accent-orange))}.result-field-card:nth-child(8n+5){--result-accent:hsl(var(--accent-blue))}.result-field-card:nth-child(8n+6){--result-accent:hsl(var(--accent-pink))}.result-field-card:nth-child(8n+7){--result-accent:hsl(var(--accent-teal))}.result-field-card:nth-child(8n+8){--result-accent:hsl(var(--primary))}.result-field-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:hsl(var(--secondary));border-radius:10px;margin-bottom:1rem;color:var(--result-accent,hsl(var(--primary)));transition:all .2s ease}.result-field-card:hover .result-field-icon{transform:scale(1.05);background:hsl(var(--primary) / .08)}.result-field-icon svg{width:22px;height:22px}.result-field-name{font-size:1rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem;line-height:1.3}.result-field-explanation{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.7;margin:0}.result-field-example{margin-top:.875rem;padding-top:.75rem;border-top:1px dashed hsl(var(--border));display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.example-label{font-size:.75rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.example-value{font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;background:hsl(var(--secondary));color:var(--result-accent,hsl(var(--primary)));padding:.25rem .5rem;border-radius:4px;font-weight:500}@media (max-width:640px){.results-grid{grid-template-columns:1fr}.result-field-card{padding:1.25rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;position:relative;z-index:2}.feature-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:1.75rem 1.5rem;text-align:center;transition:all .2s ease;position:relative;box-shadow:0 4px 6px -1px hsl(var(--foreground) / .05),0 10px 20px -5px hsl(var(--foreground) / .08),0 25px 50px -12px hsl(var(--foreground) / .12)}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px hsl(var(--foreground) / .06);border-color:hsl(var(--primary) / .3)}.feature-icon{width:56px;height:56px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--icon-bg,hsl(var(--primary) / .1));color:var(--icon-color,hsl(var(--primary)));transition:all .2s ease}.feature-card:hover .feature-icon{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px hsl(var(--foreground) / .1)}.feature-icon svg{width:26px;height:26px}.feature-card:nth-child(6n+1){--icon-bg:hsl(var(--accent-cyan) / 0.12);--icon-color:hsl(var(--accent-cyan))}.feature-card:nth-child(6n+2){--icon-bg:hsl(var(--accent-purple) / 0.12);--icon-color:hsl(var(--accent-purple))}.feature-card:nth-child(6n+3){--icon-bg:hsl(var(--accent-green) / 0.12);--icon-color:hsl(var(--accent-green))}.feature-card:nth-child(6n+4){--icon-bg:hsl(var(--accent-orange) / 0.12);--icon-color:hsl(var(--accent-orange))}.feature-card:nth-child(6n+5){--icon-bg:hsl(var(--accent-blue) / 0.12);--icon-color:hsl(var(--accent-blue))}.feature-card:nth-child(6n+6){--icon-bg:hsl(var(--accent-pink) / 0.12);--icon-color:hsl(var(--accent-pink))}.feature-card h3{font-size:1.0625rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.5rem}.feature-card p{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.6;margin:0}.usecases-section{position:relative;background:hsl(var(--background))}.usecases-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;position:relative;z-index:2;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;overflow:hidden}.usecase-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid hsl(var(--border) / .5);transition:background .15s ease}.usecase-item:hover{background:hsl(var(--secondary) / .5)}.usecase-item:last-child{border-bottom:none}@media (min-width:560px){.usecases-list{grid-template-columns:repeat(2,1fr)}.usecase-item:nth-child(odd){border-right:1px solid hsl(var(--border) / .5)}.usecase-item:nth-last-child(-n+2){border-bottom:none}}@media (min-width:900px){.usecases-list{grid-template-columns:repeat(3,1fr)}.usecase-item:nth-child(odd){border-right:none}.usecase-item:not(:nth-child(3n)){border-right:1px solid hsl(var(--border) / .5)}.usecase-item:nth-last-child(-n+3){border-bottom:none}}.usecase-item:nth-child(6n+1){--usecase-icon-color:hsl(var(--accent-cyan))}.usecase-item:nth-child(6n+2){--usecase-icon-color:hsl(var(--accent-purple))}.usecase-item:nth-child(6n+3){--usecase-icon-color:hsl(var(--accent-orange))}.usecase-item:nth-child(6n+4){--usecase-icon-color:hsl(var(--accent-green))}.usecase-item:nth-child(6n+5){--usecase-icon-color:hsl(var(--accent-blue))}.usecase-item:nth-child(6n+6){--usecase-icon-color:hsl(var(--accent-pink))}.usecase-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:hsl(var(--secondary));border-radius:10px;color:var(--usecase-icon-color,hsl(var(--primary)));transition:all .15s ease}.usecase-item:hover .usecase-icon{transform:scale(1.05)}.usecase-icon svg{width:20px;height:20px}.usecase-content h3{font-size:.9375rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.25rem;line-height:1.3}.usecase-content p{font-size:.8125rem;color:hsl(var(--muted-foreground));line-height:1.5;margin:0}.usecases-grid{display:contents}.usecase-card{display:contents}.technical-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.technical-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:1.75rem;border-left:3px solid hsl(var(--primary) / .5);transition:all .3s ease}.technical-card:hover{box-shadow:0 4px 20px hsl(var(--foreground) / .08);border-left-color:hsl(var(--primary))}.technical-card h3{font-size:1.125rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.75rem}.technical-card p{font-size:.9375rem;color:hsl(var(--muted-foreground));line-height:1.7;margin:0}.specs-section{background:hsl(var(--background))}.specs-table-wrapper{max-width:700px;margin:0 auto;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;overflow:hidden}.specs-table{margin:0;padding:0}.spec-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid hsl(var(--border) / .5);transition:background .15s ease}.spec-row:last-child{border-bottom:none}.spec-row:hover{background:hsl(var(--secondary) / .5)}.spec-row:nth-child(6n+1) .spec-dot{background:hsl(var(--accent-cyan))}.spec-row:nth-child(6n+2) .spec-dot{background:hsl(var(--accent-purple))}.spec-row:nth-child(6n+3) .spec-dot{background:hsl(var(--accent-green))}.spec-row:nth-child(6n+4) .spec-dot{background:hsl(var(--accent-orange))}.spec-row:nth-child(6n+5) .spec-dot{background:hsl(var(--accent-blue))}.spec-row:nth-child(6n+6) .spec-dot{background:hsl(var(--accent-pink))}.spec-label{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:500;color:hsl(var(--foreground));margin:0}.spec-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.spec-value{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));text-align:right;margin:0}@media (max-width:480px){.spec-row{flex-direction:column;align-items:flex-start;gap:.25rem}.spec-value{text-align:left;padding-left:1.5rem}}.specs-grid{display:contents}.spec-card{display:contents}.spec-icon{display:none}.spec-content{display:contents}.faq-section{background:hsl(var(--background))}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:2}.faq-item{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:hsl(var(--primary) / .3)}.faq-question{display:flex;align-items:center;width:100%;padding:1.25rem 1.5rem;background:0 0;border:none;cursor:pointer;gap:1rem;text-align:left;transition:background .15s ease;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{background:hsl(var(--secondary) / .5)}.faq-question-text{flex:1;font-size:1rem;font-weight:600;color:hsl(var(--foreground));line-height:1.4}.faq-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));flex-shrink:0;transition:transform .2s ease,color .2s ease}.faq-toggle svg{width:18px;height:18px}.faq-item[open] .faq-toggle{transform:rotate(180deg);color:hsl(var(--primary))}.faq-answer{padding:0 1.5rem 1.25rem 1.5rem;font-size:.9375rem;color:hsl(var(--muted-foreground));line-height:1.7}.faq-answer p{margin:0}.faq-number{display:none}.related-section{background:hsl(var(--background))}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;position:relative;z-index:2}.related-card{position:relative;padding:1.25rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;text-decoration:none;display:flex;flex-direction:column;transition:all .2s ease}.related-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px hsl(var(--foreground) / .06);border-color:hsl(var(--primary) / .3)}.related-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;flex-shrink:0;background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.related-icon svg{width:20px;height:20px}.related-card:nth-child(6n+1) .related-icon{background:hsl(var(--accent-cyan) / .12);color:hsl(var(--accent-cyan))}.related-card:nth-child(6n+2) .related-icon{background:hsl(var(--accent-green) / .12);color:hsl(var(--accent-green))}.related-card:nth-child(6n+3) .related-icon{background:hsl(var(--accent-purple) / .12);color:hsl(var(--accent-purple))}.related-card:nth-child(6n+4) .related-icon{background:hsl(var(--accent-orange) / .12);color:hsl(var(--accent-orange))}.related-card:nth-child(6n+5) .related-icon{background:hsl(var(--accent-blue) / .12);color:hsl(var(--accent-blue))}.related-card:nth-child(6n+6) .related-icon{background:hsl(var(--accent-pink) / .12);color:hsl(var(--accent-pink))}.related-title{font-size:.9375rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.25rem}.related-description{font-size:.8125rem;color:hsl(var(--muted-foreground));line-height:1.4;margin-bottom:.75rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:.5rem;border-top:1px solid hsl(var(--border))}.related-cta{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:hsl(var(--primary))}.related-cta svg{width:12px;height:12px;transition:transform .2s ease}.related-card:hover .related-cta svg{transform:translateX(2px)}.section-cta{text-align:center}.cta-container{max-width:600px;margin:0 auto;padding:3rem 2rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-purple)));border-radius:1.5rem;position:relative;z-index:2;overflow:hidden}.cta-container::after,.cta-container::before{content:'';position:absolute;border-radius:50%;background:#fff;opacity:.1}.cta-container::before{width:200px;height:200px;top:-50px;right:-50px}.cta-container::after{width:150px;height:150px;bottom:-30px;left:-30px}.cta-title{font-size:clamp(1.5rem, 4vw, 2rem);font-weight:800;color:#fff;margin-bottom:.75rem;position:relative;z-index:1}.cta-subtitle{font-size:1rem;color:#fff;opacity:.9;margin-bottom:1.5rem;position:relative;z-index:1}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:#fff;color:hsl(var(--primary));font-size:1rem;font-weight:600;border-radius:.75rem;text-decoration:none;transition:all .3s ease;position:relative;z-index:1;box-shadow:0 4px 15px rgba(0,0,0,.15)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.cta-button svg{width:18px;height:18px;transition:transform .3s ease}.cta-button:hover svg{transform:translateX(3px)}.topic-intro-section{background:hsl(var(--background))}.topic-intro-content{max-width:800px;margin:0 auto}.topic-intro-definition{font-size:1.125rem;line-height:1.75;color:hsl(var(--foreground));margin-bottom:2rem}.topic-intro-categories h3{font-size:1.1rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:1rem}.category-grid{display:grid;gap:1rem;margin-bottom:2rem}.category-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;transition:border-color .2s ease}.category-card:hover{border-color:hsl(var(--primary) / .5)}.category-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.category-content{display:flex;flex-direction:column;gap:.25rem}.category-content strong{color:hsl(var(--foreground));font-weight:600}.category-content span{color:hsl(190 15% 35%);font-size:.9rem;line-height:1.5}.topic-intro-expectations{margin-bottom:2rem}.expectations-table{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.expectations-column{padding:1.25rem;border-radius:.75rem}.expectations-column.can{background:hsl(142 76% 36% / .08);border:1px solid hsl(142 76% 36% / .2)}.expectations-column.cannot{background:hsl(0 72% 51% / .06);border:1px solid hsl(0 72% 51% / .15)}.expectations-column h4{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.expectations-column.can h4{color:hsl(142 76% 25%)}.expectations-column.cannot h4{color:hsl(0 72% 45%)}.expectations-column h4 svg{width:16px;height:16px}.expectations-column ul{list-style:none;padding:0;margin:0}.expectations-column li{font-size:.9rem;color:hsl(var(--foreground));padding:.35rem 0;padding-left:1.25rem;position:relative}.expectations-column li::before{content:"•";position:absolute;left:0;color:hsl(var(--muted-foreground))}.topic-intro-workflow{margin-bottom:1.5rem}.topic-intro-workflow h3{font-size:1.1rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:1rem}.workflow-links{display:flex;flex-wrap:wrap;gap:.75rem}.workflow-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.5rem;text-decoration:none;transition:all .2s ease}.workflow-link:hover{border-color:hsl(var(--primary));background:hsl(var(--primary) / .05)}.workflow-context{font-size:.85rem;color:hsl(var(--muted-foreground))}.workflow-tool{font-size:.9rem;font-weight:500;color:hsl(var(--primary))}.workflow-link svg{width:14px;height:14px;color:hsl(var(--primary));transition:transform .2s ease}.workflow-link:hover svg{transform:translateX(3px)}.topic-intro-learn-more{padding-top:1rem;border-top:1px solid hsl(var(--border))}.topic-intro-learn-more a{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;color:hsl(var(--primary));text-decoration:none;transition:gap .2s ease}.topic-intro-learn-more a:hover{gap:.75rem}.topic-intro-learn-more svg{width:16px;height:16px}@media (max-width:768px){.section{padding:3.5rem 1rem}.section-header{margin-bottom:2.5rem}.howto-grid{grid-template-columns:1fr;gap:1rem}.howto-card{padding:1.25rem}.feature-card{padding:1.5rem 1.25rem}.feature-icon{width:56px;height:56px}.usecases-grid{grid-template-columns:1fr}.specs-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.faq-answer{padding-left:1.5rem}.cta-container{padding:2rem 1.5rem;border-radius:1rem}.expectations-table{grid-template-columns:1fr}.workflow-links{flex-direction:column}.workflow-link{width:100%}}