.product-page,.product-intro{--navy:#16213e;--primary:#1a1a2e;--blue:#3b82f6;font:1rem/1.55 Inter,system-ui,sans-serif;color:var(--primary)}
.product-page{margin:0;background:#fff}.product-page *,.product-intro *{box-sizing:border-box}.product-page a,.product-intro a{color:inherit;text-decoration:none}
.product-page a:focus-visible,.product-intro a:focus-visible{outline:3px solid #edab30;outline-offset:4px}
.product-page .skip{position:absolute;left:1rem;top:-9rem;padding:.8rem;background:white;z-index:2}.product-page .skip:focus{top:1rem}
.product-nav,.product-foot,.get-started{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1.15rem,6vw,7rem);flex-wrap:wrap}
.product-nav img{display:block;object-fit:contain}.product-nav nav{display:flex;gap:clamp(.75rem,3vw,2.5rem);align-items:center;font-size:.94rem;font-weight:650}.nav-sign{border:1px solid #a4b6d5;border-radius:2rem;padding:.5rem 1rem}.product-nav a:hover,.product-foot a:hover{text-decoration:underline}
.cp-hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;background:#16213e;color:white;overflow:hidden}.hero-copy{padding:clamp(2rem,5vw,5rem) 0 clamp(2rem,5vw,5rem) clamp(1.15rem,6vw,7rem);position:relative;z-index:1}.wordmark{display:flex;gap:.6rem;align-items:center;font-weight:650;font-size:1.22rem;margin:0}.wordmark i{color:#84b6ff;font-style:normal;font-size:1.7rem}
.cp-hero h1{font-size:clamp(3.4rem,1.75rem + 5.8vw,8.25rem);letter-spacing:-.08em;line-height:.98;margin:1.4rem 0}.hero-copy>p:not(.wordmark){color:#d0ddf0;font-size:1.12rem;max-width:39ch;margin:1.4rem 0 1.65rem}
.product-page .cp-button,.product-intro .cp-button{display:inline-flex;align-items:center;gap:1rem;background:#245fd0;color:white;border-radius:.45rem;padding:.85rem 1.15rem;font-weight:650}.cp-button:hover{filter:brightness(1.15)}
.architecture{position:relative;align-self:stretch;display:grid;align-content:center;background:#16213e}.architecture img{width:100%;height:auto;display:block;mask-image:linear-gradient(to right,transparent,#000 12%)}.callout{position:absolute;font:.72rem/1.5 ui-monospace,monospace;color:#d1e4ff;border:1px solid #6385b2;border-radius:2rem;padding:.26rem .66rem;background:#16213e}.roof{right:10%;top:27%}.desk{left:12%;bottom:20%}.callout::before{content:"";display:inline-block;background:#76a9ff;width:.38rem;height:.38rem;border-radius:50%;margin-right:.42rem}
.workflows,.product-intro{padding:clamp(2.3rem,5vw,5rem) clamp(1.15rem,6vw,7rem)}.overline,.steps small,.product-intro small{font:.77rem/1.5 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#365b93}.workflows h2,.get-started h2,.product-intro h1{font-size:clamp(2rem,1.3rem + 2vw,3.7rem);font-weight:650;line-height:1.08;letter-spacing:-.06em;text-wrap:balance;margin:.65rem 0 2rem}.steps,.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,4vw,4rem)}.steps article{border-top:2px solid #91b4ef;padding-top:1.25rem}.steps h3,.catalog-grid h2{font-size:1.55rem;letter-spacing:-.045em;margin:.5rem 0}.steps p,.catalog-grid p{max-width:43ch;color:#465772;margin:.3rem 0}
.get-started{padding-block:2.8rem;background:#ecf3ff}.get-started h2{margin:0}.product-foot{justify-content:flex-start;padding-block:1.5rem}.product-foot a:first-child{margin-right:auto;font-weight:700}
.product-intro{background:#f0f5fd}.catalog-grid{grid-template-columns:1.35fr 1fr;gap:1rem}.catalog-grid article{padding:clamp(1.3rem,3vw,3rem);background:white;border:1px solid #d2dfef;border-radius:.5rem}.catalog-grid article:first-child{background:#16213e;color:white}.catalog-grid article:first-child p,.catalog-grid article:first-child small{color:#d0ddf0}.catalog-grid a{display:inline-block;margin:1.2rem 1.2rem 0 0;text-decoration:underline;text-underline-offset:4px}
@media(max-width:48rem){.cp-hero,.steps,.catalog-grid{grid-template-columns:1fr}.hero-copy{padding-inline:1.2rem}.architecture img{max-height:22rem;object-fit:contain;mask-image:none}.product-nav{gap:.45rem}.product-nav img{width:6.5rem}.product-nav nav{font-size:.84rem;flex-wrap:wrap}.nav-sign{padding:.4rem .65rem}.get-started{align-items:flex-start}}

.hotel-ai{background:#edf3ff}.hotel-ai h3{text-wrap:balance;line-height:1.15}.hotel-ai article p{text-wrap:pretty}
@media(max-width:32rem){.product-nav{padding-inline:1rem}.product-nav nav{gap:.65rem}.product-nav img{width:5rem}}

.concierge-example{margin:2.4rem 0 0;padding:clamp(1.25rem,3.5vw,3rem);background:#16213e;color:white;border-radius:1rem;display:grid;grid-template-columns:1fr 1.3fr;column-gap:3rem;align-items:start}.concierge-example figcaption small,.assistant-answer b{display:block;color:#90bbff;font:600 .77rem/1.5 system-ui}.concierge-example figcaption strong{display:block;font-size:clamp(1.75rem,1.3rem + 1.5vw,3rem);line-height:1.06;letter-spacing:-.05em;margin:.6rem 0}.conversation{grid-column:2;grid-row:1/3}.conversation p{border-radius:.85rem;padding:.8rem 1rem;width:fit-content}.guest-question{margin:0 0 .65rem auto;background:#dbeafe;color:#14213c}.assistant-answer{margin:0;background:#263956}.privacy-note{font-size:.95rem;color:#dfebff;max-width:44ch}.assistant-answer b{margin-bottom:.3rem}
@media(max-width:48rem){.concierge-example{grid-template-columns:1fr}.conversation{grid-column:auto;grid-row:auto;margin-top:1rem}.privacy-note{margin-bottom:0}}