.demo-page{background:var(--color-gray-50);padding:calc(var(--space-32) + 20px) 0 var(--space-20);min-height:100vh}.demo-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.demo-pitch{color:var(--color-white);background:var(--gradient-primary);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-10);position:relative;overflow:hidden;box-shadow:var(--shadow-xl)}.demo-pitch:before{content:"";position:absolute;top:-50%;right:-30%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.demo-pitch-eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-brand-ice);margin-bottom:var(--space-4);position:relative}.demo-pitch-title{font-family:var(--font-heading);font-size:clamp(2rem,3.5vw,var(--text-5xl));font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);color:var(--color-white);margin-bottom:var(--space-5);position:relative}.demo-pitch-subtitle{font-size:var(--text-lg);color:#ffffffd9;line-height:var(--leading-relaxed);margin-bottom:var(--space-10);position:relative}.demo-benefits{display:flex;flex-direction:column;gap:var(--space-6);position:relative}.demo-benefit{display:flex;gap:var(--space-4);align-items:flex-start}.demo-benefit-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:#ffffff1f;color:var(--color-brand-ice);display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-benefit-icon svg{width:20px;height:20px}.demo-benefit-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-white);margin-bottom:var(--space-1)}.demo-benefit-desc{font-size:var(--text-sm);color:#ffffffbf;line-height:var(--leading-relaxed)}.demo-form-card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-100)}.demo-form-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight)}.demo-form-subtitle{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-8)}.demo-form .form-group{margin-bottom:var(--space-4)}.demo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-gray-900);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.form-select:focus-visible{outline:2px solid transparent;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-select:invalid{color:var(--color-gray-400)}.demo-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.demo-consent{display:flex;align-items:flex-start;gap:var(--space-3);margin:var(--space-5) 0 var(--space-6);font-size:var(--text-sm);color:var(--color-gray-600);line-height:var(--leading-relaxed)}.demo-consent input[type=checkbox]{margin-top:3px;width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0}.demo-consent a{color:var(--color-brand-cobalt);text-decoration:underline;text-underline-offset:2px}.demo-submit{width:100%;justify-content:center}.demo-form-error{display:none;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:#fef2f2;border:1px solid #FECACA;color:#991b1b;font-size:var(--text-sm);border-radius:var(--radius-md)}.demo-form-error.is-visible{display:block}.demo-thanks{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:var(--space-24) var(--space-6);background:var(--gradient-subtle)}.demo-thanks-inner{max-width:640px;text-align:center}.demo-thanks-icon{width:72px;height:72px;margin:0 auto var(--space-6);border-radius:50%;background:var(--color-primary-50);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.demo-thanks-icon svg{width:36px;height:36px}.demo-thanks-title{font-family:var(--font-heading);font-size:clamp(1.75rem,3.5vw,var(--text-4xl));font-weight:var(--font-extrabold);color:var(--color-gray-900);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-4)}.demo-thanks-subtitle{font-size:var(--text-lg);color:var(--color-body);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.demo-thanks-next{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-4)}.demo-thanks-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}@media(max-width:1024px){.demo-grid{grid-template-columns:1fr;gap:var(--space-8)}.demo-pitch{padding:var(--space-10) var(--space-8)}.demo-form-card{padding:var(--space-8)}}@media(max-width:640px){.demo-page{padding-top:calc(var(--space-24) + 20px)}.demo-pitch{padding:var(--space-8) var(--space-6)}.demo-form-card{padding:var(--space-6)}.demo-form-row{grid-template-columns:1fr;gap:0}}.contact-form-success{text-align:center;padding:var(--space-8) var(--space-4)}.contact-form-success h3{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:var(--space-4) 0 var(--space-3);letter-spacing:var(--tracking-tight)}.contact-form-success p{font-size:var(--text-base);color:var(--color-body);line-height:var(--leading-relaxed)}.contact-form-success .demo-thanks-icon{margin:0 auto}