@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
/* Scoped product identity: only Contact One, never the surrounding HEXABEE site. */
.co-product,.v-showcase-contact,.v-entry-contact{--co-ink:#0f1b2e;--co-yellow:#f5d328;--co-muted:#556070;font-family:Poppins,Arial,sans-serif;color:var(--co-ink)}
.co-logo{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;color:#0f1b2e;font-family:Poppins,Arial,sans-serif}
.co-logo img{width:64px;height:64px;object-fit:contain;flex-shrink:0}.co-logo>div>span{display:block;font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1.25;white-space:nowrap}.co-logo b{color:#f5d328}.co-logo small{display:flex;align-items:center;justify-content:center;gap:9px;font-size:8px;font-weight:600;letter-spacing:2.3px;margin-top:7px}.co-logo small:before,.co-logo small:after{content:'';width:16px;height:2px;background:#f5d328}
.co-product{background:#fff}.co-product *{box-sizing:border-box}.co-product h1,.co-product h2,.co-product h3{font-family:Poppins,Arial,sans-serif;font-weight:600;letter-spacing:-.045em;margin:0;line-height:1.14}.co-product p{margin:0}.co-product em{font-style:normal}.co-product .co-kicker{font:600 10px/1.7 Poppins,Arial,sans-serif;letter-spacing:.12em}.co-hero{padding:30px 0 0;background:linear-gradient(115deg,#fff 55%,#fff9d6)}.co-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center;padding:25px 0 55px}.co-hero .co-kicker{margin:35px 0 18px;color:#556070}.co-hero h1{font-size:clamp(38px,4vw,60px)}.co-hero h1 em{background:linear-gradient(transparent 69%,#f5d328 69%,#f5d328 91%,transparent 91%)}.co-hero .co-lead{font-size:15px;line-height:1.85;max-width:440px;margin-top:25px;color:#556070}.co-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:30px}.co-button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:#f5d328;color:#0f1b2e!important;padding:15px 21px;min-height:50px;border:1px solid #bba014;border-radius:5px;text-decoration:none;font:600 13px/1.5 Poppins,Arial,sans-serif}.co-button:hover{background:#ffe367}.co-text-link{font-size:12px;color:#0f1b2e;text-underline-offset:5px;padding:12px 0}.co-capability-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid #dadcdf;padding:25px 0;font-size:10px;letter-spacing:.06em;font-weight:600}
.co-console{font-family:Poppins,Arial,sans-serif;background:#fff;color:#0f1b2e;border:1px solid #d6dce3;border-radius:10px;overflow:hidden;box-shadow:0 20px 50px #0f1b2e14}.co-console-top{display:flex;align-items:center;gap:10px;background:#0f1b2e;color:white;padding:15px 18px}.co-console-top>strong{font-size:11px;letter-spacing:.05em}.co-console-top>small{margin-left:auto;font-size:7px;letter-spacing:.08em;color:#bbc4d0}.co-console-mark{width:29px;height:29px;background:white;border-radius:4px;padding:3px;display:flex;align-items:center;justify-content:center}.co-console-mark img{width:100%;height:100%;object-fit:contain}.co-console-nav{display:flex;gap:25px;font-size:10px;padding:0 20px;border-bottom:1px solid #e4e8ed}.co-console-nav>span{padding:14px 0;color:#657183}.co-console-nav>.is-current{color:#0f1b2e;border-bottom:3px solid #f5d328;font-weight:600}.co-workspace{display:grid;grid-template-columns:1fr 1fr;min-height:230px}.co-client{padding:23px 18px;border-right:1px solid #e4e8ed;background:#f7f8fa}.co-client>small,.co-conversation>small,.co-campaign>small,.co-supervision>small{font-size:8px;letter-spacing:.08em;font-weight:500;color:#657183}.co-person{display:flex;gap:9px;align-items:center;margin:21px 0}.co-person>span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fff1a7;font-size:10px;flex-shrink:0}.co-person strong{display:block;font-size:12px;font-weight:600}.co-person small{font-size:8px;color:#657183;display:block;margin-top:3px}.co-client-data{display:grid;gap:15px}.co-client-data>span{font-size:8px;color:#657183}.co-client-data b{display:block;font-size:9px;font-weight:500;color:#0f1b2e;margin-top:3px}.co-conversation{padding:23px 16px}.co-conversation>div{display:flex;gap:8px;margin-top:22px;align-items:start}.co-conversation i{font-size:8px;font-style:normal;color:#788292;line-height:1.7}.co-conversation b{display:block;font-size:10px;font-weight:600}.co-conversation p{margin:0}.co-conversation p>span{display:block;font-size:9px;line-height:1.6;color:#657183;margin-top:3px}.co-assist{padding:14px 18px;background:#fff9d6;display:flex;gap:9px;flex-direction:column;font-size:9px}.co-assist b{font-size:8px;letter-spacing:.06em}.co-console-footer{display:flex;flex-wrap:wrap;gap:14px;padding:13px 18px;border-top:1px solid #e4e8ed;font-size:8px;color:#657183}.co-console-footer span:before{content:'•';margin-right:5px;color:#937c05}.co-demo-note{font:400 9px/1.7 Poppins,Arial,sans-serif;color:#657183;margin:13px 0 0!important}
.v-showcase-panel.v-showcase-contact{background:#fffdf2;color:#0f1b2e;border:1px solid #e4dec6}.v-showcase-contact .v-showcase-copy .co-logo{margin-bottom:24px}.v-showcase-contact .v-eyebrow{font-family:Poppins,Arial,sans-serif!important;font-size:9px!important;letter-spacing:.08em;opacity:1;color:#556070}.v-showcase-contact .v-showcase-copy h3{font-family:Poppins,Arial,sans-serif;font-size:clamp(28px,3vw,39px);font-weight:600}.v-showcase-contact .v-showcase-copy>p:not(.v-eyebrow){opacity:1;color:#556070}.v-showcase-contact .v-link{background:#f5d328;color:#0f1b2e;padding:11px 16px;border:1px solid #bba014;border-radius:4px;gap:20px}.v-showcase-contact .v-demo-label{color:#657183!important}
.v-project-entry.v-entry-contact{background:#fffdf2;color:#0f1b2e;border-color:#e4dec6}.v-entry-contact .v-entry-copy>p,.v-entry-contact .v-entry-copy .v-eyebrow{color:#556070!important}.v-entry-contact .co-logo{margin:15px 0 25px}.v-entry-contact .v-entry-copy h2{font:600 32px/1.16 Poppins,Arial,sans-serif;letter-spacing:-.045em}.v-entry-contact .v-entry-tags span{color:#556070;border-color:#d5ceaf}.v-entry-contact .v-link{color:#0f1b2e}.v-entry-contact .v-demo-label{color:#657183!important}
.co-intro{padding:80px 0}.co-intro-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px}.co-intro h2,.co-section-heading h2,.co-integration h2,.co-close h2{font-size:clamp(30px,3.2vw,44px)}.co-intro p:not(.co-kicker){font-size:15px;line-height:1.9;color:#556070;margin-top:25px;max-width:650px}.co-intro .co-kicker{color:#657183;padding-top:8px}
.co-experience{background:#f4f6f8;padding:70px 0}.co-section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:40px}.co-section-heading .co-kicker{margin-bottom:18px;color:#657183}.co-section-heading>p{max-width:320px;font-size:13px;line-height:1.9;color:#556070}.co-experience-grid{display:grid;grid-template-columns:.55fr 1fr;gap:60px;align-items:start}.co-view-controls{display:grid;gap:10px}.co-view-controls button{font-family:Poppins,Arial,sans-serif;display:grid;grid-template-columns:30px 1fr;gap:8px 12px;text-align:left;border:1px solid #d6dce3;border-radius:5px;padding:23px;background:transparent;color:#0f1b2e;cursor:pointer}.co-view-controls button>span{grid-row:span 2;font-size:10px;padding-top:4px;color:#657183}.co-view-controls strong{font-size:19px;font-weight:500}.co-view-controls small{font-size:11px;line-height:1.8;color:#556070}.co-view-controls button[aria-pressed=true]{background:#0f1b2e;color:#fff;border-color:#0f1b2e;border-left:4px solid #f5d328}.co-view-controls button[aria-pressed=true] small{color:#c7d1de}.co-view-controls button[aria-pressed=true]>span{color:#f5d328}.co-view-description{font-size:12px;color:#556070;line-height:1.8;margin-top:20px!important}.co-campaign,.co-supervision{padding:25px;min-height:330px}.co-campaign h3,.co-supervision h3{font-size:28px;margin:18px 0 22px}.co-campaign-steps{display:flex;gap:12px;margin-bottom:24px}.co-campaign-steps>span{flex:1;font-size:10px;border-top:3px solid #f5d328;padding-top:10px}.co-campaign-steps b{display:block;font-size:8px;margin-bottom:5px;color:#657183}.co-campaign-rows{display:grid;gap:10px}.co-campaign-rows>span{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e4e8ed;padding-bottom:8px;font-size:10px}.co-campaign-rows b{font-weight:500;color:#657183}.co-signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.co-signal-grid>div{background:#f7f8fa;padding:16px;border-left:3px solid #f5d328}.co-signal-grid span{font-size:9px;color:#657183;display:block}.co-signal-grid b{font-size:12px;display:block;margin-top:9px;font-weight:500}.co-supervision>p{font-size:10px;color:#657183;margin-top:20px}
.co-features{padding:75px 0}.co-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 35px}.co-feature-grid article{border-top:2px solid #f5d328;padding-top:20px}.co-feature-grid article>span{font-size:10px;color:#657183}.co-feature-grid h3{font-size:22px;line-height:1.3;margin:20px 0 15px}.co-feature-grid p{font-size:12px;line-height:1.9;color:#556070}.co-integration{padding:70px 0;background:#0f1b2e;color:white}.co-integration-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center}.co-integration .co-kicker{color:#f5d328;margin-bottom:22px}.co-integration p:not(.co-kicker){font-size:13px;line-height:1.9;color:#c7d1de;margin-top:25px}.co-connection{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.co-connection>div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.co-connection>div>span{font-size:10px;padding:12px;border:1px solid #3a4759;border-radius:4px}.co-connection>strong{font-size:23px;font-weight:600}.co-connection b{color:#f5d328}.co-connection>span{color:#f5d328;font-size:22px}.co-close{background:#fff9d6;padding:75px 0;text-align:center}.co-close h2{margin:20px 0 25px}.co-close p:not(.co-kicker){font-size:14px;line-height:1.8;max-width:610px;margin-inline:auto;color:#556070}.co-close .co-button{margin:25px 0}.co-close .co-scope{font-size:10px!important;max-width:540px!important}.co-product a:focus-visible,.co-product button:focus-visible{outline:3px solid #946e00;outline-offset:5px}
@media(max-width:1100px){.co-hero-grid{gap:30px}.co-hero h1{font-size:39px}.co-experience-grid{gap:30px}.co-intro-grid{gap:35px}.co-console-top{padding-inline:13px}.co-logo>div>span{font-size:23px}.co-logo img{width:57px;height:57px}.co-workspace{grid-template-columns:1fr}.co-client{border-right:0;border-bottom:1px solid #e4e8ed}.co-client-data{grid-template-columns:repeat(3,1fr);gap:12px}.co-person{margin:12px 0}.co-conversation>div{margin-top:12px}.co-conversation{padding-block:15px}.co-conversation p>span{margin-top:1px}}
@media(max-width:820px){.co-hero-grid,.co-intro-grid,.co-experience-grid,.co-integration-grid{grid-template-columns:1fr}.co-hero-grid{gap:35px}.co-hero-preview{max-width:600px;width:100%;margin:auto}.co-hero h1{font-size:clamp(35px,7vw,53px)}.co-hero .co-lead{max-width:550px}.co-hero-grid{padding-top:5px}.co-workspace{grid-template-columns:1fr 1fr}.co-client-data{grid-template-columns:1fr}.co-client{border-right:1px solid #e4e8ed;border-bottom:0}.co-conversation>div{margin-top:22px}.co-intro,.co-experience,.co-features,.co-integration,.co-close{padding:48px 0}.co-section-heading{display:block}.co-section-heading>p{max-width:500px;margin-top:20px}.co-view-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.co-view-controls button{display:block;padding:17px 12px;min-height:120px}.co-view-controls strong{display:block;font-size:15px;margin-top:8px}.co-view-controls small{display:block;font-size:10px;margin-top:5px}.co-feature-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.co-integration-grid{gap:40px}.co-intro-grid{gap:20px}.co-capability-strip{justify-content:start;gap:15px 25px;font-size:9px}}
@media(max-width:480px){.co-logo img{width:49px;height:49px}.co-logo>div>span{font-size:22px}.co-logo small{font-size:7px;letter-spacing:1.5px}.co-logo{gap:8px}.co-hero .co-kicker{font-size:9px;margin-top:28px}.co-hero h1{font-size:35px}.co-hero .co-lead{font-size:13px}.co-actions{gap:6px 20px}.co-workspace{grid-template-columns:1fr}.co-client{border:0;border-bottom:1px solid #e4e8ed}.co-client-data{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.co-conversation>div{margin-top:13px}.co-console-top{gap:7px}.co-console-top>strong{font-size:9px}.co-console-top>small{font-size:6px;letter-spacing:0}.co-console-nav{gap:20px}.co-assist{font-size:8px}.co-client,.co-conversation{padding:15px}.co-console-footer{gap:9px;font-size:7px}.co-view-controls{gap:5px}.co-view-controls button{padding:12px 8px;min-height:95px}.co-view-controls small{display:none}.co-view-controls strong{font-size:11px;letter-spacing:-.02em}.co-feature-grid{grid-template-columns:1fr}.co-feature-grid h3{font-size:23px}.co-campaign,.co-supervision{padding:18px;min-height:330px}.co-campaign h3,.co-supervision h3{font-size:25px}.co-campaign-steps{gap:7px}.co-campaign-steps>span{font-size:8px}.co-signal-grid{gap:8px}.co-signal-grid>div{padding:12px}.co-signal-grid b{font-size:10px}.co-campaign-rows>span{font-size:9px;gap:10px}.v-showcase-contact .v-showcase-copy h3{font-size:30px!important}.v-entry-contact .v-entry-copy h2{font-size:28px}.co-close h2{font-size:33px}}
@media(prefers-reduced-motion:no-preference){.co-button,.co-view-controls button{transition:background .18s ease,color .18s ease}}
@media(max-width:360px){.co-hero h1{font-size:29px}.v-showcase-contact .v-showcase-copy h3{font-size:25px!important}}