.demo-video-card{background:var(--white);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:var(--space-lg)}.cta-cards{display:flex;flex-direction:column;gap:var(--space-lg)}.cta-card{background:var(--white);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-md)}.cta-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--icon-bg)}.cta-card-icon svg{display:block}.cta-card p{color:var(--text-secondary);font-size:var(--fs-default);margin:0}.cta-card a{font-weight:600}.guide-img{width:100%;height:auto;border-radius:var(--radius-md);display:block;border:1px solid var(--card-border)}.section .guide-img,.section .img-placeholder{margin-bottom:var(--space-sm)}.section .guide-img:last-child,.section .img-placeholder:last-child{margin-bottom:0}.guide-step{margin-bottom:var(--space-lg)}.guide-step:last-child{margin-bottom:0}.guide-step h3{font-family:var(--font-heading);font-size:var(--fs-standard-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.guide-step h3 .step-badge{display:inline-block;background:var(--gradient-pink);color:var(--white);font-size:var(--fs-micro-lg);font-weight:700;padding:2px var(--space-sm);border-radius:var(--radius-xs);margin-right:var(--space-sm);vertical-align:middle}.guide-step p,.guide-step li{color:var(--text-secondary);font-size:var(--fs-standard);margin-bottom:6px}.guide-step p:last-child{margin-bottom:0}.guide-step ul,.guide-step ol{padding-left:var(--space-xl);margin-bottom:6px}.guide-step .guide-img+p,.guide-step .guide-img+.guide-step-subheading{margin-top:var(--space-lg)}.guide-step p+.guide-img{margin-top:var(--space-lg)}.guide-step-subheading{margin-top:var(--space-sm);font-weight:600;color:var(--text-primary)}.steps{display:flex;flex-direction:column;gap:0;margin-top:var(--space-2xl)}.step{position:relative}.step .step-badge{position:absolute;top:-20px;left:var(--space-xl);display:flex;align-items:center;justify-content:center;width:var(--step-badge-size);height:var(--step-badge-size);border-radius:var(--radius-circle);z-index:2}.step-body{position:relative;border:1px solid var(--border-light);border-radius:var(--radius-card);padding:28px var(--space-xl) 18px;margin-bottom:var(--space-2xl)}.option-list{margin-top:var(--space-sm);padding-left:0;list-style:none;font-size:var(--fs-standard);color:var(--text-secondary)}.option-list li{margin-bottom:var(--space-xs);line-height:1.5}.option-list li:last-child{margin-bottom:0}.option-list li strong{font-weight:600;color:var(--text-primary)}.option-list+p{margin-top:var(--space-md)}.action-list{margin-top:var(--space-sm);padding-left:0;list-style:none;font-size:var(--fs-standard);color:var(--text-secondary)}.action-list li{margin-bottom:var(--space-xs);line-height:1.5}.action-list li:last-child{margin-bottom:0}.action-list li strong{font-weight:600;color:var(--text-primary)}.image-zoom-overlay{position:fixed;inset:0;background:var(--overlay-bg);z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease;cursor:zoom-out;touch-action:none}.image-zoom-overlay.active{opacity:1;pointer-events:all}.image-zoom-overlay img{transform-origin:0 0;width:auto;height:auto;max-width:none;max-height:none;border-radius:var(--radius-xs);box-shadow:var(--shadow-overlay);display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;position:relative;cursor:zoom-in}.zoom-close-btn{position:fixed;top:var(--space-lg);right:var(--space-lg);width:var(--step-badge-size);height:var(--step-badge-size);border-radius:var(--radius-circle);background:var(--zoom-btn-bg);color:var(--white);border:none;font-size:var(--fs-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;z-index:10010;line-height:1;opacity:0;pointer-events:none;backdrop-filter:blur(4px)}.image-zoom-overlay.active .zoom-close-btn{opacity:1;pointer-events:all}.zoom-close-btn:focus-visible{outline:2px solid var(--white);outline-offset:3px}.zoom-close-btn:hover{background:var(--zoom-btn-hover-bg);transform:scale(1.08)}.colab-page .page-heading{font-size:var(--fs-standard)}.colab-page .page-heading h1{font-size:clamp(22px,3.5vw,28px);font-weight:800}
