/* Open, editorial composition using the supplied Clear Chats identity. */
body{background:#fff}header{border:0;height:96px;max-width:1500px;padding:0 5.5%}.brand{width:230px}.button,.button.small{border-radius:999px;padding:16px 27px;gap:0}.button.small{padding:13px 23px}nav{gap:28px}.hero{max-width:1500px;padding:70px 5.5% 90px;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(3.4rem,6.5vw,6.4rem);line-height:1.02;letter-spacing:-.065em;font-weight:600;margin-bottom:30px}.hero .eyebrow{color:#2563eb;font-size:12px;letter-spacing:.1em}.intro{font-size:17px;max-width:500px;line-height:1.8}.hero-visual{position:relative;background:transparent;color:#0b1220;padding:35px 0 30px;transform:none;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:0 -65px 0 10px;background:#e4ecff;border-radius:50% 45% 45% 50%;z-index:-1;transform:rotate(-12deg)}.visual-heading{margin:0 0 28px 36px;font-size:15px}.visual-heading img{border-radius:12px}.conversation{border:1px solid #e5e9f1;border-radius:20px;transform:rotate(-3deg);box-shadow:0 28px 65px #0b122014;background:#fff}.messages{padding:26px 24px}.conversation-top{padding:22px 24px}.visual-caption{color:#475569;margin:28px 0 0;font-size:12px}.visual-footer{border:0;padding:0;margin:26px 20px 0;color:#2563eb;font-size:13px}.principles{border:0;padding:25px 0 60px;max-width:calc(100% - 11%);gap:25px}.principles>span{font-size:clamp(1.4rem,2.4vw,2.2rem);font-weight:500;letter-spacing:-.05em;color:#0b1220}.principles p{color:#64748b}.section{max-width:1500px;padding:100px 7%}.eyebrow{letter-spacing:.12em;color:#475569}h2{font-size:clamp(2.4rem,4.4vw,4.2rem);font-weight:500;line-height:1.1;letter-spacing:-.055em}.approach{gap:10%;padding-top:100px;padding-bottom:100px}.steps article{border:0;padding:0 0 32px;gap:22px}.number{border:1px solid #d9dee6;border-radius:50%;width:36px;height:36px;flex:none;text-align:center;padding:5px 0;font-size:13px}.steps h3{font-size:21px;font-weight:500}.steps p{font-size:15px;line-height:1.8}.channels{background:transparent;max-width:1500px;padding-top:80px;padding-bottom:90px;display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}.channels .section-heading{margin:0}.channels h2{font-size:clamp(2.6rem,4.7vw,4.5rem)}.channel-strip{gap:8px;margin-top:30px;max-width:380px}.channel-strip span{background:transparent;border:0;padding:7px 0;margin-right:17px;font-size:14px;color:#475569;border-bottom:1px solid #cbd5e1;border-radius:0}.channel-grid{display:flex;flex-direction:column;gap:44px;margin:0}.channel-grid article{background:transparent;padding:0;border-radius:0}.channel-grid article+article{padding-top:32px;border-top:1px solid #e1e6ee}.channel-grid h3{font-size:27px;font-weight:500;margin-top:17px}.channel-grid p{font-size:15px;line-height:1.8}.channel-grid a{display:inline-block;margin-top:8px;border-bottom:1px solid #2563eb;padding-bottom:4px;font-size:14px}.pill{border:0;background:#e4ecff;font-size:12px;padding:5px 12px;margin:0}.channel-icon{width:32px;height:32px}.channel-symbol{font-size:27px;line-height:32px}.demo{background:#f7f5f0;border-radius:48px;margin:35px 4% 50px;max-width:none;padding:75px 6%;grid-template-columns:1fr 1.05fr;gap:9%}.demo h2{font-size:clamp(2.2rem,3.7vw,3.5rem)}.example{border:0;border-radius:18px;box-shadow:0 15px 40px #0b12200a;transform:rotate(2deg)}.tabs{background:transparent;padding:0;border-bottom:1px solid #cbd5e1;border-radius:0;gap:18px}.tabs button{padding:12px 0;border-radius:0;color:#64748b}.tabs button[aria-selected=true]{background:transparent;color:#0b1220;border-bottom:2px solid #0b1220}.insights{background:transparent;color:#0b1220;display:grid;grid-template-columns:1fr 1fr;column-gap:10%;padding-top:100px;padding-bottom:100px;max-width:1500px}.insights-heading{grid-column:1/-1;justify-content:flex-start;width:100%;margin-bottom:24px}.insights-heading img{display:none}.insights-heading .eyebrow{color:#2563eb}.insights h2{grid-column:1;margin:0}.insights-intro{grid-column:1;color:#475569;font-size:16px;margin:24px 0 0}.insight-grid{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;margin:0;gap:34px}.insight-grid article{padding:0 0 0 25px;border:0;border-left:2px solid #2563eb}.insight-grid span{color:#64748b}.insight-grid h3{font-size:23px;font-weight:500;margin:10px 0}.insight-grid p{color:#475569;font-size:15px;margin-bottom:0}.pricing{padding-top:80px}.pricing .section-heading{text-align:left;max-width:850px}.pricing .section-heading>p:last-child{margin-left:0}.price-grid{gap:0;margin-top:60px;border-top:1px solid #d9dee6;padding-top:38px}.price-card,.price-card.featured{background:transparent;border:0;border-radius:0;padding:5px 32px 20px}.price-card:first-child{padding-left:0}.price-card+.price-card{border-left:1px solid #d9dee6}.price-card.featured .eyebrow{color:#2563eb}.price-card .eyebrow{margin-bottom:32px}.price-card h3{font-size:44px;font-weight:500}.price-card .button{width:auto;min-width:180px}.price-card:not(.featured) .button{color:#2563eb;background:#e4ecff}.price-card:not(.featured) .button:hover{background:#cbdcff}.pricing-note{text-align:left;margin-top:26px;max-width:none}.closing{margin:50px 4% 0;border-radius:48px 48px 0 0;background:#f7f5f0;display:grid;grid-template-columns:1fr 1fr;column-gap:8%;text-align:left;padding:80px 6%}.closing>.eyebrow{grid-column:1;margin-bottom:22px}.closing>h2{grid-column:1;font-size:clamp(2.5rem,4.5vw,4.3rem);margin-bottom:24px}.closing>p:not(.eyebrow){grid-column:1;margin:0;max-width:440px;color:#475569}.demo-form{grid-column:2;grid-row:1/5;background:transparent;padding:0;border-radius:0;margin:0;max-width:none}.demo-form input,.demo-form select,.demo-form textarea{border-color:#c6cdd6;background:#fff;border-radius:9px;font-size:16px}.demo-form .fine{font-size:12px}.demo-form button{margin-top:18px}footer{border:0;padding-top:40px;padding-bottom:40px}.fine{line-height:1.7}
@media(min-width:1441px){.channels{padding-left:7%;padding-right:7%}}
@media(max-width:1100px){.hero{gap:35px}.hero-visual:before{inset:0 -30px 0 0}nav{gap:18px}.brand{width:190px}.price-card{padding-left:22px;padding-right:22px}.price-card h3{font-size:35px}.closing{column-gap:5%}}
@media(max-width:760px){header{height:auto;padding:22px 6%;gap:20px}.brand{width:175px}header .button.small{padding:12px 18px;font-size:12px}nav{gap:14px}.hero{padding:45px 6% 50px;grid-template-columns:1fr;gap:35px}h1{font-size:clamp(3.1rem,11vw,5rem)}.hero-visual{padding:28px 8px 20px}.hero-visual:before{inset:0 -20px 0 0}.conversation{transform:rotate(-1deg)}.visual-heading{margin-left:15px}.visual-footer{margin-bottom:10px}.principles{padding:25px 0 20px;gap:20px;margin:0 6%;max-width:none}.principles>span{font-size:24px}.section{padding:65px 6%}.approach{gap:36px}.channels{display:block}.channel-strip{max-width:none;margin-bottom:45px}.channel-grid{gap:32px}.demo{margin:15px 4%;padding:45px 6%;border-radius:28px;gap:35px;grid-template-columns:1fr}.example{transform:none;padding:25px}.insights{display:block}.insights-intro{margin:24px 0 35px}.insight-grid{gap:30px}.price-grid{grid-template-columns:1fr;gap:0;padding-top:10px;margin-top:30px}.price-card,.price-card:first-child,.price-card.featured{padding:28px 0;border:0}.price-card+.price-card{border-top:1px solid #d9dee6}.price-card .eyebrow{margin-bottom:18px}.price-card h3{font-size:42px}.price-card .button{margin-top:12px}.closing{display:block;margin:20px 4% 0;border-radius:28px 28px 0 0;padding:45px 6%}.demo-form{margin-top:36px}.closing>h2{font-size:clamp(2.4rem,9vw,3.7rem)}.hero .intro{font-size:16px}.principles p{width:100%}.form-grid{grid-template-columns:1fr}.hero-visual .knowledge{font-size:12px}.hero-visual .reply-label{gap:7px}}

/* Supplied brand mark replaces the decorative oval. */
.hero-visual:before{inset:-15px -30px -10px -15px;background:transparent url('assets/logos/clear-chats-icon.svg') center/contain no-repeat;border-radius:0;transform:none;opacity:.07}
@media(max-width:760px){.hero-visual:before{inset:0 -10px;opacity:.06}}

/* Compact content rhythm: each section has one purpose. */
.hero{padding-top:45px;padding-bottom:55px}.section{padding-top:62px;padding-bottom:62px}.knowledge-copy{align-self:center}.knowledge-copy h3{font-size:21px;font-weight:500;margin:0 0 10px}.knowledge-copy p{color:#475569;line-height:1.8;margin:0 0 24px}.knowledge-copy p:last-child{margin-bottom:0}.insights{align-items:center;border-top:1px solid #e5e9f1;border-bottom:1px solid #e5e9f1;width:86%;padding-left:0;padding-right:0;margin:20px auto}.insights-summary{color:#475569;font-size:18px;line-height:1.8;margin:0;max-width:520px}.insights h2{margin:0}.closing{margin-top:20px;padding-top:55px;padding-bottom:55px}.price-grid{margin-top:35px}.channel-grid{gap:30px}.channel-grid p{margin-bottom:0}@media(max-width:760px){.hero{padding-top:32px;padding-bottom:35px}.section{padding-top:42px;padding-bottom:42px}.insights{width:88%;padding-left:0;padding-right:0}.insights-summary{margin-top:24px;font-size:16px}.closing{padding-top:38px;padding-bottom:38px}}

/* Purposeful iconography and restrained motion. */
.detail-icon{width:28px;height:28px;flex:none;color:#2563eb;vertical-align:middle}.sector-list{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px}.sector-list>span{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#475569}.sector-list .detail-icon{width:21px;height:21px}.channel-strip{gap:12px;max-width:420px}.channel-strip>.channel-item{display:flex;align-items:center;gap:11px;padding:10px 14px;margin:0;border:1px solid #e4eaf4;border-radius:14px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.channel-strip>.channel-item>span{border:0;padding:0;margin:0;font-size:14px;color:#0b1220}.channel-item .detail-icon{width:25px;height:25px}.channel-strip>.channel-item:hover{transform:translateY(-3px);border-color:#b0c7f9;box-shadow:0 7px 20px #2563eb0b}.channel-grid>article>.detail-icon{width:34px;height:34px}.price-card{transition:transform .25s}.price-card:hover{transform:translateY(-5px)}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#2563eb;transform:scaleX(0);transform-origin:left;transition:transform .2s}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}.conversation{transition:transform .35s,box-shadow .35s}.conversation:hover{transform:rotate(0);box-shadow:0 30px 70px #0b12201a}.button:hover{box-shadow:0 6px 18px #2563eb20}.reveal-item{transition:opacity .55s ease,translate .55s ease}.reveal-pending{opacity:0;translate:0 18px}.reveal-pending:focus-within{opacity:1;translate:0 0}@media(max-width:760px){.sector-list{gap:16px}.channel-strip{gap:10px}.channel-strip>.channel-item{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.reveal-item,.conversation,.price-card,.channel-strip>.channel-item,nav a:after{transition:none}.reveal-pending{opacity:1;translate:0 0}.conversation:hover,.price-card:hover,.channel-strip>.channel-item:hover,.button:hover{transform:none}}

.live-chat{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.live-chat>div>p:last-child{max-width:440px;color:#475569}.live-chat label{display:block;font-size:14px;font-weight:500}.live-chat input{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #aeb9c9;border-radius:9px;font:inherit}.live-chat input:focus{outline:2px solid #2563eb;outline-offset:2px}.live-chat button{border:0;cursor:pointer;margin-top:20px}.live-chat button:disabled{opacity:.65;cursor:default}.live-chat [role=status]{font-size:14px;color:#475569;margin:16px 0 0}.live-chat [role=status]:empty{display:none}@media(max-width:760px){.live-chat{grid-template-columns:1fr;gap:24px}.live-chat .form-grid{gap:16px}}

.inline-chat{grid-column:1/-1;width:100%;min-width:0;margin-top:24px}.inline-chat[hidden]{display:none}.inline-chat iframe{width:100%;max-width:100%;min-height:520px;border:0;border-radius:18px}

.inline-desk{grid-column:1/-1;width:100%;min-width:0;margin-top:24px}.inline-desk[hidden]{display:none}.inline-desk iframe{width:100%;max-width:100%;min-height:560px;border:0}.inline-chat iframe{height:100%;min-height:0}

@media(min-width:901px){.live-chat{column-gap:32px}.inline-chat{grid-column:1;grid-row:2}.inline-desk{grid-column:2;grid-row:2}}