:root{
  --ink:#173b32;
  --ink-2:#254c42;
  --orange:#b9401b;
  --orange-dark:#913115;
  --paper:#faf9f5;
  --soft:#edf1e7;
  --soft-2:#f4f1e8;
  --white:#fff;
  --muted:#59675f;
  --line:#d8dfd4;
  --shadow:0 22px 60px rgba(23,59,50,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}
img{max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.08}
h1{font-size:clamp(45px,5.4vw,76px);letter-spacing:-3.5px;margin:24px 0}
h1 em{font-style:normal;color:var(--orange)}
h2{font-size:clamp(33px,3.6vw,50px);letter-spacing:-2px;margin:18px 0 24px}
h3{font-size:22px;letter-spacing:-.65px}
p{color:var(--muted)}
.wrap{width:min(1180px,calc(100% - 64px));margin:auto}
.eyebrow{font-size:11px;font-weight:850;letter-spacing:1.7px;color:var(--orange)}
.lead{font-size:19px;line-height:1.65;max-width:670px}
.intro{max-width:700px;font-size:16px}
.section{padding-block:90px}
.section-heading{max-width:760px}
.wide-heading{max-width:900px}
.skip{position:absolute;left:16px;top:-90px;padding:14px;background:white;z-index:30;border-radius:8px}
.skip:focus{top:10px}
:focus-visible{outline:3px solid var(--orange);outline-offset:5px}

.site-header{background:rgba(250,249,245,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.top{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.top>a:first-child{line-height:0;flex-shrink:0}
.top nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650}
.top nav a{text-decoration:none;white-space:nowrap}
.top nav a:hover{color:var(--orange)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px;border-radius:10px;background:var(--orange);color:#fff;text-decoration:none;font-weight:800;font-size:14px;line-height:1.35;text-align:center;box-shadow:0 8px 22px rgba(185,64,27,.14);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.button:hover{background:var(--orange-dark);transform:translateY(-1px);box-shadow:0 12px 28px rgba(145,49,21,.18)}
.button.small{min-height:44px;padding:11px 17px;font-size:13px}
.text-link{font-weight:800;font-size:14px}
.text-link:hover{color:var(--orange)}
.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:31px 0 24px}
.note{font-size:13px}
.note strong{color:var(--ink)}

.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:62px;padding-top:72px;padding-bottom:76px;min-height:690px}
.hero-copy{min-width:0}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:650px;margin-top:32px}
.hero-proof span{display:flex;flex-direction:column;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.58)}
.hero-proof strong{font-size:14px;color:var(--ink)}
.hero-proof small{font-size:10px;color:var(--muted);line-height:1.4;margin-top:2px}

