/* ClickClue homepage: customer tasks and authentic, deliberate-play product proof.
   Shared branding, navigation and footer remain in brand-20261029-v1/system.css. */
#cc-homepage{--hp-ink:#173d30;--hp-muted:#526658;--hp-line:#d5dfce;--hp-paper:#fafbf7;--hp-soft:#edf2e6;--hp-lime:#d8ee9e;background:var(--hp-paper);color:var(--hp-ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6;overflow-wrap:break-word}
#cc-homepage *{box-sizing:border-box}#cc-homepage :focus-visible{outline:3px solid #537b22;outline-offset:4px}#cc-homepage button,#cc-homepage select{font:inherit}#cc-homepage h1,#cc-homepage h2,#cc-homepage h3,#cc-homepage p,#cc-homepage figure{margin:0}#cc-homepage h1,#cc-homepage h2,#cc-homepage h3{color:var(--hp-ink);font-weight:600;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}#cc-homepage h1{font-size:52px;line-height:1.08;max-width:560px}#cc-homepage h2{font-size:36px;line-height:1.18}#cc-homepage h3{font-size:23px;line-height:1.3}#cc-homepage h1 span,#cc-homepage h2 span{color:#617b4f}#cc-homepage p{color:var(--hp-muted)}#cc-homepage main a{color:inherit;text-underline-offset:4px}#cc-homepage .hp-container{width:min(1240px,calc(100% - 64px));margin-inline:auto}#cc-homepage .hp-section{padding-block:58px}#cc-homepage main [id]{scroll-margin-top:28px}#cc-homepage .hp-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:750;color:#4a633b;margin-bottom:14px}#cc-homepage .hp-section-intro{max-width:780px;margin-bottom:28px}#cc-homepage .hp-section-intro>p:last-child:not(.hp-eyebrow){margin-top:14px;font-size:16px}
#cc-homepage .hp-actions{display:flex;flex-wrap:wrap;gap:12px}#cc-homepage .hp-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 20px;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:650;line-height:1.4;text-decoration:none;text-align:center;cursor:pointer}#cc-homepage a.hp-primary{background:var(--hp-ink);color:white}#cc-homepage a.hp-primary:hover{background:#285640}#cc-homepage a.hp-secondary{color:var(--hp-ink);border-color:#aabc9d;background:transparent}#cc-homepage a.hp-secondary:hover{background:#e4edd9}#cc-homepage .hp-supporting,#cc-homepage .hp-section-foot,#cc-homepage .hp-edition-note{font-size:13px;line-height:1.6}#cc-homepage .hp-section-foot{margin-top:24px}#cc-homepage .hp-text-link{font-size:14px;font-weight:650}
#cc-homepage .hp-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;padding-block:54px 44px}#cc-homepage .hp-hero-copy{min-width:0}#cc-homepage .hp-lead{font-size:18px;line-height:1.6;margin:20px 0 24px;max-width:550px}#cc-homepage .hp-assurance{font-size:12px;line-height:1.65;margin-top:16px}#cc-homepage .hp-product{min-width:0;overflow:hidden;background:white;border:1px solid var(--hp-line);border-radius:12px}#cc-homepage .hp-product>a{display:block}#cc-homepage .hp-product img{width:100%;height:auto;display:block;background:white}#cc-homepage .hp-product figcaption{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid var(--hp-line);font-size:11px;line-height:1.5;color:var(--hp-muted)}#cc-homepage .hp-image-label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 15px;background:#f0f5e8;border-bottom:1px solid var(--hp-line);font-size:12px;color:var(--hp-muted)}#cc-homepage .hp-badge{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border:1px solid #bdd0a7;border-radius:5px;background:#f4f7ed;font-size:10px;font-weight:750;letter-spacing:.065em;line-height:1.5;color:#36572a}#cc-homepage .hp-pro-badge{background:#dcebc6;border-color:#a9c48c}#cc-homepage .hp-demo{box-shadow:0 12px 38px #173d3010}#cc-homepage .hp-demo video{display:block;width:100%;height:auto;aspect-ratio:1440/900;object-fit:contain;background:#f6f8f1}#cc-homepage .hp-transcript{border-top:1px solid var(--hp-line);font-size:12px;padding:0 14px}#cc-homepage .hp-transcript>summary{padding:12px 0;cursor:pointer;font-weight:600}#cc-homepage .hp-transcript>p{padding:0 0 14px;font-size:13px}#cc-homepage .hp-video-error{padding:12px 14px;font-size:13px}#cc-homepage [hidden]{display:none!important}
#cc-homepage .hp-edition-section{border-top:1px solid var(--hp-line);padding-top:40px}#cc-homepage .hp-editions{display:grid;grid-template-columns:1fr 1fr;gap:22px}#cc-homepage .hp-edition{display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid var(--hp-line);border-radius:12px;background:white;min-width:0}#cc-homepage .hp-edition-pro{background:#eef4e5;border-color:#9db780}#cc-homepage .hp-edition-heading{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}#cc-homepage .hp-edition h3{margin-top:17px;font-size:23px}#cc-homepage .hp-edition .hp-price{font-size:34px;font-weight:650;letter-spacing:-.04em;line-height:1.2;color:var(--hp-ink)}#cc-homepage .hp-price span{font-size:14px;font-weight:400;letter-spacing:0}#cc-homepage .hp-price strong{font-weight:650}#cc-homepage .hp-edition-pro>.hp-price{margin-top:14px}#cc-homepage .hp-price-terms{font-size:12px;margin-top:6px}#cc-homepage .hp-currency{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--hp-muted)}#cc-homepage .hp-currency select{min-height:44px;max-width:100%;font-size:15px;padding:7px;border:1px solid #a3b58d;border-radius:6px;color:var(--hp-ink);background:white}#cc-homepage .hp-edition ul{list-style:none;margin:19px 0 23px;padding:0;width:100%}#cc-homepage .hp-edition li{position:relative;border-top:1px solid var(--hp-line);padding:10px 0 10px 23px;font-size:15px;line-height:1.5}#cc-homepage .hp-edition li:before{content:'✓';position:absolute;left:0;color:#466d2e}#cc-homepage .hp-edition>.hp-button{margin-top:auto;width:100%}#cc-homepage .hp-edition>.hp-supporting{margin-top:12px;font-size:12px}#cc-homepage .hp-purchase-note{font-size:12px;line-height:1.7;margin-top:10px}#cc-homepage .hp-purchase-note>a{display:block;width:fit-content}#cc-homepage .hp-edition-note{margin-top:18px;max-width:1040px}
#cc-homepage .hp-jobs-section{background:#eff3e8;border-block:1px solid var(--hp-line)}#cc-homepage .hp-jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#cc-homepage .hp-job{min-width:0;display:flex;flex-direction:column;gap:22px}#cc-homepage .hp-job-copy h3{font-size:24px;margin-top:17px}#cc-homepage .hp-job-copy p{font-size:15px;margin-top:12px;line-height:1.65}#cc-homepage .hp-job .hp-product{margin-top:auto}#cc-homepage .hp-job figcaption{padding:10px 12px;font-size:10px}#cc-homepage .hp-job figcaption span{min-width:0}#cc-homepage .hp-job .hp-badge{font-size:9px}
#cc-homepage .hp-setup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;gap:30px}#cc-homepage .hp-setup>li{min-width:0;border-top:1px solid var(--hp-line);padding-top:20px}#cc-homepage .hp-step{display:block;font-size:12px;color:#537039;font-weight:700;margin-bottom:10px}#cc-homepage .hp-setup h3{font-size:22px}#cc-homepage .hp-setup p{font-size:15px;margin-top:11px}#cc-homepage .hp-privacy-note{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#eef3e7;border:1px solid var(--hp-line);border-radius:10px;padding:24px;margin-top:30px}#cc-homepage .hp-privacy-note h3{font-size:21px}#cc-homepage .hp-privacy-note p{font-size:14px;max-width:780px;margin-top:10px}#cc-homepage .hp-privacy-note>a{flex:0 0 145px}
#cc-homepage .hp-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;padding-top:16px;padding-bottom:8px}#cc-homepage .hp-faq>div>p:last-child:not(.hp-eyebrow){font-size:15px;max-width:360px;margin-top:16px}#cc-homepage .hp-faq-list{min-width:0}#cc-homepage .hp-faq details{border-bottom:1px solid var(--hp-line)}#cc-homepage .hp-faq details:first-child{border-top:1px solid var(--hp-line)}#cc-homepage .hp-faq summary{position:relative;cursor:pointer;list-style:none;padding:19px 30px 19px 0;font-size:16px;font-weight:600;line-height:1.55}#cc-homepage .hp-faq summary::-webkit-details-marker{display:none}#cc-homepage .hp-faq summary:after{content:'+';position:absolute;right:1px;top:14px;font-size:23px;font-weight:400}#cc-homepage .hp-faq details[open] summary:after{content:'−'}#cc-homepage .hp-faq details p{font-size:14px;padding-bottom:20px}
/* Full-resolution inspection deliberately scrolls within the image, never the page. */
#cc-homepage .hp-zoom-dialog{color:var(--hp-ink);background:var(--hp-paper);border:1px solid var(--hp-line);border-radius:12px;box-shadow:0 20px 80px #12261a40;padding:20px;width:min(1440px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;overflow:auto}#cc-homepage .hp-zoom-dialog::backdrop{background:#0b211dcc}#cc-homepage .hp-zoom-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}#cc-homepage .hp-zoom-heading h2{font-size:19px;line-height:1.4}#cc-homepage .hp-zoom-dialog button{min-height:44px;padding:9px 13px;border:1px solid #a8b79c;border-radius:6px;background:white;color:var(--hp-ink);font-size:14px;cursor:pointer}#cc-homepage .hp-zoom-heading button{flex-shrink:0}#cc-homepage .hp-zoom-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px}#cc-homepage .hp-zoom-toolbar button[aria-pressed="true"]{background:var(--hp-ink);border-color:var(--hp-ink);color:white}#cc-homepage .hp-zoom-toolbar a{font-size:13px;margin-left:auto;color:inherit;text-underline-offset:4px}#cc-homepage .hp-zoom-status{font-size:12px;margin:12px 0}#cc-homepage .hp-zoom-viewport{overflow:auto;max-height:58dvh;min-height:100px;width:100%;border:1px solid var(--hp-line);background:#e8ede3;overscroll-behavior:contain}#cc-homepage .hp-zoom-viewport img{display:block;max-width:none;height:auto;margin:0 auto;background:white}#cc-homepage .hp-zoom-viewport[data-size="fit"] img{width:100%;height:auto}#cc-homepage .hp-zoom-viewport[data-size="detail"] img{width:var(--hp-image-width);height:auto}#cc-homepage .hp-zoom-caption{font-size:12px;line-height:1.6;margin-top:13px}
@media(max-width:1050px){#cc-homepage .hp-hero{gap:28px}#cc-homepage h1{font-size:46px}#cc-homepage .hp-container{width:calc(100% - 48px)}#cc-homepage .hp-job-copy h3{font-size:22px}#cc-homepage .hp-jobs{gap:18px}#cc-homepage .hp-faq{gap:36px}}
@media(max-width:900px){#cc-homepage .hp-hero{grid-template-columns:minmax(0,1fr);padding-top:34px;gap:26px}#cc-homepage .hp-hero-copy{max-width:700px}#cc-homepage h1{font-size:50px;max-width:670px}#cc-homepage .hp-demo{max-width:740px;width:100%}#cc-homepage .hp-section{padding-block:45px}#cc-homepage .hp-jobs{grid-template-columns:minmax(0,1fr);gap:32px}#cc-homepage .hp-job{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}#cc-homepage .hp-job .hp-product{margin-top:0}#cc-homepage .hp-setup{gap:20px}#cc-homepage .hp-privacy-note{align-items:flex-start;flex-direction:column;gap:15px}#cc-homepage .hp-privacy-note>a{flex-basis:auto}#cc-homepage .hp-faq{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:12px}}
@media(max-width:600px){#cc-homepage{font-size:16px}#cc-homepage .hp-container{width:calc(100% - 36px)}#cc-homepage h1{font-size:38px;line-height:1.1}#cc-homepage h2{font-size:29px}#cc-homepage .hp-hero{padding-block:28px 32px;gap:24px}#cc-homepage .hp-eyebrow{font-size:10px;margin-bottom:11px;letter-spacing:.1em}#cc-homepage .hp-lead{font-size:16px;line-height:1.6;margin-block:16px 20px}#cc-homepage .hp-actions{gap:10px}#cc-homepage .hp-actions>.hp-button{width:100%;min-height:48px}#cc-homepage .hp-assurance{margin-top:12px;font-size:12px}#cc-homepage .hp-image-label{padding:10px 12px;font-size:11px}#cc-homepage .hp-product figcaption{padding:10px 12px;font-size:10px;gap:8px}#cc-homepage .hp-transcript{padding-inline:12px}#cc-homepage .hp-section{padding-block:36px}#cc-homepage .hp-edition-section{padding-top:28px}#cc-homepage .hp-section-intro{margin-bottom:23px}#cc-homepage .hp-editions{grid-template-columns:minmax(0,1fr);gap:16px}#cc-homepage .hp-edition{padding:21px}#cc-homepage .hp-edition h3{font-size:22px;margin-top:14px}#cc-homepage .hp-edition ul{margin-block:16px 19px}#cc-homepage .hp-edition li{font-size:14px;padding-block:9px}#cc-homepage .hp-edition .hp-price{font-size:31px}#cc-homepage .hp-edition-note{font-size:12px;margin-top:16px}#cc-homepage .hp-jobs{gap:28px}#cc-homepage .hp-job{display:flex;gap:17px}#cc-homepage .hp-job-copy h3{font-size:25px;margin-top:13px}#cc-homepage .hp-job-copy p{font-size:15px;margin-top:10px}#cc-homepage .hp-job .hp-product{width:100%}#cc-homepage .hp-job+article{border-top:1px solid #cbd9bf;padding-top:26px}#cc-homepage .hp-setup{grid-template-columns:minmax(0,1fr);gap:21px}#cc-homepage .hp-setup>li{padding-top:16px}#cc-homepage .hp-step{margin-bottom:6px}#cc-homepage .hp-setup h3{font-size:23px}#cc-homepage .hp-setup p{font-size:15px;margin-top:8px}#cc-homepage .hp-privacy-note{padding:20px;margin-top:24px}#cc-homepage .hp-privacy-note h3{font-size:23px}#cc-homepage .hp-faq{padding-top:8px;padding-bottom:2px}#cc-homepage .hp-faq summary{font-size:16px;padding-block:18px}#cc-homepage .hp-zoom-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px);padding:13px;border-radius:9px}#cc-homepage .hp-zoom-heading h2{font-size:16px}#cc-homepage .hp-zoom-heading{gap:10px}#cc-homepage .hp-zoom-heading button{padding-inline:10px;font-size:13px}#cc-homepage .hp-zoom-toolbar{gap:7px;margin-top:12px}#cc-homepage .hp-zoom-toolbar a{margin-left:0;min-height:44px;display:flex;align-items:center}#cc-homepage .hp-zoom-viewport{max-height:45dvh}#cc-homepage .hp-zoom-caption{font-size:11px}}
@media(max-width:350px){#cc-homepage .hp-container{width:calc(100% - 28px)}#cc-homepage h1{font-size:34px}#cc-homepage .hp-hero{padding-top:23px}#cc-homepage .hp-lead{font-size:15px}#cc-homepage .hp-edition{padding:18px}#cc-homepage .hp-edition-heading{gap:9px}#cc-homepage .hp-currency{gap:5px;font-size:11px}#cc-homepage .hp-badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){#cc-homepage *{scroll-behavior:auto!important;transition:none!important}}
/* The editions share real content rows, including each feature and the actions. */
#cc-homepage .hp-editions{grid-template-rows:repeat(8,auto);row-gap:0}
#cc-homepage .hp-edition{display:grid;grid-row:span 8;grid-template-rows:subgrid;align-items:stretch;row-gap:0}
#cc-homepage .hp-edition-heading{align-self:center;min-height:44px}
#cc-homepage .hp-edition-price{margin-top:14px}
#cc-homepage .hp-edition h3{margin-top:18px}
#cc-homepage .hp-edition ul{display:grid;grid-row:span 3;grid-template-rows:subgrid;margin-block:19px 23px}
#cc-homepage .hp-edition>.hp-button{margin-top:0;align-self:start}
#cc-homepage .hp-edition-after{padding-top:12px}
#cc-homepage .hp-edition-after .hp-supporting{font-size:12px}
#cc-homepage .hp-purchase-note a,#cc-homepage .hp-demo figcaption a,#cc-homepage .hp-job figcaption a{text-decoration:underline;text-underline-offset:3px}
/* One deliberate play action. Only the outer, native media player has controls. */
#cc-homepage .hp-video-duration{margin-left:auto;font-size:11px;white-space:nowrap}
#cc-homepage .hp-video-stage{position:relative;aspect-ratio:16/10;background:#f6f8f1}
#cc-homepage .hp-demo video{height:100%;aspect-ratio:auto;object-fit:contain}
#cc-homepage .hp-watch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);width:max-content;min-height:72px;padding:14px 21px;border:2px solid #fff;border-radius:12px;background:#173d30;color:#fff;box-shadow:0 5px 25px #173d3038;cursor:pointer;font-size:17px;font-weight:650;text-align:left;line-height:1.3}
#cc-homepage .hp-watch:hover{background:#285640}
#cc-homepage .hp-watch:focus-visible{outline:3px solid #173d30;outline-offset:4px;box-shadow:0 0 0 4px #fff}
#cc-homepage .hp-play-icon{font-size:24px;line-height:1}
#cc-homepage .hp-watch small{display:block;margin-top:4px;color:#e1ecd7;font-size:12px;font-weight:400;letter-spacing:0}
#cc-homepage .hp-video-takeaway{padding:14px 15px;color:var(--hp-ink);font-size:14px;line-height:1.55}
#cc-homepage .hp-video-status{padding:10px 14px;font-size:12px}
#cc-homepage .hp-demo figcaption{align-items:center}
#cc-homepage .hp-demo figcaption>a{color:var(--hp-ink);white-space:nowrap;text-underline-offset:3px}
/* Consistent, undistorted focused previews; the originals remain one link away. */
#cc-homepage .hp-jobs{grid-template-rows:auto auto}
#cc-homepage .hp-job{display:grid;grid-row:span 2;grid-template-rows:subgrid;align-items:start}
#cc-homepage .hp-job .hp-product{margin-top:0;width:100%}
#cc-homepage .hp-job .hp-product>a{aspect-ratio:3/2;background:#fff;overflow:hidden}
#cc-homepage .hp-job .hp-product img{width:100%;height:100%;object-fit:contain;object-position:center}
#cc-homepage .hp-job figcaption{align-items:center;flex-wrap:wrap;gap:4px 10px;min-height:53px;font-size:10px}
#cc-homepage .hp-job figcaption>a{display:inline-flex;align-items:center;min-height:32px;margin-left:auto;color:var(--hp-ink);text-underline-offset:3px}
@media(max-width:900px){#cc-homepage .hp-jobs{grid-template-rows:none}#cc-homepage .hp-job{grid-row:auto;grid-template-rows:auto;align-items:center}}
@media(max-width:600px){#cc-homepage .hp-editions{grid-template-rows:none;row-gap:16px}#cc-homepage .hp-edition{display:flex;grid-row:auto;align-items:stretch}#cc-homepage .hp-edition-heading{min-height:0;align-self:auto}#cc-homepage .hp-edition-price{margin-top:14px}#cc-homepage .hp-edition h3{margin-top:17px}#cc-homepage .hp-edition ul{display:block;grid-row:auto;margin-block:16px 19px}#cc-homepage .hp-job{display:flex}#cc-homepage .hp-job figcaption>a{min-height:36px}#cc-homepage .hp-video-duration{font-size:10px}#cc-homepage .hp-video-takeaway{padding:12px;font-size:13px}#cc-homepage .hp-watch{min-height:65px;padding:12px 17px;font-size:16px;gap:12px}#cc-homepage .hp-watch small{font-size:11px}}
@media(max-width:350px){#cc-homepage .hp-image-label{gap:7px}#cc-homepage .hp-video-duration{font-size:9px}#cc-homepage .hp-demo figcaption{flex-wrap:wrap}#cc-homepage .hp-demo figcaption>a{min-height:32px}}