.dev-hero{padding:var(--space-24) 0 var(--space-32);position:relative;isolation:isolate}@media (max-width:720px){.dev-hero{padding:var(--space-16) 0 var(--space-20)}}.dev-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-16);align-items:center}@media (max-width:960px){.dev-hero-grid{grid-template-columns:1fr;gap:var(--space-12)}}.dev-hero-text{display:flex;flex-direction:column;gap:var(--space-6)}.dev-hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);width:fit-content}.dev-hero-eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}.dev-hero-lead{max-width:56ch}.dev-hero-cta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.dev-hero-meta{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);color:var(--ink-500)}.dev-hero-meta-row{display:flex;align-items:center;gap:var(--space-3);font-size:13px}.dev-hero-meta-row svg{flex-shrink:0;color:var(--ink-400)}.dev-hero-code{height:460px;position:relative}@media (max-width:960px){.dev-hero-code{height:400px;order:-1}}.dev-code-preview{position:relative;width:100%;height:100%;background:#0a0a0b;border:1px solid var(--ink-200);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;font-family:ui-monospace,JetBrains Mono,SF Mono,Cascadia Code,Roboto Mono,Menlo,monospace;transition:border-color var(--motion-base) var(--ease-out-soft),box-shadow var(--motion-base) var(--ease-out-soft)}.dev-code-preview:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-3)}.dev-code-preview-chrome{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:40px;background:#131316;border-bottom:1px solid #27272a}.dev-code-preview-dots{display:flex;gap:6px;flex-shrink:0}.dev-code-preview-dots span{width:10px;height:10px;border-radius:50%;background:#2a2a2e}.dev-code-preview-tabs{display:flex;align-items:center;gap:0;margin-left:var(--space-3)}.dev-code-tab{background:transparent;border:none;padding:6px 12px;font-family:inherit;font-size:var(--text-mono-sm);color:#71717a;cursor:pointer;position:relative;transition:color var(--motion-fast) var(--ease-out-soft)}.dev-code-tab:hover{color:#d4d4d8}.dev-code-tab[data-active=true]{color:var(--accent)}.dev-code-tab[data-active=true]:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:1px;background:var(--accent)}.dev-code-preview-copy{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #27272a;padding:4px 10px;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-mono-xs);color:#a1a1aa;cursor:pointer;transition:color var(--motion-fast) var(--ease-out-soft),border-color var(--motion-fast) var(--ease-out-soft),background var(--motion-fast) var(--ease-out-soft)}.dev-code-preview-copy:hover{color:#fafafa;border-color:#3f3f46}.dev-code-preview-copy[data-copied=true]{color:#4ade80;border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.06)}.dev-code-preview-body{flex:1;overflow:hidden;padding:var(--space-5) var(--space-6);position:relative}.dev-code-preview-pane{margin:0;font-family:inherit;font-size:var(--text-mono-sm);line-height:1.65;color:#e4e4e7;white-space:pre;clip-path:inset(0 0 0 0);animation:dev-code-wipe-in var(--motion-slower) var(--ease-out-expo)}@keyframes dev-code-wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.dev-code-preview-foot{padding:var(--space-3) var(--space-5);background:#0a0a0b;border-top:1px solid #27272a;display:flex;align-items:center;justify-content:space-between;font-size:var(--text-mono-xs);color:#52525b}.tok-comment{color:#52525b;font-style:italic}.tok-keyword{color:#c9a84c}.tok-string{color:#a7f3d0}.tok-number{color:#fde68a}.tok-fn{color:#fbbf24}.tok-prop{color:#f4f4f5}.tok-punct{color:#a1a1aa}.tok-meta{color:#818cf8}.tok-url{color:#67e8f9;text-decoration:underline;text-decoration-color:rgba(103,232,249,.3)}.dev-section{padding:var(--space-32) 0}@media (max-width:720px){.dev-section{padding:var(--space-20) 0}}.dev-section-header{display:flex;flex-direction:column;gap:var(--space-4);max-width:64ch;margin-bottom:var(--space-16)}.dev-section-header__eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);width:fit-content}.dev-section-header__eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}.dev-scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width:1100px){.dev-scenario-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.dev-scenario-grid{grid-template-columns:1fr}}.dev-scenario-card{position:relative;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8);background:var(--surface-raised);border:1px solid var(--ink-200);border-radius:var(--radius-lg);transition:transform var(--motion-base) var(--ease-out-soft),border-color var(--motion-base) var(--ease-out-soft),box-shadow var(--motion-base) var(--ease-out-soft);overflow:hidden;isolation:isolate}.dev-scenario-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 40%);opacity:0;transition:opacity var(--motion-base) var(--ease-out-soft);pointer-events:none;z-index:-1}.dev-scenario-card:hover{transform:translateY(-4px);border-color:var(--ink-300);box-shadow:var(--shadow-hover)}.dev-scenario-card:hover:before{opacity:1}.dev-scenario-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--ink-900);transition:transform var(--motion-base) var(--ease-out-soft)}.dev-scenario-card:hover .dev-scenario-card-icon{transform:rotate(6deg)}.dev-scenario-card-title{font-family:var(--font-playfair),Georgia,serif;font-size:24px;font-weight:600;letter-spacing:-.025em;color:var(--ink-900)}.dev-scenario-card-providers{font-family:var(--font-dm-sans),system-ui,sans-serif;font-size:13px;line-height:1.55;color:var(--ink-500)}.dev-scenario-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--ink-200)}.dev-scenario-card-time{font-family:ui-monospace,SF Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--ink-400);text-transform:uppercase}.dev-flow{background:var(--ink-50);border:1px solid var(--ink-200);border-radius:var(--radius-xl);padding:var(--space-16) var(--space-12);position:relative;overflow:hidden}.dev-flow:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(201,168,76,.04),transparent 35%),radial-gradient(circle at 100% 100%,rgba(201,168,76,.03),transparent 35%);pointer-events:none}.dev-flow-row{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:center}@media (max-width:880px){.dev-flow-row{grid-template-columns:1fr;gap:var(--space-8)}}.dev-flow-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);text-align:center}.dev-flow-node-glyph{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius);color:var(--ink-900);transition:border-color var(--motion-base) var(--ease-out-soft),box-shadow var(--motion-base) var(--ease-out-soft),transform var(--motion-base) var(--ease-out-soft)}.dev-flow-node:hover .dev-flow-node-glyph{border-color:var(--accent);box-shadow:0 0 0 4px rgba(201,168,76,.08);transform:translateY(-2px)}.dev-flow-node-label{font-family:var(--font-dm-sans),system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--ink-900);letter-spacing:-.005em}.dev-flow-node-meta{font-family:ui-monospace,SF Mono,monospace;font-size:11px;color:var(--ink-400);letter-spacing:.04em;text-transform:uppercase}.dev-flow-node-desc{font-family:var(--font-dm-sans),system-ui,sans-serif;font-size:13px;line-height:1.55;color:var(--ink-500);max-width:22ch;margin-top:var(--space-1)}.dev-flow-track{position:absolute;top:calc(var(--space-6) + 32px);left:12.5%;right:12.5%;height:1px;background:var(--ink-200);z-index:1;overflow:hidden}.dev-flow-track:after{content:"";position:absolute;top:-.5px;left:0;width:28px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:999px;animation:dev-flow-token 4.6s var(--ease-in-out) infinite}@keyframes dev-flow-token{0%{transform:translateX(-30px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(calc(100% + 30px));opacity:0}}@media (max-width:880px){.dev-flow-track{display:none}}.dev-flow-track-vertical{display:none}@media (max-width:880px){.dev-flow-track-vertical{display:block;width:1px;height:32px;background:var(--ink-200);margin:0 auto;position:relative;overflow:hidden}.dev-flow-track-vertical:after{content:"";position:absolute;left:-.5px;top:0;width:2px;height:18px;background:linear-gradient(180deg,transparent,var(--accent),transparent);border-radius:999px;animation:dev-flow-token-v 2.4s var(--ease-in-out) infinite}@keyframes dev-flow-token-v{0%{transform:translateY(-20px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(40px);opacity:0}}}.dev-trust{background:var(--ink-900);color:var(--ink-50);border-radius:var(--radius-xl);padding:var(--space-16) var(--space-12);position:relative;overflow:hidden}.dev-trust:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(212,184,96,.1),transparent 35%),radial-gradient(circle at 80% 100%,rgba(212,184,96,.05),transparent 35%);pointer-events:none}.dev-trust-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}@media (max-width:880px){.dev-trust-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-12) var(--space-6)}}@media (max-width:480px){.dev-trust-grid{grid-template-columns:1fr}}.dev-trust-cell{display:flex;flex-direction:column;gap:var(--space-3)}.dev-trust-value{font-family:var(--font-playfair),Georgia,serif;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-50);display:inline-flex;align-items:baseline}.dev-trust-suffix{margin-left:.05em;letter-spacing:-.02em}.dev-trust-prefix,.dev-trust-suffix{font-size:.55em;color:var(--accent);font-weight:500}.dev-trust-prefix{margin-right:.05em}.dev-trust-label{letter-spacing:.04em;text-transform:uppercase;color:rgba(250,250,250,.45)}.dev-trust-helper,.dev-trust-label{font-family:var(--font-dm-sans),system-ui,sans-serif;font-size:13px}.dev-trust-helper{line-height:1.55;color:rgba(250,250,250,.55);max-width:22ch;margin-top:var(--space-2)}