*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#07100d;--bg-soft:#0a1511;--card:#0d1b16;--card-2:#101f19;--border:#ffffff17;--text:#f2f7f4;--muted:#97a89f;--accent:#75f0b0;--accent-soft:#75f0b01f}body{color:var(--text);background:radial-gradient(circle at 72% 9%, #349f6a29, transparent 30rem), var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,100% - 40px);margin:0 auto}.nav{justify-content:space-between;align-items:center;height:88px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.brandMark{color:#06110c;background:var(--accent);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.navLinks{color:#bdc9c3;align-items:center;gap:26px;font-size:14px;display:flex}.comingBadge,.onlinePill,.readyPill{border-radius:999px;font-weight:750}.comingBadge{color:var(--accent);background:var(--accent-soft);border:1px solid #75f0b03d;padding:9px 13px;font-size:12px}.hero{padding:110px 0 115px}.eyebrow,.sectionLabel,.miniLabel{letter-spacing:1.8px;color:var(--accent);font-size:11px;font-weight:800}.hero h1{letter-spacing:-5px;max-width:940px;margin:22px 0 28px;font-size:clamp(56px,8vw,102px);line-height:.95}.hero h1 span{color:var(--accent)}.heroText{max-width:730px;color:var(--muted);margin:0;font-size:20px;line-height:1.7}.heroStatus{color:#899990;align-items:center;gap:9px;margin-top:30px;font-size:13px;display:inline-flex}.statusDot{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #75f0b0bf}.heroMockup{background:linear-gradient(#ffffff06,#0000),#0a1511;border:1px solid #75f0b029;border-radius:24px;max-width:920px;margin-top:70px;padding:24px;box-shadow:0 30px 90px #00000047}.mockTop{justify-content:space-between;align-items:center;padding:2px 2px 20px;display:flex}.mockTop>div{gap:5px;display:grid}.onlinePill,.readyPill{padding:8px 11px;font-size:11px}.onlinePill{color:var(--accent);background:var(--accent-soft)}.readyPill{color:#06110c;background:var(--accent)}.reservation{border:1px solid var(--border);background:var(--card);border-radius:16px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:20px;display:grid}.guestAvatar{color:#c7d5ce;background:#172821;border-radius:12px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.reservationInfo{gap:5px;display:grid}.reservationInfo span,.pinBox span{color:var(--muted);font-size:12px}.pinBox{gap:3px;padding-right:10px;display:grid}.pinBox strong{letter-spacing:2px}.timeline{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.timelineItem{border:1px solid var(--border);color:#809088;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;display:flex}.timelineItem>span{background:#14221c;border-radius:50%;place-items:center;min-width:25px;height:25px;font-size:11px;font-weight:900;display:grid}.timelineItem.complete>span{color:#06110c;background:var(--accent)}.timelineItem div{gap:4px;display:grid}.timelineItem strong{color:#cad5d0;font-size:13px}.timelineItem small{color:#718078;line-height:1.4}.visionSection,.flowSection,.featuresSection{border-top:1px solid var(--border)}.visionSection{background:#ffffff03;padding:100px 0}.split{grid-template-columns:1fr 1fr;gap:90px;display:grid}h2{letter-spacing:-2.5px;max-width:760px;margin:14px 0 48px;font-size:clamp(36px,5vw,60px);line-height:1.05}.visionText{color:var(--muted);font-size:18px;line-height:1.75}.visionText p:first-child{margin-top:24px}.flowSection{padding:100px 0}.flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:13px;display:grid}.flowCard,.features article{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:25px}.step{color:var(--accent);margin-bottom:34px;font-size:11px;font-weight:800;display:inline-block}.flowCard h3,.features h3{margin:0 0 10px;font-size:19px}.flowCard p,.features p,.futureCard p{color:var(--muted);margin:0;line-height:1.65}.connector{color:#405148;place-items:center;font-size:22px;display:grid}.featuresSection{background:#ffffff03;padding:100px 0}.features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.featureIcon{color:var(--accent);margin-bottom:42px;font-size:28px}.integrations{gap:45px;padding:105px 0;display:grid}.integrationBlock{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:60px;padding-bottom:45px;display:flex}.integrationBlock h2{margin-bottom:0;font-size:clamp(30px,4vw,46px)}.chips{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:450px;display:flex}.chip{border:1px solid var(--border);color:#aebdb5;background:#0b1511;border-radius:999px;padding:12px 15px}.chip.active{color:var(--accent);background:var(--accent-soft);border-color:#75f0b066}.chip small{opacity:.8;margin-left:5px;font-size:8px}.futureSection{padding:10px 0 110px}.futureCard{background:radial-gradient(circle at 100% 0%, #75f0b01f, transparent 25rem), var(--card);border:1px solid #75f0b029;border-radius:26px;padding:55px}.futureCard p{max-width:750px;font-size:17px}.futureGrid{flex-wrap:wrap;gap:10px;margin-top:35px;display:flex}.futureGrid span{border:1px solid var(--border);color:#adbbb4;background:#ffffff05;border-radius:10px;padding:10px 13px}.footer{border-top:1px solid var(--border);color:#75857d;justify-content:space-between;align-items:center;min-height:120px;font-size:13px;display:flex}.footer .brand{color:var(--text);font-size:16px}.footer .brandMark{border-radius:8px;width:28px;height:28px}@media (max-width:940px){.flow{grid-template-columns:1fr 1fr}.connector{display:none}.split{grid-template-columns:1fr;gap:20px}.features{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.navLinks a{display:none}.hero{padding:80px 0 90px}.hero h1{letter-spacing:-3px}.reservation{grid-template-columns:auto 1fr}.pinBox,.readyPill{margin-left:60px}.timeline,.flow,.features{grid-template-columns:1fr}.integrationBlock{flex-direction:column;align-items:flex-start}.chips{justify-content:flex-start}.futureCard{padding:32px}.footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:28px 0}}