.demo-split{display:grid;grid-template-columns:.92fr 1.08fr;min-height:100vh}.demo-left{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:clamp(120px,15vh,160px) clamp(28px,4vw,64px) clamp(48px,6vw,72px);display:flex;flex-direction:column}.demo-left .mesh{position:absolute;inset:-20% -10%;z-index:0;background:radial-gradient(55% 50% at 80% 22%,rgba(125,201,224,.18),transparent 60%),radial-gradient(50% 50% at 10% 90%,rgba(17,82,163,.18),transparent 62%),linear-gradient(180deg,var(--ink-2),var(--ink) 60%,var(--ink-3))}.demo-left .grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(90% 70% at 60% 30%,#000 30%,transparent 78%);mask-image:radial-gradient(90% 70% at 60% 30%,#000 30%,transparent 78%)}.demo-left>*{position:relative;z-index:1}.demo-left .dl-core{width:64px;height:64px;color:#ffffffb3;margin-bottom:24px}.demo-left .dl-core .mcp{width:100%;height:100%}.demo-left h1{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.025em;line-height:1.08;max-width:16ch}.demo-left h1 em{font-style:normal;color:var(--sky)}.dl-proof{list-style:none;margin:clamp(28px,4vw,40px) 0 0;padding:0;display:flex;flex-direction:column;gap:16px}.dl-proof li{display:flex;align-items:baseline;gap:14px}.dl-proof li .pv{font-family:var(--mono);font-weight:600;font-size:18px;color:var(--sky);min-width:96px}.dl-proof li .pl{font-size:14.5px;color:#ffffffb8}.steps{margin-top:auto;padding-top:clamp(36px,5vw,52px)}.steps-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;margin-bottom:16px}.step{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--hairline-d)}.step:last-child{border-bottom:1px solid var(--hairline-d)}.step .sn{font-family:var(--mono);font-size:12px;color:var(--sky);min-width:24px;padding-top:1px}.step .st{font-weight:700;font-size:15px;letter-spacing:-.01em}.step .sd{font-size:13px;color:#ffffff8c;margin-top:3px}.step.current{background:linear-gradient(90deg,rgba(125,201,224,.08),transparent);margin-inline:calc(-1*clamp(28px,4vw,64px));padding-inline:clamp(28px,4vw,64px);border-color:#7dc9e04d}.step.current .sn{color:#fff}.step.current .st{color:var(--sky)}.demo-right{background:var(--paper);padding:clamp(110px,14vh,150px) clamp(28px,4vw,64px) clamp(48px,6vw,72px);display:flex;flex-direction:column;justify-content:center}.demo-form-wrap{width:100%;max-width:560px;margin-inline:auto}.df-head .df-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--syn-blue)}.df-head h2{font-size:clamp(24px,2.8vw,34px);font-weight:800;letter-spacing:-.02em;margin:10px 0 0}.df-head .df-sub{color:var(--muted);font-size:15px;margin-top:10px}.df-head .df-sub b{color:var(--ink);font-weight:600}.demo-form{margin-top:30px}.df-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.df-field{display:flex;flex-direction:column;gap:7px}.df-field.full{grid-column:1 / -1}.df-field label{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.005em}.df-field label .req{color:var(--rr-orange)}.df-field input,.df-field textarea{font-family:var(--display);font-size:15px;color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-radius:10px;padding:12px 14px;outline:none;transition:border-color .18s ease,background .18s ease;width:100%}.df-field input:focus,.df-field textarea:focus{border-color:var(--syn-blue);background:#fff}.df-field input.err{border-color:var(--rr-orange)}.df-field textarea{resize:vertical;min-height:84px}.df-block{grid-column:1 / -1;margin-top:4px}.df-block>.bl-label{font-size:13px;font-weight:600;color:var(--ink);display:block;margin-bottom:10px}.df-block>.bl-label .req{color:var(--rr-orange)}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg .seg-btn{font-family:var(--display);font-weight:600;font-size:13.5px;color:var(--ink);background:var(--paper);border:1px solid var(--hairline);border-radius:999px;padding:10px 16px;cursor:pointer;transition:all .18s ease}.seg .seg-btn:hover{border-color:var(--ink)}.seg .seg-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip-sel{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--muted);background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:8px 13px;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:7px}.chip-sel:hover{border-color:var(--syn-blue);color:var(--ink)}.chip-sel.on{background:#1152a314;border-color:var(--syn-blue);color:var(--syn-blue)}.chip-sel .ck{width:13px;height:13px;border-radius:4px;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center}.chip-sel .ck svg{width:9px;height:9px;opacity:0}.chip-sel.on .ck{background:var(--syn-blue);border-color:var(--syn-blue);color:#fff}.chip-sel.on .ck svg{opacity:1}.df-submit{margin-top:26px}.df-submit .btn-demo{width:100%;justify-content:center;background:var(--ink);color:#fff;font-size:16px;padding:15px}.df-submit .btn-demo:hover{background:var(--sky);color:var(--ink)}.df-micro{font-size:12.5px;color:var(--muted);margin-top:14px;line-height:1.5;text-align:center}.df-privacy{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.df-privacy .lock{width:11px;height:11px}.demo-success{display:none;width:100%;max-width:560px;margin-inline:auto;text-align:center}.demo-success.show{display:block;animation:sIn .5s ease both}@keyframes sIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ds-check{width:64px;height:64px;border-radius:50%;background:#14b8a61f;color:var(--syn-teal);display:flex;align-items:center;justify-content:center;margin:0 auto 22px}.ds-check svg{width:30px;height:30px}.demo-success h2{font-size:clamp(24px,2.8vw,34px);font-weight:800;letter-spacing:-.02em}.demo-success h2 b{color:var(--syn-blue)}.demo-success .ds-sub{color:var(--muted);font-size:15.5px;margin-top:14px;line-height:1.6;max-width:46ch;margin-inline:auto}.ds-card{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);padding:20px;margin-top:26px;text-align:left;display:flex;flex-direction:column;gap:12px}.ds-row{display:flex;align-items:center;gap:12px;font-size:14px}.ds-row .dr-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);min-width:110px}.ds-row .dr-v{color:var(--ink);font-weight:600}.ds-row .dr-v a{color:var(--syn-blue)}.ds-actions{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:900px){.demo-split{grid-template-columns:1fr;min-height:auto}.demo-left{padding-top:clamp(110px,14vh,140px)}.steps{margin-top:36px}.df-grid{grid-template-columns:1fr}}