/* Request a demo — split layout: content left, form right */
.rd{max-width:1180px;margin:0 auto;padding:150px 24px 110px;position:relative}
.rd-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative;z-index:1}
.rd-grid>*{min-width:0}
/* Right-half backdrop behind the form. Drop the photo at images/demo-bg.jpg —
   until it exists this just shows the dark fallback (no broken image). */
.rd-bg{position:absolute;top:0;bottom:0;left:50%;width:50vw;z-index:0;pointer-events:none;overflow:hidden;background:#0b0b0d url('../images/demo-bg.jpg') center/cover no-repeat}
.rd-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(8,8,10,.6) 20%,rgba(8,8,10,.32) 58%,rgba(8,8,10,.5) 100%),linear-gradient(180deg,rgba(8,8,10,.18),rgba(8,8,10,.55))}
@media(max-width:900px){.rd-bg{display:none}}
@media(max-width:900px){.rd{padding:120px 20px 72px}.rd-grid{grid-template-columns:1fr;gap:44px}}

/* Left — content */
.rd-content{position:sticky;top:120px}
@media(max-width:900px){.rd-content{position:static;top:auto}}
.rd-content h1{font-size:clamp(34px,4.6vw,58px);font-weight:800;line-height:1.02;letter-spacing:-2px;color:var(--w);margin:0 0 18px}
.rd-content h1 b{color:var(--c);font-weight:800}
.rd-lead{font-size:17px;line-height:1.6;color:var(--w2);max-width:460px;margin:0 0 38px}
.rd-points{list-style:none;padding:0;margin:0 0 34px;display:flex;flex-direction:column;gap:22px}
.rd-points li{display:flex;gap:14px;align-items:flex-start}
.rd-points>li>svg{width:20px;height:20px;flex-shrink:0;stroke:var(--c);margin-top:2px}
.rd-points b{display:block;font-size:15px;font-weight:600;color:var(--w);margin-bottom:3px}
.rd-points span{display:block;font-size:14px;line-height:1.5;color:var(--w3)}
.rd-trust{font-size:13.5px;line-height:1.6;color:var(--w3);border-top:1px solid var(--b);padding-top:20px;max-width:440px}
.rd-trust a{color:var(--c);text-decoration:none}
.rd-trust a:hover{text-decoration:underline}

/* Right — form */
.rd-form-col{position:relative}
.rd-form{background:rgba(14,14,17,.76);border:1px solid var(--b);border-radius:20px;padding:32px;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}
@media(max-width:520px){.rd-form{padding:22px}}
.rd-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media(max-width:520px){.rd-row{grid-template-columns:1fr}}
.rd-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.rd-form>.rd-field{margin-bottom:16px}
.rd-field label{font-size:12.5px;font-weight:600;color:var(--w2);letter-spacing:.2px}
.req{color:var(--c)}
.rd-field input,.rd-field select,.rd-field textarea{font-family:var(--f);font-size:14.5px;color:var(--w);background:var(--bg);border:1px solid var(--b);border-radius:10px;padding:11px 13px;width:100%;transition:border-color .2s,box-shadow .2s}
.rd-field textarea{resize:vertical;min-height:78px;line-height:1.5}
.rd-field input::placeholder,.rd-field textarea::placeholder{color:var(--w3)}
.rd-field input:focus,.rd-field select:focus,.rd-field textarea:focus{outline:none;border-color:var(--c);box-shadow:0 0 0 3px rgba(212,164,74,.14)}
.rd-field.error input,.rd-field.error textarea,.rd-field.error .rd-select{border-color:#e05050;box-shadow:0 0 0 3px rgba(224,80,80,.14)}

/* Custom dropdown (country, team size) */
.rd-select{position:relative;font-family:var(--f);font-size:14.5px;color:var(--w);background:var(--bg);border:1px solid var(--b);border-radius:10px;padding:11px 38px 11px 13px;cursor:pointer;user-select:none;width:100%;transition:border-color .2s,box-shadow .2s}
.rd-select:focus,.rd-select.open{outline:none;border-color:var(--c);box-shadow:0 0 0 3px rgba(212,164,74,.14)}
.rd-select-val{display:flex;align-items:center;gap:10px;overflow:hidden;color:var(--w3);line-height:1.35}
.rd-select-val.has-value{color:var(--w)}
.rd-select-chev{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:14px;height:14px;stroke:var(--w3);pointer-events:none;transition:transform .25s var(--ease)}
.rd-select.open .rd-select-chev{transform:translateY(-50%) rotate(180deg)}
.rd-select-panel{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--s2);border:1px solid var(--bh);border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.5);max-height:236px;overflow-y:auto;overscroll-behavior:contain;z-index:40;padding:5px}
.rd-select.open .rd-select-panel{display:block;animation:rd-pop .16s var(--ease)}
@keyframes rd-pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.rd-select-opt{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:7px;font-size:14px;color:var(--w2);cursor:pointer}
.rd-select-opt.hl,.rd-select-opt:hover{background:rgba(255,255,255,.06);color:var(--w)}
.rd-select-opt.sel{color:var(--c)}
.rd-flag{width:20px;height:20px;flex-shrink:0;border-radius:50%;object-fit:cover;display:block}
.rd-flag-none{background:rgba(255,255,255,.06)}
.rd-opt-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-select-panel::-webkit-scrollbar{width:11px}
.rd-select-panel::-webkit-scrollbar-thumb{background:var(--w4);border-radius:6px;border:3px solid var(--s2)}
.rd-select-panel::-webkit-scrollbar-track{background:transparent}
.rd-hp{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}
.rd-submit{position:relative;overflow:hidden;width:100%;margin-top:8px;font-family:var(--f);font-size:15px;font-weight:600;color:var(--c);background:transparent;border:1px solid var(--c);border-radius:999px;padding:14px;cursor:pointer;transition:color .35s var(--ease),transform .2s var(--ease),box-shadow .3s var(--ease)}
.rd-submit::before{content:'';position:absolute;inset:0;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);z-index:0}
.rd-submit>span{position:relative;z-index:1;transition:color .35s var(--ease)}
.rd-submit:hover{color:#000;box-shadow:0 10px 30px rgba(212,164,74,.28)}
.rd-submit:hover::before{transform:scaleX(1)}
.rd-submit:active{transform:scale(.99)}
.rd-submit:disabled{cursor:default}
.rd-submit.sending{color:transparent}
.rd-submit.sending>span{color:transparent}
.rd-submit.sending::before{transform:scaleX(1)}
.rd-submit.sending::after{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(0,0,0,.35);border-top-color:#000;border-radius:50%;animation:rd-spin .7s linear infinite;z-index:2}
@keyframes rd-spin{to{transform:rotate(360deg)}}
.rd-fine{font-size:12px;line-height:1.5;color:var(--w3);margin:16px 0 0;text-align:center}
.rd-fine a{color:var(--w2);text-decoration:underline}

/* Success state */
.rd-form.hide{display:none}
.rd-success{display:none;background:var(--s1);border:1px solid var(--b);border-radius:20px;padding:52px 32px;text-align:center}
.rd-success.show{display:block;animation:fadeUp .6s var(--ease)}
.rd-success svg{width:48px;height:48px;stroke:var(--c);margin:0 auto 18px;display:block}
.rd-success h2{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--w);margin:0 0 10px}
.rd-success p{font-size:15px;line-height:1.6;color:var(--w2);max-width:340px;margin:0 auto}