.demo-page{background:radial-gradient(circle at top right,rgba(62,154,67,.12),transparent 55%),linear-gradient(135deg,#f8fbf7,#ffffff 45%,#f4f8ff)}.demo-hero{text-align:center;padding:70px 20px 30px;color:var(--color-text)}.demo-hero h1{font-size:clamp(2.1rem,2.4vw,2.8rem);font-weight:600;color:#0f1729}.demo-hero p{font-size:1.05rem;color:#5f6b7a;max-width:620px;margin:10px auto 0}.demo-container{max-width:1100px;margin:44px auto 70px;display:grid;grid-template-columns:1fr 1fr;padding:0 20px;gap:32px;align-items:stretch}.demo-left{position:relative;border-radius:26px;min-height:420px;background:linear-gradient(180deg,rgba(15,23,41,.2),rgba(15,23,41,.65)),url(/assets/bookADemo/nographics.png);background-size:cover;background-position:50%;background-repeat:no-repeat;border:1px solid rgba(15,23,42,.1);overflow:hidden;box-shadow:0 25px 60px rgba(15,23,41,.18)}.demo-left-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:32px;color:#f8fafc;background:linear-gradient(180deg,rgba(15,23,41,0),rgba(15,23,41,.7) 65%)}.demo-pill{align-self:flex-start;padding:6px 14px;border-radius:999px;background:rgba(248,250,252,.18);border:1px solid rgba(248,250,252,.3);font-size:.75rem;text-transform:uppercase;letter-spacing:.18em}.demo-left h3{margin:0;font-size:1.6rem;font-weight:600}.demo-left p{margin:0;font-size:.98rem;color:rgba(248,250,252,.88);max-width:320px}.demo-list{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:8px;font-size:.95rem}.demo-list li{display:flex;align-items:center;gap:8px;color:rgba(248,250,252,.9)}.demo-list li:before{content:"";width:10px;height:10px;border-radius:50%;background:#86efac;box-shadow:0 0 0 4px rgba(134,239,172,.2)}.demo-form{background:#ffffff;padding:32px;border-radius:24px;box-shadow:0 30px 70px rgba(15,23,42,.15);border:1px solid rgba(148,163,184,.3)}.demo-form h2{font-size:1.5rem;color:#0f1729}.demo-sub{font-size:.98rem;color:#667085;margin-bottom:16px}.demo-form input,.demo-form select,.demo-form textarea{width:100%;padding:12px;margin-bottom:14px;border-radius:12px;border:1px solid #d0d7e2;font-size:.95rem;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{outline:none;border-color:rgba(62,154,67,.5);box-shadow:0 0 0 3px rgba(62,154,67,.15)}.demo-form textarea{resize:none;min-height:90px}.demo-submit{width:100%;padding:13px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--button-color),var(--button-color-hover));color:white;font-weight:500;font-size:.98rem;cursor:pointer;box-shadow:0 12px 35px rgba(22,163,74,.35)}.demo-submit:hover{opacity:.96}.demo-error{color:#dc2626;font-size:.85rem}.demo-success{color:var(--button-color);font-size:.85rem}@media screen and (max-width:900px){.demo-container{grid-template-columns:1fr}.demo-left{min-height:280px}}@media screen and (max-width:600px){.demo-left-overlay{padding:24px}}