.home-hero-visual{position:relative;display:grid;gap:2rem;width:100%;max-width:21rem;margin:0 auto;color:var(--color-heading);text-align:left;background:radial-gradient(ellipse at 50% 55%,rgb(209 250 229 / 28%),transparent 68%)}.home-hero-card{min-width:0;padding:1.25rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;box-shadow:0 12px 36px -24px #0f766e47}.home-hero-card h2{margin:0;font-size:1.125rem;font-weight:600;line-height:1.35;letter-spacing:-.035em}.home-hero-task-heading,.home-hero-task-details{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.home-hero-task-details{margin-top:1rem;font-size:.8125rem}.home-hero-critical{display:inline-flex;flex-shrink:0;align-items:center;gap:.375rem;padding:.375rem .5rem;border-radius:.5rem;background:#fff1f2;color:#be123c;font-size:.75rem;line-height:1}.home-hero-client-link{padding:.4375rem .625rem;border-radius:.5rem;background:var(--color-brand-bg);color:var(--color-heading)}.home-hero-due{color:var(--color-dimmed);white-space:nowrap}.home-hero-client-heading{display:flex;align-items:center;gap:.75rem}.home-hero-client-heading p{margin-top:.125rem;color:var(--color-dimmed);font-size:.8125rem}.home-hero-client-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.625rem;background:var(--color-brand-bg);color:#64748b}.home-hero-contact{display:flex;align-items:center;gap:.625rem;margin:1.125rem 0;color:var(--color-dimmed);font-size:.8125rem;line-height:1.5}.home-hero-contact svg,.home-hero-pinned-note>svg{flex-shrink:0}.home-hero-pinned-note{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem;border-radius:.75rem;background:var(--color-brand-bg);font-size:.8125rem;line-height:1.5}.home-hero-pinned-note>svg{margin-top:.0625rem;color:var(--color-brand)}.home-hero-note-label{margin-bottom:.25rem;color:var(--color-brand-hover);font-size:.75rem;font-weight:500}.home-hero-phone{position:relative;width:15rem;height:16rem;margin:0 auto;padding-top:3.25rem}.home-hero-phone-frame{position:absolute;inset:0 1.125rem;border:5px solid #647580;border-bottom:0;border-radius:1.875rem 1.875rem 0 0;background:linear-gradient(145deg,#ecfdf5,#fff);-webkit-mask-image:linear-gradient(#000 65%,transparent 98%);mask-image:linear-gradient(#000 65%,transparent 98%)}.home-hero-phone-notch{position:absolute;top:-1px;left:50%;width:5.75rem;height:.875rem;border-radius:0 0 .625rem .625rem;background:#647580;transform:translate(-50%)}.home-hero-notification{position:relative;padding:.875rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fffffff7;box-shadow:0 8px 24px -16px #0f172a40}.home-hero-notification-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem;color:var(--color-dimmed);font-size:.625rem;line-height:1;text-transform:uppercase}.home-hero-mail-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.375rem;background:#0ea5e9;color:#fff}.home-hero-notification-time{margin-left:auto;text-transform:none}.home-hero-notification-sender,.home-hero-notification-subject{font-size:.8125rem;font-weight:600;line-height:1.45}.home-hero-notification-subject{margin-top:.125rem}.home-hero-notification-context{margin-top:.25rem;color:var(--color-dimmed);font-size:.75rem;line-height:1.5}.home-hero-arrival-lines{position:absolute;top:2.75rem;right:-1.75rem;width:1.75rem;height:3rem;color:var(--color-brand)}.home-hero-connectors,.home-hero-annotation{display:none}@keyframes home-hero-arrow-draw{0%,5%{stroke-dashoffset:1;opacity:0}8%{stroke-dashoffset:1;opacity:1}24%,84%{stroke-dashoffset:0;opacity:1}92%,to{stroke-dashoffset:0;opacity:0}}@keyframes home-hero-arrow-tip{0%,22%{opacity:0}28%,84%{opacity:1}92%,to{opacity:0}}@keyframes home-hero-notification-pulse{0%,22%,to{opacity:.45;transform:scale(.95)}5%{opacity:1;transform:scale(1.12)}10%{opacity:.65;transform:scale(1)}15%{opacity:1;transform:scale(1.08)}}@media(prefers-reduced-motion:no-preference){.home-hero-arrival-lines{transform-origin:center;animation:home-hero-notification-pulse 7s ease-in-out 3.9s infinite both}}@media(min-width:768px)and (prefers-reduced-motion:no-preference){.home-hero-reminder-arrow{--home-hero-connector-delay: 1.8s}.home-hero-arrow-line{stroke-dasharray:1;animation:home-hero-arrow-draw 7s ease-in-out var(--home-hero-connector-delay, 0s) infinite both}.home-hero-arrow-head{animation:home-hero-arrow-tip 7s ease-in-out var(--home-hero-connector-delay, 0s) infinite both}}@media(min-width:768px){.home-hero-visual{display:block;max-width:62.5rem;height:25.625rem}.home-hero-task,.home-hero-client,.home-hero-phone{position:absolute;margin:0}.home-hero-task{top:0;left:32%;width:38%}.home-hero-client{top:9.0625rem;left:5%;width:33%}.home-hero-phone{top:9.0625rem;right:5%;width:24%}.home-hero-connectors{position:absolute;inset:0;display:block;width:100%;height:100%;color:var(--color-brand);pointer-events:none}.home-hero-annotation{position:absolute;display:block;color:var(--color-brand-hover);font-family:Caveat,Segoe Print,Bradley Hand,cursive;font-size:1.625rem;font-weight:600;line-height:1;text-align:center;pointer-events:none;transform:rotate(-9deg)}.home-hero-client-annotation{top:3.125rem;left:13%}.home-hero-reminder-annotation{top:2.5rem;right:4.5%}}@media(min-width:768px)and (max-width:1023px){.home-hero-card{padding:1rem}.home-hero-task{left:29%;width:43%}.home-hero-client{left:2%;width:37%}.home-hero-phone{right:2%;width:28%}.home-hero-card h2{font-size:1rem}.home-hero-annotation{font-size:1.375rem}.home-hero-client-annotation{left:9%}.home-hero-reminder-annotation{right:1%}}