.showcase{position:relative;background:linear-gradient(145deg,#e7ecdf,#f0eadf);border:1px solid #d9dfd0;border-radius:28px;padding:26px;box-shadow:var(--shadow)}
.showcase:before{content:"";position:absolute;width:160px;height:160px;background:rgba(185,64,27,.08);border-radius:50%;right:-42px;top:-44px;filter:blur(2px)}
.showcase-head{position:relative;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.5px;font-weight:850;margin:0 2px 15px}
.showcase-head span:last-child{color:var(--muted);font-weight:650;letter-spacing:.4px}
.store-window{position:relative;background:#fff;border:1px solid #d9ded4;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(23,59,50,.08);transform:rotate(-1.2deg)}
.browser-bar{height:34px;background:#f6f6f2;border-bottom:1px solid #eceee8;display:flex;align-items:center;gap:6px;padding:0 12px}
.browser-bar i{width:7px;height:7px;border-radius:50%;background:#c7cec3}
.browser-bar i:first-child{background:#d99179}
.browser-bar i:nth-child(2){background:#d8b976}
.browser-bar i:nth-child(3){background:#93b08a}
.browser-bar span{margin-left:7px;font-size:8px;color:#718077;letter-spacing:.2px}
.store-mini-head{display:flex;align-items:center;gap:11px;padding:18px 18px 14px}
.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:900;font-size:19px}
.store-mini-head div:nth-child(2){display:flex;flex-direction:column;min-width:0}
.store-mini-head strong{font-size:13px}
.store-mini-head small{font-size:9px;color:var(--muted)}
.store-mini-head b{margin-left:auto;font-size:9px;background:#edf1e7;padding:6px 8px;border-radius:12px;white-space:nowrap}
.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 14px}
.catalog-product{display:flex;flex-direction:column;border:1px solid #eaede5;border-radius:12px;padding:10px;min-width:0}
.product-art{display:block;height:76px;border-radius:9px;margin-bottom:10px;background:linear-gradient(145deg,#e9c5aa,#f3e5c8)}
.product-art.art-two{background:linear-gradient(145deg,#c9dbbb,#e8e2ba)}
.catalog-product strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-product small{font-size:8px;color:var(--muted);margin:2px 0 5px}
.catalog-product b{font-size:10px;color:var(--orange)}
.cart-line{margin:0 18px 18px;background:var(--ink);color:#fff;border-radius:9px;padding:11px 12px;display:flex;justify-content:space-between;font-size:9px}
.agent-card{position:relative;background:#fff;border:1px solid #d7dfd2;border-radius:17px;padding:17px;margin:-2px -10px 0 38px;transform:rotate(1.2deg);box-shadow:0 16px 35px rgba(23,59,50,.10)}
.agent-title{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;margin-bottom:13px}
.status-dot{width:8px;height:8px;background:#719c67;border-radius:50%;grid-row:1/3}
.agent-title strong{font-size:10px;line-height:1.1}
.agent-title small{font-size:8px;color:var(--muted)}
.bubble{font-size:10px;padding:9px 11px;border-radius:10px;line-height:1.5;max-width:88%}
.bubble.customer{background:#f2f3ef;margin-left:auto}
.bubble.agent{background:#e8f0e2;color:var(--ink);margin-top:7px}
.illustration{font-size:9px;text-align:center;margin-top:14px;color:#75827a}

.strip{border-block:1px solid var(--line);background:rgba(255,255,255,.42)}
.strip .wrap{display:flex;justify-content:space-between;gap:16px;padding-block:20px;font-size:11px;font-weight:750;flex-wrap:wrap}
.strip span:before{content:"✓";color:var(--orange);margin-right:9px}
.compact-strip .wrap{justify-content:center;gap:42px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}
.cards article{padding:28px 25px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 22px rgba(23,59,50,.025)}
.cards article:hover{border-color:#c5d1c2}
.number{font-size:10px;font-weight:850;letter-spacing:1.4px;color:var(--orange)}
.cards h3{margin:24px 0 15px}
.cards p{font-size:14px}
.feature-cards article{min-height:242px}

.agent-section{background:var(--ink);color:#fff;padding-block:88px}
.agent-section .eyebrow{color:#efb08e}
.agent-section h2{color:#fff}
.agent-section p{color:#c4d1ca}
.agent-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:center}
.agent-capabilities{border-top:1px solid rgba(255,255,255,.16)}
.agent-capabilities article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.agent-capabilities article>span{font-size:10px;font-weight:850;color:#efb08e;padding-top:4px}
.agent-capabilities h3{font-size:18px;margin-bottom:7px;color:#fff}
.agent-capabilities p{font-size:13px}
.agent-section .text-link{display:inline-block;margin-top:23px;color:#fff}
.agent-note{margin-top:40px;border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:17px 19px;color:#c4d1ca;font-size:12px}
.agent-note strong{color:#fff}

.soft{background:var(--soft)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center}
.steps{list-style:decimal-leading-zero;padding-left:30px;margin:0}
.steps li{padding:21px 0 21px 14px;border-bottom:1px solid #ced8c8}
.steps li::marker{font-size:13px;color:var(--orange);font-weight:850}
.steps h3{font-size:18px;margin-bottom:8px}
.steps p{font-size:13px}

.segments-section{padding-bottom:110px}
.segment-group{margin-top:52px}
.segment-group>h3{font-size:15px;text-transform:uppercase;letter-spacing:1.2px;color:var(--orange);margin-bottom:17px}
.segment-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.segment-links>a{display:flex;flex-direction:column;min-height:190px;padding:20px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:#fff;transition:transform .18s ease,border .18s ease,box-shadow .18s ease}
.segment-links>a:hover{transform:translateY(-2px);border-color:#bfcbb9;box-shadow:0 14px 28px rgba(23,59,50,.06)}
.segment-links strong{font-size:15px;line-height:1.35;margin-bottom:8px}
.segment-links span{font-size:11px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.segment-links b{margin-top:auto;padding-top:14px;font-size:10px;color:var(--orange)}

.pricing-band{background:var(--soft-2);border-block:1px solid #e4dfd2}
.pricing-points{display:grid;gap:13px;margin-top:28px}
.pricing-points p{font-size:13px;padding-left:16px;border-left:3px solid #d9c3ae}
.pricing-points strong{color:var(--ink)}
.plan{border:1px solid #ccd5c8;background:#fff;padding:38px;border-radius:20px;box-shadow:0 18px 45px rgba(23,59,50,.07)}
.pill{display:inline-flex;background:#edf2e7;color:var(--ink);padding:7px 12px;border-radius:25px;font-size:10px;font-weight:850}
.plan h3{margin:24px 0 8px;font-size:20px}
.price{font-size:62px;font-weight:850;letter-spacing:-3px;line-height:1.3}
.price span{font-size:15px;font-weight:550;letter-spacing:0;color:var(--muted);margin-left:7px}
.plan p{font-size:13px}
.plan ul{list-style:none;padding:20px 0;border-block:1px solid var(--line);margin:23px 0;font-size:13px}
.plan li{padding:6px 0}
.plan li:before{content:"✓";color:var(--orange);margin-right:11px;font-weight:900}
.plan .button{width:100%}
.plan small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:15px}
.slim-plan ul{margin-top:0;border-top:0;padding-top:5px}
.compact-pricing .section{padding-block:70px}

.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{cursor:pointer;font-weight:700;line-height:1.5;color:var(--ink)}
details p{font-size:13px;margin-top:14px}
details a{font-weight:700}

.final{background:var(--orange);padding:78px 0;text-align:center;color:white}
.final .eyebrow{color:#f8d8c9}
.final h2{font-size:clamp(36px,4.2vw,56px);margin:22px auto 18px;max-width:850px}
.final-lead{color:#fde9df;max-width:670px;margin:0 auto 28px}
.light{background:#fff;color:var(--ink);box-shadow:none}
.light:hover{background:#f1f1e9;color:var(--ink)}

.bottom{padding-block:34px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.bottom p{font-size:10px}
.bottom>div{display:flex;gap:18px;font-size:11px}

/* SEO landing pages */
.breadcrumb{padding-top:26px;display:flex;align-items:center;gap:9px;font-size:10px;color:#758279;overflow:hidden;white-space:nowrap}
.breadcrumb a{color:var(--muted)}
.breadcrumb strong{overflow:hidden;text-overflow:ellipsis}
.seo-hero{display:grid;grid-template-columns:1.08fr .72fr;gap:80px;align-items:center;padding-top:42px;padding-bottom:76px}
.seo-hero h1{font-size:clamp(43px,5vw,68px)}
.seo-summary{background:var(--ink);color:#fff;border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.summary-kicker{display:block;font-size:9px;color:#efb08e;font-weight:850;letter-spacing:1.4px;margin-bottom:13px}
.seo-summary ul{list-style:none;margin:0;padding:0}
.seo-summary li{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.seo-summary li:last-child{border-bottom:0;padding-bottom:0}
.seo-summary strong{font-size:13px}
.seo-summary span{font-size:10px;color:#c3d1c9}
.seo-intro .section-heading{max-width:820px}
.seo-benefits article{min-height:218px}
.use-cases .split{align-items:start}
.example-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.example-list div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d8dfd4;padding:16px;border-radius:13px;min-height:74px}
.example-list span{font-size:10px;color:var(--orange);font-weight:850}
.example-list strong{font-size:13px;line-height:1.35}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.platform-grid article{padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff}
.platform-grid h3{font-size:18px;margin-bottom:9px}
.platform-grid p{font-size:13px;margin-bottom:17px}
.platform-grid a{font-size:11px;font-weight:800;color:var(--orange)}
.seo-agent-callout{padding-block:72px}
.mini-chat{background:#f7f7f1;border-radius:18px;padding:24px;color:var(--ink)}
.mini-chat .bubble{font-size:12px}
.mini-chat .customer{background:#fff}
.mini-chat .agent{background:#e4eedc}
.chat-caption{font-size:9px!important;color:#6f7d75!important;text-align:center;margin-top:13px!important}
.related-section .section-heading{max-width:740px}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
.related-grid a{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:#fff;min-height:172px}
.related-grid strong{font-size:15px;line-height:1.35}
.related-grid span{font-size:11px;color:var(--muted);line-height:1.5;margin:8px 0}
.related-grid b{font-size:10px;color:var(--orange);margin-top:auto}

@media(max-width:1080px){
  .top nav{gap:14px;font-size:12px}
  .hero{gap:38px}
  .hero h1{font-size:clamp(43px,5vw,66px)}
  .split,.agent-layout{gap:52px}
  .segment-links{grid-template-columns:1fr 1fr}
  .seo-hero{gap:48px}
}
@media(max-width:860px){
  .top nav{display:none}
  .hero,.seo-hero,.split,.agent-layout,.faq{grid-template-columns:1fr;gap:38px}
  .hero{min-height:0;padding-top:48px}
  .showcase{max-width:650px;width:100%;margin:auto}
  .cards{grid-template-columns:1fr 1fr}
  .agent-layout{align-items:start}
  .faq{gap:10px}
  .faq h2{margin-bottom:0}
}
@media(max-width:640px){
  .wrap{width:calc(100% - 34px)}
  .top{min-height:74px;gap:10px}
  .top img{width:162px}
  .top .button{font-size:10px;padding:10px 11px;min-height:40px}
  h1{letter-spacing:-2.5px}
  h2{letter-spacing:-1.5px}
  .lead{font-size:16px}
  .hero{padding-block:40px 52px}
  .hero-proof{grid-template-columns:1fr}
  .hero-proof span{padding:12px 14px}
  .showcase{padding:17px;border-radius:20px}
  .showcase-head span:last-child{display:none}
  .agent-card{margin-left:15px;margin-right:-3px}
  .catalog-grid{gap:7px;padding-inline:12px}
  .store-mini-head{padding-inline:12px}
  .cart-line{margin-inline:12px}
  .strip .wrap,.compact-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px;justify-content:initial}
  .section{padding-block:58px}
  .cards,.segment-links,.platform-grid,.related-grid,.example-list{grid-template-columns:1fr}
  .feature-cards article,.seo-benefits article{min-height:0}
  .agent-section{padding-block:58px}
  .agent-capabilities article{grid-template-columns:32px 1fr}
  .segment-group{margin-top:38px}
  .segment-links>a{min-height:165px}
  .price{font-size:54px}
  .plan{padding:27px 23px}
  .bottom{flex-direction:column;align-items:flex-start;gap:18px}
  .bottom>div{flex-wrap:wrap}
  .final{padding-block:58px}
  .breadcrumb{padding-top:18px}
  .seo-hero{padding-top:28px;padding-bottom:52px}
  .seo-summary{padding:22px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .button,.segment-links>a{transition:none}
}

/* Commercial analytics choice: small, keyboard-accessible, never blocks CTA. */
.vdd-consent[hidden] { display: none !important; }
.vdd-consent {
  position: fixed; z-index: 4000; inset: auto 18px 18px auto;
  width: min(460px, calc(100vw - 36px));
  background: #fff; color: #173b32; border: 1px solid #bed2c9;
  border-radius: 14px; padding: 18px;
  box-shadow: 0 10px 35px rgba(0,0,0,.18);
}
.vdd-consent p { margin: 0 0 12px; line-height: 1.5; font-size: 14px; }
.vdd-consent-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.vdd-consent button { cursor: pointer; border: 1px solid #173b32; padding: 9px 14px;
  border-radius: 8px; background: #fff; color: #173b32; font-weight: 650; }
.vdd-consent button:last-child { background: #173b32; color: white; }
.vdd-consent button:focus-visible, [data-vdd-reopen]:focus-visible { outline: 3px solid #df8c43; }
[data-vdd-reopen] { cursor: pointer; background: none; border: 0; color: inherit;
  text-decoration: underline; font: inherit; padding: 0; }