.demo-toc__inner{width:100%;max-width:1440px;margin-inline:auto;padding-inline:22px}@media (min-width:734px){.demo-toc__inner{padding-inline:60px}}@media (min-width:1240px){.demo-toc__inner{padding-inline:140px}}
.demo-player{background-color:#0038df;width:100%;position:relative}@media (min-width:1240px){.demo-player{overflow:clip}}.demo-player__bubbles{display:none}@media (min-width:1240px){.demo-player__bubbles{pointer-events:none;display:block;position:absolute;inset:0}}.demo-player__bubble{opacity:.63;background:radial-gradient(50% 50%,#00d9ff4d 0%,#00d9ff1a 100%);border:2px solid #00d9ff4d;border-radius:50%;position:absolute;box-shadow:0 0 15.591px #00d9ff4d}.demo-player__inner{width:100%;max-width:1440px;margin-inline:auto;padding-inline:22px}@media (min-width:734px){.demo-player__inner{padding-inline:60px}}@media (min-width:1240px){.demo-player__inner{padding-inline:140px}}.demo-player__inner{z-index:1;flex-direction:column;align-items:center;padding-block:40px;display:flex;position:relative}@media (min-width:1240px){.demo-player__inner{padding-block:60px}}.demo-player__title{font-family:var(--font-poppins),system-ui,sans-serif;text-align:center;color:#000;margin-bottom:43px;font-size:20px;font-weight:700;line-height:1.2}@media (min-width:734px){.demo-player__title{margin-bottom:59px;font-size:26px;line-height:1}}@media (min-width:1240px){.demo-player__title{margin-bottom:50px;font-size:38px;line-height:normal}}.demo-player__title{color:#fbf8f8}.demo-player__screens{justify-content:center;gap:28px;display:flex}@media (min-width:734px){.demo-player__screens{gap:20px}}@media (min-width:1240px){.demo-player__screens{gap:40.4px}}.demo-player__screen{border-radius:11.019px;width:158.7px;height:320.1px;display:block;position:relative;overflow:hidden}@media (min-width:734px){.demo-player__screen{border-radius:15.145px;width:246.1px;height:463.4px}}@media (min-width:1240px){.demo-player__screen{border-radius:15.541px;width:223.8px;height:451.5px}}@media (min-width:734px){.demo-player__screen:nth-child(2){width:229.6px}}@media (min-width:1240px){.demo-player__screen:nth-child(2){width:223.8px}}.demo-player__captions{text-align:center;flex-direction:column;gap:12px;margin-top:30px;display:flex}@media (min-width:734px){.demo-player__captions{gap:8px;margin-top:32px}}@media (min-width:1240px){.demo-player__captions{margin-top:30px}}.demo-player__captions p{font-family:var(--font-poppins),system-ui,sans-serif;color:#fbf8f8;font-size:14px;font-weight:500}@media (min-width:1240px){.demo-player__captions p{font-size:16px;font-weight:600}}.demo-player__cta-row{flex-direction:column;gap:10px;width:100%;margin-top:30px;display:flex}@media (min-width:734px){.demo-player__cta-row{flex-direction:row;justify-content:center;gap:22px;width:auto}}.demo-player__cta{font-family:var(--font-inter),system-ui,sans-serif;text-align:center;cursor:pointer;border-radius:50px;justify-content:center;align-items:center;transition:filter .18s,transform 80ms,background-color .18s,border-color .18s;display:flex}.demo-player__cta:active{transform:scale(.97)}.demo-player__cta--primary{color:#fff;background:#ff4f1a;border:1px solid #ffeb3b;border-radius:25.355px;padding:20px 14px;font-size:20px;font-weight:700;line-height:16px;box-shadow:0 4px 2px #00000040}@media (min-width:734px){.demo-player__cta--primary{background:radial-gradient(at 30% 30%,#ff9500 0%,#ff6b00 50%,#d95000 100%);border-width:2px;border-radius:50px;height:59px;padding:10px 30px;font-size:16px;box-shadow:0 4px 7.5px #ff950099,inset 0 2px 5px #ffffff4d}}@media (min-width:1240px){.demo-player__cta--primary{height:71px;padding:16px 30px;font-size:24px;line-height:32.269px}}.demo-player__cta--primary:hover{filter:brightness(1.08)}.demo-player__cta--secondary{color:#fbf8f8;background-color:#00d9ff26;border:1px solid #00d9ff;border-radius:43.529px;padding:21px 15px;font-size:20px;font-weight:600;box-shadow:0 0 20px #00d9ff66,inset 0 2px 5px #fff3}@media (min-width:734px){.demo-player__cta--secondary{border-width:2px;border-radius:50px;height:57px;padding:12px 42px;font-size:16px}}@media (min-width:1240px){.demo-player__cta--secondary{height:70.378px;padding:19px 43px;font-size:24px;line-height:32.269px}}.demo-player__cta--secondary:hover{background-color:#00d9ff47;border-color:#4be3ff}
.why-try-demo{width:100%}.why-try-demo__inner{width:100%;max-width:1440px;margin-inline:auto;padding-inline:22px}@media (min-width:734px){.why-try-demo__inner{padding-inline:60px}}@media (min-width:1240px){.why-try-demo__inner{padding-inline:140px}}.why-try-demo__title{font-family:var(--font-poppins),system-ui,sans-serif;text-align:center;color:#000;margin-bottom:43px;font-size:20px;font-weight:700;line-height:1.2}@media (min-width:734px){.why-try-demo__title{margin-bottom:59px;font-size:26px;line-height:1}}@media (min-width:1240px){.why-try-demo__title{margin-bottom:50px;font-size:38px;line-height:normal}}.why-try-demo__body{flex-direction:column;gap:24px;display:flex}.why-try-demo__body p{font-family:var(--font-poppins),system-ui,sans-serif;text-align:center;color:#000;font-size:14px;font-weight:400}@media (min-width:734px){.why-try-demo__body p{font-size:16px}}@media (min-width:1240px){.why-try-demo__body p{font-size:18px}}.why-try-demo__body p strong{color:#0038df;font-weight:700}
.howto-free{width:100%}.howto-free__inner{width:100%;max-width:1440px;margin-inline:auto;padding-inline:22px}@media (min-width:734px){.howto-free__inner{padding-inline:60px}}@media (min-width:1240px){.howto-free__inner{padding-inline:140px}}.howto-free__title{font-family:var(--font-poppins),system-ui,sans-serif;text-align:center;color:#000;margin-bottom:43px;font-size:20px;font-weight:700;line-height:1.2}@media (min-width:734px){.howto-free__title{margin-bottom:59px;font-size:26px;line-height:1}}@media (min-width:1240px){.howto-free__title{margin-bottom:50px;font-size:38px;line-height:normal}}.howto-free__banner-wrap{position:relative;overflow:clip}.howto-free__banner{object-fit:cover;border-radius:20px;width:100%;height:auto;display:block}@media (min-width:1240px){.howto-free__banner{max-width:957px;margin-inline:auto}}.howto-free__fish{display:none}@media (min-width:1240px){.howto-free__fish{width:181px;height:158px;display:block;position:absolute;top:-69px;left:482px}}.howto-free__steps{flex-direction:column;gap:10px;margin-top:30px}@media (min-width:734px){.howto-free__steps{gap:10px;margin-top:32px}}@media (min-width:1240px){.howto-free__steps{gap:10px;margin-top:40px}}.howto-free__step{align-items:center;gap:10px;display:flex}@media (min-width:734px){.howto-free__step{gap:20px}}@media (min-width:1240px){.howto-free__step{gap:29.437px}}.howto-free__step-circle{box-sizing:border-box;width:36px;height:36.149px;font-family:var(--font-poppins),system-ui,sans-serif;color:#fff;background-color:#ff3c00;border:3.4px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}@media (min-width:734px){.howto-free__step-circle{border-width:3.8px;width:40px;height:40.165px;font-size:23.627px}}@media (min-width:1240px){.howto-free__step-circle{border-width:3px;width:32px;height:32.132px;font-size:18.901px}}.howto-free__step-text{font-family:var(--font-poppins),system-ui,sans-serif;color:#fbf8f8;background-color:#0038df;border-radius:16px;flex-grow:1;padding:6.5px 13px;font-size:14px;font-weight:400}@media (min-width:734px){.howto-free__step-text{border-radius:23.986px;padding:10px 20px;font-size:14px;font-weight:500}}@media (min-width:1240px){.howto-free__step-text{padding:10px 20px;font-size:16px}}.howto-free__cta{width:100%;font-family:var(--font-poppins),system-ui,sans-serif;text-transform:uppercase;text-align:center;color:#fff;background-color:#ff3c00;border-radius:30px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 2px #00000040}@media (min-width:734px){.howto-free__cta{width:fit-content;margin-inline:auto;padding:10px 20px;font-size:16px}}@media (min-width:1240px){.howto-free__cta{padding:10px 20px;font-size:20px}}.howto-free__cta{cursor:pointer;transition:background-color .18s,transform 80ms,box-shadow .18s}.howto-free__cta:hover{background-color:#e23500;box-shadow:0 6px 16px #ff3c0059}.howto-free__cta:active{background-color:#c72f00;transform:scale(.97);box-shadow:0 2px 6px #ff3c004d}.howto-free__cta{margin-top:30px}@media (min-width:734px){.howto-free__cta{margin-top:32px}}@media (min-width:1240px){.howto-free__cta{margin-top:40px}}
