:root{--blue:#3158f5;--cyan:#0ccde6;--ink:#14233f;--muted:#607293;--line:#dce6f5}*{box-sizing:border-box}body{margin:0;background:#f8fbff;color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}.page-shell{max-width:1240px;min-height:100vh;margin:auto;padding:32px 7.2% 26px;display:flex;flex-direction:column;position:relative}.glow{position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none}.glow-one{width:380px;height:380px;background:#e9f0ff;right:-130px;top:-170px}.glow-two{width:280px;height:280px;background:#e7fbff;left:-150px;bottom:-170px}.topbar{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{display:block;font-family:'Space Grotesk';font-size:20px;letter-spacing:-.5px}.brand small{display:block;color:#09bddd;font-size:11px;font-weight:700;letter-spacing:1.4px;margin-top:2px}.status-pill{border:1px solid #dbe5f5;border-radius:30px;padding:10px 15px;color:#526684;font-size:13px;background:#fff9;box-shadow:0 8px 30px #d9e7fa55}.status-pill i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#18c79c;margin-right:7px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;flex:1;padding:52px 0 64px}.copy{max-width:530px;position:relative;z-index:1}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 22px}.copy h1{font-family:'Space Grotesk';font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-3px;margin:0 0 26px}.copy h1 em{font-style:normal;background:linear-gradient(90deg,#3158f5,#15c8df);-webkit-background-clip:text;color:transparent}.intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:480px;margin:0 0 34px}.progress-wrap{max-width:400px}.progress-label{display:flex;justify-content:space-between;font-size:13px;color:#5f7192;margin-bottom:9px}.progress-label b{color:var(--blue)}.progress{height:7px;background:#e5edf9;border-radius:10px;overflow:hidden}.progress span{display:block;width:68%;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.note{font-size:14px;color:#8190aa;margin-top:17px}.visual{height:490px;position:relative;max-width:550px;margin:auto;width:100%}.orbit{position:absolute;border:1px solid #d1def5;border-radius:50%;width:410px;height:410px;right:15px;top:52px;transform:rotate(-22deg)}.orbit-b{width:520px;height:210px;right:-20px;top:158px;border-color:#c9e8f3;transform:rotate(28deg)}.dashboard,.mini-card{position:absolute;background:#fff;border:1px solid #e0eaf8;box-shadow:0 22px 50px #9fb6da40;border-radius:22px}.card-main{width:365px;height:240px;right:50px;top:86px;padding:24px;transform:rotate(3deg)}.card-top{display:flex;align-items:center;gap:12px}.icon{width:42px;height:42px;border-radius:13px;background:#132746;color:#fff;display:grid;place-items:center;font-size:25px}.lines{flex:1}.lines b,.lines i{height:8px;display:block;border-radius:10px;background:#c7d5e9;width:85px}.lines i{width:125px;margin-top:7px;opacity:.6}.dot{width:8px;height:8px;border-radius:50%;background:#14c59a}.message-row{display:flex;gap:10px;align-items:center;padding:18px 14px;margin-top:26px;border-radius:14px;background:#edf5ff}.message-row span{height:8px;width:94px;border-radius:10px;background:#2761ef}.message-row b{height:8px;flex:1;border-radius:10px;background:#d2deed}.message-row.muted{margin-top:10px;padding:0 14px;background:none}.message-row.muted span{width:60px;background:#dae5f3}.message-row.muted b{background:#e5edf7}.input-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f7;margin-top:19px;padding-top:14px;color:#a3b0c5;font-size:12px}.input-line b{color:#fff;background:var(--blue);border-radius:8px;padding:5px 8px}.mini-card{padding:18px}.analytics{width:195px;height:135px;left:28px;bottom:62px;transform:rotate(-8deg);background:#edf5ff}.mini-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.mini-head b{color:#18bd9b}.bars{height:57px;display:flex;align-items:end;gap:8px;margin:10px 0}.bars i{width:18px;border-radius:5px 5px 2px 2px;background:#b5d2f7;height:45%}.bars i:nth-child(2){height:70%;background:#65a8f5}.bars i:nth-child(3){height:52%}.bars i:nth-child(4){height:88%;background:#2e62ea}.bars i:nth-child(5){height:60%;background:#b1cdf5}.analytics small{font-size:10px;color:#6680a4}.ticket{right:-4px;bottom:33px;display:flex;gap:11px;align-items:center;transform:rotate(2deg);padding:14px 17px}.ticket .headset{width:35px;height:35px;background:#fff0dc;color:#ff9d41;font-size:22px}.ticket b{display:block;font-size:12px;line-height:1.2}.ticket small{display:block;color:#9aa9c0;font-size:10px;margin-top:3px}.badge-check{position:absolute;right:74px;top:58px;border-radius:50%;background:#fff;color:#16c49a;box-shadow:0 8px 18px #adc1de66;padding:11px;font-weight:700}.spark{position:absolute;color:#2f64ec;font-size:24px}.spark-a{left:10px;top:120px}.spark-b{right:16px;bottom:168px;color:#0acadd;font-size:17px}footer{border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;color:#8a99b0;font-size:12px;position:relative;z-index:1}footer span:first-child{font-weight:700;color:#506384}@media(max-width:760px){.page-shell{padding:24px 7% 20px}.status-pill{font-size:11px;padding:8px 10px}.brand img{width:48px;height:48px}.brand strong{font-size:17px}.hero{grid-template-columns:1fr;padding:60px 0 25px;gap:30px}.copy h1{font-size:47px;letter-spacing:-2px}.intro{font-size:16px}.visual{height:370px;transform:scale(.85);transform-origin:top center;margin-bottom:-48px}.card-main{right:3%;top:50px}.orbit{right:-3%;top:20px}.analytics{left:0}.ticket{right:-8%}footer{font-size:11px;gap:12px}footer span:nth-child(2){display:none}}