.demo{overflow:hidden;padding:22px clamp(18px,5vw,48px) 60px}.demo__bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto 18px}.demo__back img{height:30px;width:auto;display:block}.demo__stage{position:relative;z-index:2;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);min-height:72vh}.demo__h1{color:var(--ink);font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.06;letter-spacing:-.03em;font-weight:800;margin:14px 0 12px}.demo__lead{color:#56627a;font-size:1.05rem;line-height:1.5;max-width:30rem;margin:0 0 22px}.demo__steps{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:8px}.demo__step{display:flex;gap:13px;padding:12px 14px;border-radius:15px;border:1px solid transparent;opacity:.5;transition:opacity .35s ease,background .35s ease,border-color .35s ease,transform .35s cubic-bezier(.16,1,.3,1)}.demo__step.is-done{opacity:.82}.demo__step.is-active{opacity:1;background:#fff;border-color:var(--border);box-shadow:0 18px 40px -26px rgba(8,20,45,.4);transform:translateX(2px)}.demo__step-ico{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--green-soft);color:var(--green-ink);transition:background .35s ease,color .35s ease}.demo__step.is-active .demo__step-ico{background:var(--grad-green);color:#fff;box-shadow:0 12px 26px -10px rgba(34,209,126,.6)}.demo__step-body{display:flex;flex-direction:column;gap:2px;padding-top:2px}.demo__step-n{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--green-ink)}.demo__step-title{color:var(--ink);font-weight:800;font-size:1.02rem;letter-spacing:-.01em}.demo__step-desc{margin:5px 0 1px;color:#56627a;font-size:.9rem;line-height:1.45;max-width:27rem;animation:demoFade .4s ease both}.demo__controls{display:flex;flex-wrap:wrap;gap:12px}.demo__phonewrap{display:flex;flex-direction:column;align-items:center;gap:18px}.demo__phone{animation:none}.demo__screen{min-height:348px;justify-content:flex-start}.demo__live{font-size:.68rem;font-weight:800;letter-spacing:.1em;color:var(--pg);background:rgba(46,227,137,.14);padding:4px 9px;border-radius:999px}.demo__foot{display:inline-flex;font-weight:700;color:var(--ink);font-size:1.02rem}.dconnect,.demo__foot{align-items:center;gap:9px}.dconnect{display:flex;flex-direction:column;text-align:center;padding:30px 16px 26px;animation:demoFade .4s ease both}.dconnect__logo{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:1.2rem;letter-spacing:-.02em;color:#fff;background:linear-gradient(150deg,#2a8cff,#146fff);box-shadow:0 16px 30px -12px rgba(20,111,255,.7);margin-bottom:4px}.dconnect__title{color:var(--pink);font-weight:800;font-size:1.06rem}.dconnect__sub{color:var(--pmut);font-size:.82rem}.dconnect__btn{position:relative;overflow:hidden;margin-top:12px;min-width:184px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:13px;font-weight:800;font-size:.96rem;color:#fff;background:var(--grad-green);box-shadow:0 16px 30px -14px rgba(34,209,126,.7);transition:background .3s ease}.dconnect__btn.is-done{background:linear-gradient(95deg,#1bbf70,#15a862)}.dconnect__bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:rgba(255,255,255,.85);border-radius:3px}.dconnect__btn.is-loading .dconnect__bar{animation:dfill 2s cubic-bezier(.4,0,.2,1) forwards}.dconnect__safe{margin-top:12px;display:inline-flex;align-items:center;gap:6px;color:var(--pmut);font-size:.76rem}@keyframes dfill{0%{width:0}to{width:100%}}@keyframes demoFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:860px){.demo__stage{grid-template-columns:1fr;gap:30px;min-height:0}.demo__phonewrap{order:-1}.demo__lead{font-size:1rem}.demo__steps{gap:6px}}@media (prefers-reduced-motion:reduce){.demo__phone{animation:none}.dconnect__btn.is-loading .dconnect__bar{animation:none;width:100%}.dconnect,.demo__step-desc,.phone__entry.is-pop,.phone__row.is-fresh{animation:none}}