*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05060d;color:#f7f8ff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:74px;padding:0 clamp(15px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(5,6,13,.75);backdrop-filter:blur(20px);border-bottom:1px solid #ffffff12}.brand{font-weight:950;font-size:22px;letter-spacing:-1px}.brand span,em,.eyebrow,small,.section-head>span{color:#8d7cff}.brand i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8d7cff;box-shadow:0 0 20px #8d7cff;margin-right:8px}.topbar nav{display:flex;gap:24px;align-items:center}.topbar a{color:#9ea5bd;text-decoration:none;font-size:13px}.hero{min-height:850px;padding:135px clamp(15px,6vw,100px) 65px;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;background:radial-gradient(circle at 75% 45%,#5845ff25,transparent 35%),radial-gradient(circle at 10% 20%,#00c8ff0e,transparent 30%)}.copy{max-width:650px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:3px}.copy h1{font-size:clamp(52px,7vw,96px);line-height:.88;letter-spacing:-6px;margin:18px 0 30px}.copy p{color:#aab0c5;line-height:1.65;font-size:18px;max-width:570px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.primary,.secondary,.ghost{border-radius:14px;padding:14px 20px;font-weight:850;border:1px solid transparent}.primary{background:#8d7cff;color:#fff;box-shadow:0 12px 35px #8d7cff33}.secondary,.ghost{background:#ffffff0a;color:#fff;border-color:#ffffff15}.ghost{padding:10px 14px}.stats{display:flex;gap:20px;flex-wrap:wrap;color:#707892;font-size:12px}.stats b{color:#f7f8ff;font-size:16px}.stage{height:650px;border-radius:34px;border:1px solid #ffffff12;background:radial-gradient(circle,#ffffff09,transparent 48%);position:relative;overflow:hidden}.stage #scene{position:absolute;inset:0}.hint{position:absolute;bottom:18px;left:20px;color:#68708b;font-size:11px;pointer-events:none}.viewbar{position:absolute;right:18px;bottom:18px;display:flex;gap:6px}.viewbar button{background:#080a14dd;color:#fff;border:1px solid #ffffff14;border-radius:10px;padding:9px 11px;font-size:11px}.places,.pricing{padding:110px clamp(15px,6vw,100px)}.section-head{margin-bottom:35px}.section-head h2{font-size:clamp(40px,5vw,70px);letter-spacing:-4px;line-height:.95;margin:12px 0}.section-head p{color:#777f98}.place-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.place{background:#0b0d17;border:1px solid #ffffff12;border-radius:18px;padding:18px;text-align:left;transition:.2s;cursor:pointer}.place:hover{transform:translateY(-3px);border-color:#8d7cff77}.place .dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:7px}.free{background:#55d993}.busy{background:#ff5e70}.vip{background:#e3b85c}.place h3{margin:16px 0 7px}.place p{margin:0;color:#727a92;font-size:12px}.place strong{display:block;margin-top:13px}.how{display:grid;grid-template-columns:repeat(4,1fr);margin:0 clamp(15px,6vw,100px);border-radius:25px;overflow:hidden;background:#0b0d17}.how>div{padding:30px;border-right:1px solid #ffffff0c}.how small{font-weight:900}.how h3{margin:20px 0 8px}.how p{color:#777f98;line-height:1.55;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{background:#0b0d17;border:1px solid #ffffff12;border-radius:24px;padding:30px}.cards .featured{border-color:#8d7cff66;box-shadow:0 25px 70px #8d7cff12}.cards h3{font-size:28px;margin:25px 0 12px}.cards b{font-size:34px}.cards p{color:#7d849b;min-height:38px}.cta{margin:0 clamp(15px,6vw,100px) 90px;padding:55px;border-radius:30px;background:linear-gradient(120deg,#17132f,#0b0d17);border:1px solid #8d7cff33;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:clamp(30px,4vw,55px);line-height:.95;letter-spacing:-3px}.modal{position:fixed;inset:0;background:#000b;backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:16px;z-index:80}.modal.open{display:flex}.modal-card{position:relative;width:min(570px,100%);max-height:92vh;overflow:auto;background:#0c0f1b;border:1px solid #ffffff14;border-radius:25px;padding:30px;box-shadow:0 30px 100px #000}.close{position:absolute;right:15px;top:15px;border:0;background:#ffffff0b;color:#fff;width:38px;height:38px;border-radius:50%;font-size:23px}.modal-card h2{font-size:34px;letter-spacing:-2px;margin:10px 0 22px}.modal-card label{display:block;color:#929ab1;font-size:12px;margin:13px 0}.modal-card input:not([type=checkbox]),.modal-card select{width:100%;padding:13px 14px;margin-top:7px;background:#060810;color:#fff;border:1px solid #ffffff12;border-radius:12px}.check{display:flex!important;gap:9px;align-items:center}.selected,.preview,#summary{background:#070913;border:1px solid #ffffff0d;border-radius:14px;padding:14px;color:#aab1c7}.preview{height:130px;display:flex;align-items:center;justify-content:center;margin-top:7px;border-style:dashed;color:#68718a}.preview img{width:100%;height:100%;object-fit:contain}.wide{width:100%;margin-top:18px}.toast{position:fixed;z-index:100;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;background:#171b2c;border:1px solid #ffffff17;border-radius:13px;padding:13px 17px;transition:.25s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.order{padding:14px;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;gap:10px}.active{color:#55d993}.pending{color:#e3b85c}@media(max-width:950px){.topbar nav a{display:none}.hero{grid-template-columns:1fr;padding-top:110px}.stage{height:530px}.place-grid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.copy h1{font-size:55px;letter-spacing:-4px}.stage{height:430px;border-radius:22px}.place-grid{grid-template-columns:1fr}.how{grid-template-columns:1fr;margin-left:15px;margin-right:15px}.how>div{border-right:0;border-bottom:1px solid #ffffff0c}.hero{padding-left:14px;padding-right:14px}.places,.pricing{padding-left:14px;padding-right:14px}.cta{margin-left:14px;margin-right:14px;padding:30px}.hero .actions button{width:100%}}