@charset "UTF-8";
/* Scoped to this sales page; uses REPRESENT's existing wine / paper palette. */
body.represent-chatbot-sales .renewal-page-heading { display:none; }
.cbs { --cbs-wine:#8d1420; --cbs-ink:#252321; --cbs-muted:#69635e; --cbs-paper:#f5f2ed; --cbs-line:#dcd5ce; color:var(--cbs-ink); background:#fff; font:15px/1.95 var(--rp-sans,"Hiragino Kaku Gothic ProN",sans-serif); letter-spacing:.025em; overflow:clip; }
.cbs *, .cbs *::before, .cbs *::after { box-sizing:border-box; }
.cbs :is(h1,h2,h3,h4,p,ul,ol,dl,dd) { margin:0; padding:0; }
.cbs :is(ul,ol) { list-style:none; }
.cbs :is(h1,h2,h3,h4) { color:inherit; font-weight:600; line-height:1.55; letter-spacing:.035em; }
.cbs :is(h1,h2) { font-family:var(--rp-serif,"Yu Mincho",serif); }
.cbs h1 { font-size:clamp(30px,3.2vw,46px); line-height:1.65; }
.cbs h2 { font-size:clamp(27px,2.55vw,37px); }
.cbs h3 { font-size:21px; }
.cbs p { overflow-wrap:anywhere; }
.cbs a { color:inherit; text-decoration:none; }
.cbs button { font:inherit; cursor:pointer; letter-spacing:inherit; }
.cbs img { display:block; max-width:100%; object-fit:contain; }
.cbs [hidden] { display:none!important; }
.cbs :is(a,button,summary):focus-visible { outline:3px solid #b8701a; outline-offset:5px; }
.cbs [id] { scroll-margin-top:110px; }
.cbs-wrap { width:min(1180px,calc(100% - 80px)); margin-inline:auto; }
.cbs .cbs-eyebrow { display:flex; align-items:center; gap:10px; font:600 11px/1.6 var(--rp-sans,sans-serif); letter-spacing:.16em; color:var(--cbs-wine); margin-bottom:22px; }
.cbs .cbs-eyebrow>span { width:7px; height:7px; border-radius:50%; background:currentColor; }
.cbs .cbs-lead { font-size:16px; line-height:2; }
.cbs .cbs-fine { font-size:12px; color:var(--cbs-muted); line-height:1.85; }
.cbs-hero { background:var(--cbs-paper); padding:66px 0 62px; border-bottom:1px solid var(--cbs-line); }
.cbs-hero-grid { display:grid; grid-template-columns:1.14fr 1fr; align-items:center; gap:62px; }
.cbs .cbs-service-name { font-size:13px; margin:0 0 17px; }
.cbs h1 em { font-style:normal; color:var(--cbs-wine); text-decoration:underline; text-decoration-color:#ddbec1; text-decoration-thickness:5px; text-underline-offset:10px; }
.cbs-hero .cbs-lead { margin-top:25px; }
.cbs-actions { display:flex; align-items:center; flex-wrap:wrap; gap:25px; margin-top:30px; }
.cbs .cbs-button { display:inline-flex; justify-content:center; align-items:center; gap:24px; min-height:54px; padding:15px 22px; border:1px solid transparent; font-size:14px; font-weight:600; line-height:1.6; transition:background .2s,transform .2s; }
.cbs .cbs-button span { margin-left:auto; font-size:20px; line-height:1; }
.cbs .cbs-button-primary { background:var(--cbs-wine); color:#fff; }
.cbs .cbs-button-primary:hover { background:#681018; transform:translateY(-2px); }
.cbs .cbs-button-outline { color:var(--cbs-wine); border-color:var(--cbs-wine); }
.cbs .cbs-button-outline:hover { background:#f8edef; }
.cbs .cbs-button-light { background:#fff; color:var(--cbs-wine); }
.cbs .cbs-button-light:hover { background:#f5e9ea; transform:translateY(-2px); }
.cbs .cbs-text-link { border-bottom:1px solid var(--cbs-line); padding:7px 0; font-size:13px; }
.cbs-text-link span { margin-left:16px; }
.cbs .cbs-hero-price { margin-top:22px; font-size:12px; }
.cbs-hero-price strong { font-size:20px; letter-spacing:0; font-weight:600; }
.cbs-hero-price i { padding:0 8px; font-style:normal; color:var(--cbs-muted); }
.cbs-hero-price small { display:block; font-size:11px; color:var(--cbs-muted); }
.cbs-hero-points { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:12px; margin-top:18px; }
.cbs-hero-points span::before { content:"✓"; color:var(--cbs-wine); margin-right:5px; }
.cbs-demo-stage { max-width:470px; width:100%; justify-self:end; }
.cbs-demo-label { display:flex; justify-content:space-between; margin:0 6px 12px; color:var(--cbs-wine); font-size:12px; }
.cbs-demo-label>span:last-child { font-size:25px; line-height:1; }
.cbs-chat { background:#fff; border:1px solid #d2c9c0; border-radius:14px; box-shadow:12px 16px 0 #e9e2d9; overflow:hidden; }
.cbs-chat-header { display:flex; align-items:center; gap:12px; background:#262e30; color:#fff; padding:16px 20px; }
.cbs-chat-header img { width:48px; height:48px; border-radius:50%; background:#fff; }
.cbs-chat-header strong { display:block; font-size:15px; }
.cbs-chat-header div span { display:block; font-size:10px; opacity:.8; }
.cbs-chat-mark { margin-left:auto; color:#d5b387; font-size:27px; }
.cbs-chat-body { height:341px; overflow-y:auto; padding:17px 22px 23px; scrollbar-width:thin; }
.cbs .cbs-chat-note { font-size:10px; color:var(--cbs-muted); text-align:center; margin-bottom:13px; }
.cbs-message { max-width:93%; font-size:13px; line-height:1.85; margin-bottom:16px; }
.cbs-message-name { display:block; font-size:10px; color:var(--cbs-muted); margin-bottom:5px; }
.cbs-message>p { padding:12px 15px; border-radius:1px 12px 12px; background:#f2efe9; white-space:pre-line; }
.cbs-message-user { margin-left:auto; max-width:88%; }
.cbs-message-user .cbs-message-name { text-align:right; }
.cbs-message-user>p { background:#e5edef; border-radius:12px 1px 12px 12px; }
.cbs-demo-bottom { padding:12px 20px 17px; border-top:1px solid #e8e2db; }
.cbs-demo-bottom>span { display:block; font-size:10px; color:var(--cbs-muted); margin-bottom:8px; }
.cbs-demo-options { display:flex; gap:6px; }
.cbs-demo-options button { flex:1; min-height:38px; font-size:11px; border:1px solid #dbccc2; border-radius:4px; color:#6e312d; background:#fffaf5; padding:5px; }
.cbs-demo-options button:hover { background:#f5e9ea; }
.cbs-demo-options button:disabled { cursor:wait; opacity:.6; }
.cbs .cbs-demo-caption { font-size:10px; text-align:center; margin:21px 0 0; color:var(--cbs-muted); }
.cbs-typing { display:flex; align-items:center; gap:5px; font-size:12px; color:var(--cbs-muted); }
.cbs-typing i { width:5px; height:5px; background:#8d1420; border-radius:50%; animation:cbs-dot 1s ease-in-out infinite; }
.cbs-typing i:nth-of-type(2) { animation-delay:.15s; }.cbs-typing i:nth-of-type(3) { animation-delay:.3s; }
@keyframes cbs-dot { 0%,70%,100% { transform:translateY(0); opacity:.35; } 35% { transform:translateY(-4px); opacity:1; } }
.cbs-local-nav { border-bottom:1px solid var(--cbs-line); background:#fff; }
.cbs-local-nav>.cbs-wrap { display:flex; justify-content:center; gap:36px; flex-wrap:wrap; padding:18px 0; }
.cbs-local-nav a { font-size:12px; color:var(--cbs-muted); }
.cbs-local-nav a:hover { color:var(--cbs-wine); }
.cbs-section { padding:94px 0; }
.cbs-section-head { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:55px; margin-bottom:45px; }
.cbs-section-head>p { color:var(--cbs-muted); font-size:14px; }
.cbs-section-head>p strong { color:var(--cbs-ink); font-weight:500; }
.cbs-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; }
.cbs-feature-grid article { border-top:1px solid var(--cbs-line); padding-top:23px; }
.cbs-feature-symbol { display:flex; align-items:center; justify-content:space-between; color:var(--cbs-wine); font:400 36px/1.3 Georgia,serif; margin-bottom:23px; }
.cbs-feature-symbol>span { font-family:sans-serif; font-size:24px; }
.cbs-feature-grid h3 { font-size:19px; margin-bottom:15px; }
.cbs-feature-grid p { color:var(--cbs-muted); font-size:14px; }
.cbs-feature-grid small { display:block; margin-top:20px; font-size:11px; color:var(--cbs-wine); }
.cbs-log-section { background:#293032; color:#fff; }
.cbs-log-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; }
.cbs-log-section .cbs-eyebrow { color:#ddb998; }
.cbs-log-section .cbs-lead { margin:24px 0 13px; }
.cbs-log-section p:not(.cbs-eyebrow,.cbs-lead) { font-size:14px; }
.cbs-log-steps { margin:24px 0!important; }
.cbs-log-steps li { display:flex; gap:20px; padding:13px 0; border-top:1px solid #536063; font-size:13px; }
.cbs-log-steps b { font-weight:400; color:#ddb998; }
.cbs-log-section .cbs-fine { color:#d0d4d3; font-size:11px!important; }
.cbs-note { background:#faf8f4; color:var(--cbs-ink); border:1px solid #cfc6ba; border-radius:3px; transform:rotate(1deg); box-shadow:10px 12px 0 #394244; }
.cbs-note-top { display:flex; justify-content:space-between; padding:13px 20px; border-bottom:1px solid var(--cbs-line); font-size:11px; color:var(--cbs-muted); }
.cbs-note-body { padding:27px 32px 30px; }
.cbs .cbs-note-meta { color:var(--cbs-muted); font-size:10px!important; margin-bottom:18px; }
.cbs-note h3 { font-size:21px; margin-bottom:13px; }
.cbs-note-tag { display:inline-block; border:1px solid #d8c7bd; color:#7b4d44; border-radius:3px; padding:1px 7px; margin-right:7px; font-size:10px; }
.cbs-note h4 { font-size:13px; margin:22px 0 7px; border-bottom:1px solid var(--cbs-line); padding-bottom:7px; }
.cbs .cbs-note-body>p { font-size:12px!important; color:#5d5953; }
.cbs-note-check { font-size:11px; margin-top:25px; color:var(--cbs-wine); }
.cbs-note-check span { margin-right:5px; }
.cbs-fit-section { background:#f5f2ed; }
.cbs-fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.cbs-fit-grid>div>p:last-child { margin-top:25px; font-size:14px; color:var(--cbs-muted); }
.cbs-fit-list>div { display:grid; grid-template-columns:100px 1fr; gap:20px; padding:22px 0; border-bottom:1px solid var(--cbs-line); }
.cbs-fit-list dt { font-size:13px; color:var(--cbs-wine); font-weight:600; }
.cbs-fit-list dd { font-size:13px; }
.cbs-price-toolbar { display:flex; align-items:center; justify-content:flex-end; gap:15px; margin-bottom:25px; font-size:11px; }
.cbs-price-toolbar>div { display:flex; border:1px solid var(--cbs-line); padding:4px; background:var(--cbs-paper); }
.cbs-price-toolbar button { background:transparent; border:0; padding:9px 16px; font-size:12px; color:var(--cbs-muted); }
.cbs-price-toolbar button[aria-pressed=true] { background:#fff; color:var(--cbs-wine); box-shadow:0 1px 3px #19181716; }
.cbs-plan-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.cbs-plan { border:1px solid var(--cbs-line); padding:35px 36px 32px; display:flex; flex-direction:column; }
.cbs-plan-featured { border-top:4px solid var(--cbs-wine); padding-top:32px; }
.cbs .cbs-plan-label { color:var(--cbs-wine); font-size:11px; margin-bottom:10px; }
.cbs-plan h3 { font-family:var(--rp-serif,"Yu Mincho",serif); font-size:28px; }
.cbs .cbs-plan-intro { margin:15px 0 25px; color:var(--cbs-muted); font-size:13px; min-height:52px; }
.cbs-initial { font-size:12px; padding-bottom:13px!important; border-bottom:1px solid var(--cbs-line); }
.cbs-initial strong { margin-left:15px; font-size:21px; font-weight:500; letter-spacing:0; }
.cbs-cost { padding:17px 0; }
.cbs-cost>span { color:var(--cbs-muted); font-size:12px; }
.cbs-cost>p { display:flex; align-items:baseline; gap:5px; line-height:1.45; }
.cbs-cost strong { font-size:48px; font-family:Arial,sans-serif; font-weight:400; letter-spacing:-.04em; }
.cbs-cost small { font-size:11px; color:var(--cbs-muted); }
.cbs .cbs-plan-setup { font-size:13px; font-weight:600; margin:5px 0 17px; }
.cbs-plan ul { border-top:1px solid var(--cbs-line); padding-top:19px; }
.cbs-plan li { padding:4px 0 4px 21px; position:relative; font-size:13px; }
.cbs-plan li::before { content:"✓"; position:absolute; left:0; color:var(--cbs-wine); }
.cbs-plan-support { background:var(--cbs-paper); padding:15px 18px; margin:20px 0 25px; }
.cbs-plan-support strong { font-size:12px; font-weight:600; }
.cbs-plan-support p { font-size:12px; }
.cbs-plan>.cbs-button { width:100%; margin-top:auto; }
.cbs-price-notes { border-top:1px solid var(--cbs-line); margin-top:30px; padding-top:24px; }
.cbs-price-notes h3 { font-size:14px; margin-bottom:13px; }
.cbs-price-notes li { position:relative; padding-left:14px; font-size:12px; line-height:1.9; color:var(--cbs-muted); margin:6px 0; }
.cbs-price-notes li::before { content:"・"; position:absolute; left:0; }
.cbs-pricing-section { border-bottom:1px solid var(--cbs-line); }
.cbs-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.cbs-flow>li { border-top:1px solid var(--cbs-line); padding-top:18px; }
.cbs-flow>li>span { color:var(--cbs-wine); font:400 35px/1.5 Georgia,serif; }
.cbs-flow h3 { font-size:17px; margin:16px 0 12px; }
.cbs-flow p { font-size:13px; color:var(--cbs-muted); }
.cbs-faq-section { background:var(--cbs-paper); }
.cbs-faq-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; }
.cbs-faq-list details { border-top:1px solid var(--cbs-line); }
.cbs-faq-list details:last-child { border-bottom:1px solid var(--cbs-line); }
.cbs-faq-list summary { display:flex; align-items:center; gap:15px; font-size:14px; font-weight:500; padding:21px 0; cursor:pointer; list-style:none; }
.cbs-faq-list summary::-webkit-details-marker { display:none; }
.cbs-faq-list summary::before { content:"Q"; color:var(--cbs-wine); font:400 21px Georgia,serif; }
.cbs-faq-list summary::after { content:"＋"; margin-left:auto; font-size:20px; color:var(--cbs-wine); }
.cbs-faq-list details[open]>summary::after { content:"−"; }
.cbs-faq-list details>p { padding:0 28px 23px 32px; font-size:13px; color:var(--cbs-muted); }
.cbs-cta { background:var(--cbs-wine); color:#fff; padding:65px 0 70px; }
.cbs-cta-grid { display:grid; grid-template-columns:190px 1fr; gap:50px; align-items:center; max-width:900px; }
.cbs-cta-grid>img { width:180px; height:180px; background:#fff; border-radius:50%; padding:5px; }
.cbs-cta .cbs-eyebrow { color:#f0c5c4; }
.cbs-cta p:not(.cbs-eyebrow) { font-size:13px; margin:20px 0 25px; color:#f1dddd; }
.cbs-cta small { display:block; margin-top:12px; font-size:10px; color:#f1dddd; }
@media (min-width:1600px) { .cbs-hero { padding:85px 0; } }
@media (max-width:1050px) {
  .cbs-wrap { width:calc(100% - 48px); }
  .cbs-hero-grid { gap:30px; grid-template-columns:1.1fr 1fr; }
  .cbs h1 { font-size:32px; }.cbs-hero .cbs-lead { font-size:14px; }
  .cbs-actions { gap:15px; }.cbs-hero-copy .cbs-button { padding:14px 16px; font-size:12px; }
  .cbs-log-grid,.cbs-fit-grid { gap:45px; }.cbs-section-head { gap:30px; }
  .cbs-plan { padding-inline:25px; }.cbs-feature-grid { gap:25px; }.cbs-faq-grid { gap:40px; }
}
@media (max-width:760px) {
  .cbs-wrap { width:calc(100% - 40px); }
  .cbs-hero { padding:39px 0 42px; }.cbs-hero-grid { grid-template-columns:1fr; gap:35px; }
  .cbs h1 { font-size:clamp(27px,6.6vw,38px); }.cbs h2 { font-size:27px; }
  .cbs .cbs-eyebrow { font-size:10px; margin-bottom:17px; }.cbs .cbs-service-name { font-size:12px; }
  .cbs-hero .cbs-lead { font-size:14px; margin-top:20px; }.cbs-desktop-br { display:none; }
  .cbs-actions { margin-top:22px; gap:15px; }.cbs-hero-copy .cbs-button { font-size:13px; min-height:52px; }
  .cbs-demo-stage { justify-self:center; max-width:450px; padding-right:8px; }
  .cbs-chat { box-shadow:7px 9px 0 #e9e2d9; }.cbs-chat-body { height:310px; padding:15px 16px; }
  .cbs-chat-header { padding:14px 16px; }.cbs-chat-header strong { font-size:14px; }
  .cbs-demo-options { gap:5px; }.cbs-demo-bottom { padding:12px 14px 15px; }
  .cbs-local-nav>.cbs-wrap { width:100%; padding:15px 20px; gap:14px 22px; justify-content:flex-start; }.cbs-local-nav a { font-size:11px; }
  .cbs-section { padding:57px 0; }.cbs-section-head { grid-template-columns:1fr; gap:20px; margin-bottom:30px; }
  .cbs-section-head>p { font-size:13px; }.cbs-feature-grid { grid-template-columns:1fr; gap:28px; }
  .cbs-feature-grid article { padding-top:15px; }.cbs-feature-symbol { margin-bottom:10px; font-size:29px; }
  .cbs-feature-grid h3 { margin-bottom:10px; }.cbs-feature-grid small { margin-top:12px; }
  .cbs-log-grid,.cbs-fit-grid,.cbs-faq-grid { grid-template-columns:1fr; gap:35px; }
  .cbs-note { margin-right:6px; transform:none; box-shadow:6px 7px 0 #394244; }.cbs-note-body { padding:23px; }.cbs-note h3 { font-size:19px; }
  .cbs-fit-list>div { grid-template-columns:75px 1fr; gap:12px; padding:17px 0; }.cbs-fit-list dd { font-size:12px; }
  .cbs-price-toolbar { justify-content:flex-start; gap:10px; }.cbs-price-toolbar button { padding:9px 12px; font-size:11px; }
  .cbs-plan-grid { grid-template-columns:1fr; gap:22px; }.cbs-plan { padding:26px 24px; }.cbs-plan-featured { padding-top:23px; }
  .cbs .cbs-plan-intro { min-height:0; margin:12px 0 22px; }.cbs-cost strong { font-size:45px; }
  .cbs-flow { grid-template-columns:1fr 1fr; gap:27px 22px; }.cbs-flow h3 { font-size:15px; margin:12px 0 10px; }.cbs-flow p { font-size:12px; }
  .cbs-faq-grid { gap:25px; }.cbs-faq-list summary { font-size:13px; gap:11px; padding:19px 0; }.cbs-faq-list details>p { padding-left:26px; padding-right:10px; }
  .cbs-cta { padding:45px 0 50px; }.cbs-cta-grid { grid-template-columns:1fr; gap:25px; }.cbs-cta-grid>img { width:100px; height:100px; }.cbs-cta h2 { font-size:28px; }
}
@media (prefers-reduced-motion:reduce) { .cbs *, .cbs *::before, .cbs *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
