:root {
  --navy: #061a3a;
  --navy-2: #0a2a5a;
  --navy-3: #123e78;
  --teal: #06a9ad;
  --teal-2: #65d8d5;
  --gold: #f1c86a;
  --gold-2: #ffe7a5;
  --cream: #f5f2ea;
  --paper: #fbfaf6;
  --ink: #0e2038;
  --muted: #607087;
  --line: rgba(14,32,56,.13);
  --white: #fff;
  --shadow: 0 24px 70px rgba(5,24,52,.15);
  --radius: 28px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, Aptos, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.section { padding: 116px 0; position: relative; }
.section-dark, .section-navy { color: #fff; background: var(--navy); }
.section-light { background: var(--paper); }
.section-cream { background: var(--cream); }
.section-heading { margin-bottom: 56px; }
.section-heading.split { display: grid; grid-template-columns: 1.35fr .65fr; gap: 80px; align-items: end; }
.section-heading.centered { text-align: center; max-width: 850px; margin-left: auto; margin-right: auto; }
.section-heading h2, .governance-copy h2, .future-copy h2, .contact-copy h2 { font-size: clamp(2.5rem, 5vw, 4.9rem); line-height: .99; margin: 14px 0 0; letter-spacing: -.055em; font-weight: 620; }
.section-heading h2 span, .governance-copy h2 span, .future-copy h2 span, .contact-copy h2 span { color: var(--teal); }
.section-heading.inverse h2 span, .future-copy h2 span { color: var(--gold); }
.section-heading p, .governance-copy > p, .future-copy > p, .contact-copy > p { font-size: 1.08rem; line-height: 1.75; color: var(--muted); margin: 0; }
.section-heading.inverse p, .future-copy > p { color: rgba(255,255,255,.68); }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; text-transform: uppercase; letter-spacing: .16em; font-weight: 750; font-size: .72rem; color: rgba(255,255,255,.72); }
.eyebrow.dark { color: var(--navy-3); }
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal-2); box-shadow: 0 0 0 0 rgba(101,216,213,.55); animation: pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(101,216,213,0); } 100% { box-shadow: 0 0 0 0 rgba(101,216,213,0); } }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; padding: 13px 20px; font-weight: 720; border: 1px solid transparent; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease; cursor: pointer; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: linear-gradient(135deg, var(--teal), #22c8bd); color: #fff; box-shadow: 0 16px 38px rgba(6,169,173,.28); }
.btn-primary:hover { box-shadow: 0 20px 48px rgba(6,169,173,.38); }
.btn-light { background: rgba(255,255,255,.94); color: var(--navy); border-color: rgba(255,255,255,.75); }
.btn-ghost { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.06); backdrop-filter: blur(10px); }
.btn-lg { padding: 16px 24px; }
.btn-small { padding: 11px 16px; font-size: .86rem; }
.full { width: 100%; }

