*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:15px;line-height:1.6}button{cursor:pointer}a{text-underline-offset:4px}.skip-link{position:absolute;top:-60px;left:16px;background:var(--navy);color:#fff;padding:10px;z-index:10}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.home-header,.home-footer,main{max-width:1240px;margin:auto}.home-header{display:flex;align-items:center;gap:32px;padding:26px 38px}.home-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-size:25px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-dot{color:var(--forest)}.home-header nav{display:flex;gap:25px;margin-left:auto}.home-header nav a{font-size:13px;text-decoration:none;color:var(--muted)}.header-action{border:1px solid #d9b697;border-radius:9px;padding:9px 15px;color:var(--navy);text-decoration:none;font-size:13px;font-weight:650}.home-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:66px;align-items:center;padding:70px 38px 85px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.16em;line-height:1.7;margin:0 0 17px}.hero-copy h1{font-size:clamp(52px,6.2vw,82px);line-height:1.04;letter-spacing:-.065em;font-weight:750;margin:0 0 26px}.hero-copy h1 em{font-style:normal;color:var(--forest)}.hero-intro{font-size:17px;color:var(--muted);max-width:420px;line-height:1.8;margin-bottom:28px}.client-actions{display:flex;gap:10px;flex-wrap:wrap}.client-actions a{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:12px 17px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:650}.client-actions .primary{background:var(--forest);color:#fff}.secondary{color:var(--navy);border:1px solid #d9b697;background:transparent}.secondary:hover{background:#f7b1b0}.hero-caption{font-size:11px;color:var(--muted);margin:13px 0 22px}.watch-link{font-size:12px;font-weight:650;text-decoration:none}.hero-principles{display:flex;gap:12px;flex-wrap:wrap;margin-top:42px;font-size:10px;color:var(--muted)}.hero-principles span{white-space:nowrap}.conversation-card{background:#fff;border:1px solid #e5c9ab;border-radius:18px;box-shadow:0 18px 60px #72431910;overflow:hidden;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid #ecd5bd;gap:12px}.conversation-logo{display:flex;align-items:center;gap:9px;font-size:12px}.sample-badge{color:var(--forest);background:#e7ebbd;font-size:10px;border-radius:20px;padding:4px 9px;white-space:nowrap}.demo-picker{display:flex;gap:5px;padding:15px 20px 0}.demo-picker button{padding:7px 10px;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:11px}.demo-picker [aria-pressed=true]{background:var(--ivory);border-color:#ecd5bd;color:var(--navy)}.conversation-content{padding:20px 25px;min-height:385px}.user-message{margin:0 0 24px 35px;border-radius:14px 14px 3px 14px;padding:13px 17px;background:#feeac7;font-size:13px;max-width:90%}.tool-message{display:flex;gap:10px;align-items:center;padding:10px 0 16px;font-size:10px;color:var(--muted)}.tool-message b{font-size:10px;color:var(--forest);font-weight:650}.tool-message p{margin:3px 0 0}.tool-dot{width:8px;height:8px;background:var(--brass);border-radius:50%;flex-shrink:0}.tool-check{margin-left:auto;color:var(--forest)}.demo-answer{font-size:12px;color:var(--navy);line-height:1.8}.demo-answer>p{margin:10px 0 16px}.spend-chart{margin:20px 0;padding:16px;background:#fff4df;border:1px solid #ecd5bd;border-radius:10px}.spend-chart figcaption{display:flex;justify-content:space-between;font-size:11px;font-weight:650;margin-bottom:13px}.spend-chart figcaption span{color:var(--muted);font-size:9px;font-weight:400}.chart-row{display:grid;grid-template-columns:64px 1fr 42px;gap:9px;align-items:center;font-size:10px;margin:11px 0}.chart-row i{height:9px;width:var(--amount);background:var(--forest);border-radius:3px}.chart-row:nth-of-type(2) i{background:#d88180}.chart-row:nth-of-type(3) i{background:var(--slate)}.chart-row:nth-of-type(4) i{background:var(--brass)}.chart-row b{text-align:right;font-size:10px;font-weight:550;font-variant-numeric:tabular-nums}.demo-answer table{width:100%;border-collapse:collapse;font-size:11px;margin:15px 0}.demo-answer td,.demo-answer th{padding:9px 5px;text-align:left;border-bottom:1px solid #ecd5bd}.demo-answer td:last-child,.demo-answer th:last-child{text-align:right}.conversation-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 20px;border-top:1px solid #ecd5bd;color:var(--muted);font-size:9px}.conversation-footer button{background:transparent;color:var(--forest);border:0;font-size:10px;padding:5px}.revealing .tool-message,.revealing .demo-answer{animation:reveal .45s both}.revealing .demo-answer{animation-delay:.65s}@keyframes reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.section-heading h2,.connection-section h2,.home-faq h2,.closing-section h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-.045em;line-height:1.2;margin:0 0 16px;font-weight:650}.section-heading>p:not(.eyebrow){color:var(--muted);font-size:14px}.how-section{padding:48px 38px 66px;border-top:1px solid #e5c9ab}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:35px}.step-index{display:inline-block;color:#724319;font-size:12px;font-weight:650;margin-bottom:10px}.how-grid h3{font-size:17px;letter-spacing:-.025em;margin:0 0 10px}.how-grid p{color:var(--muted);font-size:13px;line-height:1.85;margin:0}.home-faq{padding:75px 38px;max-width:850px;margin:auto}.home-faq h2{margin-bottom:30px}.home-faq details{border-bottom:1px solid #e5c9ab;padding:17px 0}.home-faq summary{cursor:pointer;font-size:14px;font-weight:550}.home-faq p{color:var(--muted);font-size:13px;line-height:1.9}.closing-section{display:flex;align-items:center;justify-content:center;gap:42px;padding:20px 38px 75px}.closing-section>img{object-fit:contain;max-width:180px;height:auto}.closing-section h2{font-size:34px}.home-footer{display:flex;gap:25px;align-items:center;border-top:1px solid #e5c9ab;padding:30px 38px 40px}.home-footer .home-brand{font-size:18px;letter-spacing:-.6px}.home-footer p{font-size:11px;color:var(--muted)}.home-footer nav{display:flex;gap:18px;margin-left:auto}.home-footer nav a{font-size:11px;text-decoration:none}
@media(max-width:1000px){.home-header{gap:16px}.home-header nav{gap:15px}.home-hero{gap:30px;padding-top:45px}.hero-copy h1{font-size:62px}.client-actions a{padding:11px 13px;font-size:12px}.how-grid{gap:25px}.question-card{padding:20px}.connection-section{gap:30px}.hero-principles{gap:8px}}
@media(max-width:760px){.home-header{padding:20px 22px;justify-content:space-between}.home-header nav{display:none}.home-brand{font-size:22px}.home-hero{grid-template-columns:1fr;padding:40px 22px 50px;gap:35px}.hero-copy h1{font-size:64px}.hero-intro{max-width:500px}.hero-principles{margin-top:25px}.conversation-content{min-height:365px}.how-section,.question-section{padding:35px 22px 45px}.how-grid{grid-template-columns:1fr;gap:26px}.how-grid article{position:relative;padding-left:40px}.step-index{position:absolute;left:0;top:3px}.question-grid{grid-template-columns:1fr}.question-card{padding:22px}.question-card h3{margin:9px 0}.question-card p{margin-bottom:14px}.connection-section{grid-template-columns:1fr;margin:0 22px;padding:26px}.home-faq{padding:50px 22px}.closing-section{padding:0 22px 45px;gap:20px}.closing-section>img{width:100px}.closing-section h2{font-size:27px}.home-footer{padding:25px 22px;flex-wrap:wrap;gap:15px}.home-footer p{width:100%;order:3;margin:0}.home-footer nav{gap:12px}}
@media(max-width:400px){.hero-copy h1{font-size:55px}.hero-intro{font-size:15px}.conversation-header{padding:15px}.conversation-content{padding:18px}.demo-picker{padding-left:15px}.closing-section{align-items:start}.closing-section>img{width:75px}.closing-section h2{font-size:23px}.closing-section .client-actions{flex-direction:column}.hero-principles{font-size:9px}.header-action{font-size:11px;padding:8px 10px}}

.home-footer>a:last-child{margin-left:auto;font-size:11px}.how-grid p{max-width:340px}
/* A visible wordmark and a quiet companion peeking over the conversation. */
.home-header .home-brand{font-size:31px;gap:12px}.home-header .home-brand img{width:48px;height:48px;flex-shrink:0}
.conversation-scene{position:relative;min-width:0;isolation:isolate}.conversation-scene .conversation-card{position:relative;z-index:1}.chat-companion{position:absolute;z-index:0;width:190px;height:190px;object-fit:contain;right:24px;top:-116px;pointer-events:none;transform:rotate(-5deg)}
@media(min-width:761px){.home-hero{padding-top:110px}}
@media(max-width:760px){.home-header .home-brand{font-size:25px;gap:9px}.home-header .home-brand img{width:42px;height:42px}.conversation-scene{margin-top:92px}.chat-companion{width:175px;height:175px;top:-106px;right:18px}}
@media(max-width:360px){.home-header{gap:10px;padding-inline:16px}.home-header .home-brand{font-size:22px}.home-header .home-brand img{width:36px;height:36px}}
@media(max-width:760px){.home-header{flex-wrap:wrap;row-gap:12px}.home-header .header-action{flex-shrink:0}}
/* Warm identity: inviting colour, with walnut contrast for text and controls. */
.home-hero{position:relative}.hero-copy{position:relative;z-index:1}.home-hero::before{content:'';position:absolute;inset:-20px -5px 10px;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 17% 35%,#f7b1b055,transparent 55%),radial-gradient(ellipse at 88% 35%,#cad18255,transparent 48%)}
.hero-copy h1 em{color:#a65352}.brand-dot{color:#d88180}.home-header .header-action{background:#f7b1b0;border-color:#d88180}.secondary{background:#f7b1b0;border-color:#d88180}.secondary:hover{background:#d88180}.conversation-card{background:#fff8ed;border-color:#d9b697;box-shadow:0 18px 55px #72431914}.conversation-header{background:#f7b1b0;border-bottom-color:#d8818055}.sample-badge{background:#cad182;color:#724319}.demo-picker [aria-pressed=true]{background:#cad182;border-color:#b6bd6e}.chart-row i{background:#d88180}.chart-row:nth-of-type(2) i{background:#f7b1b0}.chart-row:nth-of-type(3) i{background:#724319}.chart-row:nth-of-type(4) i{background:#cad182}.chat-companion{width:215px;height:215px;top:-131px;right:20px}.how-section{background:#f7b1b0;border:0;border-radius:22px;margin:0 38px 35px;padding:35px}.how-section .eyebrow,.how-grid p,.section-heading>p:not(.eyebrow){color:#724319}.home-faq{padding-top:40px}.closing-section{border-radius:22px}
@media(max-width:760px){.chat-companion{width:190px;height:190px;top:-116px;right:12px}.conversation-scene{margin-top:104px}.how-section{margin:0 22px 25px;padding:28px 22px}.home-hero::before{inset:0; background:radial-gradient(ellipse at 12% 15%,#f7b1b055,transparent 45%),radial-gradient(ellipse at 95% 58%,#cad18255,transparent 45%)}}
/* Grounded warm direction: stronger walnut, olive accents, less blush. */
body{background:#fff7e9}.home-hero::before{background:none}.hero-copy h1 em{color:#724319}.hero-intro{color:#64482e}.home-header .header-action{background:#724319;border-color:#724319;color:#fff7e9}.secondary{background:transparent;border:1.5px solid #724319;color:#724319}.secondary:hover{background:#eee7d8}.conversation-card{background:#fffdf7;border-color:#bfa78b;box-shadow:0 20px 60px #7243191a}.conversation-header{background:#cad182;border-bottom-color:#a8b066}.sample-badge{background:#724319;color:#fff7e9}.demo-picker [aria-pressed=true]{background:#724319;color:#fff7e9;border-color:#724319}.user-message{background:#f1e7d4}.spend-chart{background:#f5f0e4;border-color:#ddceb9}.chart-row i{background:#b56f58}.chart-row:nth-of-type(2) i{background:#9b8565}.chart-row:nth-of-type(3) i{background:#724319}.chart-row:nth-of-type(4) i{background:#9da559}.chat-companion,.closing-section>img{filter:saturate(.65) contrast(1.08)}.how-section{background:#724319}.how-section h2,.how-section h3{color:#fff7e9}.how-section .eyebrow,.how-section .how-grid p,.how-section .section-heading>p:not(.eyebrow){color:#feeac7}.how-section .step-index{color:#cad182}
/* Deep coral keeps the accent words distinct and readable on cream. */
.hero-copy h1 em,.home-brand .brand-accent{color:#a65352}
