.orbit-hero{padding:22px 24px 0;background:white}.orbit-field{max-width:1500px;margin:auto;position:relative;min-height:730px;background:#f6f8fb;border-radius:30px;overflow:hidden;display:grid;place-items:center}.orbit-copy{text-align:center;position:relative;z-index:2;padding:135px 18px 150px;pointer-events:none;max-width:920px}.orbit-copy a{pointer-events:auto}.home-eyebrow{font-size:11px!important;font-weight:600;letter-spacing:.16em;color:#72757d;text-transform:uppercase}.orbit-copy h1{font-size:clamp(38px,4.8vw,68px);line-height:1.19;letter-spacing:-.055em;margin:22px 0 26px;color:#1d1d1f;font-weight:650}.orbit-copy h1 span{position:relative;white-space:nowrap;background:linear-gradient(transparent 83%,#c5e2ff 83%,#c5e2ff 96%,transparent 96%)}.orbit-description{font-size:19px;line-height:1.85;color:#636770}.home-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:30px}.home-primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#0071e3;color:white!important;padding:16px 28px;border-radius:12px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.home-primary:hover{background:#005fc0;transform:translateY(-2px)}.home-secondary{font-size:14px;color:#0066cc;font-weight:500}.orbit-icon{position:absolute;left:var(--x);top:var(--y);width:clamp(55px,6vw,86px);transform:translate(-50%,-50%) rotate(var(--tilt));animation:orbitFloat 7s ease-in-out infinite;animation-delay:var(--delay);z-index:1;border-radius:23%;box-shadow:0 14px 28px #24344714;transition:scale .2s}.orbit-icon:hover{scale:1.12}.orbit-icon img{width:100%;height:100%;display:block;border-radius:23%;object-fit:cover}@keyframes orbitFloat{0%,100%{transform:translate(-50%,-50%) rotate(var(--tilt))}50%{transform:translate(-50%,calc(-50% - 13px)) rotate(calc(var(--tilt) + 5deg))}}.home-collection{padding-top:100px;padding-bottom:75px;scroll-margin-top:100px}.home-section-heading{text-align:center}.home-section-heading h2,.home-tool h2,.home-brand h2{font-size:clamp(31px,3.5vw,48px);line-height:1.22;letter-spacing:-.045em;margin:20px 0}.home-section-heading>p:last-child{color:#6e6e73;font-size:17px;line-height:1.8}.home-filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:32px 0 18px}.home-filter{font:inherit;font-size:13px;padding:10px 19px;background:#f5f5f7;border:1px solid transparent;border-radius:30px;cursor:pointer;color:#60646c}.home-filter[aria-pressed=true]{background:#1d1d1f;color:white}.home-filter:focus-visible,.orbit-icon:focus-visible,.home-primary:focus-visible{outline:3px solid #0071e3;outline-offset:5px}.home-count{text-align:center;font-size:12px;color:#85858b;margin-bottom:24px}.home-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.home-product{min-width:0;padding-bottom:22px}.home-product[hidden]{display:none!important}.hp-preview{display:block;background:#f5f5f7;height:280px;overflow:hidden;border-radius:18px;text-align:center;padding:22px 20px 0;transition:background .2s}.home-product:nth-child(4n+2) .hp-preview{background:#edf5fb}.home-product:nth-child(4n+3) .hp-preview{background:#f3f0fa}.home-product:nth-child(4n) .hp-preview{background:#f8f1ed}.hp-preview img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:top;border-radius:12px 12px 0 0;filter:drop-shadow(0 5px 10px #00000010);transition:transform .3s}.hp-preview:hover img{transform:translateY(-5px)}.hp-info{display:flex;gap:12px;align-items:center;margin:20px 0 10px}.hp-info>img{width:46px;height:46px;border-radius:11px}.hp-info h3{font-size:17px;margin:0 0 4px;letter-spacing:-.02em}.hp-info h3 a{color:#1d1d1f}.hp-info span{font-size:11px;color:#85858b}.home-product>p{color:#6e6e73;font-size:13px;line-height:1.75;min-height:46px;margin:8px 0}.hp-link{color:#0066cc;font-size:12px}.home-center{text-align:center;margin-top:30px}.home-tool{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#edf5ff;border-radius:28px;padding:66px!important;align-items:center;margin-bottom:80px}.home-tool p:not(.home-eyebrow){font-size:15px;color:#626a78;line-height:1.9;margin-bottom:27px}.tool-guide{display:block;font-size:12px;margin-top:18px;color:#0066cc}.pdf-art{position:relative;height:300px;display:flex;align-items:center;justify-content:center;gap:25px;color:#0066cc}.photo-stack{position:relative;width:105px;height:145px}.photo-stack span{position:absolute;inset:0;border:6px solid white;border-radius:12px;background:#bbd7e9;box-shadow:0 10px 30px #12518012;transform:rotate(-15deg)}.photo-stack span:nth-child(2){transform:rotate(-4deg);background:#d5e9f6}.photo-stack span:last-child{transform:rotate(8deg);background:linear-gradient(#dff3ff,#a5d3f5);display:flex;align-items:center}.photo-stack svg{fill:#82b7de;width:100%}.pdf-arrow{font-size:35px}.pdf-sheet{height:170px;width:125px;border-radius:12px;background:white;box-shadow:0 15px 35px #12518015;transform:rotate(8deg);padding:25px 20px}.pdf-sheet b{font-size:30px;letter-spacing:-.04em}.pdf-sheet i{display:block;height:5px;background:#e7edf4;margin-top:16px;border-radius:8px}.pdf-sheet i:last-child{width:65%}.pdf-art small{position:absolute;bottom:10px;font-size:9px;letter-spacing:.1em;color:#70869e}.home-brand{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding-bottom:90px}.home-brand p:not(.home-eyebrow){color:#6e6e73;font-size:15px;line-height:1.9;max-width:520px}.home-idea{border-left:1px solid #dedee3;padding-left:45px}.home-idea>span{font-size:42px;color:#0071e3}.home-idea h3{font-size:25px;letter-spacing:-.03em;margin:15px 0}.home-brand .home-secondary{display:inline-block;margin-top:15px}@media(min-width:1500px){.orbit-field{min-height:790px}}@media(max-width:1000px){.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.orbit-field{min-height:650px}.orbit-copy h1{font-size:48px}.orbit-icon{width:60px}.home-tool{padding:40px!important}.home-brand{gap:40px}}@media(max-width:700px){.orbit-hero{padding:12px 12px 0}.orbit-field{min-height:600px;border-radius:22px}.orbit-copy{padding:160px 16px 155px}.orbit-copy h1{font-size:35px;letter-spacing:-.055em}.orbit-description{font-size:14px}.home-eyebrow{font-size:9px!important;letter-spacing:.12em}.home-actions{gap:16px;flex-direction:column;margin-top:25px}.home-primary{font-size:14px;padding:14px 24px}.orbit-icon{width:47px}.oi-4,.oi-5,.oi-10{display:none}.oi-0{left:12%;top:11%}.oi-1{left:38%;top:7%}.oi-2{left:65%;top:9%}.oi-3{left:89%;top:16%}.oi-6{left:10%;top:82%}.oi-7{left:35%;top:91%}.oi-8{left:65%;top:91%}.oi-9{left:89%;top:83%}.home-collection{padding-top:62px;padding-bottom:50px}.home-section-heading h2,.home-tool h2,.home-brand h2{font-size:31px}.home-section-heading>p:last-child{font-size:14px}.home-filters{gap:6px;margin-top:25px}.home-filter{font-size:12px;padding:9px 13px}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.hp-preview{height:220px;padding:17px 12px 0;border-radius:14px}.hp-info{gap:8px;margin-top:15px}.hp-info>img{width:36px;height:36px;border-radius:9px}.hp-info h3{font-size:14px}.hp-info span{font-size:10px}.home-product>p{font-size:12px}.home-tool{grid-template-columns:1fr;padding:30px 25px!important;gap:10px;margin-bottom:55px;border-radius:22px}.pdf-art{height:260px}.home-tool p:not(.home-eyebrow){font-size:14px}.home-brand{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.home-idea{border-left:0;border-top:1px solid #dedee3;padding:28px 0 0}.home-brand p:not(.home-eyebrow){font-size:14px}}@media(prefers-reduced-motion:reduce){.orbit-icon{animation:none}.hp-preview img,.home-primary{transition:none}} 

/* Orbit the headline while keeping app icons upright. */
@supports (offset-path:ellipse(44% 42% at 50% 50%)){
.orbit-icon{left:0;top:0;offset-path:ellipse(44% 42% at 50% 50%);offset-rotate:0deg;offset-anchor:center;transform:rotate(var(--tilt));animation:circleApps 110s linear infinite;animation-delay:calc(var(--orbit-index) * -10s)}
.orbit-icon:hover,.orbit-icon:focus-visible{animation-play-state:paused}
.oi-0{--orbit-index:0}
.oi-1{--orbit-index:1}
.oi-2{--orbit-index:2}
.oi-3{--orbit-index:3}
.oi-4{--orbit-index:4}
.oi-5{--orbit-index:5}
.oi-6{--orbit-index:6}
.oi-7{--orbit-index:7}
.oi-8{--orbit-index:8}
.oi-9{--orbit-index:9}
.oi-10{--orbit-index:10}
@keyframes circleApps{from{offset-distance:0%}to{offset-distance:100%}}
@media(max-width:700px){.orbit-icon{left:0;top:0;offset-path:ellipse(44% 43% at 50% 50%);animation-duration:100s;animation-delay:calc(var(--mobile-orbit-index) * -12.5s)}
.oi-0{--mobile-orbit-index:0}
.oi-1{--mobile-orbit-index:1}
.oi-2{--mobile-orbit-index:2}
.oi-3{--mobile-orbit-index:3}
.oi-6{--mobile-orbit-index:4}
.oi-7{--mobile-orbit-index:5}
.oi-8{--mobile-orbit-index:6}
.oi-9{--mobile-orbit-index:7}
}
@media(prefers-reduced-motion:reduce){.orbit-icon{animation:none;offset-distance:calc(var(--orbit-index) * 9.0909%)} }
}

/* A cropped, slower outer orbit adds depth around the inner ring. */
.orbit-outer{pointer-events:none;width:clamp(70px,7.5vw,108px);opacity:.8;z-index:0}
@supports(offset-path:ellipse(58% 61% at 50% 50%)){
.orbit-outer{offset-path:ellipse(58% 61% at 50% 50%);animation-duration:155s;animation-delay:calc(var(--orbit-index) * -14.0909s);animation-direction:reverse}
@media(max-width:700px){.orbit-outer{width:60px;offset-path:ellipse(62% 62% at 50% 50%);animation-duration:140s;animation-delay:calc(var(--mobile-orbit-index) * -17.5s)}}
}

/* True circular orbits: one radius in both dimensions, clipped at the hero edge. */
@supports(offset-path:circle(300px at 50% 50%)){
.orbit-icon{offset-path:circle(clamp(310px,34vw,500px) at 50% 50%)}
.orbit-outer{offset-path:circle(clamp(430px,47vw,690px) at 50% 50%)}
@media(max-width:700px){.orbit-icon{offset-path:circle(290px at 50% 50%)}.orbit-outer{offset-path:circle(390px at 50% 50%)}}
}

/* Two disjoint, evenly spaced app sets: no duplicates at any animation phase. */
.curated-orbit{display:block!important;pointer-events:auto;opacity:1;animation-duration:110s;animation-delay:calc(var(--slot) * -110s / var(--slots))}
.curated-orbit.orbit-outer{animation-duration:155s;animation-delay:calc(var(--slot) * -155s / var(--slots));animation-direction:reverse;opacity:.82}
@media(max-width:700px){.curated-orbit{width:47px;animation-duration:100s;animation-delay:calc(var(--slot) * -100s / var(--slots))}.curated-orbit.orbit-outer{width:60px;animation-duration:140s;animation-delay:calc(var(--slot) * -140s / var(--slots))}}
@media(prefers-reduced-motion:reduce){.curated-orbit{animation:none;offset-distance:calc(var(--slot) * 100% / var(--slots))}}

/* Matched angular speed preserves the staggered, nonmatching neighbours forever. */
.curated-orbit{animation-duration:140s;animation-direction:normal;animation-delay:calc(var(--slot) * -140s / 11)}
.curated-orbit.orbit-outer{animation-duration:140s;animation-direction:normal;animation-delay:calc((var(--slot) + .5) * -140s / 11)}
@media(max-width:700px){.curated-orbit{animation-duration:130s;animation-delay:calc(var(--slot) * -130s / 11)}.curated-orbit.orbit-outer{animation-duration:130s;animation-delay:calc((var(--slot) + .5) * -130s / 11)}}
@media(prefers-reduced-motion:reduce){.curated-orbit{animation:none;offset-distance:calc(var(--slot) * 100% / 11)}.curated-orbit.orbit-outer{offset-distance:calc((var(--slot) + .5) * 100% / 11)}}

.orbit-field:has(.curated-orbit:hover) .curated-orbit,.orbit-field:has(.curated-orbit:focus-visible) .curated-orbit{animation-play-state:paused}

/* Inner clockwise, outer counter-clockwise. */
.curated-orbit.orbit-outer{animation-direction:reverse}

.curated-orbit.orbit-outer{transition:opacity .45s ease}.curated-orbit.orbit-outer.duplicate-near{opacity:0;pointer-events:none}
