.personalized-automation-container{width:100%;max-width:1180px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:80px}@media(min-width:768px){.personalized-automation-container{padding:60px 40px}.personalized-automation-header{max-width:50%}}.personalized-automation-header{display:flex;align-items:center;gap:0;width:100%}.personalized-automation-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;background:#fff9;color:#000;border-radius:999px;border:1px solid #e5e7eb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);font-size:12px;font-weight:600;font-family:var(--font-family-medium);letter-spacing:.5px;text-transform:uppercase;width:fit-content;white-space:nowrap}.personalized-automation-header-line{flex:1;height:1px;background:#e5e7eb}.personalized-automation-body{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;width:100%}@media(min-width:768px){.personalized-automation-body{grid-template-columns:1fr 1fr;gap:60px}.personalized-automation-visual{order:1}.personalized-automation-text-content{order:2}}.personalized-automation-visual{display:flex;flex-direction:column;gap:24px}.personalized-automation-timeline-container{display:flex;flex-direction:column;align-items:center;gap:0;padding:40px 32px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:46px;border:none;box-shadow:0 24px 70px #0f172a2e;position:relative}@media(min-width:768px){.personalized-automation-timeline-container{padding:48px 40px}}.timeline-bubble{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;flex-shrink:0;overflow:visible;isolation:isolate;filter:grayscale(100%) brightness(.85);opacity:1}.timeline-bubble--big,.timeline-bubble--medium,.timeline-bubble--small{position:relative}.timeline-bubble--big:before,.timeline-bubble--medium:before,.timeline-bubble--small:before{content:"";position:absolute;inset:0;border-radius:999px;z-index:0;pointer-events:none}.timeline-bubble--big:before{background:#f9fafb;border:2px solid rgba(8,148,255,.3);box-shadow:0 2px 6px #0f172a14,0 1px 2px #0f172a0d}.timeline-bubble--medium:before{background:#f9fafb;border:2px solid rgba(8,148,255,.3);box-shadow:0 2px 6px #0f172a14,0 1px 2px #0f172a0d}.timeline-bubble--small:before{background:#f9fafb;border:2px solid rgba(8,148,255,.3);box-shadow:0 2px 6px #0f172a14,0 1px 2px #0f172a0d}.timeline-bubble .bubble-glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:-10!important;pointer-events:none;opacity:0;border-radius:999px;overflow:hidden}.timeline-bubble-content,.timeline-bubble-picture{position:relative;z-index:2}.timeline-bubble-content{display:flex;align-items:center;gap:0;padding:0;position:relative}.timeline-bubble-icon{width:24px;height:24px;margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.timeline-bubble-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(42%) sepia(96%) saturate(2476%) hue-rotate(191deg) brightness(101%) contrast(101%)}.timeline-bubble-text-wrapper{display:flex;flex-direction:column;gap:4px}.timeline-bubble-text{font-family:var(--font-family-regular);color:#000;white-space:nowrap}.timeline-bubble-subtext{font-family:var(--font-family-regular);color:#6b7280;font-size:.9em;white-space:nowrap}.timeline-bubble-picture{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none}.timeline-bubble-picture img{width:100%;height:100%;object-fit:cover}.timeline-bubble-picture--supahost{background:transparent}.timeline-bubble-picture--supahost img{object-fit:contain!important;width:60%!important;height:60%!important;padding:0;max-width:60%;max-height:60%}.timeline-bubble--big{background:transparent;padding:16px 20px;min-width:320px;max-width:320px;justify-content:flex-start}.timeline-bubble--big .timeline-bubble-content{gap:0;flex:1}.timeline-bubble--big .timeline-bubble-text{font-weight:700;font-size:16px}.timeline-bubble--big .timeline-bubble-subtext{font-weight:400;font-size:14px}.timeline-bubble--big .timeline-bubble-picture{width:48px;height:48px;margin-right:12px;margin-left:0}.timeline-bubble--medium{background:transparent;padding:12px 18px;min-width:250px;max-width:250px}.timeline-bubble--medium .timeline-bubble-text{font-weight:400;font-size:14px;color:#6b7280;font-family:var(--font-family-regular)}.timeline-bubble--medium .timeline-bubble-content{gap:0}.timeline-bubble--small{background:transparent;padding:10px 16px;min-width:250px;max-width:250px}.timeline-bubble--small .timeline-bubble-text{font-weight:400;font-size:14px;color:#6b7280;font-family:var(--font-family-regular)}.timeline-bubble--small .timeline-bubble-content{gap:0}.timeline-connection{width:2px;height:24px;background:#0894ff;margin:0 auto;overflow:hidden;flex-shrink:0;transform-origin:top center;transform:scaleY(0);opacity:0}@media(min-width:768px){.timeline-connection{height:28px}}.personalized-automation-text-content{display:flex;flex-direction:column;gap:24px}.personalized-automation-heading{font-size:clamp(32px,5vw,48px);font-weight:700;font-family:var(--font-family-bold);color:var(--color-indigo-darker);line-height:1.2;margin:0;letter-spacing:-.5px}.personalized-automation-subheading{font-size:18px;font-weight:400;font-family:var(--font-family-regular);color:#6b7280;line-height:1.5;margin:0}@media(min-width:768px){.personalized-automation-subheading{font-size:20px}}@media(max-width:767px){.personalized-automation-container{padding:32px 20px;gap:24px;margin-top:32px}.personalized-automation-body{gap:32px}.personalized-automation-text-content{order:1}.personalized-automation-visual{order:2}.personalized-automation-timeline-container{padding:32px 24px}.timeline-bubble--big{padding:14px 18px;min-width:260px;max-width:260px}.timeline-bubble--big .timeline-bubble-text{font-size:15px}.timeline-bubble--big .timeline-bubble-subtext{font-size:13px}.timeline-bubble--big .timeline-bubble-picture{width:40px;height:40px}.timeline-bubble--medium{padding:10px 16px}.timeline-bubble--medium .timeline-bubble-text{font-size:14px}.timeline-bubble--small{padding:8px 14px}.timeline-bubble--small .timeline-bubble-text{font-size:13px}.timeline-bubble-icon{width:22px;height:22px;margin-right:10px}.timeline-connection{height:20px}}
