/* Shared ClickClue public presentation. No product, consent or commerce logic. */
:root{--ccx-ink:#173d30;--ccx-muted:#526658;--ccx-line:#d5dfce;--ccx-paper:#fafbf7;--ccx-soft:#edf2e6;--ccx-lime:#d8ee9e}
html{scroll-padding-top:24px}body.ccx-page{background:var(--ccx-paper);color:var(--ccx-ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6;overflow-wrap:break-word}.ccx-page *{box-sizing:border-box}.ccx-page :focus-visible{outline:3px solid #537b22;outline-offset:4px}.ccx-page button,.ccx-page select,.ccx-page input,.ccx-page textarea{font-family:inherit}.ccx-page h1,.ccx-page h2,.ccx-page h3{color:var(--ccx-ink);font-weight:600;letter-spacing:-.035em;text-wrap:balance}.ccx-page main h1{font-size:clamp(36px,4.25vw,60px);line-height:1.1}.ccx-page main h2{font-size:clamp(26px,2.6vw,36px);line-height:1.2}.ccx-page main p{line-height:1.65}.ccx-page main .eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:#4a633b}.ccx-page main a:not(.button):not(.ccx-button){text-underline-offset:4px}.ccx-page main .button,.ccx-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border:1px solid var(--ccx-ink);border-radius:8px;background:var(--ccx-ink);color:white;text-decoration:none;font-size:15px;font-weight:650;line-height:1.35;text-align:center;cursor:pointer}.ccx-page main .button-outline,.ccx-button-secondary{background:transparent;color:var(--ccx-ink);border-color:#aabc9d}.ccx-page main .button:hover,.ccx-button:hover{filter:brightness(1.06)}
.ccx-header{width:min(1320px,calc(100% - 48px));margin:0 auto;display:flex;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--ccx-line);position:relative;z-index:30;font:15px/1.4 Arial,Helvetica,sans-serif;color:var(--ccx-ink)}.ccx-brand{display:inline-flex;align-items:center;white-space:nowrap;gap:0;font-size:28px;line-height:1;font-weight:750;letter-spacing:-1.1px;text-decoration:none;color:var(--ccx-ink)}.ccx-brand svg{width:37px;height:37px;margin-right:8px;flex-shrink:0}.ccx-brand>span{color:#77953e}.ccx-desktop-nav{margin-left:auto;display:flex;align-items:center;gap:24px}.ccx-desktop-nav>a,.ccx-resources summary{padding:12px 0;color:inherit;text-decoration:none}.ccx-desktop-nav a:hover,.ccx-footer a:hover{text-decoration:underline;text-underline-offset:5px}.ccx-resources{position:relative}.ccx-resources summary{list-style:none;cursor:pointer}.ccx-resources summary:after{content:'⌄';margin-left:7px}.ccx-resources nav{position:absolute;right:0;top:46px;min-width:220px;padding:12px;background:white;border:1px solid var(--ccx-line);border-radius:10px;box-shadow:0 12px 28px #173d3014;display:grid}.ccx-resources nav a{padding:10px;color:inherit;text-decoration:none}.ccx-header-download{background:var(--ccx-lime);border-color:transparent;color:var(--ccx-ink);min-height:44px;padding:10px 16px;white-space:nowrap}.ccx-mobile-nav{display:none}.ccx-footer{width:min(1240px,calc(100% - 48px));margin:56px auto 0;border-top:1px solid var(--ccx-line);padding-top:38px;font:14px/1.6 Arial,Helvetica,sans-serif;color:var(--ccx-ink)}.ccx-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:30px}.ccx-footer p{font-size:14px;color:var(--ccx-muted);margin-top:14px}.ccx-footer-value{font-size:13px!important}.ccx-footer-grid>nav{display:grid;align-content:start;gap:8px}.ccx-footer a{color:inherit;text-decoration:none}.ccx-footer nav strong{margin-bottom:6px}.ccx-footer-bottom{border-top:1px solid var(--ccx-line);padding-block:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--ccx-muted)}.ccx-footer-bottom nav{display:flex;flex-wrap:wrap;gap:18px}.ccx-page .skip-link{z-index:1000}
/* Consistent reading width and hierarchy across existing server-rendered pages. */
.ccx-page .info-page,.ccx-page .help-home{width:min(960px,calc(100% - 48px));margin:0 auto;padding:48px 0 24px}.ccx-page .info-content{max-width:820px}.ccx-page .help-heading{margin-bottom:30px}.ccx-page .help-heading>p:last-child{max-width:680px;font-size:18px;color:var(--ccx-muted)}.ccx-page .page-back{font-size:13px}.ccx-page .resource-nav{margin-bottom:32px;gap:20px;font-size:14px;flex-wrap:wrap}.ccx-page .guide-shell{width:min(1180px,calc(100% - 48px));padding-top:40px;margin:auto}.ccx-page .guide-shell article{min-width:0}.ccx-page .guide-shell .guide-toc{font-size:14px}.ccx-page .guide-shell h1{font-size:clamp(34px,3.8vw,48px)}.ccx-page .entry-current-download{border-color:var(--ccx-line);box-shadow:none}.ccx-page .entry-download-page{max-width:900px}.ccx-page .entry-download-page .help-heading h1{max-width:800px}.ccx-page .help-guide-card{border-color:var(--ccx-line);border-radius:10px}.ccx-page .help-guide-card h2{font-size:23px}.ccx-page .info-content>p,.ccx-page .info-content>ul{max-width:76ch}.ccx-page .info-content h2{margin-top:36px}
.ccx-page .pricing-page{width:min(1240px,calc(100% - 48px));margin:auto;padding:48px 0 24px}.ccx-page .pricing-page-heading{max-width:780px;margin:0 0 28px;text-align:left}.ccx-page .pricing-page-heading>p:last-child{font-size:18px;max-width:730px;color:var(--ccx-muted)}.ccx-page .page-jump-links{margin-bottom:28px;gap:22px;font-size:14px}.ccx-page .pricing-toolbar{padding-block:12px 20px}.ccx-page .plan-card{padding:24px;border-radius:12px}.ccx-page .plan-card h2{font-size:27px}.ccx-page .plan-card p{font-size:14px}.ccx-page .plan-card li{font-size:14px;line-height:1.5}.ccx-page .plan-card .button{min-height:46px}.ccx-page .plan-comparison{margin-top:56px}.ccx-page .pricing-questions{margin-top:48px}.ccx-page .pricing-questions .faq-list summary{font-size:16px}.ccx-page .pricing-questions .faq-list p{font-size:15px}.ccx-page .pricing-legal,.ccx-page .pricing-note,.ccx-page .pricing-storage-note{font-size:13px;line-height:1.6}.ccx-page .comparison-table-wrap{overflow-x:auto}
.ccx-page .native-demo-landing{width:min(1180px,calc(100% - 48px));padding:48px 0 24px;margin:auto}.ccx-page .native-demo-intro{text-align:left;max-width:780px;margin:0 0 32px}.ccx-page .native-demo-lead{font-size:18px;max-width:680px}.ccx-page .native-demo-cards{gap:24px}.ccx-page .native-demo-cards article{border:1px solid var(--ccx-line);box-shadow:none;border-radius:12px;padding:28px;display:flex;flex-direction:column;align-items:start}.ccx-page .native-demo-cards article:last-child{background:var(--ccx-soft)}.ccx-page .native-demo-cards h2{font-size:28px}.ccx-page .native-demo-cards li,.ccx-page .native-demo-cards p{font-size:16px}.ccx-page .ccx-demo-action{margin-top:16px}.ccx-page .ccx-quick-preview{width:min(1180px,calc(100% - 48px));margin:24px auto;border:1px solid var(--ccx-line);border-radius:12px;background:white}.ccx-quick-preview>summary{padding:22px 26px;cursor:pointer;font-weight:600}.ccx-quick-preview>summary small{display:block;font-weight:400;color:var(--ccx-muted);font-size:14px;padding-top:4px}.ccx-page .ccx-quick-preview>section{padding-inline:24px;width:100%;max-width:none}.ccx-page .ccx-quick-preview .demo-intro h2{font-size:32px}
@media(max-width:1080px){.ccx-desktop-nav{gap:16px}.ccx-header{gap:18px}.ccx-header-download{padding-inline:12px}.ccx-brand{font-size:26px}}
@media(max-width:960px){.ccx-desktop-nav,.ccx-header-download{display:none}.ccx-mobile-nav{display:block;margin-left:auto}.ccx-mobile-nav>summary{cursor:pointer;list-style:none;display:flex;gap:14px;align-items:center;padding:10px 12px;border:1px solid #afc09d;border-radius:7px;min-height:44px}.ccx-mobile-nav>nav{position:absolute;top:calc(100% - 1px);left:0;right:0;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:16px;background:var(--ccx-paper);border:1px solid var(--ccx-line);border-radius:0 0 12px 12px;box-shadow:0 16px 28px #173d3018;display:grid;gap:2px}.ccx-mobile-nav a:not(.ccx-button){padding:11px 8px;border-bottom:1px solid var(--ccx-line);color:inherit;text-decoration:none;font-size:16px}.ccx-mobile-nav .ccx-button{margin-top:10px}.ccx-page .native-demo-landing{padding-top:36px}}
@media(max-width:600px){body.ccx-page{font-size:16px}.ccx-header{width:calc(100% - 32px);padding:16px 0}.ccx-brand{font-size:26px}.ccx-brand svg{width:34px;height:34px}.ccx-page main h1{font-size:36px}.ccx-page main h2{font-size:28px}.ccx-page .info-page,.ccx-page .help-home,.ccx-page .guide-shell,.ccx-page .pricing-page,.ccx-page .native-demo-landing,.ccx-page .ccx-quick-preview{width:calc(100% - 32px);padding-top:30px}.ccx-page .ccx-quick-preview{padding-top:0}.ccx-page .help-heading>p:last-child,.ccx-page .pricing-page-heading>p:last-child,.ccx-page .native-demo-lead{font-size:16px}.ccx-page .help-heading{margin-bottom:24px}.ccx-page .resource-nav{gap:14px;margin-bottom:24px}.ccx-page .native-demo-cards article{padding:22px}.ccx-page .native-demo-cards h2{font-size:25px}.ccx-page .native-demo-cards .button{width:100%}.ccx-page .ccx-quick-preview>summary{padding:18px}.ccx-page .plan-card{padding:20px}.ccx-page .plan-card h2{font-size:25px}.ccx-page .pricing-toolbar{align-items:start;gap:16px}.ccx-footer{width:calc(100% - 32px);margin-top:36px;padding-top:28px}.ccx-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.ccx-footer-brand{grid-column:1/-1}.ccx-footer-bottom{flex-direction:column;gap:12px}.ccx-footer-bottom nav{gap:16px}.ccx-footer nav a{min-height:28px}.ccx-page .native-demo-actions{display:flex;flex-wrap:wrap}.ccx-page .native-demo-actions a{flex:1 1 200px}}
@media(max-width:360px){.ccx-footer-grid{grid-template-columns:1fr}.ccx-footer-brand{grid-column:auto}.ccx-page main h1{font-size:33px}.ccx-page .page-jump-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ccx-page *{scroll-behavior:auto!important;transition:none!important}}

/* Keep the Free starting point compact, followed by three equally capable Pro bundles. */
.ccx-page .plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ccx-page .plan-card{min-width:0;box-shadow:none;border-color:var(--ccx-line)}.ccx-page .plan-card[data-plan="free"]{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 160px 220px;column-gap:24px;row-gap:6px;background:var(--ccx-soft);align-items:center}.ccx-page .plan-card[data-plan="free"] h2{grid-column:1;grid-row:1;margin:0}.ccx-page .plan-card[data-plan="free"] .plan-description{grid-column:1;grid-row:2;margin:0;min-height:0;max-width:65ch}.ccx-page .plan-card[data-plan="free"] .plan-price{grid-column:2;grid-row:1;margin:0}.ccx-page .plan-card[data-plan="free"] .plan-price>span:first-child{font-size:30px}.ccx-page .plan-card[data-plan="free"] .plan-price-detail{grid-column:2;grid-row:2;margin:0}.ccx-page .plan-card[data-plan="free"]>.button{grid-column:3;grid-row:1/3}.ccx-page .native-demo-cards .ccx-demo-action{margin-top:auto}.ccx-page .help-guide-card{min-width:0}.ccx-page .ccx-quick-preview .demo-heading{width:auto;padding:24px;margin:0}.ccx-page .ccx-quick-preview .demo-workspace{width:calc(100% - 48px);margin-inline:auto}.ccx-page .ccx-quick-preview .demo-bottom{width:calc(100% - 48px);margin:24px auto}.ccx-page main h1,.ccx-page main h2,.ccx-page main h3{overflow-wrap:anywhere}
@media(max-width:960px){.ccx-header{flex-wrap:wrap}.ccx-page .plan-card[data-plan="free"]{grid-template-columns:minmax(0,1fr) 180px}.ccx-page .plan-card[data-plan="free"]>.button{grid-column:2;grid-row:3}.ccx-page .plan-card[data-plan="free"] .plan-price{grid-column:2;grid-row:1}.ccx-page .plan-card[data-plan="free"] .plan-price-detail{grid-column:2;grid-row:2}}
@media(max-width:700px){.ccx-page .plan-grid{grid-template-columns:1fr}.ccx-page .plan-card[data-plan="free"]{display:flex;align-items:stretch;gap:10px}.ccx-page .plan-card[data-plan="free"] .plan-price{display:flex;align-items:baseline;gap:8px}.ccx-page .plan-card[data-plan="free"]>.button{margin-top:6px}.ccx-page .plan-card p{min-height:0}.ccx-page .ccx-quick-preview .demo-workspace,.ccx-page .ccx-quick-preview .demo-bottom{width:calc(100% - 24px)}}
.ccx-page .pricing-footnote,.ccx-page .pricing-capacity-note{font-size:13px;line-height:1.6}.ccx-page .ccx-comparison-summary{margin-top:28px}.ccx-page .ccx-comparison-summary table{min-width:0;width:100%;table-layout:fixed;border-collapse:collapse;background:white}.ccx-page .ccx-comparison-summary th,.ccx-page .ccx-comparison-summary td{padding:16px;text-align:left;border-bottom:1px solid var(--ccx-line);font-size:15px;vertical-align:top;overflow-wrap:break-word}.ccx-page .ccx-comparison-summary th:first-child{width:50%}.ccx-page .ccx-comparison-summary thead{background:var(--ccx-ink);color:white}.ccx-page .ccx-comparison-summary tbody th{font-weight:600}.ccx-page .ccx-full-comparison{border:1px solid var(--ccx-line);border-radius:8px;margin:18px 0 24px}.ccx-page .ccx-full-comparison>summary{cursor:pointer;padding:18px;font-weight:600}.ccx-page .ccx-full-comparison .comparison-scroll{margin:0;border-radius:0}
@media(max-width:600px){.ccx-page .ccx-comparison-summary th,.ccx-page .ccx-comparison-summary td{padding:12px 8px;font-size:13px}.ccx-page .ccx-comparison-summary th:first-child{width:46%}}
/* Reflow enlarged text instead of widening the homepage or its menu. */
#cc-homepage .hp-faq>div{min-width:0}#cc-homepage .hp-enlarge-hint{white-space:normal}#cc-homepage .hp-image-label>span{min-width:0}.ccx-mobile-nav>nav{grid-template-columns:minmax(0,1fr)}.ccx-mobile-nav nav>a{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){#cc-homepage .hp-faq{grid-template-columns:minmax(0,1fr)}}
@media(max-width:960px){.ccx-mobile-nav>nav{max-height:calc(100dvh - 185px)}}
/* 2027-ready shared shell: one identity, fewer competing links and a useful finish. */
.ccx-header{gap:28px;padding:22px 0;min-height:90px}.ccx-brand{display:inline-flex;flex-shrink:0;line-height:1}.ccx-brand img{display:block;width:184px;height:38px;max-width:100%;object-fit:contain}.ccx-desktop-nav{gap:30px}.ccx-desktop-nav>a,.ccx-resources>summary{font-size:15px;font-weight:600;padding:12px 0}.ccx-resources>summary::-webkit-details-marker,.ccx-mobile-nav>summary::-webkit-details-marker{display:none}.ccx-resources>summary:after{content:'';display:inline-block;width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg);margin-left:9px}.ccx-resources[open]>summary:after{transform:translateY(1px) rotate(225deg)}.ccx-resources>nav{top:48px;right:-14px;min-width:235px;padding:10px;box-shadow:0 12px 30px #173d3014;border-radius:12px;gap:2px}.ccx-product>nav{min-width:290px;right:auto;left:-16px}.ccx-resources nav a{display:block;border-radius:7px;padding:11px 12px;font-size:14px;line-height:1.5}.ccx-resources nav a:hover,.ccx-resources nav a:focus-visible{background:#edf2e6;text-decoration:none}.ccx-resources nav strong{display:block;font-size:15px}.ccx-resources nav span{display:block;color:var(--ccx-muted);font-size:13px;margin-top:2px}.ccx-header-download{background:var(--ccx-ink);color:white;border:1px solid var(--ccx-ink);padding:12px 17px;font-size:14px;min-height:46px}.ccx-header .ccx-button:hover{background:#285640;filter:none}.ccx-footer{width:100%;margin:64px 0 0;padding:0 max(24px,calc((100% - 1240px)/2));background:#f0f3e9;border-top:1px solid #cdd9c3}.ccx-footer-start{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 0;border-bottom:1px solid #cdd9c3}.ccx-footer-start p{margin:6px 0 0;color:var(--ccx-muted);font-size:14px}.ccx-footer-start .ccx-footer-kicker{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--ccx-ink);margin:0;max-width:620px;text-wrap:balance}.ccx-footer-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.ccx-footer-actions>.ccx-button{color:white;font-size:14px}.ccx-footer-actions>a:not(.ccx-button){font-size:14px;font-weight:600}.ccx-footer-grid{padding:38px 0;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.ccx-footer-grid>nav{gap:10px}.ccx-footer-grid nav>strong{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}.ccx-footer-grid nav>a{font-size:14px;line-height:1.5}.ccx-footer-brand>p{margin-top:16px;line-height:1.7}.ccx-footer-bottom{border-color:#cdd9c3;padding:20px 0;font-size:12px}.ccx-footer-bottom nav{gap:22px}.ccx-menu-icon{width:17px;display:grid;gap:5px}.ccx-menu-icon i{height:1.5px;width:100%;display:block;background:currentColor;transition:transform .15s}.ccx-mobile-nav[open] .ccx-menu-icon i:first-child{transform:translateY(3.25px) rotate(45deg)}.ccx-mobile-nav[open] .ccx-menu-icon i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
@media(max-width:1100px){.ccx-header{gap:22px}.ccx-desktop-nav{gap:22px}.ccx-footer-actions{gap:16px}.ccx-footer-start .ccx-footer-kicker{font-size:20px}}
@media(max-width:960px){.ccx-header{min-height:78px;padding:18px 0}.ccx-mobile-nav>summary{border:1px solid #c6d3bc;border-radius:8px;padding:11px 13px;font-weight:600;font-size:14px;gap:12px}.ccx-mobile-nav>nav{padding:12px;background:#fafbf7;border-color:#c6d3bc;border-radius:12px;top:calc(100% + 6px);max-height:calc(100dvh - 120px)}.ccx-mobile-nav a:not(.ccx-button){font-size:15px;padding:12px;border:0;border-radius:6px}.ccx-mobile-nav a:not(.ccx-button):hover{background:#edf2e6}.ccx-mobile-nav .ccx-button{font-size:14px}.ccx-footer-start{align-items:flex-start;flex-direction:column;gap:20px}.ccx-footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:28px}.ccx-footer-brand{grid-column:1/-1}.ccx-footer-brand>p{margin-top:10px}.ccx-footer-actions{flex-wrap:wrap}.ccx-footer{margin-top:48px}}
@media(max-width:600px){.ccx-header{padding:16px 0;gap:12px;min-height:76px}.ccx-brand img{width:165px;height:auto;aspect-ratio:184/38}.ccx-footer{padding-inline:20px;margin-top:38px}.ccx-footer-start{padding:28px 0;gap:18px}.ccx-footer-start .ccx-footer-kicker{font-size:21px}.ccx-footer-start p{font-size:14px}.ccx-footer-actions{gap:16px;align-items:center}.ccx-footer-actions>.ccx-button{min-height:46px;padding:12px 15px}.ccx-footer-grid{padding:30px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.ccx-footer-grid>nav{gap:10px}.ccx-footer-brand{grid-column:1/-1}.ccx-footer-bottom{padding:20px 0 24px;font-size:12px;gap:12px}.ccx-footer-bottom nav{gap:12px 20px}.ccx-footer-grid nav>a{min-height:30px}.ccx-header .ccx-brand{max-width:calc(100% - 88px)}}
@media(max-width:360px){.ccx-footer-grid{grid-template-columns:1fr}.ccx-footer-brand{grid-column:auto}.ccx-footer-actions{align-items:flex-start;flex-direction:column}.ccx-header .ccx-brand img{width:157px}.ccx-mobile-nav>summary{padding:10px;font-size:13px;gap:8px}}
@media(max-height:480px) and (max-width:960px){.ccx-mobile-nav>nav{max-height:calc(100dvh - 100px)}}
/* The brand can shrink gracefully beside a text-enlarged Menu control. */
@media(max-width:960px){.ccx-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px}.ccx-header .ccx-brand{max-width:100%;min-width:0}.ccx-header .ccx-brand img{max-width:100%;height:auto}.ccx-mobile-nav{margin-left:0}.ccx-mobile-nav>summary{white-space:nowrap}}
/* Homepage anchor reset must not erase the primary action's foreground. */
#cc-homepage :is(.ccx-header,.ccx-footer) a.ccx-button{color:#fff}
#cc-homepage .ccx-footer .ccx-footer-kicker{color:var(--ccx-ink);font-weight:600}