@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102c35;--teal:#b4f0d4;--ink:#17353c;--paper:#f5f7f2;--muted:#a6bdc0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--navy);color:var(--paper);font:1rem/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #31505a}.brand{display:flex;align-items:center;gap:13px;font-family:Manrope,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.09em;line-height:1.3}.mark{background:var(--teal);color:var(--navy);font-size:1.6rem;padding:5px 12px;border-radius:3px;letter-spacing:-.08em}.brand-sub{display:block;font-size:.75rem;letter-spacing:.24em;font-weight:500}.nav-link{font-size:.9rem;border-bottom:1px solid #769692;padding-bottom:4px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding-top:80px;padding-bottom:80px}.eyebrow{font-size:.77rem;letter-spacing:.13em;font-weight:700;color:var(--teal);margin:0 0 26px;display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--teal)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.1;letter-spacing:-.045em;margin:0}h1{font-size:clamp(3rem,5.4vw,5rem);font-weight:500}h1 em{color:var(--teal);font-style:normal}.intro{font-size:1.12rem;line-height:1.7;max-width:470px;color:#c7d6d4;margin:28px 0}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;padding:16px 23px;background:var(--teal);color:var(--navy);border:0;border-radius:4px;font-weight:700;font-size:.94rem}.button:hover{background:#d0ffe9}.subtle{font-size:.85rem;color:var(--muted);margin:15px 0 0}.hero-art{height:485px;position:relative;padding:0 0 45px 30px}.pool-water{height:100%;border:15px solid #d0d7bd;border-radius:135px 135px 8px 8px;background:repeating-linear-gradient(0deg,transparent 0 42px,#fff2 43px 44px),repeating-linear-gradient(90deg,#227b80 0 42px,#fff2 43px 44px);position:relative;overflow:hidden;transform:rotate(5deg)}.lane{position:absolute;top:0;bottom:0;width:8px;background:repeating-linear-gradient(#ecf0d6 0 11px,#4da3a0 11px 22px)}.lane-one{left:32%}.lane-two{right:30%}.waterline{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 20%,#b4f0d45c,transparent 60%)}.sample-card{position:absolute;bottom:58px;left:0;right:28px;background:var(--paper);color:var(--ink);padding:26px 30px;border-radius:7px;box-shadow:0 16px 45px #041c3433;transform:rotate(-3deg)}.small-label{font-size:.75rem;letter-spacing:.1em;font-weight:700;margin:0 0 18px}.sample-quote{font:500 1.65rem/1.35 Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 22px}.sample-bottom{border-top:1px solid #dce4d9;padding-top:14px;font-size:.82rem;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#26765d}.art-caption{position:absolute;bottom:0;left:28px;letter-spacing:.1em;color:var(--muted);font-size:.7rem}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #31505a;padding-top:32px;padding-bottom:65px}.index{font-size:.75rem;color:var(--teal);letter-spacing:.1em}.benefits h2{font-size:1.55rem;margin:15px 0}.benefits p{color:#c2d2d0;max-width:460px;margin:0}.demo-section{background:var(--paper);color:var(--ink);padding:75px 0}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:end;margin-bottom:35px}.section-heading .eyebrow,.setup .eyebrow{color:#31735f}.section-heading h2,.setup h2{font-size:clamp(2rem,3vw,2.7rem)}.section-heading p:last-child{color:#54696b;margin:0}.demo-shell{display:grid;grid-template-columns:.8fr 1.5fr 1fr;border:1px solid #d5ded4;border-radius:9px;overflow:hidden}.scenario-panel{padding:26px 22px;background:#edf1e8}.scenario-buttons{display:grid;gap:10px}.scenario-buttons button{display:flex;justify-content:space-between;text-align:left;gap:12px;padding:13px;background:transparent;border:1px solid #c4d1c6;color:var(--ink);border-radius:4px;font-size:.9rem}.scenario-buttons button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.scenario-buttons span{opacity:.7}.demo-note{margin-top:45px;font-size:.85rem;color:#526664}.demo-note p{margin:7px 0}.conversation{background:#fff;display:flex;flex-direction:column;min-height:520px}.chat-header{padding:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e7ebe6;line-height:1.4}.avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--teal);font-size:1.7rem;border-radius:50%}.chat-header strong{font-size:.9rem}.chat-header div span{display:block;font-size:.77rem;color:#657573}.sample-pill{margin-left:auto;font-size:.65rem;border:1px solid #d5ded4;padding:3px 6px;border-radius:4px}.messages{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.bubble{font-size:.92rem;line-height:1.5;padding:13px 15px;border-radius:12px;max-width:92%;margin:0;background:#eff3ed;align-self:flex-start}.bubble.customer{background:#d7f4e6;align-self:flex-end}.speaker{display:block;font-size:.69rem;font-weight:700;margin-bottom:5px;color:#4e6964}.demo-controls{padding:18px;display:flex;gap:15px;align-items:center;border-top:1px solid #edf0ec}.dark{background:var(--navy);color:white;font-size:.85rem;padding:12px 15px;gap:15px}.dark:hover{background:#28515b}.dark:disabled{opacity:.55;cursor:default}.reset{border:0;background:none;font-size:.8rem;text-decoration:underline;color:#50665f;padding:8px}.owner-panel{background:#e3eadd;padding:26px}.owner-panel h3{font-size:1.7rem}.owner-panel dl{margin:28px 0}.owner-panel dt{font-size:.74rem;color:#556a60;margin-top:16px}.owner-panel dd{margin:3px 0 0;font-size:.94rem}.owner-footnote{font-size:.78rem;color:#526664;border-top:1px solid #c8d4c1;padding-top:20px;margin-top:25px}.pending{font-size:.94rem;color:#596b62;margin-top:28px}.status{display:inline-block;font-size:.76rem;font-weight:700;background:#c6dcc5;padding:5px 9px;margin-top:8px;border-radius:4px}.setup{padding-top:75px;padding-bottom:75px}.setup .eyebrow{color:var(--teal)}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;color:#c2d2d0;margin:25px 0}.text-link{border-bottom:1px solid #749187;padding-bottom:5px;color:var(--teal)}footer{display:flex;justify-content:space-between;border-top:1px solid #31505a;padding-top:23px;padding-bottom:30px;font-size:.8rem;color:var(--muted)}:focus-visible{outline:3px solid #cf9e27;outline-offset:5px}.skip{position:absolute;left:10px;top:-90px;background:white;color:#123;padding:12px;z-index:20}.skip:focus{top:10px}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}.hero-art{height:400px;padding-left:10px}.demo-shell{grid-template-columns:1.5fr 1fr}.scenario-panel{grid-column:1/-1}.scenario-buttons{grid-template-columns:1fr 1fr}.demo-note{margin-top:15px}.demo-note p{display:inline;margin-left:5px}.section-heading{gap:30px}.sample-card{padding:22px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}header{padding:22px 0}.nav-link{font-size:.8rem}.hero{grid-template-columns:1fr;padding:48px 0;gap:45px}h1{font-size:3.45rem}.hero-art{height:340px;max-width:420px;width:100%;margin:auto;padding:0 20px 35px 20px}.sample-card{bottom:45px;right:0}.art-caption{font-size:.62rem}.benefits{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.demo-section{padding:45px 0}.section-heading{grid-template-columns:1fr;gap:20px}.demo-shell{grid-template-columns:1fr}.scenario-panel{grid-column:auto;padding:20px}.scenario-buttons button{font-size:.82rem}.conversation{min-height:440px}.owner-panel{padding:24px}.owner-panel h3 br{display:none}.owner-panel dl{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.owner-panel dl div{min-width:0}.setup{padding:45px 0}.setup-grid{grid-template-columns:1fr;gap:0}.setup-grid p{margin:10px 0}footer{gap:15px;flex-wrap:wrap}.button{gap:15px;font-size:.88rem}.intro{font-size:1.05rem}.eyebrow{font-size:.69rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Live demo and owner handoff */
.example-prompts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}
.example-prompts p{margin:0;padding:22px;border:1px solid #45605e;border-radius:7px;color:#d5e5df}
.handoff-example{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid #c8d4c1;border-radius:9px;overflow:hidden}
.handoff-context{padding:36px;background:#fff}
.handoff-context h3{font-size:1.7rem}
.handoff-context p{max-width:450px}
.handoff-context .owner-footnote{font-size:.9rem}
.handoff-example .owner-panel{padding:36px}
.handoff-example .owner-panel dl{margin:0}
.handoff-example .owner-panel dt{font-size:.88rem}
.handoff-example .owner-panel dd{font-size:1rem}
.handoff-example .status{font-size:.88rem}
#live-demo{border-top:1px solid #31505a}
#live-demo>p:not(.eyebrow){max-width:850px}
@media(max-width:680px){.example-prompts,.handoff-example{grid-template-columns:1fr}.handoff-context,.handoff-example .owner-panel{padding:24px}.handoff-example .owner-panel dl{display:block}footer{padding-right:65px}}