/* Small product glimpses lead into a dashboard that opens up with the scroll. */
.hero{gap:30px;perspective:1400px}
.hero-widgets{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:22px;width:100%;max-width:860px;margin:12px auto 0;position:relative}
.hero-widget{min-width:0;min-height:152px;padding:20px 22px;border:1px solid #f5fff5d9;border-radius:8px;background:linear-gradient(130deg,#f7fff4c2,#e3f1ee80);box-shadow:inset 0 1px 0 #fff,0 18px 38px -26px #304b5b80;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.widget-income{transform:rotate(-3deg) translateY(8px);border-top:2px solid #dbfa87}
.widget-contracts{transform:translateY(-9px);background:linear-gradient(130deg,#f5fff3d9,#edf8eb91)}
.widget-week{transform:rotate(3deg) translateY(10px)}
.widget-heading{display:flex;align-items:center;gap:8px;color:#49636b;font-size:11px}.widget-heading .icon{width:16px;height:16px}.widget-light{width:6px;height:6px;background:#b9df56;border-radius:50%;margin-left:auto;box-shadow:0 0 0 4px #dfff8f40}
.hero-widget>strong{display:block;font:300 31px Manrope,sans-serif;letter-spacing:-1px;color:#203c46;margin:13px 0 8px}.widget-contracts>strong{font-size:22px;margin:18px 0 16px;letter-spacing:-.6px}
.widget-bottom{display:flex;align-items:center;justify-content:space-between;color:#526b72;font-size:10px;gap:12px}.widget-sparkline{width:96px;height:28px;color:#527341;overflow:visible}
.widget-renewal{display:flex;align-items:center;gap:7px;padding:7px 8px;background:#e0f7a78c;color:#3e592e;border-radius:4px;font-size:10px}.widget-renewal .icon{width:13px;height:13px;flex-shrink:0}
.widget-week-bars{display:flex;align-items:flex-end;gap:9px;height:48px;margin:12px 0}.widget-week-bars i{flex:1;height:85%;border-radius:3px;border:1px solid #ffffffb3;background:repeating-linear-gradient(135deg,#68898745 0,#68898745 1px,transparent 1px,transparent 4px),#bad5d182}.widget-week-bars i:nth-child(2){height:65%}.widget-week-bars i:nth-child(3){height:100%}.widget-week-bars i:nth-child(4){height:55%}.widget-week-bars i:last-child{height:32%;background:#d5f781;border-color:#ecffc5}.widget-availability{font-size:11px;color:#4c6669}
.widget-caption{grid-column:1/-1;text-align:center;font-size:10px;color:#50686e;margin:3px 0 0}
.preview-wrap{transform-origin:center 35%;transition:none}
.landing-motion .preview-wrap{transform:perspective(1400px) scale(var(--preview-scale,.86)) rotateX(var(--preview-tilt,4deg));will-change:transform}
.landing-motion .hero-widgets{transform:translateY(var(--widget-shift,0px));will-change:transform}
[data-reveal]{opacity:1;transform:none}
.landing-motion [data-reveal].reveal-ready{opacity:.35;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
.landing-motion [data-reveal].reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.hero-widgets{gap:12px;max-width:720px}.hero-widget{padding:16px;min-height:149px}.hero-widget>strong{font-size:27px}.widget-contracts>strong{font-size:19px}.widget-heading{font-size:10px}}
@media(max-width:650px){.hero{gap:24px}.hero-widgets{grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 0}.hero-widget{padding:15px;min-height:142px;transform:none}.widget-income{transform:rotate(-2deg)}.widget-contracts{transform:rotate(2deg)}.widget-week{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4px 15px;align-items:center;min-height:0;padding:15px 18px}.widget-week .widget-heading{grid-column:1;grid-row:1}.widget-week-bars{grid-column:2;grid-row:1/3;height:42px;margin:0}.widget-availability{grid-column:1;grid-row:2;font-size:10px}.widget-heading{font-size:10px;gap:6px}.hero-widget>strong{font-size:25px}.widget-contracts>strong{font-size:17px;line-height:1.4;margin:15px 0 12px}.widget-renewal{font-size:9px;padding:5px;gap:4px}.widget-bottom{font-size:9px;gap:6px}.widget-sparkline{width:60px}.widget-caption{font-size:9px;margin:0}.landing-motion .preview-wrap,.landing-motion .hero-widgets{transform:none;will-change:auto}.landing-motion [data-reveal].reveal-ready{opacity:1;transform:none;transition:none}}
@media(prefers-reduced-motion:reduce){.landing-motion .preview-wrap,.landing-motion .hero-widgets{transform:none;will-change:auto}.landing-motion [data-reveal].reveal-ready{opacity:1;transform:none;transition:none}.hero-widget{transform:none}}
@media(prefers-reduced-transparency:reduce){.hero-widget{background:#edf6f1;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hero-widget{background:#edf6f1}}