/* Count-up highlights and a small, clearly illustrative social feed. */
.impact-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}.impact-metrics>div{min-width:0}.impact-metrics dd{margin:0;font-size:clamp(2rem,3.2vw,3rem);line-height:1.1;letter-spacing:-.055em;font-weight:650;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.impact-metrics dt{font-size:.875rem;line-height:1.5;margin-top:9px;letter-spacing:0}.metric-unit{font-size:.65em;letter-spacing:-.035em}
#websites .web-metrics{padding-top:28px;margin-top:35px;border-top:1px solid #ffffff20;max-width:480px;gap:22px}#websites .web-metrics dd{color:#ccb1ff}#websites .web-metrics dt{color:#b9b0c9;max-width:15ch}#websites .web-copy{padding-block:18px}.web-metrics.is-counting dd{animation:metric-appear .7s cubic-bezier(.16,1,.3,1) both}
.social-studio{transform:none;padding:25px;background:#fffaf6;isolation:isolate;min-width:0;max-width:540px;justify-self:center;width:100%}.social-studio:hover{transform:none}.social-studio .studio-top{margin-bottom:24px;gap:11px}.social-studio .studio-top>div{min-width:0;flex:1}.social-studio .studio-top strong{font-size:1.1rem}.social-studio .studio-top div>span{font-size:.8125rem;line-height:1.4}.social-studio .studio-avatar{height:42px;width:42px;border-radius:50%;background:conic-gradient(from 20deg,#21acb7,#c9b3e6,#e5b86c,#21acb7);color:#fff;font-weight:750;font-size:1.35rem}.social-motion-toggle{border:1px solid #e9dfd7;border-radius:999px;background:#fffdfb;color:#755b4b;padding:9px 12px;min-height:40px;font-size:.875rem;line-height:1.25;flex-shrink:0}.social-motion-toggle:hover{background:#f2e8de}.social-motion-toggle:active{transform:scale(.97)}
.social-feed-wrap{position:relative}.social-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;perspective:1000px;position:relative;z-index:1}.social-post{aspect-ratio:1;min-width:0;position:relative;border-radius:20px}.social-post>div{position:absolute;inset:0;border-radius:inherit;padding:15px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 14px #48322307;transform-origin:center;will-change:auto;transition:box-shadow .4s,filter .4s}.social-post small{font-size:.65rem;letter-spacing:.08em;font-weight:650;opacity:.8;line-height:1.4}.social-post strong{font-size:clamp(1rem,1.8vw,1.45rem);line-height:1.05;letter-spacing:-.055em;margin-top:auto;position:relative;z-index:1;font-weight:650}.social-post .post-mark{font-size:1.75rem;position:absolute;bottom:10px;right:12px;opacity:.5;line-height:1}.social-post .post-big{font-size:clamp(1.4rem,2.5vw,2.1rem);font-family:Georgia,serif;letter-spacing:-.06em;margin-top:auto;line-height:1.05;font-style:italic}
.post-a>div{background:linear-gradient(155deg,#32b4c4,#246a7b);color:#fff}.post-b>div{background:linear-gradient(150deg,#f2c973,#e9ad58);color:#523b22}.post-c>div{background:linear-gradient(145deg,#bea7e1,#7a9fd5);color:#fff}.post-d>div{background:linear-gradient(145deg,#81ccd2,#4087a0);color:#fff}.post-e>div{background:linear-gradient(140deg,#dd9570,#b5664b);color:#fff}.post-f>div{background:linear-gradient(145deg,#ced98b,#90b6a2);color:#294b42}.post-f .post-big{font-size:3.5rem;font-style:normal;align-self:center}.post-g>div{background:linear-gradient(145deg,#33575a,#254049);color:#eef6e9}.post-h>div{background:linear-gradient(140deg,#d6b7df,#b2b6da);color:#514565}.post-i>div{background:linear-gradient(145deg,#f0cc88,#e7aa7f);color:#614231}.post-i strong{font-size:clamp(.95rem,1.65vw,1.3rem)}
.social-reactions{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden;margin:-12px;border-radius:24px}.reaction{position:absolute;bottom:0;display:grid;place-items:center;width:39px;height:39px;font-size:1.45rem;border-radius:50%;background:#ffffffee;box-shadow:0 6px 18px #744c3520;opacity:0;transform:translate3d(0,12px,0) scale(.7);animation:reaction-rise 4.5s linear infinite;animation-delay:var(--reaction-delay,0s);animation-play-state:paused}.reaction-heart{left:76%;--reaction-delay:.1s;--drift:-24px;--rise:-235px}.reaction-like{left:20%;--reaction-delay:1.6s;--drift:22px;--rise:-210px}.reaction-chat{left:53%;--reaction-delay:2.7s;--drift:-16px;--rise:-260px}.reaction-fire{left:86%;--reaction-delay:3.6s;--drift:-18px;--rise:-205px}.reaction-heart-two{left:35%;--reaction-delay:4.9s;--drift:15px;--rise:-225px}.reaction-star{left:8%;--reaction-delay:5.6s;--drift:27px;--rise:-190px}
.social-studio.social-playing .social-post{animation:post-arrive .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--post-index)*.075s)}.social-studio .social-post>div{animation:post-breathe 5.8s ease-in-out infinite;animation-delay:calc(var(--post-index)*-.57s);animation-play-state:paused}.social-studio.social-playing .social-post>div,.social-studio.social-playing .reaction{animation-play-state:running}.social-studio.social-paused .social-post,.social-studio.social-paused .social-post>div,.social-studio.social-paused .reaction,.social-studio.social-paused .growth-line,.social-studio.social-paused .growth-dot{animation-play-state:paused!important}.social-studio.social-reduced .social-post,.social-studio.social-reduced .social-post>div{animation:none!important;transform:none!important}.social-studio.social-reduced .reaction{display:none}
.social-growth{display:flex;align-items:center;gap:22px;margin:23px 0 20px;padding:14px 16px;border-radius:18px;background:#f2f5ef;border:1px solid #e5ece2}.social-growth>span{font-size:.8125rem;color:#476353;flex:0 0 auto;line-height:1.4}.social-growth small{display:block;font-size:.625rem;letter-spacing:.09em;color:#7e9485;margin-top:5px}.growth-chart{width:100%;min-width:0;height:48px;overflow:visible}.growth-guide{stroke:#d4e0d6;stroke-width:1}.growth-line{stroke:#43846c;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.growth-dot{fill:#43846c}.social-playing .growth-line{animation:growth-draw 2.2s cubic-bezier(.22,.7,.3,1) both;animation-delay:.3s}.social-playing .growth-dot{animation:metric-appear .6s ease both;animation-delay:2.15s;transform-origin:244px 3px}.social-studio.social-reduced .growth-line,.social-studio.social-reduced .growth-dot{animation:none!important}
.social-metrics{text-align:center;gap:10px}.social-metrics dd{font-size:clamp(1.9rem,3vw,2.5rem);color:#a55e3b;font-weight:700;min-height:1.1em}.social-metrics dt{font-size:.8125rem;color:#816657;margin-top:6px}.social-studio .studio-disclaimer{font-size:.75rem;color:#8a7467;line-height:1.55;margin:20px auto 0;max-width:41ch}.marketing-intro{align-items:center}
@keyframes metric-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes post-arrive{from{opacity:0;transform:translateY(25px) scale(.91) rotate(-3deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes post-breathe{0%,100%{transform:translate3d(0,0,0) rotate(0)}35%{transform:translate3d(0,-4px,0) rotate(-.8deg)}70%{transform:translate3d(0,2px,0) rotate(.55deg)}}
@keyframes reaction-rise{0%{opacity:0;transform:translate3d(0,12px,0) scale(.65)}12%{opacity:1;transform:translate3d(0,-15px,0) scale(1)}65%{opacity:.95}100%{opacity:0;transform:translate3d(var(--drift),var(--rise),0) scale(1.12)}}
@keyframes growth-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(hover:hover) and (pointer:fine){.social-post:hover>div{filter:brightness(1.035);box-shadow:0 10px 22px #48322320}}
@media(max-width:1000px){.social-studio{padding:20px}.social-post>div{padding:12px}.social-feed{gap:10px}.social-post{border-radius:17px}.social-post small{font-size:.6rem}.social-post strong{font-size:1.1rem}.social-post .post-mark{font-size:1.4rem;right:9px;bottom:10px}.social-post .post-big{font-size:1.5rem}.post-i strong{font-size:.9rem}.social-growth{gap:12px;padding:12px}.social-growth>span{font-size:.75rem}.social-studio .studio-top div>span{font-size:.75rem}.social-motion-toggle{font-size:.8125rem;padding:8px 10px}.social-studio .studio-avatar{width:36px;height:36px}.web-metrics.impact-metrics{gap:15px}}
@media(max-width:760px){#websites .web-metrics{margin-top:30px;padding-top:25px;max-width:500px;gap:20px}#websites .web-metrics dd{font-size:2.6rem}#websites .web-metrics dt{font-size:.875rem}.social-studio{padding:25px}.social-feed{gap:12px}.social-post{border-radius:20px}.social-post>div{padding:16px}.social-post strong{font-size:1.5rem}.social-post small{font-size:.6875rem}.social-post .post-big{font-size:2.1rem}.post-i strong{font-size:1.25rem}.social-motion-toggle{font-size:.875rem}.social-studio .studio-top div>span{font-size:.8125rem}.social-studio .studio-avatar{height:42px;width:42px}.social-metrics dd{font-size:2.4rem}.social-growth>span{font-size:.8125rem}}
@media(max-width:440px){#websites .web-metrics{gap:12px}#websites .web-metrics dd{font-size:2.15rem}#websites .web-metrics dt{font-size:.8125rem}.social-studio{padding:17px;border-radius:28px}.social-studio .studio-top{gap:8px;margin-bottom:18px}.social-studio .studio-top strong{font-size:1rem}.social-studio .studio-top div>span{font-size:.75rem}.social-studio .studio-avatar{width:33px;height:33px;font-size:1.15rem}.social-motion-toggle{font-size:.8125rem;padding:8px 10px}.social-feed{gap:8px}.social-post{border-radius:15px}.social-post>div{padding:10px}.social-post small{font-size:.55rem;letter-spacing:.03em}.social-post strong{font-size:1.08rem}.social-post .post-big{font-size:1.5rem}.post-f .post-big{font-size:2.5rem}.post-i strong{font-size:.88rem}.social-post .post-mark{font-size:1.25rem;bottom:7px;right:7px;opacity:.35}.social-growth{gap:12px;margin-top:19px;padding:12px}.social-growth>span{font-size:.75rem;max-width:13ch}.growth-chart{height:38px}.social-metrics dd{font-size:1.9rem}.social-metrics dt{font-size:.75rem}.social-studio .studio-disclaimer{font-size:.75rem}.reaction{width:33px;height:33px;font-size:1.25rem}}
@media(max-width:350px){.social-studio .studio-top div>span{display:none}.social-studio .studio-top strong{font-size:.875rem}.social-studio{padding:14px}.social-post strong{font-size:.95rem}.social-post small{font-size:.5rem}.post-i strong{font-size:.75rem}.social-post .post-big{font-size:1.25rem}.social-metrics dd{font-size:1.65rem}#websites .web-metrics dd{font-size:1.8rem}.social-growth>span{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){.social-post,.social-post>div,.growth-line,.growth-dot,.web-metrics.is-counting dd{animation:none!important;transform:none!important}.social-reactions{display:none}}
/* Keep the small decorative marks clear of the post headlines. */
.post-a .post-mark,.post-c .post-mark{top:30%;bottom:auto;opacity:.32}
@media(max-width:440px){.post-a .post-mark,.post-c .post-mark{display:none}}