.dev-page{--dev-cyan:#37c0ff;--dev-orange:#ff8a00;color:var(--text);background:radial-gradient(ellipse 60% 50% at 85% 8%, #ff8a001a, transparent), radial-gradient(ellipse 50% 45% at 8% 88%, #37c0ff14, transparent), radial-gradient(ellipse 40% 38% at 50% 50%, #a855f70f, transparent), var(--blue-900)}.dev-page:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#37c0ff0d 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0}.dev-wrap{width:min(1160px,100% - 32px);margin:0 auto}.dev-section{padding:clamp(56px,8vw,88px) 0}.dev-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--dev-orange);background:#ff8a001a;border:1px solid #ff8a004d;border-radius:999px;align-items:center;gap:7px;margin-bottom:20px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.dev-h1{font-family:var(--font-display,"Montserrat", "Inter", sans-serif);letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.08}.dev-h1 .accent{color:var(--dev-orange)}.dev-lead{color:var(--muted);max-width:560px;margin:0 auto 32px;font-size:1.08rem;line-height:1.65}.dev-h2{font-family:var(--font-display,"Montserrat", "Inter", sans-serif);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800}.dev-hero{text-align:center;padding:clamp(72px,10vw,110px) 0 clamp(56px,8vw,80px)}.dev-hero-band{background:linear-gradient(135deg,#0c2e44d1,#062237f0),radial-gradient(circle at 88% 18%,#ff8a002e,#0000 36%),radial-gradient(circle at 14% 84%,#37c0ff29,#0000 32%);border:1px solid #37c0ff2e;border-radius:22px;padding:clamp(40px,6vw,64px) clamp(24px,4vw,48px);position:relative;overflow:hidden;box-shadow:0 28px 72px #00000061,inset 0 1px #ffffff0f}.dev-hero-band:before{content:"";background:linear-gradient(90deg, var(--dev-cyan), var(--dev-orange), #a855f7, var(--dev-cyan));background-size:200% 100%;height:2px;animation:4s linear infinite dev-shimmer;position:absolute;inset:0 0 auto}.dev-mark-wrap{justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 28px;transition:transform .18s,filter .18s;display:flex;position:relative}.dev-mark-wrap:hover{filter:drop-shadow(0 12px 28px #37c0ff47);transform:translateY(-4px)}.dev-mark-wrap--compact{width:48px;height:48px;margin:0}.dev-mark-svg{z-index:2;animation:4s ease-in-out infinite dev-breathe;position:relative}.dev-mark-core{transform-box:fill-box;transform-origin:50%}.dev-mark-ring{border:1.5px solid #ff8a0038;border-radius:50%;animation:3s ease-out infinite dev-ring;position:absolute}.dev-mark-ring:first-child{inset:-16px}.dev-mark-ring:nth-child(2){animation-delay:1s;inset:-32px}.dev-mark-ring:nth-child(3){animation-delay:2s;inset:-48px}.dev-hero-particle{pointer-events:none;background:radial-gradient(circle,#37c0ffb3,#0000 70%);border-radius:50%;position:absolute}.dev-hero-particle--1{width:6px;height:6px;animation:7s ease-in-out infinite dev-float;top:14%;left:18%}.dev-hero-particle--2{width:4px;height:4px;animation:9s ease-in-out 1s infinite dev-float;top:68%;left:16%}.dev-hero-particle--3{background:radial-gradient(circle,#ff8a0099,#0000 70%);width:5px;height:5px;animation:8s ease-in-out .5s infinite dev-float;top:24%;right:16%}.dev-hero-particle--4{width:3px;height:3px;animation:6s ease-in-out 2s infinite dev-float;bottom:18%;right:24%}.dev-wordmark{font-family:var(--font-display,Montserrat, sans-serif);letter-spacing:.06em;font-weight:800}.dev-wordmark-c{color:#eaf3f9}.dev-wordmark-ai{background:linear-gradient(90deg,#37c0ff,#ff8a00);color:#0000;-webkit-background-clip:text;background-clip:text}.dev-wordmark-d{color:#a6c0d3;margin-left:.35em}.dev-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.dev-btn{border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.dev-btn--primary{color:#1a0d00;background:linear-gradient(135deg,#ff8a00,#ffb347);box-shadow:0 10px 28px #ff8a0047}.dev-btn--ghost{color:var(--dev-cyan);background:0 0;border:1px solid #37c0ff66}.dev-explorer{background:#062237b8;border:1px solid #37c0ff29;border-radius:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;min-height:360px;display:grid;overflow:hidden}.dev-chrome{background:#041018;grid-template-columns:44px 1fr 120px;min-height:360px;display:grid}.dev-rail{background:#020c14;border-right:1px solid #37c0ff1f;flex-direction:column;gap:6px;padding:10px 6px;display:flex}.dev-rail button,.dev-pane-hit{color:#a6c0d3;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0}.dev-rail button{border-radius:6px;height:32px}.dev-rail button.on,.dev-pane-hit.on{color:#37c0ff;background:#37c0ff1a;box-shadow:inset 2px 0 #37c0ff}.dev-editor{color:#a6c0d3;padding:16px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.dev-editor.on{box-shadow:inset 0 0 0 1px #37c0ff66}.dev-agent{background:#07131c;border-left:1px solid #ff8a0033;padding:14px}.dev-agent.on{box-shadow:inset 0 0 0 1px #ff8a0073}.dev-detail{padding:22px}.dev-chips{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.dev-chips button{color:#a6c0d3;cursor:pointer;background:0 0;border:1px solid #37c0ff33;border-radius:999px;padding:6px 12px;font-size:12px}.dev-chips button.on{color:#ff8a00;background:#ff8a001a;border-color:#ff8a0073}.dev-detail p{color:var(--muted);font-size:.95rem;line-height:1.6}.dev-stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dev-stat-value{color:#37c0ff;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.dev-stat-label{color:var(--muted);margin-top:6px;font-size:.82rem}.dev-features{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.dev-feature{background:#0622378c;border:1px solid #37c0ff24;border-radius:18px;padding:22px}.dev-feature h3{margin-bottom:8px;font-size:1.05rem}.dev-feature p{color:var(--muted);font-size:.92rem;line-height:1.6}.dev-faq-item{text-align:left;border-bottom:1px solid #37c0ff1f}.dev-faq-btn{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:12px;padding:16px 0;font-weight:700;display:flex}.dev-faq-body{color:var(--muted);padding:0 0 16px;line-height:1.65;display:none}.dev-faq-item.open .dev-faq-body{display:block}.dev-reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.dev-reveal.is-visible{opacity:1;transform:none}@keyframes dev-shimmer{to{background-position:200% 0}}@keyframes dev-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes dev-ring{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@keyframes dev-float{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(8px,-12px)}}@media (max-width:860px){.dev-explorer,.dev-features,.dev-stats{grid-template-columns:1fr}.dev-chrome{grid-template-columns:40px 1fr}.dev-agent{display:none}}@media (prefers-reduced-motion:reduce){.dev-mark-svg,.dev-mark-ring,.dev-hero-particle,.dev-hero-band:before,.dev-reveal{opacity:1;transition:none;animation:none;transform:none}}
