:root{--raf-primary: #2f55d4;--raf-ink: #1c2a4a;--raf-muted: #5b6b8c;--raf-line: #e3e9f7;--raf-soft: #f5f8ff;--raf-navy: #040e31;--raf-on-navy: #b7c3e6;--raf-radius: 14px}.raf-hero-invite{position:absolute;z-index:4;right:0;top:22%;width:31%;min-width:16em;border-radius:1em;overflow:hidden;background:#fff;color:var(--raf-ink);border:1px solid rgba(190,210,255,.7);box-shadow:0 2.6em 4.6em -1.6em #020828e6,0 .8em 1.6em -.6em #0208288c}.raf-hi-head{display:flex;align-items:center;gap:.6em;padding:.8em .95em;border-bottom:1px solid #e6ecfa;font-weight:700;font-size:.92em}.raf-hi-head>.mdi{margin-inline-start:auto;color:#7d8db0}.raf-hi-logo{width:1.7em;height:1.7em;border-radius:.45em;background:var(--raf-primary);display:grid;place-items:center;color:#fff}.raf-hi-body{padding:.95em}.raf-hi-offer{font-size:1.12em;font-weight:800;line-height:1.2;letter-spacing:-.01em;margin-bottom:.35em}.raf-hi-sub{font-size:.78em;color:#6b7a99;margin-bottom:.8em}.raf-hi-link{display:flex;align-items:center;gap:.5em;border:1px solid #dfe6f5;border-radius:.6em;padding-block:.35em;padding-inline:.7em .35em;font-size:.78em;color:#2a3a5e}.raf-hi-link span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.raf-hi-link b{background:var(--raf-primary);color:#fff;border-radius:.45em;padding:.4em .75em;font-weight:700}.raf-hi-share{display:grid;grid-template-columns:repeat(4,1fr);gap:.4em;margin-top:.7em}.raf-hi-share span{border:1px solid #e6ecfa;border-radius:.55em;padding:.5em 0;text-align:center;color:var(--raf-primary);font-size:1.05em}.raf-hi-balance{margin-top:.8em;background:#0d1530;color:#fff;border-radius:.7em;padding:.75em .85em;display:flex;align-items:center;justify-content:space-between}.raf-hi-balance strong{font-size:1.25em;display:block;line-height:1.1}.raf-hi-balance small{font-size:.62em;letter-spacing:.08em;text-transform:uppercase;color:#aab6d8}.raf-hi-balance b{background:var(--raf-primary);border-radius:999px;padding:.45em .9em;font-size:.8em}@media(max-width:991.98px){.raf-hero-invite{grid-area:chat;position:relative;top:auto;right:auto;width:100%;min-width:0}}.raf-head{max-width:720px;margin-inline:auto;text-align:center}.raf-head .title{text-wrap:balance}.raf-demo-band{background:var(--raf-navy);position:relative;overflow:hidden}.raf-demo-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 620px 420px at 30% 55%,rgba(47,85,212,.42),transparent 70%),radial-gradient(ellipse 480px 380px at 85% 30%,rgba(47,85,212,.25),transparent 72%)}.raf-demo-band>.container{position:relative;z-index:1}.raf-dark .title{color:#fff!important}.raf-dark .raf-head p{color:var(--raf-on-navy);font-size:16px}.raf-dark ::selection{background:#8caaff66;color:#fff}.raf-views{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:16px}.raf-view-toggle{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff14;border:1px solid rgba(160,185,255,.3)}.raf-view-toggle .raf-chip{border:0;display:inline-flex;align-items:center;gap:7px}.raf-view-toggle .mdi{font-size:16px;line-height:1}.raf-view-caption{flex:1 1 260px;margin:0;font-size:14px;line-height:1.45;color:var(--raf-on-navy)}.raf-cap-friend{display:none}[data-raf-view=friend] .raf-cap-friend{display:inline}[data-raf-view=friend] .raf-cap-customer{display:none}.raf-browser{border-radius:var(--raf-radius);overflow:hidden;background:#fff;border:1px solid rgba(190,210,255,.35);box-shadow:0 30px 60px -28px #020828d9,0 8px 18px -10px #02082880;transition:border-color .35s cubic-bezier(.16,1,.3,1)}[data-raf-view=friend] .raf-browser{border-color:#13a07fe6}.raf-browser-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#eef2fb;border-bottom:1px solid #dfe6f5}.raf-browser-dots{display:flex;gap:6px}.raf-browser-dots i{width:10px;height:10px;border-radius:50%;background:#c7d0e4}.raf-browser-url{flex:1;min-width:0;background:#fff;border:1px solid #dfe6f5;border-radius:8px;padding:4px 12px;font-size:12px;color:#6b7a99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.raf-browser-url .mdi{color:#13a07f;margin-inline-end:4px}.raf-frame-wrap{position:relative;height:640px;background:#fff}.raf-frame-wrap iframe{display:block;width:100%!important;height:100%;border:0}.raf-frame-state{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:#f4f6fa;color:var(--raf-muted);font-size:14px;transition:opacity .4s ease}.raf-frame-state .spinner-border{width:1.4rem;height:1.4rem;color:var(--raf-primary);margin-bottom:10px}[data-raf-demo].is-ready .raf-frame-state{opacity:0;pointer-events:none}.raf-frame-error,[data-raf-demo].is-error .raf-frame-loading{display:none}[data-raf-demo].is-error .raf-frame-error{display:block}[data-raf-demo].is-error .raf-frame-state{opacity:1;pointer-events:auto}.raf-site{margin-bottom:22px}.raf-site-label{display:block;font-size:13px;font-weight:700;color:#fff;margin-bottom:8px}.raf-site-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.raf-site-input{flex:1 1 240px;min-width:0;height:42px;padding:0 14px;border-radius:8px;border:1px solid rgba(160,185,255,.35);background:#ffffff12;color:#fff;font-size:15px}.raf-site-input::placeholder{color:#8e9cc4}.raf-site-input:focus{outline:none;border-color:#8fb0ff;background:#ffffff1f}.raf-site-input[aria-invalid=true]{border-color:#ff8a8a}.raf-site .btn{height:42px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.raf-site-back{display:none;font:inherit;font-size:13.5px;color:#c9d6ff;background:none;border:0;padding:0 4px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.raf-site-back:hover,.raf-site-back:focus-visible{color:#fff}[data-raf-site] .raf-site-back{display:inline-block}.raf-site-error{margin:4px 0 0;font-size:13px;color:#ffb3b3}.raf-site-error:empty{display:none}.raf-rail{display:grid;gap:22px}.raf-rail-label{font-size:13px;font-weight:700;letter-spacing:.02em;color:#fff;margin-bottom:9px}.raf-seg{display:flex;flex-wrap:wrap;gap:6px}.raf-chip{font:inherit;font-size:13.5px;font-weight:600;line-height:1;cursor:pointer;padding:9px 13px;border-radius:999px;border:1px solid rgba(160,185,255,.35);background:#ffffff0f;color:#dbe4ff;transition:background .2s ease,border-color .2s ease,color .2s ease}.raf-chip:hover{background:#ffffff1f;border-color:#a0b9ff99}.raf-chip:focus-visible,.raf-swatch:focus-visible,.raf-reset:focus-visible{outline:2px solid #8fb0ff;outline-offset:2px}.raf-chip[aria-pressed=true]{background:#fff;color:var(--raf-ink);border-color:#fff}.raf-swatch{width:34px;height:34px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:var(--c);cursor:pointer}.raf-swatch[aria-pressed=true]{border-color:#fff;box-shadow:0 2px 8px #00000059}.raf-reset{font:inherit;font-size:13px;color:#9fb3ec;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;justify-self:start}.raf-reset:hover{color:#fff}.raf-note{font-size:12.5px;color:#8e9cc4;margin:0}.raf-engine{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.raf-engine-map{background:var(--raf-soft);border-radius:18px;padding:28px;border:1px solid var(--raf-line)}.raf-engine-row{display:flex;gap:10px;justify-content:space-between}.raf-source{flex:1;background:#fff;border:1px solid var(--raf-line);border-radius:12px;padding:12px;text-align:center;font-weight:700;color:var(--raf-ink);font-size:14px}.raf-source .mdi{display:block;font-size:22px;color:var(--raf-primary);margin-bottom:4px}.raf-source.is-new{border-color:var(--raf-primary);box-shadow:0 6px 16px -10px #2f55d4b3}.raf-source.is-new small{display:block;font-size:11px;font-weight:700;color:var(--raf-primary);margin-top:2px}.raf-engine-lines{display:block;width:100%;height:54px}.raf-engine-lines path{fill:none;stroke:#9db3ee;stroke-width:1.5;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.raf-engine-core{background:var(--raf-navy);color:#fff;border-radius:14px;padding:16px 18px}.raf-engine-core strong{display:block;font-size:15px;margin-bottom:8px}.raf-engine-core ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:13.5px;color:#c9d6ff}.raf-engine-core .mdi{color:#8fb0ff;margin-inline-end:6px}.raf-checks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.raf-checks li{display:flex;gap:10px;color:var(--raf-muted)}.raf-checks .mdi{color:var(--raf-primary);font-size:20px;line-height:1.2}@media(max-width:991.98px){.raf-engine{grid-template-columns:1fr;gap:32px}}@media(max-width:575.98px){.raf-frame-wrap{height:560px}.raf-engine-map{padding:18px}.raf-engine-core ul{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.raf-browser,.raf-frame-state,.raf-chip{transition:none}}.raf-more>summary{display:none}.raf-more-body{display:grid;gap:22px}@media(max-width:991.98px){.raf-more{border:1px solid rgba(160,185,255,.25);border-radius:12px;background:#ffffff0a}.raf-more>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;list-style:none;font-size:14.5px;font-weight:700;color:#fff}.raf-more>summary::-webkit-details-marker{display:none}.raf-more>summary:after{content:"\f0140";font-family:Material Design Icons;font-size:20px;line-height:1;transition:transform .25s ease}.raf-more[open]>summary:after{transform:rotate(180deg)}.raf-more>summary:focus-visible{outline:2px solid #8fb0ff;outline-offset:2px;border-radius:12px}.raf-more-body{padding:4px 16px 16px}}@media(max-width:767.98px){.raf-demo-band .raf-head{margin-bottom:24px!important}.raf-dark .raf-head p{font-size:15px}.raf-site{margin-bottom:18px}.raf-site-input{flex:1 1 0;height:46px;font-size:16px}.raf-site .btn{height:46px;padding-inline:16px;flex:none}[data-raf-site] .raf-site-back{flex-basis:100%;text-align:start;padding:6px 0 0}.raf-views{display:block;margin-bottom:12px}.raf-view-toggle{display:grid;grid-template-columns:1fr 1fr;width:100%}.raf-view-toggle .raf-chip{justify-content:center;padding:11px 8px;font-size:13.5px}.raf-view-caption{margin-top:10px;font-size:13px}.raf-browser{border-radius:12px}.raf-browser-bar{padding:8px 10px}.raf-browser-dots{display:none}.raf-frame-wrap{height:520px}.raf-rail{gap:16px}.raf-seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-inline:-2px;padding-inline:2px}.raf-seg::-webkit-scrollbar{display:none}.raf-chip{flex:none;padding:11px 15px;font-size:14px}.raf-swatch{flex:none;width:38px;height:38px}}.raf-head .title:focus{outline:none}