/* Warm, quiet surfaces for the marketing navigation and guided service story. */
:root{--service-ink:#24211e;--service-smoke:#514b43;--service-stone:#eeece8;--service-paper:#faf9f6;--service-muted:#716c65}
.section-title h2,.proof-intro h2,.proof-copy h3,.final h2,.pilot .section-title h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.045em;color:var(--service-ink)}
.section-title p,.proof-intro>p{font-weight:400;letter-spacing:-.015em}
.nav{position:fixed;box-shadow:0 12px 32px #29231c18;background:rgba(69,63,56,.985);border-color:#ffffff24;color:#faf9f6}
.nav .logo,.demo-bar .logo{color:#faf9f6}
.nav .logo span,.demo-bar .logo span{color:#a9c3ff}
.nav .nav-links>a,.nav .product-menu>summary{color:#faf9f6}
.nav .nav-links>a:hover,.nav .product-menu[open]>summary{background:#ffffff12}
html{scroll-padding-top:110px}
#trial-request{scroll-margin-top:110px}
.nav-links{gap:18px;align-items:center;font-size:15px;font-weight:400;letter-spacing:-.015em}
.nav-links>a,.product-menu>summary{padding:12px 16px;border-radius:28px;min-height:44px}
.nav .nav-cta{background:#24211e;border-radius:28px;box-shadow:none;font-weight:500}
.product-menu>summary{list-style:none;cursor:pointer;color:var(--service-ink);transition:background .25s,color .25s}
.product-menu>summary::-webkit-details-marker{display:none}
.product-menu>summary::after{content:none}
.product-menu[open]>summary{background:var(--service-smoke);color:var(--service-paper)}
.product-popover{position:absolute;left:50%;top:calc(100% + 10px);width:min(740px,calc(100vw - 48px));transform:translateX(-50%);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:26px;background:rgba(69,63,56,.94);backdrop-filter:blur(24px);color:#faf9f6;border:1px solid #ffffff1c;border-radius:24px;box-shadow:0 24px 55px #29231c26;animation:productAppear .38s cubic-bezier(.2,.7,.2,1) both}
.product-popover>div+div{border-left:1px solid #ffffff24;padding-left:26px}
.product-popover p{margin:0 0 14px;color:#d5cec3;font-size:13px}
.product-popover a{display:block;padding:12px;border-radius:12px;transition:background .2s}
.nav-links .product-popover a{color:#faf9f6}
.product-popover{background:rgba(69,63,56,.985)}
.product-popover::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
.demo-shell,.arrival,.split-drawer,.story-display .story-caption{background:rgba(69,63,56,.985);border-color:#ffffff24;color:#faf9f6}
.demo-bar .demo-time,.arrival small,.split-drawer-head small,.split-drawer>.guest-message{color:#ddd6ce}
.demo-shell .flow-panel{background:#faf9f6;color:var(--ink)}
.demo-shell .role-tabs{background:#ffffff0d;border-color:#ffffff25}
.demo-shell .role-tabs button{color:#eee9e3}
.demo-shell .role-tabs button.active{background:#faf9f6;color:#24211e}
.split-drawer .split-demo-grid{color:var(--ink)}
.product-popover a:hover,.product-popover a:focus-visible{background:#ffffff12}
.product-popover strong{display:block;font-size:20px;line-height:1.3;font-weight:400;letter-spacing:-.025em}
.product-popover small{display:block;color:#ddd6ce;font-size:14px;line-height:1.5;margin-top:5px}
@keyframes productAppear{from{opacity:0;transform:translate(-50%,10px) scale(.98)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.service-story{padding:100px 0;background:#fff;color:var(--service-ink)}
.service-story.proof-walkthrough{padding:0;background:transparent}
.service-story .story-heading{max-width:700px;margin-bottom:46px}
.story-label{display:inline-block;background:var(--service-paper);border:1px solid #e9e5df;border-radius:25px;padding:8px 13px;font-size:13px;color:var(--service-muted)}
.story-heading h2{font:400 clamp(36px,4vw,56px)/1.06 Arial,Helvetica,sans-serif;letter-spacing:-.05em;margin:22px 0}
.story-heading p{font-size:19px;line-height:1.6;letter-spacing:-.015em;color:var(--service-muted);max-width:590px;margin:0}
.story-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.story-display{position:relative;min-height:520px;background:var(--service-stone);border-radius:28px;overflow:hidden;display:grid;align-items:center;padding:38px 30px 112px}
.story-scene{grid-area:1/1;min-width:0;animation:sceneAppear .65s cubic-bezier(.2,.7,.2,1) both}
.story-display{height:600px;padding:28px}
.story-scene{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.story-scene[hidden]{display:none}
.story-card{position:relative;width:100%;max-width:350px;margin:auto;background:var(--service-paper);border:1px solid #fff;border-radius:20px;padding:25px;box-shadow:0 15px 35px #3930250a}
.story-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid #e2ded8;font-size:13px;color:var(--service-muted)}
.story-card h3{font-size:23px;font-weight:400;letter-spacing:-.035em;margin:22px 0 8px;line-height:1.25}
.story-card p{font-size:14px;line-height:1.6;color:var(--service-muted)}
.story-food{display:flex;align-items:center;gap:14px;margin:22px 0}
.story-food img{width:72px;height:72px;object-fit:cover;border-radius:14px}
.story-food b{display:block;font-size:16px;font-weight:500}
.story-food small{display:block;font-size:12px;color:var(--service-muted);margin-top:6px}
.story-tag{font-size:11px;padding:6px 9px;border-radius:20px;background:#e2eadf;color:#405539;white-space:nowrap}
.story-received{padding:13px 16px;background:#e9edf4;color:#315a93;border-radius:12px;font-size:13px;line-height:1.5}
.story-ticket-row,.story-check-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e2ded8;font-size:14px}
.story-ticket-row:last-child,.story-check-row:last-child{border-bottom:0}
.story-ticket-row small{display:block;color:var(--service-muted);margin-top:5px}
.story-ticket-row b,.story-check-row b{font-weight:500}
.story-floor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.story-floor-grid span{display:grid;place-items:center;min-height:55px;border:1px solid #dedad4;border-radius:12px;color:#827b72;font-size:14px}
.story-floor-grid .selected{background:#514b43;color:#fff;border-color:#514b43;box-shadow:0 0 0 5px #514b4310}
.story-caption{position:absolute;bottom:25px;left:25px;right:25px;padding:18px 21px;border:1px solid #ffffff20;border-radius:18px;background:rgba(69,63,56,.95);color:#faf9f6;backdrop-filter:blur(16px);animation:sceneAppear .7s .13s both}
.story-display .story-caption{position:static;flex-shrink:0;animation:sceneAppear .7s .13s both}
.story-caption b{display:block;font-size:17px;font-weight:400;letter-spacing:-.02em}
.story-caption span{display:block;font-size:13px;color:#ddd6ce;margin-top:6px;line-height:1.45}
@keyframes sceneAppear{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
.benefit-intro{margin:0 4px 24px}
.benefit-intro h3{font:400 clamp(28px,3vw,40px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:0 0 14px}
.benefit-intro p{font-size:16px;line-height:1.6;color:var(--service-muted);margin:0}
.story-options{display:grid;gap:9px}
.story-option{position:relative;text-align:left;padding:22px 24px;border:1px solid transparent;border-radius:20px;background:none;color:var(--service-ink);overflow:hidden;transition:background .35s,border-color .35s;min-height:74px}
.story-option:hover{background:#f7f6f3}
.story-option[aria-selected=true]{background:var(--service-stone);border-color:#e6e2dc}
.story-option-title{display:flex;align-items:center;gap:15px;font-size:23px;font-weight:400;line-height:1.3;letter-spacing:-.025em}
.story-option-number{font-size:12px;color:var(--service-muted);font-variant-numeric:tabular-nums}
.story-option-copy{display:block;margin:12px 0 0 32px;font-size:15px;line-height:1.6;color:#686159}
.story-option:not([aria-selected=true]) .story-option-copy{display:none}
.story-progress{position:absolute;bottom:0;left:0;height:2px;width:0;background:#6e665a}
.story-option[aria-selected=true] .story-progress{width:calc(var(--story-progress,0)*100%)}
.story-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 4px 0;font-size:13px;color:var(--service-muted)}
.story-controls button{border:1px solid #d9d4cc;border-radius:24px;background:#fff;min-height:44px;padding:10px 17px;color:var(--service-ink);font-size:13px}
.story-controls a{padding:12px 0;color:var(--service-ink)}
.pos-band{background:var(--service-smoke);box-shadow:none}
.pos-head h2{font-weight:400;letter-spacing:-.035em}
@media(max-width:900px){.nav-links{display:flex;gap:0}.nav-links>a{display:none}.story-layout{gap:28px;grid-template-columns:1fr 1fr}.story-display{padding:24px 18px 120px;min-height:500px}.story-card{padding:20px}.story-option{padding:19px 16px}.story-option-title{font-size:20px}.story-option-copy{margin-left:0;font-size:14px}.story-caption{left:18px;right:18px;bottom:18px}.service-story{padding:76px 0}}
@media(max-width:620px){.nav{padding:0 10px 0 16px}.nav-links{font-size:13px}.product-menu>summary{padding:12px 9px}.nav .nav-cta{padding:12px 13px;font-size:11px}.product-popover{grid-template-columns:1fr;gap:16px;padding:20px;max-height:calc(100dvh - 108px);overflow:auto}.product-popover>div+div{border-left:0;border-top:1px solid #ffffff24;padding:16px 0 0}.product-popover a{padding:10px}.product-popover strong{font-size:18px}.story-layout{grid-template-columns:1fr;gap:22px}.story-heading{margin-bottom:28px!important}.story-heading p{font-size:17px}.story-display{min-height:460px;padding-bottom:114px}.story-options{gap:5px}.story-option{padding:15px 17px;min-height:58px}.story-option-title{font-size:20px}.story-option-copy{margin-top:9px}.story-controls{margin-top:14px}.service-story{padding:60px 0}.story-card{max-width:340px}}
@media(max-width:900px){.story-display{height:620px;padding:22px 18px}.story-card-head{flex-wrap:wrap}}
@media(max-width:620px){.story-display{height:570px;padding:24px 18px}.story-card{margin:auto}.story-heading h2{letter-spacing:-.04em}}
@media(max-width:620px){.story-layout>div:last-child{display:contents}.story-options{grid-row:1;display:flex;overflow-x:auto;gap:8px;scrollbar-width:thin;padding-bottom:6px}.story-option{flex:0 0 210px;min-height:68px;padding:15px}.story-option-title{font-size:17px;gap:10px}.story-option .story-option-copy{display:none}.story-display{grid-row:2}.story-controls{grid-row:3;margin-top:0}}
@media(max-width:620px){.benefit-intro{grid-row:1;margin-bottom:0}.story-options{grid-row:2}.story-display{grid-row:3}.story-controls{grid-row:4}.story-option{flex-basis:240px}}
@media(prefers-reduced-motion:reduce){.product-popover,.story-scene,.story-caption{animation:none!important}.story-option{transition:none}}