.demo-page{color:#193f3b;background:linear-gradient(130deg,#f2faf8 0%,#f9fcfb 56%,#eff8f6 100%);padding:80px 0 68px}.demo-layout{grid-template-columns:minmax(0,1fr) minmax(0,470px);align-items:start;gap:70px;display:grid}.demo-eyebrow{letter-spacing:1.2px;color:#188f88;align-items:center;gap:10px;font-size:14px;display:inline-flex}.demo-eyebrow>span{background:#159e99;border-radius:50%;width:7px;height:7px}.demo-intro h1{letter-spacing:1px;margin:23px 0;font-size:clamp(36px,3.4vw,52px);font-weight:600;line-height:1.4}.demo-lead{color:#647d78;font-size:17px;line-height:1.95}.demo-perks{color:#41736b;flex-wrap:wrap;gap:18px;margin:24px 0 34px;font-size:13px;display:flex}.demo-perks>span{align-items:center;gap:5px;display:flex}.demo-perks svg{color:#159e99;width:16px;height:16px}.demo-steps{gap:24px;margin:0;padding:0;list-style:none;display:grid}.demo-steps li{align-items:flex-start;gap:18px;display:flex}.demo-steps li>span{color:#188d83;background:#fff9;border:1px solid #cce4dd;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:600;display:grid}.demo-steps strong{font-size:16px;font-weight:500;line-height:1.5;display:block}.demo-steps p{color:#78918a;margin-top:5px;font-size:13px;line-height:1.8}.demo-service-link{color:#168f87;align-items:center;gap:9px;margin-top:34px;font-size:14px;display:inline-flex}.demo-service-link svg{width:17px;height:17px}.demo-card{background:#fff;border:1px solid #dcece6;border-radius:16px;padding:34px 36px;box-shadow:0 18px 60px #234e4110}.demo-card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.demo-icon{color:#159e99;background:#e6f5f1;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.demo-icon svg{width:24px;height:24px}.demo-tag{color:#478177;background:#f0f8f5;border-radius:20px;padding:6px 10px;font-size:12px}.demo-card h2{margin:0;font-size:27px;font-weight:500;line-height:1.5}.demo-card-description{color:#83938e;margin-top:7px;font-size:14px;line-height:1.8}.demo-credentials{margin-top:25px}.demo-field label{color:#5d746c;margin-bottom:8px;font-size:13px;display:block}.demo-copy-row{background:#fbfdfc;border:1px solid #d7e5df;border-radius:5px;display:flex;overflow:hidden}.demo-copy-row input{color:#234a40;letter-spacing:.5px;background:0 0;border:0;width:100%;min-width:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:19px}.demo-copy-row button{color:#148d83;background:#f4faf7;border-left:1px solid #e0ebe6;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:79px;padding:0 14px;font-size:12px;display:flex}.demo-copy-row button:hover{background:#e7f5ef}.demo-copy-row svg{width:14px;height:14px}.demo-copy-status{color:#21796b;min-height:24px;padding-top:2px;font-size:12px;line-height:1.8;display:block}.demo-enter{color:#fff;background:#159e99;border-radius:5px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:51px;margin-top:3px;font-size:16px;transition:background .2s;display:flex}.demo-enter:hover{background:#118681}.demo-enter svg{width:18px;height:18px}.demo-address{text-align:center;overflow-wrap:anywhere;color:#788e87;margin:11px 0 22px;font-size:11px;line-height:1.8;display:block}.demo-shared-note{border-top:1px solid #edf2ef;padding-top:18px}.demo-shared-note strong{color:#596f66;font-size:13px;font-weight:500}.demo-shared-note p{color:#87968d;margin:7px 0 0;font-size:12px;line-height:1.9}.demo-next{background:#ffffff80;border:1px solid #d4e8e0;border-radius:10px;justify-content:space-between;align-items:center;gap:24px;margin-top:65px;padding:30px 36px;display:flex}.demo-next>div>span{letter-spacing:.8px;color:#268e80;font-size:12px}.demo-next h2{margin:8px 0;font-size:24px;font-weight:500}.demo-next p{color:#7c8f86;font-size:14px;line-height:1.8}.demo-next .consult-button{flex-shrink:0}.demo-page :is(a,button,input):focus-visible{outline-offset:4px;outline:2px solid #159e99}.demo-copy-row input:focus-visible{outline-offset:-3px}@media (max-width:1000px){.demo-page{padding-top:54px}.demo-layout{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:35px}.demo-card{padding:29px 27px}.demo-intro h1{font-size:37px}.demo-lead{font-size:15px}.demo-perks{gap:10px;font-size:12px}}@media (max-width:760px){.demo-page{padding:37px 0 40px}.demo-layout{flex-direction:column;gap:26px;display:flex}.demo-intro,.demo-card{width:100%}.demo-intro h1{margin:19px 0 16px;font-size:35px}.demo-lead{font-size:14px}.demo-perks{gap:17px;margin:19px 0 0}.demo-steps,.demo-service-link{display:none}.demo-card{padding:26px 24px}.demo-card-top{margin-bottom:16px}.demo-card h2{font-size:25px}.demo-credentials{margin-top:22px}.demo-next{flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px;padding:24px}.demo-next h2{font-size:21px}.demo-next .consult-button{width:100%}}