.interactive-demos{--id-blue:#006bff;--id-navy:#0f2749;--id-text:#222;--id-muted:#5f636b;--id-eyebrow:#8795ad;--id-section-bg:#f4f6f9;--id-card-bg:#eceff3;--id-header-offset:86px;--id-admin-offset:0px;--id-banner-offset:0px;color:var(--id-text);background:#fff;font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;padding-top:calc(var(--id-header-offset) + var(--id-admin-offset) + var(--id-banner-offset))}body.admin-bar .interactive-demos{--id-admin-offset:var(--wp-admin--admin-bar--height,32px)}body:has(#simple-banner:not(.simple-banner-scrolling)) .interactive-demos{--id-banner-offset:88px}.interactive-demos *,.interactive-demos *::before,.interactive-demos *::after{box-sizing:border-box}.interactive-demos h1,.interactive-demos h2,.interactive-demos h3,.interactive-demos p{margin-top:0}.interactive-demos a{color:inherit;text-decoration:none}.id-wrap{width:min(100% - 64px,1240px);margin:0 auto}.id-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;padding-top:44px;color:var(--id-muted);font-size:15px}.id-breadcrumb a{color:var(--id-blue)}.id-breadcrumb a:hover{text-decoration:underline}.id-single-head{max-width:840px;padding:48px 0 12px}.id-eyebrow{display:block;margin-bottom:16px;color:var(--id-eyebrow);font-size:12px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase}.id-single-head h1{margin-bottom:20px;color:var(--id-navy);font-size:clamp(40px,5vw,60px);font-weight:600;letter-spacing:-.011em;line-height:1.1}.id-single-head h1 strong{color:transparent;background:linear-gradient(90deg,#102b51,#0169f9);background-clip:text;font-weight:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.id-single-head p{margin-bottom:0;color:var(--id-muted);font-size:18px}.id-demo-shell{padding:40px 0 8px}.id-storylane-frame{overflow:hidden;border-radius:14px;background:transparent;box-shadow:0 14px 34px rgba(15,39,73,.12)}.id-storylane-embed{position:relative;width:100%;height:0;overflow:hidden;padding-bottom:calc(56.53% + 25px);border-radius:14px;background:#dfe4eb}.id-storylane-embed>div{position:static !important;width:100% !important;height:100% !important;padding:0 !important}.id-storylane-embed iframe{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border:0 !important}.id-demo-meta{display:flex;flex-wrap:wrap;gap:30px;padding:20px 6px 0;color:var(--id-muted);font-size:14px}.id-demo-meta strong{color:var(--id-text)}.id-below{display:grid;grid-template-columns:1.55fr 1fr;gap:52px;align-items:start;padding:56px 0 84px}.id-below--single{grid-template-columns:minmax(0,760px)}.id-highlights h2{margin-bottom:24px;color:#000;font-size:32px;font-weight:400;letter-spacing:-.25px}.id-highlights ul{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}.id-highlights li{position:relative;padding-left:34px;color:#555;font-size:15.5px}.id-highlights li::before{position:absolute;top:2px;left:0;width:20px;height:20px;border:1.8px solid var(--id-blue);border-radius:50%;content:""}.id-highlights li::after{position:absolute;top:7px;left:6px;width:8px;height:5px;border-bottom:1.8px solid var(--id-blue);border-left:1.8px solid var(--id-blue);content:"";transform:rotate(-45deg)}.id-single-cta{display:flex;flex-direction:column;padding:38px 34px;border-radius:24px;color:#fff;background:linear-gradient(165deg,#1e7bff 0%,#016bff 55%,#015ad6 100%);box-shadow:18px 18px 42px rgba(15,39,73,.13),-12px -12px 30px rgba(255,255,255,.92)}.id-single-cta-icon{display:flex;width:74px;height:74px;align-items:center;justify-content:center;overflow:hidden;margin-bottom:30px;border-radius:50%;background:#fff;box-shadow:7px 7px 15px rgba(0,40,90,.18),-7px -7px 13px rgba(255,255,255,.25)}.id-single-cta-icon img{width:30px;height:30px;object-fit:contain}.id-single-cta h2{margin-bottom:14px;color:#fff;font-size:22px;font-weight:800;line-height:1.3}.id-single-cta p{margin-bottom:28px;color:rgba(255,255,255,.92);font-size:15.5px}.interactive-demos .id-button{align-self:flex-start;padding:13px 26px;border:1px solid var(--id-blue);border-radius:999px;color:#fff;background:var(--id-blue);font-size:12.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;transition:background-color .18s ease}.interactive-demos .id-button--white{border-color:#fff;color:var(--id-blue);background:#fff}.interactive-demos .id-button--white:hover{color:var(--id-blue);background:#f0f4ff}.interactive-demos .id-button--blue{border-color:var(--id-blue);color:#fff;background:var(--id-blue)}.interactive-demos .id-button--blue:hover{border-color:#0057d3;color:#fff;background:#0057d3}.interactive-demos .id-button--black{border-color:#05070a;color:#fff;background:#05070a}.interactive-demos .id-button--black:hover{border-color:#1e2630;color:#fff;background:#1e2630}.interactive-demos .id-button--outline{border-color:#fff;color:#fff;background:transparent}.interactive-demos .id-button--outline:hover{color:var(--id-blue);background:#fff}.id-button span,.id-related-link span{display:inline-block;transition:transform .18s ease}.id-button:hover span,.id-related-card:hover .id-related-link span{transform:translateX(4px)}.id-button:focus-visible,.id-related-card:focus-visible{outline:3px solid rgba(0,107,255,.35);outline-offset:4px}.id-related{padding:80px 0 92px;background:var(--id-section-bg)}.id-related-eyebrow{margin-bottom:14px;color:var(--id-eyebrow);font-size:13px;font-weight:800;letter-spacing:2.6px;text-align:center;text-transform:uppercase}.id-related>.id-wrap>h2{margin-bottom:52px;color:#000;font-size:40px;font-weight:400;letter-spacing:-.5px;text-align:center}.id-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.id-related-card{display:flex;min-width:0;flex-direction:column;gap:16px;padding:34px 30px;border-radius:24px;background:var(--id-card-bg);box-shadow:18px 18px 42px rgba(15,39,73,.13),-12px -12px 30px rgba(255,255,255,.92);transition:transform .2s ease}.id-related-card:hover{transform:translateY(-3px)}.id-related-icon{position:relative;display:flex;width:62px;height:62px;align-items:center;justify-content:center;border-radius:50%;background:var(--id-card-bg);box-shadow:7px 7px 15px rgba(15,39,73,.15),-7px -7px 13px #fff}.id-related-icon::before{width:24px;height:18px;border:1.6px solid var(--id-blue);border-radius:3px;content:""}.id-related-icon::after{position:absolute;top:24px;left:29px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--id-blue);content:""}.id-related-icon--typed::before,.id-related-icon--typed::after{display:none}.id-related-icon--content::before{width:24px;height:30px;border:1.6px solid var(--id-blue);border-radius:4px}.id-related-icon--content::after{top:29px;left:24px;width:14px;height:1.6px;border:0;background:var(--id-blue);box-shadow:0 -6px 0 var(--id-blue),0 -12px 0 var(--id-blue)}.id-related-icon img{width:30px;height:30px;object-fit:contain}.id-related-tag{color:var(--id-eyebrow);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.id-related-card h3{flex:1;margin-bottom:0;color:var(--id-navy);font-size:19px;font-weight:800;line-height:1.35}.id-related-link{color:var(--id-blue);font-size:12.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}@media (max-width: 880px){.id-below{grid-template-columns:1fr}.id-related-grid{max-width:560px;grid-template-columns:1fr;margin:0 auto}}@media (max-width: 640px){.interactive-demos{--id-header-offset:64px}body.admin-bar .interactive-demos{--id-admin-offset:var(--wp-admin--admin-bar--height,46px)}body:has(#simple-banner:not(.simple-banner-scrolling)) .interactive-demos{--id-banner-offset:102px}.id-wrap{width:min(100% - 32px,1240px)}.id-breadcrumb{padding-top:32px;font-size:14px}.id-single-head{padding:40px 0 10px}.id-single-head h1{font-size:40px}.id-single-head p{font-size:17px}.id-demo-shell{padding-top:30px}.id-storylane-frame{border-radius:10px}.id-storylane-embed{border-radius:10px}.id-demo-meta{gap:10px 22px}.id-below{gap:40px;padding:48px 0 68px}.id-highlights h2{font-size:28px}.id-single-cta{padding:34px 26px}.id-related{padding:64px 0 76px}.id-related>.id-wrap>h2{margin-bottom:40px;font-size:34px}}@media (prefers-reduced-motion: reduce){.interactive-demos *,.interactive-demos *::before,.interactive-demos *::after{scroll-behavior:auto !important;transition-duration:.01ms !important}}