/* Hero-only illustration. Palette and typography belong to the existing site. */
.ld-home .ld-spheres{margin:0;min-width:0;isolation:isolate;scroll-margin-top:120px}
.ld-home .ld-spheres-stage{position:relative;padding:50px 27px 36px;isolation:isolate}
.ld-home .ld-personal-cloud{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;fill:var(--ld-page,#f4f7f6);stroke:#cadad7;stroke-width:1.4}
.ld-home .ld-cloud-brand{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ld-ink);margin-bottom:16px}
.ld-home .ld-cloud-brand img{width:42px;height:42px;object-fit:contain}
.ld-home .ld-cloud-brand strong{display:block;font-size:27px;letter-spacing:-.035em;line-height:1.2}
.ld-home .ld-cloud-brand span{display:block;font-size:14px;line-height:1.5;color:var(--ld-text)}
.ld-home .ld-spheres-label{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:650;color:var(--ld-primary);margin-bottom:10px}
.ld-home .ld-spheres-label span{width:26px;height:1px;background:#b7cac5}
.ld-home .ld-sphere-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:10px 12px}
.ld-home .ld-sphere{position:relative;min-width:0;width:min(100%,190px);aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 8px 6px;border:1.2px solid #aac4ba;border-radius:50%;background:#e4efea;box-shadow:0 5px 12px #233e3b08}
.ld-home .ld-sphere-work{background:#e5eef0;border-color:#b4cacf}
.ld-home .ld-sphere-church{background:#f0ece1;border-color:#cfc6ac}
.ld-home .ld-sphere-club{background:#f7efd9;border-color:#d8c796}
.ld-home .ld-sphere-name{position:relative;z-index:1;display:flex;gap:7px;align-items:center;margin-bottom:10px;white-space:nowrap;font-size:17px;line-height:1.25;color:var(--ld-ink)}
.ld-home .ld-sphere-name>svg{width:21px;height:21px;color:var(--ld-primary)}
.ld-home .ld-spheres svg:not(.ld-personal-cloud){fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ld-home .ld-sphere-contents{position:relative;z-index:1;display:flex;gap:6px;justify-content:center}
.ld-home .ld-content-chip{position:relative;display:flex;align-items:center;justify-content:center;width:31px;height:33px;border-radius:8px;color:#2f5d62;background:#fff;box-shadow:0 2px 4px #213e3a0c;border:1px solid #2f5d621f}
.ld-home .ld-content-chip svg{width:22px;height:22px}
.ld-home .ld-email-preview{position:absolute;z-index:5;left:50%;top:50%;width:210px;padding:11px 13px;border:1px solid #b4cacf;border-radius:10px;background:#fff;color:var(--ld-ink);box-shadow:0 8px 24px #213e3a26;transform:translate(-85%,-50%);transform-origin:85% 50%;text-align:left;white-space:nowrap;pointer-events:none}
.ld-home .ld-email-preview[hidden]{display:none}
.ld-home .ld-email-preview-address,.ld-home .ld-email-preview-subject{display:block;line-height:1.4}
.ld-home .ld-email-preview-address{font-size:14px;letter-spacing:-.015em;font-weight:750}
.ld-home .ld-email-preview-subject{margin-top:5px;padding-top:5px;border-top:1px solid #d9e5e2;font-size:10.5px;font-weight:600;color:var(--ld-text)}
.ld-home .ld-mail-unread{position:absolute;z-index:2;right:-4px;bottom:-4px;display:grid;place-items:center;width:14px;height:14px;border:1px solid #fff;border-radius:50%;background:#c54038;color:#fff;font:700 9px/1 Arial,sans-serif;box-shadow:0 1px 3px #213e3a30;pointer-events:none}
.ld-home .ld-content-photo{color:#386d53}.ld-home .ld-content-calendar{color:#965443}.ld-home .ld-content-book,.ld-home .ld-content-note{color:#896320}
.ld-home .ld-spheres figcaption{padding:14px 12px 0;text-align:center;font-size:13px;line-height:1.6;color:var(--ld-text)}
.ld-home .ld-spheres figcaption strong{display:block;font-size:15px;color:var(--ld-ink);font-weight:650}
.ld-home .ld-spheres figcaption>span{display:block}
.ld-home .ld-spheres .ld-spheres-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ld-home .ld-spheres-gallery{text-align:center;font-size:14px;line-height:1.6;margin:11px 0 0}
/* Give each side enough space on laptops; stack before labels become cramped. */
@media(min-width:701px){.ld-home .ld-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px}}
@media(min-width:701px) and (max-width:900px){.ld-home .ld-hero{grid-template-columns:1fr}.ld-home .ld-spheres{width:min(540px,100%);justify-self:center}}
@media(max-width:700px){
 .ld-home .ld-spheres{width:min(500px,100%);justify-self:center}
 .ld-home .ld-spheres-stage{padding:46px 10px 18px}
 .ld-home .ld-cloud-brand{margin-bottom:14px}.ld-home .ld-cloud-brand strong{font-size:25px}
 .ld-home .ld-sphere-grid{gap:10px 8px}
 .ld-home .ld-sphere{padding:0 4px 4px}
 .ld-home .ld-sphere-name{font-size:16px;gap:5px;margin-bottom:10px}
 .ld-home .ld-sphere-name>svg{width:18px;height:18px}
 .ld-home .ld-sphere-contents{gap:4px}.ld-home .ld-content-chip{width:27px;height:29px;border-radius:7px}.ld-home .ld-content-chip svg{width:19px;height:19px}
}
@media(max-width:350px){.ld-home .ld-spheres-stage{padding-inline:3px}.ld-home .ld-sphere-name{font-size:15px}.ld-home .ld-sphere-contents{gap:3px}.ld-home .ld-content-chip{width:25px;height:27px}}
@media(forced-colors:active){.ld-home .ld-sphere{background:Canvas;border-color:CanvasText}.ld-home .ld-personal-cloud{fill:Canvas;stroke:CanvasText}.ld-home .ld-content-chip{background:Canvas;color:CanvasText;border-color:CanvasText}.ld-home .ld-mail-unread{background:Highlight;color:HighlightText;border-color:HighlightText}}