/* Isolated reference component; replaces previous accumulated sizing rules. */
.hero .reminder-visual{width:100%;max-width:1260px;margin:58px auto 0;color:#173b31;font-family:'Segoe UI',Arial,sans-serif}.hero .reminder-badge{width:326px;max-width:100%;height:38px;margin:0 auto 22px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:13px;font-size:10px;letter-spacing:1.1px;background:#fff;border:1px solid #e4dac7;box-shadow:none}.hero .reminder-flow{position:relative;display:grid;grid-template-columns:minmax(0,360fr) minmax(0,80fr) minmax(0,320fr) minmax(0,500fr);align-items:center;gap:0;width:100%;height:510px}.hero .reminder-channels{width:100%;height:510px;display:grid;grid-template-rows:repeat(4,112px);gap:20px}.hero .reminder-channel{min-height:0;height:112px;margin:0;padding:16px;border-radius:18px;border:1px solid #e4dac7;background:#fff;box-shadow:0 8px 18px #244f3b09;animation:none}.hero .reminder-channel>div{display:flex;align-items:center;gap:10px;height:29px}.hero .reminder-channel strong{font-size:13px;font-weight:600;line-height:1.4}.hero .reminder-channel small{display:block;margin-left:auto;font:9px monospace;letter-spacing:1.1px;color:#37624e}.hero .reminder-channel .brand-icon,.hero .telegram-symbol{width:29px;height:29px;border-radius:50%;flex-shrink:0}.hero .reminder-channel svg{width:27px;height:27px}.hero .reminder-channel p{padding:8px 12px;margin:10px 0 0;min-height:35px;border-radius:11px;font-size:12px;line-height:19px;white-space:nowrap;background:#eee9dd;color:#264c3f}.hero .reminder-connector{position:relative;width:100%;height:510px;align-self:center;overflow:visible}.hero .reminder-connector svg{width:100%;height:100%;overflow:visible}.hero .reminder-connector path{fill:none;stroke:#bce4c5;stroke-width:2.5}.hero .reminder-connector>span{display:none}.hero .reminder-checks{width:100%;padding:0 80px 0 0;position:relative;display:flex;flex-direction:column;gap:14px;align-self:center}.hero .reminder-checks:after{position:absolute;content:'';width:62px;height:2px;background:#1bc45b;top:50%;right:0}.hero .rsvp-card{height:132px;padding:18px 12px 14px;margin:0;border-radius:18px;background:#fff;border:1px solid #e4dac7;box-shadow:0 8px 18px #244f3b09}.hero .rsvp-card small{font:10px monospace;letter-spacing:2px;color:#325c49}.hero .rsvp-card strong{font-size:45px;line-height:1.3;font-weight:400;letter-spacing:-2px;display:block}.hero .rsvp-card>span{font:9px monospace;letter-spacing:2px;color:#7e9585}.hero .checks-card{height:160px;border-radius:18px;padding:17px 18px;background:#fff;border:1px solid #e4dac7;box-shadow:0 8px 18px #244f3b09}.hero .checks-card small{font:9px monospace;letter-spacing:1.6px;color:#7a8e7d}.hero .checks-card p{font-size:12px;line-height:1.5;margin:7px 0;color:#365a43}.hero .reminder-window{width:100%;height:510px;align-self:stretch;border:1px solid #e4dac7;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 15px 30px #244f3b0b}.hero .reminder-browser{height:62px;padding:16px 20px;display:flex;align-items:center;gap:6px;background:#f4efe3;border-bottom:1px solid #e4dac7}.hero .reminder-browser i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.hero .reminder-browser>span{font:10px monospace;letter-spacing:.1px;padding:7px 11px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:8px;background:#fff;border:1px solid #e4dac7}.hero .reminder-browser:after{font:9px monospace;letter-spacing:1.5px;margin-left:7px}.hero .reminder-content{position:relative;display:block;padding:25px 24px;height:448px;min-height:0}.hero .reminder-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero .reminder-title h3{font-size:24px;letter-spacing:-.6px;line-height:1.3;margin:0;font-weight:500}.hero .reminder-title>span{display:block;font-size:11px;padding:8px 13px;background:#c8f1d3;border-radius:24px;white-space:nowrap}.hero .reminder-content>p{font-size:12px;line-height:1.6;margin:4px 0 24px;color:#718b7f}.hero .reminder-progress{height:8px;border-radius:8px;background:#e5ddca}.hero .reminder-template{height:118px;min-height:0;margin:24px 0 0;padding:16px;background:#f4efe3;border-radius:17px}.hero .reminder-template small{font:10px monospace;letter-spacing:1.6px;color:#78907d}.hero .reminder-template p{font-size:13px;line-height:1.75;margin:9px 0 5px;color:#254c3c}.hero .reminder-template>span{font:10px monospace;color:#7d9281;letter-spacing:.2px}.hero .reminder-metrics{position:absolute;left:24px;right:24px;bottom:25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 48px;gap:12px;margin:0}.hero .reminder-metrics>div{height:80px;padding:12px 7px 9px;border-radius:14px;background:#f4efe3;border:1px solid #e4dac7}.hero .reminder-metrics small{font:9px monospace;letter-spacing:1.5px}.hero .reminder-metrics strong{font-size:29px;font-weight:400;letter-spacing:-1px;line-height:1.5}.hero .reminder-metrics>div:nth-child(2){background:#c8f1d3;border-color:#a2e5b6}.hero .reminder-send{display:grid;place-items:center;align-self:center;width:48px;height:48px;border-radius:50%;background:#1bc45b;color:white;font-size:27px}.hero .reminder-bottom{width:100%;height:57px;margin:34px 0 0;padding:12px 28px;display:flex;align-items:center;gap:26px;border:1px solid #e4dac7;border-radius:30px;background:#fff}.hero .reminder-bottom>span{font:10px monospace;letter-spacing:2px;padding-right:27px}.hero .reminder-bottom p{font-size:19px;line-height:1.4;margin:0;color:#294f40;white-space:nowrap}.hero .reminder-bottom:after{font-size:9px;letter-spacing:1px;margin-left:auto}
@media(min-width:761px) and (max-width:1150px){.hero .reminder-flow{grid-template-columns:minmax(0,30fr) minmax(0,6fr) minmax(0,23fr) minmax(0,41fr);height:450px}.hero .reminder-channels,.hero .reminder-connector{height:450px}.hero .reminder-channels{grid-template-rows:repeat(4,99px);gap:18px}.hero .reminder-channel{height:99px;padding:12px}.hero .reminder-channel p{font-size:9px;padding:6px 8px;margin-top:8px;white-space:normal;line-height:15px}.hero .reminder-channel strong{font-size:11px}.hero .reminder-channel small{display:none}.hero .reminder-checks{padding-right:25px}.hero .reminder-checks:after{width:20px}.hero .checks-card{padding:15px 12px}.hero .checks-card p{font-size:10px}.hero .rsvp-card strong{font-size:36px}.hero .reminder-window{height:450px}.hero .reminder-browser{height:53px;padding:12px}.hero .reminder-browser:after{display:none}.hero .reminder-browser>span{font-size:8px}.hero .reminder-content{height:397px;padding:20px 16px}.hero .reminder-title h3{font-size:18px}.hero .reminder-title>span{display:none}.hero .reminder-template{height:auto;padding:12px;margin-top:18px}.hero .reminder-template p{font-size:11px}.hero .reminder-metrics{left:16px;right:16px;bottom:20px;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.hero .reminder-send{display:none}.hero .reminder-metrics strong{font-size:23px}.hero .reminder-bottom p{font-size:15px}.hero .reminder-bottom:after{display:none}}
@media(max-width:760px){.hero .reminder-visual{margin-top:32px}.hero .reminder-badge{width:max-content;font-size:7px;gap:10px;height:34px;padding:0 12px;margin-bottom:20px}.hero .reminder-flow{height:auto;grid-template-columns:minmax(0,57fr) minmax(0,7fr) minmax(0,36fr);row-gap:24px}.hero .reminder-channels{grid-template-rows:repeat(4,90px);height:390px;gap:10px}.hero .reminder-channel{height:90px;padding:10px;border-radius:13px}.hero .reminder-channel>div{height:22px;gap:6px}.hero .reminder-channel strong{font-size:10px}.hero .reminder-channel small{display:none}.hero .reminder-channel .brand-icon,.hero .telegram-symbol{width:22px;height:22px}.hero .reminder-channel svg{width:21px;height:21px}.hero .reminder-channel p{white-space:normal;font-size:9px;line-height:14px;padding:6px;margin-top:8px;min-height:0}.hero .reminder-connector{height:390px}.hero .reminder-checks{padding:0;gap:12px}.hero .reminder-checks:after{display:none}.hero .rsvp-card{height:110px;padding:15px 5px}.hero .rsvp-card small{font-size:6px;letter-spacing:1px}.hero .rsvp-card strong{font-size:32px}.hero .rsvp-card>span{font-size:6px;letter-spacing:1px}.hero .checks-card{height:155px;padding:14px 8px}.hero .checks-card small{font-size:7px;letter-spacing:.7px}.hero .checks-card p{font-size:9px;margin:9px 0;line-height:1.4}.hero .reminder-window{grid-column:1/-1;height:440px;border-radius:18px}.hero .reminder-browser{height:53px;padding:12px}.hero .reminder-browser>span{font-size:8px}.hero .reminder-browser:after{display:none}.hero .reminder-content{height:387px;padding:20px 18px}.hero .reminder-title h3{font-size:21px}.hero .reminder-title>span{font-size:9px;padding:6px 9px}.hero .reminder-content>p{font-size:11px;margin-bottom:20px}.hero .reminder-template{height:120px;margin-top:20px;padding:14px}.hero .reminder-template p{font-size:12px}.hero .reminder-template small,.hero .reminder-template>span{font-size:8px}.hero .reminder-metrics{left:18px;right:18px;bottom:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero .reminder-send{display:none}.hero .reminder-metrics>div{height:74px;padding:12px 5px}.hero .reminder-metrics strong{font-size:25px}.hero .reminder-bottom{height:auto;min-height:57px;margin-top:20px;padding:12px 14px;gap:12px}.hero .reminder-bottom>span{font-size:8px;padding-right:12px}.hero .reminder-bottom p{font-size:12px;white-space:normal}.hero .reminder-bottom:after{display:none}}
html[data-theme=dark] .hero .reminder-channel,html[data-theme=dark] .hero .reminder-window,html[data-theme=dark] .hero .rsvp-card,html[data-theme=dark] .hero .checks-card,html[data-theme=dark] .hero .reminder-bottom,html[data-theme=dark] .hero .reminder-badge{background:#1a3323;border-color:#3d5740;color:#e0ecdc}html[data-theme=dark] .hero .reminder-channel p,html[data-theme=dark] .hero .reminder-browser,html[data-theme=dark] .hero .reminder-template,html[data-theme=dark] .hero .reminder-metrics>div{background:#263f2c;border-color:#405a42;color:#c1d2b8}html[data-theme=dark] .hero .reminder-template p,html[data-theme=dark] .hero .checks-card p,html[data-theme=dark] .hero .reminder-bottom p{color:#cbdcc2}html[data-theme=dark] .hero .reminder-metrics>div:nth-child(2){background:#245a36;border-color:#398750}
.site-stage .hero .reminder-visual{max-width:1260px;width:100%;margin-left:auto;margin-right:auto}

/* Reminder flow: staggered channel activity converges into the event dashboard. */
.hero .reminder-channel{animation:reminder-channel-cycle 8s ease-in-out infinite;animation-delay:var(--reminder-delay,0s)}
.hero .reminder-channel:nth-child(2){--reminder-delay:1s}
.hero .reminder-channel:nth-child(3){--reminder-delay:2s}
.hero .reminder-channel:nth-child(4){--reminder-delay:3s}
.hero .reminder-channel small{animation:reminder-status-cycle 8s ease-in-out infinite;animation-delay:var(--reminder-delay,0s)}
.hero .reminder-connector .reminder-signal{stroke:#1bc45b;stroke-width:3;stroke-linecap:round;stroke-dasharray:12 288;animation:reminder-signal-travel 4s linear infinite;filter:drop-shadow(0 0 3px #1bc45b66)}
.hero .reminder-connector .reminder-signal:nth-of-type(2){animation-delay:1s}
.hero .reminder-connector .reminder-signal:nth-of-type(3){animation-delay:2s}
.hero .reminder-connector .reminder-signal:nth-of-type(4){animation-delay:3s}
.hero .reminder-checks:after{background:linear-gradient(90deg,#bce4c5 0%,#1bc45b 50%,#bce4c5 100%);background-size:200% 100%;animation:reminder-bridge 2s linear infinite}
.hero .checks-card p{animation:reminder-check-cycle 8s ease-in-out infinite}
.hero .checks-card p:nth-of-type(2){animation-delay:.3s}
.hero .checks-card p:nth-of-type(3){animation-delay:.6s}
.hero .checks-card p:nth-of-type(4){animation-delay:.9s}
.hero .reminder-progress{position:relative;overflow:hidden}
.hero .reminder-progress:after{content:'';position:absolute;inset:0;width:30%;background:linear-gradient(90deg,transparent,#ffffffb3,transparent);animation:reminder-progress-sheen 3.5s ease-in-out infinite}
.hero .reminder-send{animation:reminder-send-pulse 3s ease-in-out infinite}
@keyframes reminder-channel-cycle{0%,8%,48%,100%{transform:translateY(0);box-shadow:0 8px 18px #244f3b09}20%,34%{transform:translateY(-4px);box-shadow:0 9px 24px #1bc45b22;border-color:#86dba1}}
@keyframes reminder-status-cycle{0%,10%,50%,100%{opacity:.65}22%,38%{opacity:1;color:#159343}}
@keyframes reminder-signal-travel{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes reminder-bridge{to{background-position:-200% 0}}
@keyframes reminder-check-cycle{0%,55%,100%{opacity:.65}15%,35%{opacity:1}}
@keyframes reminder-progress-sheen{0%,15%{transform:translateX(-110%)}85%,100%{transform:translateX(440%)}}
@keyframes reminder-send-pulse{0%,100%{box-shadow:0 0 0 0 #1bc45b00;transform:scale(1)}45%{box-shadow:0 0 0 9px #1bc45b17;transform:scale(1.04)}}
body.motion-paused .hero .reminder-visual *,body.motion-paused .hero .reminder-visual :after,.hero .reminder-visual.motion-offscreen *,.hero .reminder-visual.motion-offscreen :after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero .reminder-visual *,.hero .reminder-visual :after{animation:none!important;transition:none!important}.hero .reminder-signal{display:none}}

/* Inbox on the left, connected social channels on the right. */
@media(min-width:761px){
 .hero .reminder-flow{grid-template-columns:minmax(0,500fr) minmax(0,320fr) minmax(0,80fr) minmax(0,360fr)}
 .hero .reminder-window{grid-column:1;grid-row:1}
 .hero .reminder-checks{grid-column:2;grid-row:1;padding:0 0 0 80px}
 .hero .reminder-checks:after{right:auto;left:0}
 .hero .reminder-connector{grid-column:3;grid-row:1;transform:scaleX(-1)}
 .hero .reminder-channels{grid-column:4;grid-row:1}
}
@media(min-width:761px) and (max-width:1150px){
 .hero .reminder-flow{grid-template-columns:minmax(0,41fr) minmax(0,23fr) minmax(0,6fr) minmax(0,30fr)}
 .hero .reminder-checks{padding:0 0 0 25px}
}
@media(max-width:760px){
 .hero .reminder-flow{grid-template-columns:minmax(0,36fr) minmax(0,7fr) minmax(0,57fr)}
 .hero .reminder-window{grid-column:1/-1;grid-row:1}
 .hero .reminder-checks{grid-column:1;grid-row:2}
 .hero .reminder-connector{grid-column:2;grid-row:2;transform:scaleX(-1)}
 .hero .reminder-channels{grid-column:3;grid-row:2}
}
/* A quiet eight-second sequence, followed by a resting interval. */
.hero .reminder-connector .reminder-signal{animation:reminder-inbox-packet 8s linear infinite;animation-delay:var(--packet-delay,0s)}
.hero .reminder-connector .reminder-signal:nth-of-type(2){--packet-delay:1s}
.hero .reminder-connector .reminder-signal:nth-of-type(3){--packet-delay:2s}
.hero .reminder-connector .reminder-signal:nth-of-type(4){--packet-delay:3s}
.hero .reminder-channel{animation-name:reminder-professional-channel}
.hero .reminder-progress:after{animation-duration:8s;animation-delay:3s}
.hero .reminder-send{animation-duration:8s;animation-delay:4s}
.hero .rsvp-card{animation:reminder-inbox-arrival 8s ease-in-out infinite;animation-delay:2s}
@keyframes reminder-inbox-packet{0%{stroke-dashoffset:300;opacity:0}3%{opacity:1}24%{stroke-dashoffset:0;opacity:1}28%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes reminder-professional-channel{0%,5%,40%,100%{transform:none;box-shadow:0 8px 18px #244f3b09}12%,28%{transform:translateY(-2px);box-shadow:0 8px 22px #1bc45b18;border-color:#86dba1}}
@keyframes reminder-inbox-arrival{0%,15%,70%,100%{box-shadow:0 8px 18px #244f3b09}35%,50%{box-shadow:0 0 0 3px #1bc45b12,0 8px 22px #244f3b0d}}
@media(prefers-reduced-motion:reduce){.hero .reminder-visual *,.hero .reminder-visual :after{animation:none!important}}

/* Replace the barely visible floating cards with a clear inbox activity sequence. */
.hero .inbox-story .reminder-channel,.hero .inbox-story .reminder-channel small{animation:none;transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease}
.hero .inbox-story .reminder-channel.channel-syncing{transform:translateX(-8px);border-color:#1bc45b;box-shadow:0 0 0 3px #1bc45b16,0 12px 26px #173d2d12}
.hero .inbox-story .reminder-channel.channel-syncing small{color:#149744;font-weight:bold}
.hero .inbox-story .reminder-template{transition:background .5s ease,box-shadow .5s ease;position:relative}
.hero .inbox-story[data-inbox-phase=received] .reminder-template{background:#e4f6e9;box-shadow:inset 3px 0 #1bc45b}
.hero .inbox-story[data-inbox-phase=routing] .checks-card{box-shadow:0 0 0 3px #1bc45b16}
.hero .inbox-story .reminder-progress i{display:block;height:100%;width:25%;background:#1bc45b;transition:width 1s ease;border-radius:inherit;animation:none}
.hero .inbox-story .reminder-template p{font-size:14px;line-height:1.6}
.hero .inbox-story .reminder-template>span{display:block;color:#227044}
html[data-theme=dark] .hero .inbox-story[data-inbox-phase=received] .reminder-template{background:#204a36}
html[data-theme=dark] .hero .inbox-story .reminder-template>span{color:#a1dcb3}
@media(prefers-reduced-motion:reduce){.hero .inbox-story .reminder-channel.channel-syncing{transform:none}.hero .inbox-story *{transition:none!important}}