.demo{background:#1D2957;color:#F5F6F8;border-radius:var(--r-lg);padding:clamp(20px,3vw,36px);--surface:#243266;--line:#3A4A8A;--graphite:#B7C0E6;--soft:#2D3D7A;--ink:#F5F6F8;--two:#7C93FF;--on-two:#0E1014;--ok:#5ED3A2;--ok-text:#5ED3A2;--warn:#F0BC6B;--warn-text:#F0BC6B;--canvas:#1D2957}.demo-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.demo-label{font-size:13px;color:#B7C0E6;margin-bottom:16px;display:flex;gap:8px;align-items:center}.demo-label::before{content:"";width:6px;height:6px;border-radius:50%;background:#B7C0E6}.seg{display:inline-flex;background:color-mix(in srgb,#fff 8%,transparent);border-radius:12px;padding:4px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:transparent;color:inherit;padding:8px 14px;border-radius:9px;cursor:pointer;font-weight:500;font-size:14px}.seg button[aria-pressed="true"]{background:#fff;color:#1D2957}.demo-ctl{display:flex;gap:6px;align-items:center}.demo-ctl button{background:color-mix(in srgb,#fff 10%,transparent);border:1px solid color-mix(in srgb,#fff 18%,transparent);color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;font-size:14px;font-weight:500;min-height:40px}.demo-ctl button:hover{background:color-mix(in srgb,#fff 18%,transparent)}.beats{display:grid;gap:16px;position:relative;grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.beats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.beat{background:color-mix(in srgb,#fff 6%,transparent);border:1px solid color-mix(in srgb,#fff 12%,transparent);border-radius:16px;padding:18px;display:grid;gap:12px;align-content:start;min-height:220px;transition:border-color var(--d3) var(--ease),background var(--d3) var(--ease)}.beat.active{border-color:var(--two);background:color-mix(in srgb,#fff 9%,transparent)}.beat.dim{border-color:color-mix(in srgb,#fff 8%,transparent)}.beat.dim .n{opacity:.7}.beat-h{display:flex;align-items:center;justify-content:space-between;gap:10px}.beat-h .t{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite)}html[dir="rtl"] .beat-h .t{letter-spacing:0;text-transform:none}.beat-h .n{width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,#fff 10%,transparent);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.beat.active .n{background:var(--two);color:var(--on-two)}.bubble{background:#fff;color:#101114;border-radius:16px;padding:12px 14px;font-size:15px;line-height:1.45;max-width:36ch}html[dir="rtl"] .bubble{line-height:1.7}.bubble.me{background:#E3E8FF;color:#101114;margin-inline-start:auto}.steps{display:grid;gap:8px;font-size:14px;color:var(--graphite)}.step{display:flex;gap:10px;align-items:center;opacity:0;transform:translateY(4px);transition:opacity var(--d3) var(--ease),transform var(--d3) var(--ease)}.step.show{opacity:1;transform:none}.step .live{flex:0 0 auto}.card{background:#fff;color:#101114;border-radius:16px;padding:16px;display:grid;gap:10px;font-size:15px;--graphite:#5F6470;--line:#E5E7EB;--soft:#EEF2FF;--ok:#168A5B;--ok-text:#0F6B45;--warn:#C77800;--warn-text:#915800;--two:#315CFF;--on-two:#fff}.card .k{font-size:12px;color:var(--graphite);font-weight:600;letter-spacing:.06em;text-transform:uppercase}html[dir="rtl"] .card .k{letter-spacing:0;text-transform:none}.card .item{font-weight:600;font-size:16px}.card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px}.card dt{color:var(--graphite)}.card dd{margin:0}.card .why{background:var(--soft);border-radius:10px;padding:8px 10px;font-size:14px}.card .auth{font-size:13px;color:var(--graphite);display:flex;gap:8px;align-items:center}.card .auth::before{content:"";width:8px;height:8px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1.5px var(--graphite)}.card .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.card .btn-primary{background:var(--two);color:#fff}.card .btn-secondary{background:#fff;border-color:var(--line);color:#101114}.card .preview{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;color:#101114;background:#FAFBFC}.check{display:grid;gap:8px;font-size:15px}.check li{display:flex;gap:10px;align-items:flex-start;list-style:none}.check ul{margin:0;padding:0}.check .ok{color:var(--ok-text);font-weight:600}.check .pend{color:var(--warn-text);font-weight:600}.doneline{font-weight:600}.demo-foot{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 20px;font-size:13px;color:var(--graphite);align-items:center}.demo-foot .live{transform:scale(.9)}.rail{height:2px;background:color-mix(in srgb,#fff 12%,transparent);border-radius:2px;position:relative;margin:4px 0 18px;overflow:visible}.rail .p{position:absolute;inset-inline-start:0;top:0;height:100%;background:var(--two);width:0%;transition:width .6s var(--ease)}.rail .c{position:absolute;top:50%;inset-inline-start:0;width:14px;height:14px;border-radius:50%;background:var(--two);transform:translate(-50%,-50%);transition:inset-inline-start .6s var(--ease)}html[dir="rtl"] .rail .c{transform:translate(50%,-50%)}.rail .o{position:absolute;top:50%;inset-inline-start:0;width:14px;height:14px;border-radius:50%;background:var(--soft);box-shadow:inset 0 0 0 1.25px color-mix(in srgb,#fff 60%,transparent);transform:translate(-50%,-50%)}html[dir="rtl"] .rail .o{transform:translate(50%,-50%)}.inputs{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}.inputs>div{min-width:0}@media(min-width:900px){.inputs{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);align-items:start}}.phone{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:14px;display:grid;gap:10px;max-width:360px;width:100%;min-width:0}.phone .ph-h{display:flex;justify-content:space-between;font-size:12px;color:var(--graphite);padding:0 6px}.sms{display:grid;gap:8px}.sms .from{font-size:12px;color:var(--graphite);text-align:center}.sms .in{background:var(--canvas);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:14px;max-width:88%}html[dir="rtl"] .sms .in{border-radius:16px 16px 4px 16px}.sms .time{font-size:11px;color:var(--graphite);padding:0 6px}.voice{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:12px}.voice .play{display:flex;align-items:center;gap:12px}.voice .pbtn{width:44px;height:44px;border-radius:50%;background:var(--two);color:var(--on-two);border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}.voice .bars{display:flex;gap:3px;align-items:center;height:28px;flex:1 1 0;min-width:0;overflow:hidden}.voice .t{flex:0 0 auto}.voice .bars i{display:block;width:3px;border-radius:2px;background:var(--line);height:var(--h,10px)}.voice .bars i.on{background:var(--two)}.voice .t{font-size:13px;color:var(--graphite);font-variant-numeric:tabular-nums}.voice .tr{font-size:14px;border-top:1px solid var(--line);padding-top:10px}.voice .tr b{display:block;font-size:12px;color:var(--graphite);font-weight:600;margin-bottom:4px}.msgcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:10px}.msgcard .bubble{background:var(--soft);color:var(--ink);max-width:100%;font-size:15px}.msgcard .rep{background:var(--canvas);border:1px solid var(--line);border-radius:16px;padding:10px 12px;font-size:14px}.caption{font-size:13px;color:var(--graphite);margin-top:14px}.mem{display:grid;gap:6px;padding:12px 0;border-top:1px solid var(--line)}.mem .src{font-size:13px;color:var(--graphite)}.mem .acts{display:flex;gap:8px}.mem .acts button{border:1px solid var(--line);background:transparent;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.mem .acts button:hover{background:var(--soft)}.mem .undo{font-size:13px;color:var(--graphite);display:flex;gap:8px;align-items:center}.mem .undo button{border:0;background:transparent;color:var(--two);cursor:pointer;font-weight:600;padding:6px 0;min-height:32px}.mem input{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink);min-height:44px}.auth-ex{display:grid;gap:10px;font-size:15px}.auth-ex div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline}.auth-ex b{font-weight:600;min-width:6ch}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--graphite);background:var(--canvas)}.badge.on{border-color:var(--graphite);color:var(--ink);background:var(--surface)}details{border-top:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--graphite);font-weight:400;font-size:20px}details[open] summary::after{content:"–"}details p{margin-top:10px;color:var(--graphite)}.relief{display:grid;gap:24px}@media(min-width:960px){.relief{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}}.figure{border-radius:var(--r-lg);overflow:hidden;background:var(--surface);aspect-ratio:16/10}.figure img{width:100%;height:100%;object-fit:cover}@media(max-width:959px){.figure{aspect-ratio:4/5;max-height:60vh}}.summary{display:grid;gap:10px}.summary .row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}.summary .row:last-child{border-bottom:1px solid var(--line)}.summary .row .live{margin-top:6px}.summary .row b{display:block}.summary .row span{color:var(--graphite);font-size:14px}.avail{display:grid;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.avail .r{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 18px;border-top:1px solid var(--line);align-items:center;font-size:15px}.avail .r:first-child{border-top:0}.avail .r span{color:var(--graphite);font-size:14px}@media(max-width:560px){.avail .r{grid-template-columns:1fr;gap:6px}.pill{white-space:normal;justify-self:start}}.pill{font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;white-space:nowrap}.pill.live{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok-text);display:inline-block;width:auto;height:auto}.pill.test{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn-text)}.pill.plan{background:var(--soft);color:var(--graphite)}.faq details{padding:14px 0}.faq summary{font-size:17px}.next{text-align:center;display:grid;gap:18px;justify-items:center;padding:clamp(56px,8vw,112px) 0}.next h2{font-size:clamp(36px,5vw,64px)}.next .btn{min-width:220px}.fail{display:grid;gap:14px}.fail .row{display:flex;flex-wrap:wrap;gap:8px}.state{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface);display:grid;gap:6px;font-size:15px}.state b{display:flex;gap:8px;align-items:center}.state .live{transform:scale(.9)}.avail .r{grid-template-columns:minmax(0,1fr) auto}@media(max-width:560px){.avail .r{grid-template-columns:minmax(0,1fr)}}