:root{color-scheme:light;--navy:#122642;--blue:#155fbd;--muted:#53647b;--line:#e3eaf3;--red:#cf2633;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--navy);background:#f7f9fc;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:0;position:relative;background:radial-gradient(ellipse at 50% 24%,#fff 0%,#ffffff99 34%,transparent 65%);isolation:isolate}
.scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.scenery::before{content:"";position:absolute;width:660px;height:660px;border-radius:50%;background:#eaf2ff80;top:-380px;right:-290px}
.scenery::after{content:"";position:absolute;width:440px;height:440px;background:#f3ecdf66;border-radius:50%;bottom:-310px;left:-150px}
.orbit{position:absolute;width:1250px;height:790px;border:1px solid #dce7f480;border-radius:50%;left:50%;top:12%;transform:translateX(-50%) rotate(-18deg)}
.orbit-two{width:1430px;height:900px;top:7%;transform:translateX(-50%) rotate(-18deg)}
.accent{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);opacity:.65}
.accent-one{top:20%;left:26%}.accent-two{top:61%;right:12%;width:5px;height:5px}
.hero{width:min(100%,1000px);min-height:100vh;min-height:100svh;margin-inline:auto;padding:48px 32px 25px;display:flex;align-items:center;flex-direction:column;text-align:center}
.brand-mark{width:126px;height:126px;display:grid;place-items:center;margin-bottom:10px;animation:arrive .8s ease-out both}
.brand-mark img{display:block;width:100%;height:auto;object-fit:contain}
h1{font-size:clamp(40px,4.3vw,60px);line-height:1.35;letter-spacing:-1.4px;margin:0;font-weight:750}
h1 span{color:var(--blue)}
.tagline{font-size:19px;line-height:1.9;font-weight:500;margin:13px 0 30px;color:#3e536e}
.announcement{display:flex;align-items:center;gap:14px;background:#edf4ff;border:1px solid #d6e5fb;border-radius:100px;padding:10px 27px;font-size:28px;font-weight:700;color:var(--blue);box-shadow:0 5px 20px #155fbd08;animation:arrive .8s .12s ease-out both}
.status-dot{height:7px;width:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px #155fbd0c}
.rocket{font-size:24px}
.message{font-size:20px;line-height:1.95;color:var(--muted);margin:21px 0 35px;animation:arrive .8s .2s ease-out both}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:830px;animation:arrive .8s .3s ease-out both}
.feature{background:#ffffffed;border:1px solid var(--line);border-radius:20px;padding:23px 18px 22px;box-shadow:0 8px 25px #12264204;text-align:right}
.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#edf4ff;color:var(--blue);margin-bottom:14px}
.feature-icon svg{width:25px;height:25px}
.team-icon{color:#b82b3c;background:#fff0f1}.ease-icon{color:#81633e;background:#f7f2e9}
h2{font-size:19px;line-height:1.5;margin:0 0 8px;font-weight:700}
.feature p{font-size:14px;line-height:1.9;margin:0;color:var(--muted)}
footer{margin-top:auto;padding-top:29px;color:#56657a;font-size:13px;line-height:1.8}
.footer-rule{display:block;background:var(--red);width:22px;height:3px;border-radius:4px;margin:0 auto 12px}
footer p{margin:0}
.dashboard{position:absolute;width:204px;padding:19px;background:#ffffffb3;border:1px solid #e0e8f1;border-radius:17px;box-shadow:0 14px 36px #12264205;opacity:.65;text-align:right}
.dashboard-plan{right:calc(50% + 380px);top:24%;transform:rotate(-9deg)}
.dashboard-reports{left:calc(50% + 390px);top:32%;transform:rotate(9deg);width:190px}
.dashboard-team{right:calc(50% + 420px);top:65%;width:180px;transform:rotate(5deg)}
.decoration-heading{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#566b85;margin-bottom:20px}
.mini-icon{font-size:18px;color:#6a97d0}.dot{width:5px;height:5px;background:#c85562;border-radius:50%;margin-inline-start:auto}
.skeleton{height:5px;width:55%;border-radius:8px;background:#e5ecf5;margin-bottom:9px}.skeleton.wide{width:80%}
.task-row{display:flex;align-items:center;gap:8px;margin-top:14px}.task-row i{width:11px;height:11px;border:1px solid #c3d6ed;border-radius:3px}.task-row span{width:65%;height:4px;background:#e5ecf5;border-radius:5px}
.progress{height:5px;background:#edf2f8;border-radius:8px;margin-top:21px;overflow:hidden}.progress span{display:block;width:68%;height:100%;background:#91b4e5}
.chart{height:70px;display:flex;align-items:end;gap:8px;margin:0 0 18px;border-bottom:1px solid #e0e8f2;padding-bottom:5px}.chart i{flex:1;height:35%;border-radius:4px 4px 0 0;background:#b5cff0}.chart i:nth-child(2n){height:60%}.chart i:nth-child(3n){height:48%}.chart i:nth-child(5){height:85%;background:#6b9edb}.chart i:last-child{height:73%}
.team-dots{display:flex;align-items:center;padding:2px}.team-dots i{width:28px;height:28px;border-radius:50%;border:3px solid white;background:#d7e5f7;margin-inline-start:-5px}.team-dots i:nth-child(2){background:#e7ddcb}.team-dots i:nth-child(3){background:#f0d7dd}.team-dots .skeleton{width:40px;margin:0 12px 0 0}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-height:850px) and (min-width:768px){.hero{padding-top:7vh;padding-bottom:35px}.brand-mark{width:144px;height:144px;margin-bottom:16px}.tagline{margin-bottom:36px}.message{margin-bottom:43px}}
@media(max-width:1100px){.dashboard{opacity:.35}.dashboard-plan{right:calc(50% + 310px)}.dashboard-reports{left:calc(50% + 315px)}.dashboard-team{display:none}}
@media(max-width:767px){.hero{padding:32px 24px 25px}.brand-mark{width:112px;height:112px}.tagline{font-size:16px;margin:12px 0 25px}.message{font-size:18px;margin:21px 0 28px;max-width:440px}.features{grid-template-columns:1fr;max-width:440px;gap:12px}.feature{padding:18px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:15px;align-items:center;border-radius:17px}.feature-icon{grid-row:1/3;margin:0}h2{font-size:17px;margin:0 0 4px}.feature p{font-size:13px}.dashboard{display:none}.orbit{width:800px;height:700px;top:4%}.orbit-two{width:970px;height:840px}.accent-one{left:12%;top:17%}.accent-two{right:9%;top:41%}footer{padding-top:30px}.announcement{font-size:25px;padding:9px 25px}}
@media(max-width:359px){.hero{padding:25px 16px 22px}.brand-mark{width:100px;height:100px}.tagline{font-size:14px}.message{font-size:16px}.feature{padding:16px 13px;column-gap:11px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hero{min-height:calc(100vh - 72px);min-height:calc(100svh - 72px)}

/* Shared footer, matching the supplied reference. */
.site-footer{width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px 28px;padding:22px 34px;margin:0;color:#627187;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.8;text-align:right}
.site-footer p{margin:0}.site-footer .footer-credit{flex:none;white-space:nowrap}.site-footer a{color:#122642;font-weight:700;text-decoration:none;border-bottom:1px solid #d9b64a;padding-bottom:2px}.site-footer a:hover{color:#155fbd}.site-footer a:focus-visible{outline:2px solid #155fbd;outline-offset:5px;border-radius:2px}
@media(max-width:640px){.site-footer{flex-direction:column;justify-content:center;text-align:center;gap:12px;padding:24px 18px;font-size:11px}.site-footer .footer-credit{white-space:normal}}