.demo-hero{border-bottom:1px solid var(--line);padding-bottom:8px}.demo-hero-main{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:48px;padding-bottom:40px;display:grid}.demo-hero .hero-heading h1{font-size:68px}.demo-hero .hero-intro{flex-direction:column;align-items:start;gap:24px;padding-bottom:0}.demo-hero .resource-signal{justify-self:center;width:100%;max-width:420px;margin:0}.demo-hero .resource-signal canvas{aspect-ratio:1.18;width:100%;display:block}.demo-hero .resource-signal figcaption{color:var(--muted);text-align:center;margin-top:16px;line-height:1.6}.demo-hero .hero-intro>a{color:var(--blue);flex-shrink:0}.demo-content{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:100px;max-width:1600px;margin:auto;padding:64px 48px 80px;display:grid}.demo-context{align-self:start;position:sticky;top:108px}.demo-context>.mono{color:var(--muted)}.demo-context>h2{padding-top:20px;font-size:34px;font-weight:400;line-height:1.2}.demo-source-flow{color:#91a0b7;align-items:center;gap:18px;padding:30px 0;display:flex}.demo-source-flow>span{width:58px;height:58px;color:var(--blue);background:#f0f3ff;border:1px solid #d8dff6;border-radius:4px;place-items:center;transition:transform .25s,background .25s;display:grid}.demo-source-flow>span:hover{background:#e1e8ff;transform:translateY(-5px)}.demo-source-flow>span:last-child{color:#148673;background:#eef7f2;border-color:#c3ddcf}.demo-agenda article{border-top:1px solid var(--line);grid-template-columns:24px 1fr;gap:18px;padding:22px 0;display:grid}.demo-agenda article>.mono{color:var(--blue);padding-top:3px}.demo-agenda h3{font-size:20px;font-weight:400;line-height:1.25}.demo-agenda p{color:var(--muted);max-width:420px;margin-top:12px;font-size:13px;line-height:1.7}.demo-contact{border-top:1px solid var(--line);margin-top:6px;padding-top:24px}.demo-contact p{color:var(--muted);font-size:12px}.demo-contact a{color:var(--blue)}.demo-form{min-width:0}.demo-form-heading{padding-bottom:28px}.demo-form-heading .mono{color:var(--blue)}.demo-form-heading h2{padding-top:14px;font-size:30px;font-weight:400;line-height:1.2}.demo-form-heading p{color:var(--muted);padding-top:12px;font-size:11px}.demo-form fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:24px 0 34px}.demo-form legend{padding-right:20px;font-size:18px}.demo-form legend .mono{color:var(--blue);margin-right:10px}.demo-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;display:grid}.demo-field{flex-direction:column;gap:10px;min-width:0;display:flex}.demo-field.full-width{grid-column:1/-1}.demo-field label{font-size:12px;line-height:1.5}.demo-field label>span{color:var(--blue)}.demo-field small{color:var(--muted);margin-left:8px;font-size:10px}.demo-field input,.demo-field select,.demo-field textarea{width:100%;min-width:0;color:var(--ink);background:#f9fafc;border:1px solid #cdd4df;border-radius:3px;padding:12px 14px;font-size:14px;line-height:1.5;display:block}.demo-field textarea{resize:vertical;min-height:120px;max-height:400px}.demo-field input::placeholder,.demo-field textarea::placeholder{color:#7c8490}.demo-field select{cursor:pointer}.demo-field :is(input,select,textarea):focus{border-color:var(--blue);background:#fff}.demo-submit{border-top:1px solid var(--line);align-items:center;gap:24px;padding-top:26px;display:flex}.demo-submit button{cursor:pointer;flex-shrink:0}.demo-submit p{color:var(--muted);font-size:10px;line-height:1.7}.demo-submit a{text-decoration:underline}.demo-draft{border-block:1px solid #c3ddcf;align-items:start;gap:16px;margin-top:24px;padding:24px 0;display:flex}.demo-draft>svg{color:#148673;flex-shrink:0}.demo-draft h3{font-size:20px;font-weight:400}.demo-draft p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.7}.demo-draft a{margin-top:20px}.demo-error{color:#ba353b;font-size:12px;margin-top:20px!important}.demo-page .site-footer{border-top:1px solid var(--line)}@media (max-width:1100px){.demo-hero-main{gap:28px}.demo-hero .hero-heading h1{font-size:54px}.demo-content{gap:48px;padding:48px 32px 64px}.demo-context>h2{font-size:30px}.demo-source-flow{gap:12px}.demo-source-flow>span{width:48px;height:48px}.demo-submit{flex-direction:column;align-items:start;gap:16px}}@media (max-width:760px){.demo-hero-main{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:28px}.demo-hero .hero-heading h1{font-size:42px}.demo-hero .resource-signal{max-width:260px}.demo-hero .resource-signal canvas{aspect-ratio:1.35}.demo-hero .resource-signal figcaption{margin-top:8px;font-size:8px}.demo-content{flex-direction:column;gap:44px;padding:36px 20px 48px;display:flex}.demo-context{position:static}.demo-context>h2{font-size:28px}.demo-agenda article{padding-block:18px}.demo-agenda p{max-width:none}.demo-form-heading h2{font-size:28px}.demo-fields{grid-template-columns:1fr;gap:20px}.demo-field input,.demo-field select,.demo-field textarea{font-size:16px}.demo-submit button{width:100%}.demo-draft h3{font-size:18px}}