.ai-page{--ai-gap:clamp(14px, 2vw, 22px)}.ai-hero{text-align:center;padding-bottom:clamp(40px,5vw,64px)}.ai-hero .section-tag{margin-bottom:24px}.ai-hero-title{max-width:18ch;margin-left:auto;margin-right:auto}.ai-hero-sub{margin-left:auto;margin-right:auto}.ai-trust{max-width:var(--container-narrow);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:44px auto 0;display:grid}.ai-trust-item{background:var(--bg-glass);min-width:0;-webkit-backdrop-filter:blur(var(--gpu-blur-card)) saturate(180%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass-sm);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.ai-trust-item p{color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.55}.ai-trust-item strong{color:var(--text-primary);font-weight:600}.ai-trust-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, rgba(var(--ai-teal-rgb), .22), rgba(var(--ai-blue-rgb), .14));width:34px;height:34px;color:var(--ai-teal);flex:none;justify-content:center;align-items:center;display:flex}.ai-prereq{color:var(--text-secondary);align-items:center;gap:10px;margin:22px auto 0;font-size:14.5px;display:inline-flex}.ai-prereq svg{color:var(--accent-hex);flex:none}.ai-section{padding:var(--section-padding-tight) 0}.ai-section--steps{padding-top:0}#pick{padding-top:clamp(28px,4vw,52px)}.ai-narrow{max-width:var(--container-narrow)}.ai-tools.flows-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-tools{margin-top:48px}.ai-tool[data-tool=claude]{--flow-c1:#b54f0d;--flow-c2:#dd6614}.ai-tool[data-tool=chatgpt]{--flow-c1:#0d9488;--flow-c2:#0891b2}.ai-tool[data-tool=gemini]{--flow-c1:#2563eb;--flow-c2:#7c3aed}.ai-tool[data-tool=claude-code]{--flow-c1:#6d28d9;--flow-c2:#be185d}.ai-tool[data-tool=cursor]{--flow-c1:#9a3412;--flow-c2:#c2410c}.ai-tool[data-tool=codex]{--flow-c1:#0f766e;--flow-c2:#1d4ed8}.ai-tool{cursor:pointer;text-align:left;font-family:var(--font-body);appearance:none;padding:0}.ai-tool .flow-card-text{flex-grow:1}.ai-tool.is-active{border-color:var(--border-accent);box-shadow:var(--shadow-glass-lg), 0 0 0 1px rgba(var(--accent), .35)}.ai-tool.is-active .ai-tool-pick{color:var(--ai-teal-deep)}[data-theme=dark] .ai-tool.is-active .ai-tool-pick{color:var(--ai-teal)}.ai-tool:focus-visible{outline:2px solid var(--accent-hex);outline-offset:3px}.ai-steps{gap:var(--ai-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ai-step{isolation:isolate;background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--gpu-blur-card)) saturate(180%);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass-md);padding:clamp(24px,3vw,34px);display:block;position:relative;overflow:hidden}.ai-step:after{content:"";background:radial-gradient(circle, rgba(var(--step-rgb,var(--accent)), .22) 0%, transparent 70%);filter:blur(20px);opacity:.75;pointer-events:none;z-index:-1;border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-50px}.ai-step .flow-step-text{min-width:0}.ai-step .flow-step-desc{max-width:70ch}.ai-step-badge{font-family:var(--font-mono);font-size:14px;font-weight:600}.ai-hops{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.ai-hop{min-width:0;color:var(--text-secondary);align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.55;display:flex}.ai-hop-n{border-radius:var(--radius-full);background:var(--accent-dim);width:22px;height:22px;color:var(--accent-deep);font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:600;display:flex}[data-theme=dark] .ai-hop-n{color:var(--accent-light)}.ai-field-wrap{margin-top:20px}.ai-field-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.ai-field{background:var(--bg-glass-strong);min-width:0;-webkit-backdrop-filter:blur(var(--gpu-blur-card)) saturate(180%);border:1px solid var(--border-glass-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass-sm);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 14px 14px 18px;display:flex}.ai-field-value{overflow-wrap:anywhere;min-width:0;font-family:var(--font-mono);color:var(--text-primary);flex:260px;font-size:14px;line-height:1.5}.ai-field-value.is-sentence{font-family:var(--font-body);font-size:15px;line-height:1.6}.ai-copy.is-copied{border-color:rgba(var(--ai-teal-rgb), .5);color:var(--ai-teal-deep)}.ai-action{margin-top:20px}.ai-hint{color:var(--text-secondary);background:rgba(var(--ai-blue-rgb), .07);border:1px solid rgba(var(--ai-blue-rgb), .18);border-radius:var(--radius-md);align-items:flex-start;gap:10px;margin:18px 0 0;padding:12px 16px;font-size:14px;line-height:1.55;display:flex}.ai-hint svg{color:var(--ai-blue);flex:none;margin-top:1px}.ai-prompts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px;display:grid}.ai-prompt{text-align:left;cursor:pointer;min-width:0;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--gpu-blur-card)) saturate(180%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass-sm);transition:transform var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:15px;line-height:1.55;display:flex}.ai-prompt:hover{border-color:var(--border-accent);transform:translateY(-3px)}.ai-prompt:focus-visible{outline:2px solid var(--accent-hex);outline-offset:3px}.ai-prompt-icon{color:var(--text-secondary);flex:none;display:flex}.ai-prompt.is-copied .ai-prompt-icon{color:var(--ai-teal-deep)}.ai-foot{text-align:center;color:var(--text-secondary);margin-top:32px;font-size:14.5px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1040px){.ai-tools.flows-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.ai-trust,.ai-prompts{grid-template-columns:1fr}}@media (width<=640px){.ai-tools.flows-grid{grid-template-columns:1fr}}@media (width<=560px){.ai-field{padding:14px 16px}.ai-field .btn{width:100%}.ai-hero-title{max-width:none}}