*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#102044;font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 26px}header{position:sticky;top:0;z-index:5;background:#ffffffef;backdrop-filter:blur(12px);border-bottom:1px solid #e8edf6}nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font:800 25px Manrope,sans-serif;letter-spacing:-1px}.logo span{color:#2467ef}#links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:800}#menu{display:none;background:none;border:0;font-size:24px}.btn{display:inline-block;background:#2467ef;color:white;border-radius:12px;padding:16px 22px;font-size:14px;font-weight:800;box-shadow:0 12px 25px #2467ef2c;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.hero{background:radial-gradient(ellipse at 80% 70%,#ffe2ed,transparent 42%),radial-gradient(ellipse at 0 0,#e6efff,transparent 50%),white}.hero-grid{min-height:650px;display:grid;grid-template-columns:46% 54%;align-items:center;gap:35px}.tag,.label{font-size:11px;color:#2467ef;letter-spacing:2px;font-weight:800}.tag{background:#edf3ff;padding:11px 15px;border-radius:30px;display:inline-block;letter-spacing:1px}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.06em;line-height:1.12}h1{font-size:clamp(48px,5vw,74px);margin:28px 0}h2{font-size:clamp(38px,4vw,55px);margin:18px 0}h1 em,h2 em{font-style:normal;background:linear-gradient(95deg,#2467ef,#987bdb,#ef9abb);background-clip:text;-webkit-text-fill-color:transparent}.lead{font-size:17px;line-height:1.8;color:#6b7891}.actions{display:flex;gap:24px;align-items:center;margin-top:30px;font-size:14px;font-weight:800}.note,.fine{font-size:11px;color:#8997ac;margin-top:35px}.dashboard{display:flex;background:white;border:1px solid #e6ebf5;border-radius:18px;overflow:hidden;min-height:405px;box-shadow:0 35px 80px #193a7133;transform:perspective(1100px) rotateY(-4deg)}aside{background:#122146;color:#bed0ee;width:55px;flex-shrink:0;text-align:center;line-height:66px;font-size:23px}.screen{padding:26px;flex:1;min-width:0}.screen>small,.stats small{font-size:9px;color:#9aa8ba}.screen h3{font-size:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.stats>div{background:#f6f9ff;border-radius:9px;padding:12px;font-size:10px;color:#8c9ab0}.stats b{display:block;font-size:26px;color:#13264a;margin:5px 0}.stats small{display:block}.screen h4{font-size:13px}.calendar{border:1px solid #e8edf5;border-radius:9px;overflow:hidden}.days{text-align:center;background:#f6f9fd;font-size:9px;padding:12px;color:#8b99ad}.bookings{height:165px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:14px 5px;background:repeating-linear-gradient(0deg,#fff 0,#fff 39px,#e8eef8 40px)}.bookings>div{height:62px;border-radius:6px;background:#e4ecff;padding:9px 5px;color:#557bb8;font-size:10px;font-weight:800}.bookings>div:nth-child(2){margin-top:25px;background:#ffe4ee;color:#bd6c91}.bookings>div:nth-child(3){margin-top:60px;background:#e1f4ec;color:#56987b}.bookings>div:nth-child(4){margin-top:14px;background:#f0e8ff;color:#9678bb}.bookings small{display:block;font-size:8px;font-weight:400;margin-top:6px}.preview{font-size:10px;color:#a0acc0}.ribbon{padding:26px 0;border-bottom:1px solid #e9edf5}.ribbon .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:#8290a5;font-weight:800}.section{padding:105px 0}.heading{text-align:center;max-width:640px;margin:0 auto 55px}.heading p,.price p,.split p{color:#6b7891;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:32px;border-radius:22px;min-height:380px}.blue{background:#edf4ff}.pink{background:#fff0f6}.purple{background:#f4f0ff}.icon{background:white;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:24px;color:#2467ef}.card h3{font-size:21px;margin:25px 0 10px}.card p{font-size:14px;color:#6b7891;line-height:1.75}.mini{margin-top:28px;background:white;border-radius:13px;padding:20px;font-size:12px;font-weight:800}.mini>div:not(.bars){border:1px solid #eef1f6;border-radius:7px;padding:9px;margin-top:8px;font-weight:400}.mini small{display:block;margin-top:14px;color:#8996aa}.bars{height:90px;display:flex;align-items:end;gap:12px}.bars i{height:65%;flex:1;background:linear-gradient(#8c94f2,#d6d9ff);border-radius:5px 5px 0 0}.bars i:nth-child(2){height:90%}.bars i:nth-child(3){height:55%}.bars i:nth-child(4){height:100%}.bars i:nth-child(5){height:80%}.fine{text-align:center}.dark{background:#111e3d;color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.dark .label,.contact .label{color:#b0c9ff}.dark p,.contact p{color:#bac8df}.white{background:white;color:#2454aa;box-shadow:none}.steps>div{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid #ffffff30}.steps b{color:#8dafff}.steps h3{margin:0 0 8px}.steps p{margin:0;font-size:14px}.price{background:#f3f7ff;border-radius:22px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.price h3{font-size:27px;margin:14px 0}.contact{background:linear-gradient(115deg,#132c66,#2459b5);color:white}footer{padding:30px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer a:last-child{font-size:12px;color:#8794a7}@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}.cards{grid-template-columns:1fr}.dashboard{max-width:650px}.card{min-height:310px}}@media(max-width:620px){nav{height:68px}#menu{display:block}#links{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch;box-shadow:0 20px 30px #12234520}#links.open{display:flex}.dashboard{transform:none;min-height:345px}.screen{padding:12px}aside{width:36px;font-size:18px}.stats{gap:4px}.stats>div{padding:6px;font-size:9px}.stats b{font-size:20px}.screen h3{font-size:14px}.bookings>div{font-size:8px}.actions{flex-wrap:wrap}.section{padding:70px 0}.price,footer .wrap{flex-direction:column;align-items:flex-start}.ribbon .wrap{justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}