.demo-hero{position:relative;padding:88px 24px 48px;text-align:center;overflow:hidden;background:radial-gradient(1200px 640px at 50% -10%,rgba(88,204,2,.28),transparent 70%),radial-gradient(800px 400px at 85% 10%,rgba(28,176,246,.18),transparent 70%),linear-gradient(180deg,#f3ffe7,#fff 80%);border-bottom:2px solid var(--duo-gray-light)}.demo-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(88,204,2,.18) 1.5px,transparent 0);background-size:32px 32px;mask-image:radial-gradient(ellipse at top,#000 30%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at top,#000 30%,transparent 72%);pointer-events:none;z-index:0}.demo-hero>*{position:relative;z-index:1}.demo-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:hsla(0,0%,100%,.7);border:2px solid #bbf7d0;color:#15803d;font-weight:900;font-size:12px;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:saturate(1.2) blur(4px)}.demo-hero h1{font-size:clamp(42px,6vw,72px);font-weight:900;color:var(--neutral-800);letter-spacing:-.03em;line-height:1.02;margin:18px auto 14px;max-width:820px}.demo-hero h1 em{font-style:normal;color:var(--duo-ink)}.demo-hero p.lead{max-width:620px;margin:0 auto;font-size:18px;color:var(--duo-gray);line-height:1.55}.demo-grid{max-width:1100px;margin:40px auto 0;padding:0 24px 80px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px}@media (max-width:900px){.demo-grid{grid-template-columns:1fr}}.demo-card{background:#fff;border:0;box-shadow:inset 0 0 0 2px var(--duo-gray-light),inset 0 -4px 0 0 var(--duo-gray-light);border-radius:20px;padding:28px 30px}.demo-card h2{margin:0 0 4px;font-size:22px;font-weight:900;color:var(--neutral-800)}.demo-card p.sub{margin:0 0 18px;color:var(--duo-gray);font-size:14px;line-height:1.55}.demo-expect{background:#fff;border:0;box-shadow:inset 0 0 0 2px var(--duo-gray-light),inset 0 -4px 0 0 var(--duo-gray-light);border-radius:20px;padding:28px 30px 32px;margin-bottom:32px}.demo-expect h3{margin:0 0 12px;font-size:18px;font-weight:900;color:var(--neutral-800)}.demo-expect ol{list-style:none;padding:0;margin:0;display:grid;gap:14px}.demo-expect li{display:flex;gap:12px;align-items:flex-start}.demo-expect .step{width:48px;height:48px;min-width:48px;border-radius:50%;background:var(--duo);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;border:solid var(--duo-hover);border-width:2px 2px 3px}.demo-expect b{display:block;color:var(--neutral-800);font-weight:900;font-size:14px}.demo-expect span{color:var(--duo-gray);font-size:13px;line-height:1.55}.demo-notes{padding:22px 24px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fde68a;border-radius:18px}.demo-notes b{display:block;color:#92400e;font-weight:900;font-size:14px;margin-bottom:4px}.demo-notes span{color:#78350f;font-size:13px;line-height:1.55}