.learn-video-page[data-v-f4445863]{--page-bg:#08080f;--panel-bg:#12121c;--panel-border:#ffffff14;--purple:#b845e6;--purple-dark:#8b2fc9;--blue:#2cc4fb;--pink:#fd8eff;--text:#fff;--muted:#fff9;--card-title:#ffffffd9;--card-copy:#ffffff8c;--weak-copy:#ffffff73;--soft:#ffffffb3;background:var(--page-bg);color:var(--text);overflow:hidden}.page-container[data-v-f4445863]{box-sizing:content-box;max-width:1280px;margin:0 auto;padding:0 64px}.hero-section[data-v-f4445863]{position:relative}.hero-glow[data-v-f4445863]{background:var(--purple);opacity:.15;filter:blur(130px);border-radius:999px;width:600px;height:400px;position:absolute;top:66px;left:50%;transform:translate(-50%)}.hero-container[data-v-f4445863]{grid-template-columns:584px 584px;align-items:center;gap:16px;padding-top:80px;padding-bottom:16px;display:flex;position:relative}.hero-copy[data-v-f4445863]{flex:1;max-width:584px}.eyebrow[data-v-f4445863]{color:#ffffffb3;background:#b845e614;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;height:34px;margin-bottom:32px;padding:6px 16px;font-size:14px;line-height:20px;display:inline-flex}.eyebrow span[data-v-f4445863]{background:var(--purple);border-radius:50%;width:6px;height:6px}h1[data-v-f4445863],h2[data-v-f4445863],h3[data-v-f4445863],p[data-v-f4445863]{margin:0}.hero-copy h1[data-v-f4445863]{letter-spacing:0;font-size:48px;font-weight:700;line-height:55px}.cta-panel h2[data-v-f4445863] span,.hero-copy h1[data-v-f4445863] span,.section-heading h2[data-v-f4445863] span,.smarter-copy h2[data-v-f4445863] span{background:linear-gradient(96deg,var(--blue),var(--pink));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content;display:inline-block}.hero-copy h1 span[data-v-f4445863]{display:block}.hero-copy p[data-v-f4445863]{color:var(--soft);padding-top:24px;font-size:16px;line-height:24px}.search-input[data-v-f4445863]{background:#ffffff12;border:1px solid #b845e673;border-radius:16px;align-items:center;height:58px;margin-top:40px;display:flex;position:relative;overflow:hidden}.search-input[data-v-f4445863]:hover{box-shadow:0 0 0 4px #b845e614,0 4px 24px #b845e61f}.input[data-v-f4445863]{width:100%;height:100%;color:var(--soft);background:0 0;border:0;outline:0;padding:0 154px 0 48px;font-size:14px;line-height:20px}.url-icon[data-v-f4445863]{opacity:.75;pointer-events:none;background:url(../assets/images/use-cases/learn-from-video/link.svg) 50%/contain no-repeat;width:16px;height:16px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.input[data-v-f4445863]::placeholder{color:#fff9}.search-input-close[data-v-f4445863]{cursor:pointer;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;right:124px;transform:translateY(-50%)}.cta-panel button[data-v-f4445863],.search-btn[data-v-f4445863]{cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border:0;font-family:inherit;font-weight:600}.search-btn[data-v-f4445863]{border-radius:12px;justify-content:center;align-items:center;width:113px;height:40px;font-size:14px;line-height:20px;display:flex;position:absolute;top:8px;right:8px}.hero-media[data-v-f4445863]{border-radius:16px;flex:1;max-width:660px}.hero-media img[data-v-f4445863]{width:100%}.hero-photo[data-v-f4445863]{background:linear-gradient(135deg,#08080f4d,#08080f14),url(../assets/images/use-cases/learn-from-video/s1-1.png) 50%/cover no-repeat;border-radius:16px;position:absolute;inset:0;overflow:hidden}.page-section[data-v-f4445863]{padding:56px 0}.cta-panel[data-v-f4445863],.section-heading[data-v-f4445863]{text-align:center}.section-heading h2[data-v-f4445863],.smarter-copy h2[data-v-f4445863]{color:#fff;font-size:36px;font-weight:700;line-height:46px}.section-heading p[data-v-f4445863]{width:min(750px,100%);color:var(--muted);margin:20px auto 0;font-size:16px;line-height:29px}.workflow-grid[data-v-f4445863]{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;display:grid}.workflow-card[data-v-f4445863]{border:1px solid var(--panel-border);background:#12121cbf;border-radius:16px;flex-direction:column;min-height:346px;padding:29px;display:flex;position:relative;overflow:hidden}.workflow-card.featured[data-v-f4445863],.workflow-card[data-v-f4445863]:hover{background:linear-gradient(145deg,#b845e62e,#8b2fc914);border-color:#b845e673}.workflow-card.featured[data-v-f4445863]:after,.workflow-card[data-v-f4445863]:hover:after{content:"";background:var(--purple);filter:blur(60px);opacity:.3;border-radius:50%;width:160px;height:160px;position:absolute;top:-47px;right:-47px}.step-number[data-v-f4445863]{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.workflow-card h3[data-v-f4445863]{color:var(--card-title);margin-top:24px;font-size:18px;font-weight:600;line-height:28px}.workflow-card p[data-v-f4445863]{color:var(--weak-copy);margin-top:16px;font-size:14px;line-height:23px}.workflow-card.featured h3[data-v-f4445863],.workflow-card:hover h3[data-v-f4445863]{color:#fff}.workflow-card.featured p[data-v-f4445863],.workflow-card:hover p[data-v-f4445863]{color:var(--soft)}.card-button[data-v-f4445863]{color:#fffc;background:0 0;border:1px solid #b845e6bf;border-radius:10px;justify-content:center;align-items:center;height:40px;margin-top:auto;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;display:flex}.featured .card-button[data-v-f4445863],.workflow-card:hover .card-button[data-v-f4445863]{background:var(--purple);color:#fff;border:0}.smarter-layout[data-v-f4445863]{grid-template-columns:584px 576px;align-items:center;gap:64px;display:flex}.smarter-copy h2[data-v-f4445863]{max-width:430px}.smarter-copy p[data-v-f4445863]{color:var(--muted);margin-top:28px;font-size:16px;line-height:26px}.note-strip[data-v-f4445863]{color:var(--soft);background:#b845e614;border:1px solid #b845e62e;border-radius:12px;gap:12px;margin-top:32px;padding:14px 20px;font-size:14px;line-height:22px;display:flex}.note-strip span[data-v-f4445863]{background:url(../assets/images/use-cases/learn-from-video/warning.svg) 50%/contain no-repeat;border-radius:50%;flex:none;width:16px;height:16px;margin-top:2px}.benefit-grid[data-v-f4445863]{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.benefit-card[data-v-f4445863]{border:1px solid var(--panel-border);background:#12121cc7;border-radius:14px;min-height:140px;padding:28px}.benefit-icon[data-v-f4445863]{background:50%/40px 40px no-repeat;border-radius:10px;width:40px;height:40px;display:block}.benefit-card h3[data-v-f4445863]{color:#fff;margin-top:18px;font-size:16px;font-weight:600;line-height:22px}.benefit-card p[data-v-f4445863]{color:var(--card-copy);margin-top:10px;font-size:14px;line-height:23px}.example-grid[data-v-f4445863]{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.example-card[data-v-f4445863]{border:1px solid var(--panel-border);background:#12121cc7;border-radius:12px;overflow:hidden}.example-image[data-v-f4445863]{background-position:50%;background-size:cover;height:190px;position:relative}.example-image[data-v-f4445863]:after{content:"";position:absolute;inset:0}.example-image span[data-v-f4445863]{z-index:1;color:#fff;background:#b845e6b2;border-radius:999px;margin:14px;padding:4px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex;position:relative}.example-body[data-v-f4445863]{z-index:1;padding:0 24px 24px;position:relative}.example-body h3[data-v-f4445863]{color:#fff;margin-top:24px;font-size:18px;font-weight:600;line-height:28px}.example-body p[data-v-f4445863]{min-height:66px;color:var(--card-copy);margin-top:8px;font-size:14px;line-height:22px}.tag-row[data-v-f4445863]{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.cta-panel[data-v-f4445863],.tag[data-v-f4445863],.tag-row[data-v-f4445863],.use-case-crumb[data-v-f4445863]{align-items:center}.tag[data-v-f4445863]{border:1px solid #ffffff1a;border-radius:999px;min-height:26px;padding:4px 10px;font-weight:400;line-height:16px;display:inline-flex}.arrow[data-v-f4445863],.tag[data-v-f4445863]{color:#ffffff80;font-size:12px}.cta-section[data-v-f4445863]{padding-top:64px;padding-bottom:64px}.cta-panel[data-v-f4445863]{background:#12121ccc;border:1px solid #b845e633;border-radius:16px;flex-direction:column;justify-content:center;padding:56px 16px 40px;display:flex;position:relative;overflow:hidden}.cta-panel[data-v-f4445863]:before{content:"";background:linear-gradient(98deg,var(--blue),var(--pink));filter:blur(80px);opacity:.2;border-radius:999px;width:400px;height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.cta-panel button[data-v-f4445863],.cta-panel h2[data-v-f4445863],.cta-panel p[data-v-f4445863]{z-index:1;position:relative}.cta-panel h2[data-v-f4445863]{font-size:30px;font-weight:700;line-height:38px}.cta-panel p[data-v-f4445863]{width:min(400px,100% - 48px);color:var(--muted);margin-top:12px;font-size:14px;line-height:23px}.cta-panel button[data-v-f4445863]{border-radius:999px;min-width:192px;height:40px;margin-top:28px;padding:10px 24px;font-size:14px;font-weight:600;line-height:20px}.use-case-crumb[data-v-f4445863]{color:#fff;background:#fff3;justify-content:center;gap:6px;height:48px;font-size:14px;font-weight:400;line-height:19px;display:flex}.use-case-crumb a[data-v-f4445863]{color:#fff;text-decoration:none}@media screen and (width<=1024px){.workflow-grid[data-v-f4445863]{grid-template-columns:repeat(2,minmax(0,1fr))}.smarter-layout[data-v-f4445863]{grid-template-columns:1fr;gap:40px;display:grid}.example-grid[data-v-f4445863]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=768px){.page-container[data-v-f4445863]{padding:0 16px}.benefit-card[data-v-f4445863],.hero-section[data-v-f4445863],.workflow-card[data-v-f4445863]{min-height:auto}.hero-container[data-v-f4445863]{grid-template-columns:1fr;gap:24px;padding-top:32px;padding-bottom:24px}.eyebrow[data-v-f4445863]{margin-bottom:16px}.hero-copy[data-v-f4445863]{text-align:center}.hero-copy h1[data-v-f4445863]{font-size:30px;line-height:36px}.hero-copy h1 span[data-v-f4445863]{display:inline}.hero-copy p[data-v-f4445863],.search-input[data-v-f4445863]{width:100%}.hero-copy p[data-v-f4445863]{padding-top:12px;font-size:12px;line-height:24px}.search-input[data-v-f4445863]{height:48px;margin-top:24px}.input[data-v-f4445863]{padding:0 112px 0 42px;font-size:13px;line-height:20px}.url-icon[data-v-f4445863]{left:16px}.search-input-close[data-v-f4445863]{right:94px}.search-btn[data-v-f4445863]{border-radius:12px;width:84px;height:40px;font-size:14px;line-height:20px;top:4px;right:4px}.hero-media[data-v-f4445863]{height:360px;display:none}.page-section[data-v-f4445863]{padding:32px 0}.section-heading h2[data-v-f4445863],.smarter-copy h2[data-v-f4445863]{text-align:center;font-size:20px;line-height:30px}.section-heading p[data-v-f4445863],.smarter-copy p[data-v-f4445863]{text-align:center;margin-top:12px;font-size:14px;line-height:22px}.example-grid[data-v-f4445863],.workflow-grid[data-v-f4445863]{gap:16px;margin-top:24px}.example-grid[data-v-f4445863],.smarter-layout[data-v-f4445863],.workflow-grid[data-v-f4445863]{grid-template-columns:1fr}.workflow-card[data-v-f4445863]{padding:20px}.workflow-card a[data-v-f4445863]{margin-top:24px}.workflow-card h3[data-v-f4445863]{margin-top:16px}.workflow-card p[data-v-f4445863]{margin-top:8px}.benefit-card h3[data-v-f4445863],.example-body h3[data-v-f4445863],.workflow-card h3[data-v-f4445863]{font-size:16px;line-height:24px}.benefit-card p[data-v-f4445863],.example-body p[data-v-f4445863],.workflow-card p[data-v-f4445863]{font-size:14px;line-height:22px}.smarter-layout[data-v-f4445863]{gap:24px}.benefit-grid[data-v-f4445863]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.benefit-card[data-v-f4445863]{padding:16px}.benefit-icon[data-v-f4445863]{background-size:32px 32px;width:32px;height:32px}.benefit-card h3[data-v-f4445863]{margin-top:12px}.benefit-card p[data-v-f4445863]{margin-top:8px}.example-grid[data-v-f4445863]{margin-top:24px}.example-image[data-v-f4445863]{height:180px}.example-image span[data-v-f4445863]{margin:10px}.example-body[data-v-f4445863]{padding:0 16px 18px}.example-body h3[data-v-f4445863]{margin-top:16px}.example-body p[data-v-f4445863]{min-height:auto;margin-top:8px}.tag-row[data-v-f4445863]{margin-top:12px}.cta-section[data-v-f4445863]{padding-top:32px;padding-bottom:32px}.cta-panel[data-v-f4445863]{padding:32px 16px 28px}.cta-panel h2[data-v-f4445863]{font-size:20px;line-height:30px}.cta-panel p[data-v-f4445863]{width:100%;margin-top:8px;font-size:14px;line-height:22px}.cta-panel button[data-v-f4445863]{margin-top:20px}.use-case-crumb[data-v-f4445863]{white-space:nowrap;height:40px;padding:0 12px;font-size:13px;overflow:hidden}}@media screen and (width<=520px){.benefit-grid[data-v-f4445863]{grid-template-columns:1fr}}
