.tech-page.svelte-15ifec{display:flex;flex-direction:column;align-items:center;width:100vw;overflow-x:hidden}.section-inner.svelte-15ifec{max-width:800px;margin:0 auto;padding:0 var(--section-padding-x);width:100%;position:relative;z-index:1}.cool-title.svelte-15ifec{margin-bottom:1.5rem}.tech-hero.svelte-15ifec{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:var(--header-height);width:100%;padding-left:var(--section-padding-x);padding-right:var(--section-padding-x);position:relative}.scroll-hint.svelte-15ifec{position:absolute;bottom:2rem;font-size:.75rem;color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;animation:svelte-15ifec-pulse 2s ease-in-out infinite}@keyframes svelte-15ifec-pulse{0%,to{opacity:.3}50%{opacity:.8}}.hero-content.svelte-15ifec{max-width:700px;margin:auto}.flow-strip.svelte-15ifec{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:2.5rem}.flow-pill.svelte-15ifec{font-family:Fira Code,monospace;font-size:.72rem;font-weight:500;color:var(--color-gray-medium);padding:.4rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:9999px;background:#ffffff08;cursor:pointer;transition:all .25s ease}.flow-pill.svelte-15ifec:hover{color:var(--color-text-light);border-color:#ffffff40;background:#ffffff0f;transform:translateY(-2px)}.flow-pill-last.svelte-15ifec{color:#2ecc71;border-color:#2ecc714d;background:#2ecc710d}.flow-pill-last.svelte-15ifec:hover{color:#2ecc71;border-color:#2ecc7180;background:#2ecc711a}.flow-arrow.svelte-15ifec{flex-shrink:0}.steps-section.svelte-15ifec{padding:0 0 var(--spacing-xl);width:100%}.step-block.svelte-15ifec{margin-bottom:0}.step-card.svelte-15ifec{display:flex;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;overflow:hidden;transition:all .3s ease}.step-card.svelte-15ifec:hover{background:#ffffff0d;transform:translate(4px)}.step-card-red.svelte-15ifec{border-color:#e83f3f26}.step-card-red.svelte-15ifec:hover{border-color:var(--color-brand-red);box-shadow:0 8px 40px #e83f3f0f}.step-card-blue.svelte-15ifec{border-color:#447ae526}.step-card-blue.svelte-15ifec:hover{border-color:var(--color-brand-blue);box-shadow:0 8px 40px #447ae50f}.step-card-engine.svelte-15ifec{border-color:#e83f3f33;box-shadow:0 0 24px #e83f3f08}.step-card-engine.svelte-15ifec:hover{border-color:var(--color-brand-red);box-shadow:0 8px 40px #e83f3f14}.step-card-green.svelte-15ifec{border-color:#2ecc7126;border-top:2px solid #2ecc71}.step-card-green.svelte-15ifec:hover{border-color:#2ecc71;box-shadow:0 8px 40px #2ecc710f}.step-card-no-accent.svelte-15ifec{flex-direction:column}.step-accent.svelte-15ifec{width:4px;background:var(--accent);flex-shrink:0}.step-content.svelte-15ifec{padding:1.5rem 1.75rem;flex:1}.step-content-center.svelte-15ifec{text-align:center}.step-label.svelte-15ifec{font-family:Fira Code,monospace;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.5rem}.step-card.svelte-15ifec h2:where(.svelte-15ifec){font-family:var(--font-heading);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;color:var(--color-text-light);line-height:1.3;margin:0}.step-hint.svelte-15ifec{font-size:.85rem;color:var(--color-gray-medium);margin-top:.4rem}.step-header.svelte-15ifec{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.step-meta.svelte-15ifec{font-family:Fira Code,monospace;font-size:.75rem;color:var(--color-gray-medium)}.step-footer.svelte-15ifec{margin-top:1.25rem;text-align:center;font-size:.8rem;color:var(--color-gray-medium);border-top:1px solid rgba(255,255,255,.04);padding-top:1rem}.step-footer.svelte-15ifec strong:where(.svelte-15ifec){color:var(--color-text-light)}.step-connector.svelte-15ifec{display:flex;justify-content:center;padding:1rem 0}.connector-wrap.svelte-15ifec{display:flex;flex-direction:column;align-items:center}.connector-line.svelte-15ifec{width:1px;height:1.5rem;background:#ffffff1a}.connector-text.svelte-15ifec{font-family:var(--font-heading);font-size:.95rem;font-weight:500;color:var(--color-gray-medium);padding:.35rem 0}.cmd-badge.svelte-15ifec{font-family:Fira Code,monospace;font-size:.8rem;color:var(--color-brand-red);background:#e83f3f0d;border:1px solid rgba(232,63,63,.2);padding:.5rem 1.25rem;border-radius:9999px}.cmd-prompt.svelte-15ifec{color:var(--color-gray-medium);margin-right:.5rem}.behaviors-grid.svelte-15ifec{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.behavior-card.svelte-15ifec{background:#447ae50a;border:1px solid rgba(68,122,229,.1);border-radius:.5rem;padding:1.25rem .875rem;text-align:center;transition:all .3s ease}.behavior-card.svelte-15ifec:hover{background:#447ae514;border-color:#447ae54d;transform:translateY(-2px)}.behavior-icon.svelte-15ifec{display:flex;justify-content:center;align-items:center;margin-bottom:.75rem;color:var(--color-brand-blue);opacity:.6}.behavior-icon.svelte-15ifec svg{width:1.5rem;height:1.5rem}.behavior-card.svelte-15ifec:hover .behavior-icon:where(.svelte-15ifec){opacity:1}.behavior-card.svelte-15ifec h4:where(.svelte-15ifec){font-family:var(--font-heading);font-size:.82rem;font-weight:600;color:var(--color-text-light);margin-bottom:.25rem}.behavior-card.svelte-15ifec p:where(.svelte-15ifec){font-size:.72rem;color:var(--color-gray-medium);line-height:1.4}.engine-tags.svelte-15ifec{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.engine-tag.svelte-15ifec{font-family:Fira Code,monospace;font-size:.7rem;font-weight:500;color:var(--color-gray-medium);background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:.4rem .875rem;border-radius:9999px;transition:all .3s ease;cursor:default}.engine-tag.svelte-15ifec:hover{border-color:#e83f3f4d;color:var(--color-text-light);background:#e83f3f0d}.engine-note.svelte-15ifec{font-size:.85rem;color:var(--color-gray-medium);line-height:1.6}.outcomes-row.svelte-15ifec{display:flex;align-items:center;justify-content:space-evenly;gap:1.5rem;margin-top:.75rem;width:100%}.outcome-item.svelte-15ifec{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.outcome-icon.svelte-15ifec{display:flex;justify-content:center;align-items:center;color:#2ecc71;opacity:.5}.outcome-icon.svelte-15ifec svg{width:1.75rem;height:1.75rem}.outcome-text.svelte-15ifec{font-size:.8rem;color:var(--color-gray-medium);font-weight:500}.outcome-divider.svelte-15ifec{width:1px;height:2.5rem;background:#2ecc7126}.callout-section.svelte-15ifec{padding:var(--spacing-lg) 0 var(--spacing-xl);width:100%}.contrast-grid.svelte-15ifec{display:flex;align-items:center;justify-content:center;gap:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;padding:2.25rem 3rem}.contrast-col.svelte-15ifec{display:flex;flex-direction:column;gap:1rem;flex:1}.contrast-label.svelte-15ifec{font-family:Fira Code,monospace;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-medium);margin-bottom:.25rem}.contrast-label-active.svelte-15ifec{color:var(--color-brand-red)}.contrast-row.svelte-15ifec{display:flex;flex-direction:column;gap:.1rem}.contrast-value.svelte-15ifec{font-family:var(--font-heading);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;color:#ffffff59;line-height:1.2}.contrast-value-active.svelte-15ifec{color:var(--color-text-light)}.contrast-desc.svelte-15ifec{font-size:.75rem;color:var(--color-gray-medium)}.contrast-before.svelte-15ifec .contrast-value:where(.svelte-15ifec){text-decoration:line-through;text-decoration-color:#e83f3f66}.contrast-arrow.svelte-15ifec{color:#ffffff26;flex-shrink:0;padding:1.5rem .5rem 0}.cta-row.svelte-15ifec{display:flex;gap:1.25rem;margin-top:2rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.tech-hero.svelte-15ifec{min-height:60vh}.flow-strip.svelte-15ifec{display:none}.behaviors-grid.svelte-15ifec{grid-template-columns:1fr 1fr;gap:.5rem}.step-content.svelte-15ifec{padding:1.25rem}.step-header.svelte-15ifec{flex-direction:column}.outcomes-row.svelte-15ifec{gap:1.5rem}.outcome-divider.svelte-15ifec{display:none}.contrast-grid.svelte-15ifec{flex-direction:column;gap:1.5rem;padding:1.75rem 1.5rem}.contrast-arrow.svelte-15ifec{transform:rotate(90deg);padding:0}}@media (max-width: 480px){.behaviors-grid.svelte-15ifec{grid-template-columns:1fr}.cta-row.svelte-15ifec{flex-direction:column;align-items:center}}
