html { scroll-behavior: smooth; }
.daai-hero { position:relative; min-height:500px; display:flex; align-items:center; overflow:hidden; background:#0d0a12; }
.daai-hero__bg { position:absolute; inset:0; background:radial-gradient(120% 90% at 88% 18%, rgba(255,232,58,.2) 0%, rgba(255,182,66,.1) 22%, transparent 52%), radial-gradient(95% 80% at 72% 82%, rgba(103,58,183,.62) 0%, rgba(74,35,141,.28) 42%, transparent 72%), radial-gradient(70% 60% at 30% 8%, rgba(89,24,145,.45) 0%, transparent 65%), linear-gradient(115deg, #0d0a12 0%, #1a1320 46%, #3a2560 78%, #591891 100%); }
.daai-hero__scrim { position:absolute; inset:0; background:linear-gradient(90deg, rgba(13,10,18,.9) 0%, rgba(13,10,18,.55) 48%, transparent 100%); }
.daai-hero__inner { position:relative; max-width:1100px; margin:0 auto; padding:76px 24px; width:100%; }
.daai-hero__col { max-width:600px; margin-left:40px; }
.daai-kicker { display:flex; align-items:center; gap:12px; margin-bottom:18px; flex-wrap:wrap; }
.daai-badge { display:inline-flex; align-items:center; padding:4px 12px; border-radius:var(--radius-pill); background:var(--gradient-violet); color:#fff; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.daai-kicker__label { color:rgba(255,255,255,.75); font-size:13px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.daai-hero__lead { margin:20px 0 0; font-family:var(--font-sans); font-weight:300; font-size:19px; line-height:1.55; color:rgba(255,255,255,.9); max-width:500px; }
.daai-cta-row { display:flex; gap:14px; margin-top:30px; flex-wrap:wrap; }
.daai-cta-row--center { justify-content:center; }
.daai-section { padding:72px 24px; }
.daai-section--page { background:var(--surface-page); }
.daai-section--tint { background:var(--surface-tint); }
.daai-section--violet { background:var(--gradient-violet); text-align:center; }
.daai-inner { max-width:1000px; margin:0 auto; }
.daai-inner--wide { max-width:1100px; }
.daai-inner--narrow { max-width:720px; }
.daai-inner--cta { max-width:700px; }
.daai-head { text-align:center; display:flex; flex-direction:column; align-items:center; }
.daai-grid-2 { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; margin-top:44px; }
.daai-card h3, .daai-step h3 { margin:6px 0 0; font-family:var(--font-sans); font-weight:400; font-size:19px; letter-spacing:.02em; color:var(--text-heading); }
.daai-card p, .daai-step p { margin:0; font-family:var(--font-sans); font-size:15px; font-weight:300; line-height:1.55; color:var(--text-body); }
.daai-card p { flex:1; }
.daai-icon-badge svg { width:26px; height:26px; stroke:#fff; }
.daai-prose { margin:24px 0 0; text-align:center; font-family:var(--font-sans); font-size:15px; font-weight:300; line-height:1.6; color:var(--text-body); }
#setup { scroll-margin-top:24px; }
.daai-url { margin-top:12px; text-align:center; }
.daai-url__label { margin:0 0 6px; font-family:var(--font-sans); font-size:14px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--text-heading); }
.daai-url code { display:inline-block; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:15px; padding:10px 18px; border-radius:25px; background:#fff; border:1px solid var(--gray-200); color:var(--color-primary); box-shadow:0 4px 14px rgba(58,37,96,.14); }
.daai-steps { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:44px 32px; margin-top:52px; }
.daai-step { display:flex; flex-direction:column; gap:14px; }
.daai-step__head { display:flex; align-items:flex-start; gap:14px; }
.daai-step__n { flex:0 0 auto; width:34px; height:34px; border-radius:var(--radius-pill); background:var(--gradient-violet); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-family:var(--font-sans); font-size:15px; font-weight:600; }
.daai-step h3 { margin-top:3px; }
.daai-step p { margin-top:8px; }
.daai-step img { display:block; width:100%; height:auto; background:#fff; border:5px solid #fff; border-radius:8px; box-shadow:10px 20px 30px rgba(51,51,51,.24); cursor:zoom-in; transition:transform .3s ease-in-out, box-shadow .3s ease-in-out; }
.daai-step img:hover { transform:translateY(-2px); box-shadow:12px 24px 34px rgba(51,51,51,.34); }
.daai-cta__lead { margin:18px 0 0; font-family:var(--font-sans); font-size:17px; font-weight:300; color:rgba(255,255,255,.88); }
.daai-wrap a.daai-btn { color:#3a2560; }
.daai-wrap a.daai-btn--outline { color:#fff; }
@media (max-width:760px) {
    .daai-grid-2, .daai-steps { grid-template-columns:minmax(0,1fr); }
    .daai-h2 { font-size:30px; }
    .daai-section { padding:56px 20px; }
}