.site-header { position: fixed; z-index: 50; top: 18px; left: 50%; transform: translateX(-50%); width: min(1230px, calc(100% - 36px)); height: 70px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; padding: 0 14px 0 16px; border: 1px solid rgba(255,255,255,.19); border-radius: 20px; background: rgba(4,20,44,.42); backdrop-filter: blur(18px); box-shadow: 0 12px 40px rgba(0,0,0,.12); transition: all .3s ease; color: #fff; }
.site-header.scrolled { top: 10px; background: rgba(255,255,255,.9); color: var(--navy); border-color: rgba(6,26,58,.08); box-shadow: 0 14px 44px rgba(6,26,58,.14); }
.site-header.scrolled .btn-light { background: var(--navy); color: #fff; border-color: var(--navy); }
.brand { display: inline-flex; align-items: center; gap: 10px; min-width: 178px; font-size: 1.1rem; font-weight: 650; letter-spacing: -.02em; }
.brand img { width: 42px; height: 42px; object-fit: contain; }
.brand b { color: var(--gold); }
.desktop-nav { display: flex; justify-content: center; gap: 29px; font-size: .87rem; font-weight: 620; }
.desktop-nav a { opacity: .8; transition: opacity .2s ease; }
.desktop-nav a:hover { opacity: 1; }
.menu-toggle { display: none; width: 46px; height: 46px; border: 0; background: transparent; border-radius: 50%; padding: 12px; }
.menu-toggle span { display: block; height: 2px; background: currentColor; margin: 6px 0; border-radius: 2px; }
.mobile-nav { display: none; }

.hero { min-height: 920px; height: 100vh; max-height: 1040px; position: relative; display: flex; align-items: center; overflow: hidden; padding-top: 94px; }
.hero-media, .hero-media img, .hero-scrim, .hero-grid { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-media img { object-fit: cover; object-position: center 45%; transform: scale(1.03); }
.hero-scrim { background: linear-gradient(90deg, rgba(3,15,34,.96) 0%, rgba(3,15,34,.86) 40%, rgba(3,15,34,.45) 70%, rgba(3,15,34,.55) 100%), linear-gradient(0deg, rgba(3,15,34,.6), transparent 55%); }
.hero-grid { opacity: .11; background-image: linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(90deg, #000 0%, transparent 78%); }
.hero-content { position: relative; z-index: 2; display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; }
.hero-copy { max-width: 740px; }
.hero h1 { font-size: clamp(3.6rem, 7.1vw, 7.25rem); line-height: .91; letter-spacing: -.065em; margin: 23px 0 28px; max-width: 750px; font-weight: 610; }
.hero h1 span { color: var(--gold); }
.hero-lede { font-size: 1.16rem; line-height: 1.7; max-width: 660px; color: rgba(255,255,255,.74); }
.hero-actions { display: flex; gap: 12px; margin-top: 36px; flex-wrap: wrap; }
.hero-proof { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 55px; border-top: 1px solid rgba(255,255,255,.16); padding-top: 24px; gap: 22px; }
.hero-proof strong { display: block; font-size: .92rem; }
.hero-proof span { display: block; color: rgba(255,255,255,.51); margin-top: 5px; font-size: .78rem; line-height: 1.45; }
.hero-product { position: relative; min-height: 610px; display: flex; align-items: center; justify-content: center; }
.live-badge { position: absolute; z-index: 5; top: 34px; right: 10px; display: inline-flex; align-items: center; gap: 9px; background: rgba(5,25,55,.78); border: 1px solid rgba(255,255,255,.16); padding: 10px 14px; border-radius: 999px; font-size: .75rem; color: rgba(255,255,255,.82); backdrop-filter: blur(14px); }
.live-badge i { width: 7px; height: 7px; border-radius: 50%; background: #41e792; box-shadow: 0 0 0 5px rgba(65,231,146,.13); }
.phone-shell { width: min(395px, 86%); height: 650px; background: #f4f6f9; color: var(--ink); border-radius: 40px; border: 9px solid #071327; box-shadow: 0 45px 100px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.35); overflow: hidden; transform: rotate(2.2deg); position: relative; }
.phone-top { height: 65px; background: #fff; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 20px; border-bottom: 1px solid #e6e9ef; font-size: .85rem; }
.phone-top > span { width: 34px; height: 6px; background: #0c1730; border-radius: 8px; position: absolute; top: 13px; left: calc(50% - 17px); }
.phone-top em { color: #20b875; font-style: normal; font-size: .65rem; }
.chat-window { padding: 20px 16px 84px; height: calc(100% - 65px); overflow: hidden; background: radial-gradient(circle at 20% 0%, rgba(6,169,173,.08), transparent 28%), #f5f7f9; }
.chat-date { text-align: center; color: #8290a4; font-size: .68rem; margin-bottom: 13px; }
.bubble { padding: 11px 13px; border-radius: 17px; margin: 9px 0; font-size: .82rem; line-height: 1.4; max-width: 87%; box-shadow: 0 4px 15px rgba(6,26,58,.05); animation: bubbleIn .55s ease both; }
.bubble.guest { background: #fff; margin-left: auto; border-bottom-right-radius: 4px; }
.bubble.ai { background: #dff8f5; border-bottom-left-radius: 4px; }
.bubble:nth-of-type(3) { animation-delay: .2s; }.bubble:nth-of-type(4) { animation-delay: .4s; }.bubble:nth-of-type(6) { animation-delay: .75s; }
@keyframes bubbleIn { from { opacity:0; transform: translateY(8px); } }
.policy-chip { background: #fff6dd; border: 1px solid #f3df9e; padding: 9px 11px; border-radius: 13px; margin: 10px 0; font-size: .67rem; display: flex; flex-direction: column; gap: 3px; }
.policy-chip span { color: #8d6a18; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
.policy-chip b { font-size: .73rem; }
.system-row { font-size: .68rem; color: #64748a; display: flex; align-items: center; gap: 7px; margin: 7px 3px; }
.ok { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #daf7ea; color: #128654; font-weight: 900; }
.phone-input { position: absolute; left: 13px; right: 13px; bottom: 13px; height: 50px; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 15px; background: #fff; color: #9ba5b4; box-shadow: 0 4px 20px rgba(6,26,58,.08); font-size: .75rem; }
.phone-input button { width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--teal); color: #fff; }
.floating-card { position: absolute; z-index: 4; width: 210px; background: rgba(255,255,255,.92); color: var(--navy); padding: 15px; border-radius: 17px; box-shadow: var(--shadow); backdrop-filter: blur(12px); }
.floating-card span { display: block; text-transform: uppercase; letter-spacing: .1em; font-size: .58rem; color: var(--teal); font-weight: 800; }
.floating-card b { display: block; font-size: .82rem; margin-top: 4px; }
.floating-card small { display: block; font-size: .65rem; color: #728096; margin-top: 4px; line-height: 1.4; }
.f1 { left: -20px; top: 142px; animation: float 4.5s ease-in-out infinite; }.f2 { right: -18px; bottom: 70px; animation: float 5s ease-in-out 1s infinite; }
@keyframes float { 50% { transform: translateY(-10px); } }
.scroll-indicator { position: absolute; z-index: 3; bottom: 24px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.42); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; display: flex; align-items: center; gap: 9px; }
.scroll-indicator span { width: 18px; height: 30px; border: 1px solid rgba(255,255,255,.36); border-radius: 20px; position: relative; }.scroll-indicator span:before { content:""; width: 3px; height: 6px; border-radius: 3px; background: #fff; position: absolute; top: 6px; left: 7px; animation: scrollDot 1.6s infinite; }
@keyframes scrollDot { 60% { transform: translateY(10px); opacity: 0; } }

.integration-strip { background: #041328; color: rgba(255,255,255,.54); border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); overflow: hidden; }
.integration-track { min-width: max-content; display: flex; align-items: center; gap: 26px; padding: 17px 0; font-size: .72rem; font-weight: 750; letter-spacing: .16em; animation: ticker 27s linear infinite; }
.integration-track i { width: 4px; height: 4px; border-radius: 50%; background: var(--gold); opacity: .8; }
@keyframes ticker { to { transform: translateX(-50%); } }

.friction-grid { display: grid; grid-template-columns: 1.25fr .75fr .75fr; grid-template-rows: 320px 320px; gap: 16px; }
.friction-card { position: relative; overflow: hidden; border-radius: 24px; min-height: 260px; background: var(--navy); color: #fff; }
.friction-card.large { grid-row: 1 / 3; }
.friction-card.wide { grid-column: 2 / 4; }
.friction-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.friction-card:hover img { transform: scale(1.045); }
.friction-card .shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,15,34,.92), rgba(3,15,34,.06) 65%); }
.card-copy { position: absolute; left: 24px; right: 24px; bottom: 23px; }
.card-copy span { font-size: .68rem; letter-spacing: .12em; color: var(--gold); font-weight: 800; }
.card-copy h3 { font-size: 1.25rem; margin: 7px 0 6px; letter-spacing: -.02em; }
.card-copy p { margin: 0; color: rgba(255,255,255,.7); font-size: .86rem; line-height: 1.5; }

.journey-console { border: 1px solid rgba(6,26,58,.12); border-radius: 30px; overflow: hidden; background: rgba(255,255,255,.72); backdrop-filter: blur(14px); box-shadow: 0 32px 80px rgba(6,26,58,.1); }
.journey-tabs { display: grid; grid-template-columns: repeat(6, 1fr); border-bottom: 1px solid rgba(6,26,58,.1); }
.journey-tab { border: 0; border-right: 1px solid rgba(6,26,58,.08); background: transparent; padding: 20px 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; color: #758297; transition: .25s ease; }
.journey-tab:last-child { border-right: 0; }.journey-tab b { font-size: .65rem; color: #9aa5b5; }.journey-tab span { font-weight: 700; font-size: .84rem; }
.journey-tab.active { background: var(--navy); color: #fff; }.journey-tab.active b { color: var(--gold); }
.journey-content { display: grid; grid-template-columns: 1.05fr .95fr; min-height: 540px; }
.journey-visual { position: relative; overflow: hidden; min-height: 540px; }
.journey-visual img { width: 100%; height: 100%; object-fit: cover; transition: opacity .25s ease, transform .5s ease; }
.journey-visual.swap img { opacity: .15; transform: scale(1.025); }
.journey-overlay { position: absolute; left: 24px; bottom: 24px; background: rgba(4,19,40,.78); color:#fff; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; padding: 13px 16px; backdrop-filter: blur(12px); }
.journey-overlay span { display:block; font-size:.58rem; letter-spacing:.12em; text-transform:uppercase; color:var(--teal-2); font-weight:800; }.journey-overlay b { font-size:.84rem; display:block; margin-top:3px; }
.journey-detail { padding: 48px; display: flex; flex-direction: column; justify-content: center; }
.stage-kicker { color: var(--teal); text-transform: uppercase; letter-spacing: .13em; font-size: .7rem; font-weight: 800; }
.journey-detail h3 { font-size: clamp(2rem, 3.8vw, 3.55rem); line-height: 1.03; letter-spacing: -.045em; margin: 14px 0 18px; }
.journey-detail > p { color: var(--muted); line-height: 1.7; margin: 0; font-size: 1rem; }
.journey-detail ul { padding: 0; margin: 24px 0; list-style: none; display: grid; gap: 9px; }
.journey-detail li { position: relative; padding-left: 22px; font-size: .88rem; }.journey-detail li:before { content:""; width: 7px; height: 7px; border-radius:50%; background:var(--teal); position:absolute; left:0; top:.45em; box-shadow:0 0 0 5px rgba(6,169,173,.09); }
.journey-system-card { border-top: 1px solid var(--line); padding-top: 21px; display: grid; gap: 12px; }
.journey-system-card > span { font-size: .65rem; text-transform: uppercase; letter-spacing: .12em; color: #8190a3; font-weight: 800; }
.journey-system-card > div { display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: center; }.journey-system-card b { font-size: .82rem; }.journey-system-card small { grid-column: 2; color:#7b8798; font-size:.72rem; }
.dot { width:9px; height:9px; border-radius:50%; grid-row:1/3; }.dot.teal { background:var(--teal); }.dot.gold { background:var(--gold); }

.engine-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.engine-card { padding: 26px; border-radius: 22px; border: 1px solid rgba(255,255,255,.13); background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); min-height: 315px; transition: transform .3s ease, border-color .3s ease, background .3s ease; }
.engine-card:hover { transform: translateY(-6px); border-color: rgba(101,216,213,.45); background: linear-gradient(160deg, rgba(6,169,173,.16), rgba(255,255,255,.025)); }
.engine-icon { width: 45px; height: 45px; border-radius: 14px; display:grid;place-items:center; background: rgba(6,169,173,.12); border:1px solid rgba(101,216,213,.25); color:var(--teal-2); font-size:1.3rem; margin-bottom: 34px; }
.engine-card > span { color: var(--gold); font-size: .63rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 800; }.engine-card h3 { font-size: 1.22rem; margin: 8px 0 11px; }.engine-card p { color: rgba(255,255,255,.6); line-height:1.62; font-size:.87rem; margin:0; }
.architecture { margin-top: 18px; min-height: 510px; border: 1px solid rgba(255,255,255,.12); border-radius: 26px; background: radial-gradient(circle at 78% 50%, rgba(6,169,173,.15), transparent 32%), rgba(255,255,255,.035); display: grid; grid-template-columns: .85fr 1.15fr; overflow: hidden; }
.architecture-copy { padding: 52px; align-self: center; }.architecture-copy h3 { font-size: 3.2rem; line-height:1.02; letter-spacing:-.045em; margin:13px 0 18px; }.architecture-copy p { color:rgba(255,255,255,.62); line-height:1.7; }.architecture-badges { display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; }.architecture-badges span { border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05); padding:8px 11px; border-radius:999px; font-size:.7rem; color:rgba(255,255,255,.75); }
.system-orbit { position: relative; min-height: 510px; overflow:hidden; }.orbit { position:absolute; border:1px solid rgba(101,216,213,.22); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }.orbit-1 { width:330px;height:330px; }.orbit-2 { width:480px;height:480px; border-color:rgba(241,200,106,.15); }
.core { position:absolute; left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 25%, #0d3b72,#061a3a 72%);border:1px solid rgba(255,255,255,.24);box-shadow:0 0 0 15px rgba(6,169,173,.04),0 20px 60px rgba(0,0,0,.2);z-index:3; }.core img{width:55px;height:55px;object-fit:contain}.core b{font-size:.86rem}.core small{font-size:.62rem;color:rgba(255,255,255,.55);margin-top:2px}
.node { position:absolute; width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);display:grid;place-items:center;font-size:.67rem;font-weight:800;color:rgba(255,255,255,.82);box-shadow:0 10px 25px rgba(0,0,0,.14);animation:nodeFloat 5s ease-in-out infinite; }.n1{left:50%;top:8%;}.n2{right:18%;top:18%;animation-delay:.4s}.n3{right:9%;top:48%;animation-delay:.8s}.n4{right:22%;bottom:11%;animation-delay:1.2s}.n5{left:48%;bottom:7%;animation-delay:.3s}.n6{left:18%;bottom:13%;animation-delay:.7s}.n7{left:8%;top:46%;animation-delay:1.1s}.n8{left:20%;top:16%;animation-delay:1.5s}@keyframes nodeFloat{50%{transform:translateY(-7px)}}

.outcomes-section { background:#fff; }.outcome-layout { display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:stretch; }.outcome-list { display:flex;flex-direction:column;border-top:1px solid var(--line); }.outcome-item { border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:19px 6px;display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;cursor:pointer;transition:.25s ease; }.outcome-item:hover,.outcome-item.active{padding-left:14px;background:linear-gradient(90deg,rgba(6,169,173,.08),transparent)}.outcome-item>span{font-size:.64rem;color:#8d9aab;font-weight:800}.outcome-item b{display:block;font-size:1rem}.outcome-item small{display:block;color:#7b8798;margin-top:3px;line-height:1.4}.outcome-item em{font-style:normal;color:var(--teal);font-size:1.2rem;transition:transform .25s ease}.outcome-item.active em{transform:rotate(45deg)}
.outcome-visual{position:relative;min-height:560px;border-radius:28px;overflow:hidden;background:#10213e}.outcome-visual img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .5s ease}.outcome-visual.swap img{opacity:.18;transform:scale(1.02)}.outcome-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,34,.72),transparent 55%)}.outcome-stat-card{position:absolute;z-index:2;left:25px;bottom:25px;right:25px;background:rgba(255,255,255,.92);padding:20px;border-radius:18px;backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(4,20,44,.22)}.outcome-stat-card span{display:block;color:var(--teal);text-transform:uppercase;letter-spacing:.11em;font-size:.62rem;font-weight:800}.outcome-stat-card b{display:block;font-size:1.15rem;margin-top:5px}.outcome-stat-card small{display:block;color:#6f7c8e;margin-top:5px;line-height:1.5}

.governance-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.governance-media{position:relative}.governance-media img{border-radius:26px;box-shadow:var(--shadow);min-height:650px;object-fit:cover}.governance-caption{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(4,20,44,.86);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px 20px;backdrop-filter:blur(12px)}.governance-caption span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:800}.governance-caption b{display:block;margin-top:5px;font-size:.9rem;line-height:1.45}.governance-copy h2{font-size:clamp(2.5rem,4.6vw,4.5rem)}.governance-copy>p{margin-top:20px}.guardrail-stack{margin-top:30px;border-top:1px solid rgba(6,26,58,.12)}.guardrail-stack>div{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid rgba(6,26,58,.12)}.guardrail-stack>div>b{color:var(--teal);font-size:.72rem}.guardrail-stack strong{font-size:.9rem}.guardrail-stack small{display:block;color:#748295;margin-top:3px;line-height:1.45}.governance-rule{margin-top:22px;padding:18px 20px;border-left:3px solid var(--gold);background:#fff;border-radius:0 14px 14px 0;font-size:.86rem;line-height:1.6;box-shadow:0 10px 30px rgba(6,26,58,.05)}

.pilot-section{background:#fff}.pilot-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.pilot-timeline{border-top:1px solid var(--line)}.pilot-step{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:18px 10px;cursor:pointer;display:grid;grid-template-columns:110px 1fr;column-gap:12px;transition:.25s ease}.pilot-step>span{font-size:.68rem;color:#8591a2;font-weight:800;grid-row:1/3}.pilot-step b{font-size:.95rem}.pilot-step small{color:#738094;line-height:1.45;margin-top:4px}.pilot-step.active{background:linear-gradient(90deg,rgba(6,169,173,.08),transparent);padding-left:18px}.pilot-step.active>span{color:var(--teal)}.pilot-panel{border-radius:26px;overflow:hidden;background:var(--navy);color:#fff;display:grid;grid-template-rows:350px auto;box-shadow:var(--shadow)}.pilot-image-wrap{overflow:hidden}.pilot-image-wrap img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease, transform .5s ease}.pilot-panel.swap img{opacity:.18;transform:scale(1.02)}.pilot-panel-copy{padding:28px 30px}.pilot-panel-copy>span{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:800}.pilot-panel-copy h3{font-size:1.7rem;margin:7px 0 9px;letter-spacing:-.03em}.pilot-panel-copy p{color:rgba(255,255,255,.65);line-height:1.65;margin:0;font-size:.9rem}.scorecard{margin-top:22px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}.scorecard>div{padding:20px;border-right:1px solid var(--line)}.scorecard>div:last-child{border-right:0}.scorecard span{display:block;color:var(--teal);font-size:.6rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.scorecard b{display:block;font-size:.86rem;margin:6px 0}.scorecard small{display:block;color:#7b8799;font-size:.7rem;line-height:1.4}

.future-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.future-copy h2{font-size:clamp(2.6rem,4.6vw,4.8rem);margin-top:15px}.future-copy>p{margin-top:24px}.roadmap-chips{display:flex;flex-direction:column;gap:10px;margin-top:28px}.roadmap-chips span{padding:12px 15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.04);font-size:.82rem;color:rgba(255,255,255,.78)}.future-gallery{height:560px;position:relative}.future-gallery figure{position:absolute;margin:0;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.14);background:#0c2345}.future-gallery img{width:100%;height:100%;object-fit:cover}.future-gallery figcaption{position:absolute;left:14px;bottom:12px;background:rgba(3,15,34,.78);padding:7px 10px;border-radius:999px;font-size:.65rem;color:#fff;backdrop-filter:blur(9px)}.g1{width:58%;height:64%;left:0;top:2%;transform:rotate(-3deg)}.g2{width:45%;height:52%;right:0;top:16%;transform:rotate(3deg)}.g3{width:58%;height:48%;left:19%;bottom:0;transform:rotate(1deg)}

.contact-section{background:linear-gradient(180deg,#f5f2ea,#fff)}.contact-shell{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center;padding:56px;border-radius:32px;background:#fff;border:1px solid rgba(6,26,58,.09);box-shadow:0 30px 90px rgba(6,26,58,.08)}.contact-copy h2{font-size:clamp(2.5rem,4.4vw,4.5rem);margin-top:14px}.contact-copy>p{margin-top:23px}.contact-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.contact-points span{font-size:.8rem;color:#56677f}.demo-form{padding:30px;border-radius:24px;background:var(--cream);border:1px solid rgba(6,26,58,.08)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-form label{display:block;font-size:.72rem;font-weight:750;color:#495c76;margin-bottom:12px}.demo-form input,.demo-form textarea,.demo-form select{width:100%;margin-top:7px;border:1px solid rgba(6,26,58,.13);background:#fff;border-radius:12px;padding:12px 13px;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.demo-form input:focus,.demo-form textarea:focus,.demo-form select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(6,169,173,.1)}.form-note{display:block;text-align:center;color:#7c8999;font-size:.66rem;line-height:1.45;margin-top:10px}.form-success{display:none;margin-top:12px;padding:12px 14px;border-radius:12px;background:#e1f8ef;color:#117b50;font-size:.78rem}.form-success.show{display:block}.demo-form .invalid{border-color:#cc4f4f;box-shadow:0 0 0 3px rgba(204,79,79,.08)}

.footer{background:#031126;color:#fff;padding:45px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:52px;height:52px;object-fit:contain}.footer-brand b{display:block}.footer-brand span{display:block;color:rgba(255,255,255,.48);font-size:.74rem;margin-top:4px}.footer-links{display:flex;gap:22px;font-size:.76rem;color:rgba(255,255,255,.62)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:30px;display:flex;justify-content:space-between;color:rgba(255,255,255,.34);font-size:.67rem}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,.75,.23,1)}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
.cursor-glow{position:fixed;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(6,169,173,.07),transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}

@media (max-width: 1020px){
  .desktop-nav,.site-header>.btn{display:none}.site-header{grid-template-columns:1fr auto}.menu-toggle{display:block}.mobile-nav{position:fixed;z-index:49;top:92px;left:18px;right:18px;padding:20px;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 20px 60px rgba(6,26,58,.18);display:flex;flex-direction:column;gap:4px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.25s ease;color:var(--navy)}.mobile-nav.open{opacity:1;pointer-events:auto;transform:none}.mobile-nav>a:not(.btn){padding:12px 8px;border-bottom:1px solid var(--line);font-weight:650}
  .hero{height:auto;max-height:none;min-height:980px;padding:150px 0 90px}.hero-content{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:820px}.hero-product{min-height:620px}.phone-shell{height:620px}.f1{left:8%}.f2{right:8%}.hero-proof{max-width:700px}
  .section-heading.split,.governance-grid,.future-grid,.contact-shell{grid-template-columns:1fr;gap:35px}.section-heading.split{align-items:start}.section-heading.split p{max-width:760px}.friction-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 300px 320px}.friction-card.large{grid-row:1/2;grid-column:1/3}.friction-card.wide{grid-column:1/3}.engine-grid{grid-template-columns:1fr 1fr}.architecture{grid-template-columns:1fr}.system-orbit{min-height:500px}.outcome-layout{grid-template-columns:1fr}.outcome-visual{min-height:470px}.governance-media img{min-height:520px}.pilot-layout{grid-template-columns:1fr}.scorecard{grid-template-columns:1fr 1fr}.scorecard>div{border-bottom:1px solid var(--line)}.contact-shell{padding:38px}.future-gallery{max-width:720px;width:100%;margin:0 auto}.footer-top{align-items:flex-start}.journey-content{grid-template-columns:1fr}.journey-visual{min-height:420px}.journey-tabs{overflow-x:auto;grid-template-columns:repeat(6,minmax(120px,1fr))}
}
@media (max-width: 680px){
  .container{width:min(100% - 28px,1180px)}.section{padding:82px 0}.site-header{width:calc(100% - 24px);top:12px;height:62px;border-radius:18px}.brand img{width:36px;height:36px}.brand span{font-size:1rem}.mobile-nav{top:82px;left:12px;right:12px}.hero{min-height:1040px;padding-top:125px}.hero h1{font-size:clamp(3.25rem,16vw,5.1rem)}.hero-lede{font-size:1rem}.hero-proof{grid-template-columns:1fr;gap:14px}.hero-proof div{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.hero-product{min-height:570px}.phone-shell{width:92%;height:570px;border-width:7px}.floating-card{display:none}.live-badge{top:8px;right:2px}.scroll-indicator{display:none}.section-heading h2,.governance-copy h2,.future-copy h2,.contact-copy h2{font-size:clamp(2.5rem,12vw,3.6rem)}.section-heading.split{gap:22px;margin-bottom:34px}.friction-grid{display:flex;flex-direction:column}.friction-card{height:310px}.friction-card.large{height:390px}.journey-tabs{justify-content:start}.journey-tab{padding:17px 10px}.journey-content{min-height:auto}.journey-visual{min-height:340px}.journey-detail{padding:31px 24px}.journey-detail h3{font-size:2.4rem}.engine-grid{grid-template-columns:1fr}.engine-card{min-height:0}.architecture-copy{padding:34px 25px}.architecture-copy h3{font-size:2.55rem}.system-orbit{min-height:400px;transform:scale(.85);margin:-30px}.outcome-visual{min-height:420px}.outcome-item{grid-template-columns:34px 1fr auto;padding:16px 5px}.governance-media img{min-height:430px}.pilot-step{grid-template-columns:85px 1fr;padding:16px 4px}.pilot-panel{grid-template-rows:260px auto}.scorecard{grid-template-columns:1fr}.scorecard>div{border-right:0}.future-gallery{height:430px}.contact-shell{padding:26px 18px}.contact-points{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.demo-form{padding:20px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}.footer-bottom{gap:8px}.integration-track{animation-duration:21s}.cursor-glow{display:none}
}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}



.reveal{opacity:1!important;transform:none!important}.mobile-nav{display:none!important}
.form-success.error{background:#fff1f1!important;color:#8b1e1e!important;border-color:#e7b0b0!important}.demo-form button:disabled{opacity:.65;cursor:not-allowed}

/* ===== StayTwin 2026 Hospitality POV update ===== */
.commerce-phone{width:min(410px,86%);height:650px;background:#f4f6f9;color:var(--ink);border-radius:40px;border:9px solid #071327;box-shadow:0 45px 100px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.35);overflow:hidden;transform:rotate(1.6deg);position:relative}.commerce-phone-head{height:66px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e6e9ef}.brand-mini{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:750}.brand-mini img{width:30px;height:30px;object-fit:contain}.online{font-size:.62rem;color:#13855a;background:#e4f8ef;padding:6px 8px;border-radius:999px}.hero-mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-bottom:1px solid #e5e9ef}.hero-mode{border:0;background:transparent;padding:11px 8px;font-size:.7rem;font-weight:700;color:#728197;cursor:pointer}.hero-mode.active{color:var(--teal);box-shadow:inset 0 -2px var(--teal)}.commerce-phone-body{padding:15px 14px 76px;height:calc(100% - 108px);overflow:hidden;background:radial-gradient(circle at 20% 0%,rgba(6,169,173,.08),transparent 28%),#f5f7f9}.wa-bubble{padding:10px 12px;border-radius:16px;background:#fff;margin:7px 0;font-size:.78rem;line-height:1.42;box-shadow:0 4px 15px rgba(6,26,58,.05)}.wa-bubble.ai{background:#ddf7f4}.catalogue-card.compact{display:grid;grid-template-columns:94px 1fr;gap:10px;background:#fff;border:1px solid #e5e9ef;border-radius:16px;padding:8px;margin:10px 0}.catalogue-card.compact img{width:94px;height:92px;object-fit:cover;border-radius:12px}.catalogue-card.compact span{display:block;text-transform:uppercase;color:var(--teal);font-weight:800;font-size:.55rem;letter-spacing:.08em}.catalogue-card.compact b{display:block;font-size:.83rem;margin-top:3px}.catalogue-card.compact small{display:block;color:#7b8799;font-size:.62rem;line-height:1.4;margin-top:4px}.catalogue-card.compact strong{display:block;color:var(--navy);font-size:.64rem;margin-top:7px}.quick-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.quick-actions span{font-size:.61rem;border:1px solid #d9e1e9;background:#fff;border-radius:999px;padding:6px 8px;color:#52647b}.workflow-status{display:flex;gap:9px;align-items:flex-start;background:#ecf8f4;border:1px solid #d4efe5;border-radius:13px;padding:10px;margin-top:9px}.workflow-status i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#1caf73;color:#fff;font-style:normal;font-size:.65rem}.workflow-status b{display:block;font-size:.69rem}.workflow-status small{display:block;font-size:.59rem;color:#708277;line-height:1.4;margin-top:2px}.hero .f1{left:-45px;top:155px}.hero .f2{right:-48px;bottom:100px}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pain-card{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 18px 55px rgba(6,26,58,.06)}.pain-img{height:230px;overflow:hidden}.pain-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pain-card:hover .pain-img img{transform:scale(1.04)}.pain-copy{padding:25px}.pain-copy>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;color:var(--teal);font-weight:800}.pain-copy h3{font-size:1.5rem;line-height:1.12;letter-spacing:-.035em;margin:10px 0}.pain-copy p{color:var(--muted);line-height:1.62;font-size:.88rem}.impact{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:.68rem;color:#8490a1}.impact b{color:var(--navy);font-size:.72rem}.operating-shift{margin-top:24px;border:1px solid var(--line);border-radius:24px;background:#fff;padding:24px 28px;display:grid;grid-template-columns:1fr auto 1.25fr;gap:28px;align-items:center}.shift-old>span,.shift-new>span{display:block;text-transform:uppercase;letter-spacing:.11em;color:#8390a1;font-weight:800;font-size:.6rem;margin-bottom:11px}.shift-old>div{display:flex;gap:8px;flex-wrap:wrap}.shift-old b{font-size:.72rem;padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:#66758a}.shift-arrow{font-size:2rem;color:var(--teal)}.shift-new strong{font-size:1.18rem;letter-spacing:-.02em}
.pillar-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.pillar-tabs{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.14)}.pillar-tab{border:0;border-bottom:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;display:grid;grid-template-columns:42px 1fr;gap:12px;text-align:left;padding:23px 9px;cursor:pointer;transition:.25s}.pillar-tab>span{color:rgba(255,255,255,.38);font-size:.7rem;font-weight:800}.pillar-tab b{display:block;font-size:1rem}.pillar-tab small{display:block;color:rgba(255,255,255,.45);font-size:.69rem;line-height:1.5;margin-top:5px}.pillar-tab.active{background:linear-gradient(90deg,rgba(6,169,173,.14),transparent);padding-left:18px}.pillar-tab.active>span{color:var(--teal-2)}.pillar-stage{background:linear-gradient(145deg,#0c2c5c,#071d3f);border:1px solid rgba(255,255,255,.14);border-radius:27px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.2)}.pillar-stage-top>span{font-size:.62rem;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.pillar-stage h3{font-size:2rem;letter-spacing:-.04em;line-height:1.08;margin:9px 0 11px}.pillar-stage p{color:rgba(255,255,255,.63);line-height:1.65;font-size:.9rem}.flow-rail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:28px 0 30px}.flow-rail span{padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:.7rem}.flow-rail i{font-style:normal;color:var(--gold);opacity:.7}.stage-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14);padding-top:23px;gap:16px}.stage-metrics span{display:block;color:rgba(255,255,255,.42);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.stage-metrics b{display:block;font-size:.78rem;margin-top:5px}.prompt-row{margin-top:24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.prompt-row>div{margin-right:auto}.prompt-row>div span{display:block;text-transform:uppercase;font-size:.58rem;letter-spacing:.11em;color:var(--teal-2);font-weight:800}.prompt-row>div b{font-size:.88rem}.prompt-chip{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);color:rgba(255,255,255,.72);border-radius:999px;padding:9px 12px;font-size:.65rem}
.context-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.context-journey article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;position:relative}.context-journey article>span{position:absolute;right:20px;top:18px;color:#bbc4cf;font-size:.7rem;font-weight:800}.context-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff;display:grid;place-items:center;font-size:1.2rem;margin-bottom:20px}.context-journey h3{font-size:1.2rem;letter-spacing:-.025em;margin:0 0 8px}.context-journey p{color:var(--muted);font-size:.82rem;line-height:1.55;margin:0}.is-isnot{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;border-radius:23px;overflow:hidden;border:1px solid var(--line);background:#fff}.is-isnot>div{padding:25px 28px;display:grid;gap:9px}.is-isnot>div+div{border-left:1px solid var(--line);background:#eef9f8}.is-isnot span{text-transform:uppercase;letter-spacing:.11em;font-size:.6rem;color:#8793a3;font-weight:800}.is-isnot b{font-size:.78rem;font-weight:650;color:#51647b}.is-isnot>div+div b{color:#16495d}
.commerce-section{background:#fff}.commerce-console{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:var(--cream);box-shadow:var(--shadow)}.commerce-steps{display:grid;grid-template-columns:repeat(8,1fr);background:#fff;border-bottom:1px solid var(--line)}.commerce-step{border:0;border-right:1px solid var(--line);background:transparent;padding:17px 8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:center}.commerce-step:last-child{border-right:0}.commerce-step b{font-size:.58rem;color:#9aa5b3}.commerce-step span{font-size:.68rem;font-weight:750}.commerce-step.active{background:var(--navy);color:#fff}.commerce-step.active b{color:var(--gold)}.commerce-stage{display:grid;grid-template-columns:1.05fr .95fr;min-height:480px}.commerce-visual{position:relative;overflow:hidden;min-height:480px}.commerce-visual img{width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .45s}.commerce-visual.swap img{opacity:.2;transform:scale(1.03)}.commerce-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,34,.62),transparent 55%)}.commerce-visual-tag{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}.commerce-visual-tag span{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-size:.59rem;font-weight:800}.commerce-visual-tag b{display:block;font-size:1.05rem;margin-top:5px;max-width:500px}.commerce-detail{padding:45px 42px}.commerce-detail>span{color:var(--teal);text-transform:uppercase;letter-spacing:.11em;font-weight:800;font-size:.62rem}.commerce-detail h3{font-size:2.35rem;line-height:1.04;letter-spacing:-.045em;margin:10px 0 14px}.commerce-detail p{color:var(--muted);line-height:1.65}.commerce-detail ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:8px}.commerce-detail li{font-size:.8rem;color:#52647b;display:flex;gap:8px}.commerce-detail li:before{content:"✓";color:var(--teal);font-weight:900}.source-truth{display:flex;gap:11px;align-items:flex-start;border-top:1px solid var(--line);padding-top:18px}.source-truth i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dff7ef;color:#108559;font-style:normal;font-size:.7rem}.source-truth b{display:block;font-size:.76rem}.source-truth small{display:block;color:#7d8998;font-size:.67rem;line-height:1.45;margin-top:2px}.commerce-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.model-card{display:grid;grid-template-columns:210px 1fr;background:var(--navy);color:#fff;border-radius:24px;overflow:hidden;min-height:260px}.model-card img{width:100%;height:100%;object-fit:cover}.model-card>div{padding:27px}.model-card span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-size:.6rem;font-weight:800}.model-card h3{font-size:1.65rem;letter-spacing:-.035em;line-height:1.08;margin:8px 0}.model-card p{color:rgba(255,255,255,.58);font-size:.8rem;line-height:1.55}.model-card a{display:inline-block;color:var(--teal-2);font-size:.74rem;font-weight:750;margin-top:8px}
.room-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.room-flow article{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;padding:11px 11px 22px;position:relative}.room-flow article>span{position:absolute;top:21px;right:21px;background:rgba(3,17,38,.75);padding:6px 8px;border-radius:999px;color:var(--gold);font-size:.59rem;z-index:2}.room-flow-image{height:185px;border-radius:16px;overflow:hidden}.room-flow-image img{width:100%;height:100%;object-fit:cover}.room-flow h3{font-size:1.15rem;margin:16px 10px 6px}.room-flow p{font-size:.74rem;color:rgba(255,255,255,.53);line-height:1.45;margin:0 10px}.booking-lab{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.booking-lab-copy,.payment-card{border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:30px;background:rgba(255,255,255,.04)}.booking-lab-copy>span,.payment-card>span{color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-size:.6rem;font-weight:800}.booking-lab-copy h3,.payment-card h3{font-size:1.9rem;letter-spacing:-.04em;line-height:1.08;margin:8px 0 10px}.booking-lab-copy>p{color:rgba(255,255,255,.6);line-height:1.6;font-size:.84rem}.rate-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.rate-option{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);border-radius:13px;color:#fff;padding:12px;text-align:left;cursor:pointer}.rate-option b{display:block;font-size:.73rem}.rate-option small{display:block;font-size:.6rem;color:rgba(255,255,255,.43);margin-top:3px}.rate-option.active{border-color:var(--teal-2);background:rgba(6,169,173,.14)}.upsell-options{margin-top:22px}.upsell-options>span{display:block;color:rgba(255,255,255,.45);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:9px}.upsell-options>div{display:flex;flex-wrap:wrap;gap:7px}.upsell-options button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:8px 10px;font-size:.64rem;cursor:pointer}.upsell-options button.selected{background:rgba(241,200,106,.16);border-color:var(--gold);color:var(--gold)}.payment-card{overflow:hidden}.payment-visual{height:170px;border-radius:16px;overflow:hidden;margin-bottom:22px}.payment-visual img{width:100%;height:100%;object-fit:cover}.payment-flow{display:flex;align-items:center;gap:7px;margin:20px 0;flex-wrap:wrap}.payment-flow div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:9px 10px;display:flex;align-items:center;gap:7px}.payment-flow div b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--teal);font-size:.62rem}.payment-flow div span{font-size:.62rem}.payment-flow i{font-style:normal;color:var(--gold)}.payment-card>small{display:block;color:rgba(255,255,255,.47);font-size:.66rem;line-height:1.45}
.banquet-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.banquet-image{min-height:570px;border-radius:28px;overflow:hidden;position:relative}.banquet-image img{width:100%;height:100%;object-fit:cover}.banquet-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,34,.68),transparent 58%)}.banquet-overlay{position:absolute;z-index:2;left:28px;bottom:25px;color:#fff}.banquet-overlay span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-size:.6rem;font-weight:800}.banquet-overlay b{display:block;font-size:1rem;margin-top:5px}.banquet-builder{border:1px solid var(--line);border-radius:28px;background:#fff;padding:32px}.banquet-builder>span{color:var(--teal);text-transform:uppercase;letter-spacing:.11em;font-size:.6rem;font-weight:800}.banquet-builder h3{font-size:2rem;letter-spacing:-.04em;line-height:1.08;margin:8px 0 22px}.builder-group{border-top:1px solid var(--line);padding:17px 0}.builder-group label{display:block;font-size:.66rem;font-weight:800;color:#68788c;margin-bottom:9px}.builder-options{display:flex;gap:7px;flex-wrap:wrap}.builder-options button{border:1px solid var(--line);background:#f8fafb;border-radius:999px;padding:8px 11px;font-size:.68rem;cursor:pointer}.builder-options button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.builder-options.multi button.active{background:#e5f8f5;color:#126e70;border-color:#a8e1dd}.proposal-summary{background:var(--navy);color:#fff;border-radius:18px;padding:19px;margin-top:10px}.proposal-summary>span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:.56rem;font-weight:800}.proposal-summary>div:nth-child(2){margin:8px 0 12px}.proposal-summary b{display:block;font-size:.84rem}.proposal-summary small{display:block;color:rgba(255,255,255,.5);font-size:.64rem;margin-top:3px}.proposal-status{display:flex;gap:9px;border-top:1px solid rgba(255,255,255,.12);padding-top:13px}.proposal-status i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#20b879;font-style:normal;font-size:.62rem}.banquet-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.banquet-flow-grid article{padding:21px;border:1px solid var(--line);border-radius:19px;background:var(--cream)}.banquet-flow-grid article>b{font-size:.6rem;color:var(--teal)}.banquet-flow-grid h3{font-size:1rem;margin:8px 0 5px}.banquet-flow-grid p{font-size:.72rem;line-height:1.5;color:var(--muted);margin:0}
.catalogue-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}.catalogue-pipeline article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;min-height:152px}.catalogue-pipeline article b{display:block;color:var(--teal);font-size:.62rem}.catalogue-pipeline article span{display:block;font-weight:760;font-size:.78rem;margin:8px 0 5px}.catalogue-pipeline article small{display:block;color:#7c8898;font-size:.64rem;line-height:1.42}.catalogue-pipeline>i{font-style:normal;color:#a8b1bd}.catalogue-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.catalogue-gallery figure{margin:0;height:360px;border-radius:20px;overflow:hidden;position:relative}.catalogue-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.catalogue-gallery figure:hover img{transform:scale(1.04)}.catalogue-gallery figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,34,.75),transparent 60%)}.catalogue-gallery figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;color:#fff}.catalogue-gallery figcaption span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:.58rem;font-weight:800}.catalogue-gallery figcaption b{display:block;font-size:.8rem;line-height:1.35;margin-top:4px}.catalogue-impact{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.catalogue-impact>div{padding:18px;border-right:1px solid var(--line)}.catalogue-impact>div:last-child{border-right:0}.catalogue-impact span{display:block;color:var(--teal);font-size:1rem}.catalogue-impact b{display:block;font-size:.72rem;margin:6px 0 3px}.catalogue-impact small{display:block;color:#8290a0;font-size:.62rem;line-height:1.4}
.service-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.service-image{min-height:430px;position:relative;border-radius:26px;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover}.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,34,.68),transparent 55%)}.service-status{position:absolute;z-index:2;left:24px;bottom:22px;color:#fff}.service-status span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-size:.58rem;font-weight:800}.service-status b{display:block;font-size:1rem;margin-top:5px}.service-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-action{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:20px;color:#fff;padding:22px;text-align:left;cursor:pointer;transition:.25s}.service-action:hover,.service-action.active{background:rgba(6,169,173,.15);border-color:rgba(101,216,213,.55);transform:translateY(-2px)}.service-action>span{font-size:1.4rem}.service-action b{display:block;font-size:.9rem;margin-top:18px}.service-action small{display:block;color:rgba(255,255,255,.48);font-size:.65rem;margin-top:4px}.checkout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.checkout-grid article{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:20px;padding:23px}.checkout-grid span{color:var(--teal-2);text-transform:uppercase;letter-spacing:.1em;font-size:.58rem;font-weight:800}.checkout-grid h3{font-size:1.15rem;line-height:1.15;letter-spacing:-.025em;margin:8px 0}.checkout-grid p{font-size:.72rem;line-height:1.52;color:rgba(255,255,255,.5);margin:0}
.intelligence-section{background:#fff}.intel-console{display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.intel-prompts{background:var(--navy);color:#fff;padding:28px;display:flex;flex-direction:column;gap:8px}.intel-prompts>span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-size:.58rem;font-weight:800;margin-bottom:10px}.intel-prompt{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.72);border-radius:14px;padding:14px;text-align:left;font-size:.74rem;line-height:1.4;cursor:pointer}.intel-prompt.active{background:#fff;color:var(--navy);border-color:#fff}.intel-answer{padding:38px}.intel-answer-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.intel-answer-head span{display:block;text-transform:uppercase;color:var(--teal);letter-spacing:.1em;font-size:.58rem;font-weight:800}.intel-answer h3{font-size:2rem;line-height:1.08;letter-spacing:-.04em;margin:8px 0 12px}.confidence{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:.64rem;color:#64748b;background:#f4f7f9;border:1px solid var(--line);padding:8px 10px;border-radius:999px}.confidence i{width:7px;height:7px;border-radius:50%;background:#20b879}.intel-answer>p{color:var(--muted);font-size:.85rem;line-height:1.65}.intel-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.intel-cards>div{border:1px solid var(--line);background:var(--cream);border-radius:16px;padding:16px}.intel-cards span{display:block;color:#8a96a5;text-transform:uppercase;letter-spacing:.09em;font-size:.54rem;font-weight:800}.intel-cards b{display:block;font-size:.78rem;margin:5px 0 3px}.intel-cards small{display:block;color:#7c8898;font-size:.6rem;line-height:1.4}.source-row{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}.source-row span{font-size:.59rem;color:#63738a;border:1px solid var(--line);border-radius:999px;padding:7px 9px;background:#fff}
.layer-stack{max-width:920px;margin:0 auto;display:grid;gap:9px}.layer-stack article{display:grid;grid-template-columns:115px 1fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px 22px;box-shadow:0 10px 30px rgba(6,26,58,.04)}.layer-stack article span{text-transform:uppercase;color:var(--teal);letter-spacing:.1em;font-size:.59rem;font-weight:800}.layer-stack article b{display:block;font-size:1rem}.layer-stack article small{display:block;color:#778599;font-size:.68rem;margin-top:4px}.layer-stack article:nth-child(2){margin:0 30px;background:#f0fbfa}.layer-stack article:nth-child(3){margin:0 60px;background:#fffaf0}.layer-stack article:nth-child(4){margin:0 90px}.architecture-rule{max-width:920px;margin:18px auto 0;border-radius:18px;background:var(--navy);color:#fff;padding:17px 20px;display:flex;align-items:center;gap:11px}.architecture-rule i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--teal);font-style:normal}.architecture-rule p{margin:0;font-size:.76rem;color:rgba(255,255,255,.68)}.architecture-rule b{color:#fff}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.value-grid article{border:1px solid var(--line);border-radius:20px;background:#fff;padding:23px}.value-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e9f8f6;color:var(--teal);font-size:1rem}.value-grid b{display:block;font-size:1rem;margin:15px 0 6px}.value-grid p{color:var(--muted);font-size:.74rem;line-height:1.5;margin:0}.kpi-strip{margin-top:18px;display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--cream)}.kpi-strip>div{padding:16px 13px;border-right:1px solid var(--line)}.kpi-strip>div:last-child{border-right:0}.kpi-strip span{display:block;font-size:.54rem;text-transform:uppercase;color:#8793a2;letter-spacing:.08em;font-weight:800}.kpi-strip b{display:block;font-size:.67rem;margin-top:5px}
.governance-grid-new{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.governance-visual{min-height:520px;border-radius:27px;overflow:hidden;position:relative}.governance-visual img{width:100%;height:100%;object-fit:cover}.governance-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,34,.78),transparent 58%)}.governance-principle{position:absolute;z-index:2;left:26px;right:26px;bottom:25px;color:rgba(255,255,255,.72);font-size:.82rem;line-height:1.55}.governance-principle b{color:#fff}.governance-layers{display:grid;gap:9px}.governance-layers article{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(255,255,255,.04)}.governance-layers article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(6,169,173,.16);color:var(--teal-2);font-size:.68rem}.governance-layers span{display:block;font-weight:760;font-size:.86rem}.governance-layers small{display:block;color:rgba(255,255,255,.5);font-size:.68rem;line-height:1.48;margin-top:4px}.controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.controls-grid article{border:1px solid rgba(255,255,255,.14);border-radius:17px;padding:18px;background:rgba(255,255,255,.04)}.controls-grid span{display:block;color:var(--gold);font-size:.7rem;font-weight:800}.controls-grid p{color:rgba(255,255,255,.5);font-size:.67rem;line-height:1.5;margin:6px 0 0}
/* mobile override after legacy standalone rule */
@media(max-width:1120px){.catalogue-pipeline{grid-template-columns:repeat(3,1fr);gap:10px}.catalogue-pipeline>i{display:none}.catalogue-impact{grid-template-columns:repeat(3,1fr)}.catalogue-impact>div{border-bottom:1px solid var(--line)}.kpi-strip{grid-template-columns:repeat(4,1fr)}.kpi-strip>div{border-bottom:1px solid var(--line)}}
@media(max-width:1020px){.mobile-nav{display:flex!important}.hero .f1{left:8%}.hero .f2{right:8%}.pain-grid{grid-template-columns:1fr 1fr}.pain-card:last-child{grid-column:1/3}.pillar-layout,.commerce-stage,.booking-lab,.banquet-shell,.service-layout,.intel-console,.governance-grid-new{grid-template-columns:1fr}.context-journey,.room-flow{grid-template-columns:1fr 1fr}.commerce-steps{grid-template-columns:repeat(4,1fr)}.commerce-step{border-bottom:1px solid var(--line)}.commerce-model-grid{grid-template-columns:1fr}.model-card{grid-template-columns:260px 1fr}.banquet-image{min-height:480px}.catalogue-gallery{grid-template-columns:1fr 1fr}.catalogue-gallery figure{height:330px}.checkout-grid,.value-grid,.controls-grid{grid-template-columns:1fr 1fr}.layer-stack article:nth-child(n){margin-left:0;margin-right:0}}
@media(max-width:680px){.hero-product{min-height:570px}.commerce-phone{width:94%;height:575px;border-width:7px}.hero .floating-card{display:none}.pain-grid{grid-template-columns:1fr}.pain-card:last-child{grid-column:auto}.operating-shift{grid-template-columns:1fr;gap:13px}.shift-arrow{transform:rotate(90deg);width:max-content;margin:auto}.pillar-stage{padding:25px}.stage-metrics{grid-template-columns:1fr}.prompt-row{align-items:flex-start}.context-journey{grid-template-columns:1fr}.is-isnot{grid-template-columns:1fr}.is-isnot>div+div{border-left:0;border-top:1px solid var(--line)}.commerce-steps{grid-template-columns:repeat(2,1fr)}.commerce-stage{min-height:auto}.commerce-visual{min-height:340px}.commerce-detail{padding:30px 23px}.commerce-detail h3{font-size:2rem}.model-card{grid-template-columns:1fr}.model-card img{height:220px}.room-flow{grid-template-columns:1fr}.room-flow-image{height:230px}.booking-lab-copy,.payment-card{padding:24px}.rate-options{grid-template-columns:1fr}.payment-flow{align-items:flex-start}.banquet-image{min-height:420px}.banquet-builder{padding:24px}.banquet-flow-grid{grid-template-columns:1fr}.catalogue-pipeline{grid-template-columns:1fr}.catalogue-gallery{grid-template-columns:1fr}.catalogue-gallery figure{height:340px}.catalogue-impact{grid-template-columns:1fr}.service-actions{grid-template-columns:1fr 1fr}.checkout-grid{grid-template-columns:1fr}.intel-answer{padding:26px 21px}.intel-answer-head{flex-direction:column}.intel-cards{grid-template-columns:1fr}.layer-stack article{grid-template-columns:76px 1fr;padding:16px}.value-grid{grid-template-columns:1fr}.kpi-strip{grid-template-columns:1fr 1fr}.governance-visual{min-height:420px}.controls-grid{grid-template-columns:1fr}}
.reveal{opacity:0!important;transform:translateY(24px)!important}.reveal.visible{opacity:1!important;transform:translateY(0)!important}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}

/* ===== Landing hero safe-area fix: keep hero copy below the floating navigation ===== */
@media (min-width: 1021px) {
  .hero {
    height: auto;
    min-height: 100vh;
    max-height: none;
    align-items: flex-start;
    padding: 136px 0 96px;
  }

  .hero-content {
    align-items: start;
  }

  .hero-copy {
    padding-top: 4px;
  }

  .hero-product {
    padding-top: 10px;
  }
}

/* ===== Landing hero animated booking journey ===== */
.hero-gif-stage {
  width: min(430px, 92%);
  position: relative;
  display: grid;
  place-items: center;
  transform: rotate(1.2deg);
  isolation: isolate;
}
.hero-gif-stage::before {
  content: "";
  position: absolute;
  inset: 8% 10% 5%;
  border-radius: 48%;
  background: radial-gradient(circle, rgba(7,184,177,.19), rgba(6,26,58,0) 68%);
  filter: blur(24px);
  z-index: -1;
}
.hero-booking-gif {
  display: block;
  width: 100%;
  height: auto;
  max-height: 660px;
  object-fit: contain;
  filter: drop-shadow(0 34px 58px rgba(0,0,0,.34));
}
@media (max-width:1020px) {
  .hero-gif-stage { width: min(440px, 78vw); transform: rotate(.7deg); }
  .hero-booking-gif { max-height: 650px; }
}
@media (max-width:680px) {
  .hero-gif-stage { width: min(390px, 94vw); transform: none; }
  .hero-booking-gif { max-height: 580px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-booking-gif { animation: none; }
}


/* ===== v3.6 refined hero booking demo ===== */
.hero-product {
  min-height: 650px;
  align-items: center;
}
.hero-demo-shell {
  width: min(500px, 100%);
  margin-inline: auto;
  padding: 16px 16px 14px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 18%, rgba(6,169,173,.14), transparent 34%),
    linear-gradient(150deg, rgba(11,35,69,.88), rgba(4,20,44,.74));
  box-shadow: 0 34px 90px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: hidden;
}
.hero-demo-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 3px 5px 13px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.hero-demo-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.72);
  font-size: .66rem;
  text-transform: uppercase;
  letter-spacing: .105em;
  font-weight: 780;
}
.hero-demo-live i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #26d8bd;
  box-shadow: 0 0 0 5px rgba(38,216,189,.10), 0 0 20px rgba(38,216,189,.35);
}
.hero-demo-topline strong {
  color: rgba(255,255,255,.92);
  font-size: .70rem;
  font-weight: 720;
  white-space: nowrap;
}
.hero-gif-stage {
  width: min(372px, 86%);
  margin: 12px auto 10px;
  transform: none;
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
}
.hero-gif-stage::before {
  content: "";
  position: absolute;
  inset: 10% 8% 5%;
  border-radius: 46%;
  background: radial-gradient(circle, rgba(25,214,192,.19), rgba(6,26,58,0) 68%);
  filter: blur(28px);
  z-index: -1;
}
.hero-booking-gif {
  display: block;
  width: 100%;
  height: auto;
  max-height: 570px;
  object-fit: contain;
  filter: drop-shadow(0 26px 38px rgba(0,0,0,.28));
}
.hero-demo-rail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
  padding: 10px 8px 12px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.58);
}
.hero-demo-rail span {
  font-size: .60rem;
  font-weight: 720;
  letter-spacing: .02em;
}
.hero-demo-rail i {
  color: rgba(240,188,79,.68);
  font-size: .66rem;
  font-style: normal;
}
.hero-demo-trust {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: start;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 17px;
  background: rgba(255,255,255,.055);
}
.hero-demo-trust > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(38,216,189,.14);
  color: #65efd9;
  font-size: .72rem;
  font-weight: 900;
}
.hero-demo-trust b {
  display: block;
  color: #fff;
  font-size: .73rem;
}
.hero-demo-trust small {
  display: block;
  margin-top: 3px;
  color: rgba(255,255,255,.52);
  font-size: .62rem;
  line-height: 1.45;
}
@media (min-width: 1280px) {
  .hero-content { grid-template-columns: 1.08fr .92fr; gap: 62px; }
  .hero-product { padding-top: 0; }
}
@media (max-width: 1020px) {
  .hero-demo-shell { width: min(500px, 86vw); }
  .hero-gif-stage { width: min(360px, 72vw); margin-top: 12px; }
  .hero-booking-gif { max-height: 550px; }
}
@media (max-width: 680px) {
  .hero-product { min-height: 0; }
  .hero-demo-shell { width: 100%; padding: 12px; border-radius: 24px; }
  .hero-demo-topline { padding: 3px 3px 10px; }
  .hero-demo-topline strong { display: none; }
  .hero-gif-stage { width: min(330px, 88vw); margin: 10px auto 7px; }
  .hero-booking-gif { max-height: 520px; }
  .hero-demo-rail { gap: 5px; padding: 9px 2px 10px; }
  .hero-demo-rail span { font-size: .56rem; }
  .hero-demo-trust { padding: 10px; }
}