@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{min-height:100%;background:#f7f8fc}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:38px;color:#1d1c29;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 7% 12%,#dce8ffb8,transparent 55%),radial-gradient(ellipse at 94% 89%,#f6dceca6,transparent 53%),radial-gradient(ellipse at 60% 40%,#e6dff9a6,transparent 55%),#f7f8fc}.ambient{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#aba7c030 .6px,transparent .6px);background-size:8px 8px;mask-image:linear-gradient(120deg,transparent,#000,transparent);opacity:.35}.workspace{position:relative;width:min(1260px,100%);overflow:hidden;border:1px solid #ffffffed;border-radius:34px;background:#ffffff8c;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 30px 100px -32px #61578235,0 4px 22px #ffffffa8 inset}header{display:flex;align-items:center;justify-content:space-between;padding:36px 46px;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.2px;color:#000}.mark{display:block;width:30px;height:34px;background:#000;clip-path:polygon(0 20%,70% 0,100% 30%,30% 50%,30% 80%,0 100%)}.status{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;color:#747181;padding:9px 13px;border:1px solid #ffffffd9;border-radius:30px;background:#ffffff70}.status>span{width:6px;height:6px;border-radius:50%;background:#9b8cbb;box-shadow:0 0 0 4px #a497bd12}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:15px;min-height:510px;padding:28px 46px 56px}.message{position:relative;z-index:2}.eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:2.8px;color:#80708e;padding:8px 0;margin-bottom:20px}h1{font-family:Manrope,sans-serif;font-weight:600;font-size:clamp(40px,4.6vw,63px);line-height:1.14;letter-spacing:-3.1px;margin:0 0 25px}h1 span{color:#7b6b9d}p{font-size:15px;line-height:1.85;color:#777382;margin:0;max-width:425px}.launch-note{display:flex;gap:10px;align-items:center;margin-top:35px;font-size:11px;color:#82758d}.spark{font-size:18px;color:#b7a4cc}.visual{position:relative;height:380px;min-width:0;isolation:isolate}.orbit{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(28px);z-index:-1}.orbit-one{background:#c8d4f47a;top:-5px;left:20px}.orbit-two{background:#edcce74f;bottom:-5px;right:-40px}.map-sheet{position:absolute;inset:6px 14px 21px 23px;border:1px solid #fff;border-radius:23px;overflow:hidden;background:linear-gradient(150deg,#f4f7ffc9,#f0eaf790);backdrop-filter:blur(16px);box-shadow:0 24px 54px -15px #77689126;transform:rotate(-7deg)}.sheet-head{height:49px;display:flex;align-items:center;gap:8px;padding:0 18px;color:#898494;font-size:10px;border-bottom:1px solid #fff9;background:#fff7}.tiny-mark{width:10px;height:10px;border:1.3px solid #a196b4;border-radius:3px;transform:rotate(45deg)}.dots{margin-left:auto;letter-spacing:2px}.parcel-map{display:block;width:100%;height:calc(100% - 89px);object-fit:cover}.sheet-bottom{display:flex;align-items:center;gap:8px;height:40px;padding:0 17px;border-top:1px solid #fff9;font-size:9px;color:#9a92a7;background:#fff6}.swatch{width:7px;height:7px;background:#c2b3e2;border-radius:2px}.float-card{position:absolute;display:flex;align-items:center;gap:11px;padding:16px 18px;border:1px solid #fff;border-radius:16px;background:#ffffffbf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 40px -12px #62508030;animation:drift 7s ease-in-out infinite}.float-card strong{display:block;font-size:11px;font-weight:600;color:#655e74;margin-bottom:5px}.float-card span:not(.check){display:block;font-size:9px;color:#a198ac}.insight{top:31px;right:-9px;transform:rotate(3deg)}.insight-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#f0eaf8;color:#a28fbb}.connected{bottom:8px;left:0;animation-delay:-3s}.check{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#edf0fd;color:#938bbd;font-size:15px}footer{display:flex;align-items:center;justify-content:space-between;padding:23px 46px;border-top:1px solid #ffffffbc;color:#aaa3b2;font-size:10px;letter-spacing:.2px;background:#ffffff24}@keyframes drift{50%{translate:0 -6px}}@media(min-width:1500px){.hero{min-height:570px}}@media(max-width:900px){body{padding:22px}.workspace{border-radius:28px}header{padding:26px 30px}.status{font-size:10px}.hero{padding:25px 30px 45px;gap:3px}h1{font-size:44px;letter-spacing:-2px}.visual{height:320px}.float-card{padding:12px;gap:8px}.float-card strong{font-size:10px}.float-card span:not(.check){font-size:8px}.insight{right:-6px}.map-sheet{inset:15px 9px 18px 16px}.desktop-break{display:none}footer{padding:21px 30px}}@media(max-width:680px){body{padding:15px}.workspace{border-radius:26px}header{padding:27px 25px}.brand{font-size:25px}.status{display:none}.hero{grid-template-columns:1fr;gap:40px;padding:25px 25px 30px;min-height:0}.message{text-align:center}.eyebrow{margin-bottom:14px;font-size:10px}h1{font-size:clamp(37px,9vw,52px);letter-spacing:-2.3px;line-height:1.16;margin-bottom:20px}p{font-size:13px;line-height:1.85;max-width:320px;margin:auto}.launch-note{justify-content:center;font-size:9px;margin-top:22px}.visual{height:280px;width:min(330px,100%);margin:0 auto}.map-sheet{inset:8px 15px 18px 18px}.insight{right:0;top:21px}.connected{left:0;bottom:0}.sheet-head{height:40px;font-size:9px}.sheet-bottom{height:32px;font-size:8px}.parcel-map{height:calc(100% - 72px)}footer{padding:19px 24px;font-size:9px}.orbit{width:230px;height:230px}.float-card{border-radius:13px;padding:11px}.insight-icon{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}