.hc-hero[data-astro-cid-3cxvdois]{background:#e6e7ea;padding-block:var(--size-10);.breadcrumb{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-300);color:var(--clr-primary-700);margin-block-end:var(--size-5);a{color:var(--clr-secondary-900);text-decoration:none;&:hover{text-decoration:underline}}}.hero-grid{display:grid;grid-template-columns:1fr 44rem;gap:var(--size-10);align-items:center}.hero-left{display:flex;flex-direction:column;gap:var(--size-3)}.hero-cat{display:flex;align-items:center;gap:.6rem;color:var(--clr-secondary-900);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);letter-spacing:.06em;text-transform:uppercase}h1{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-800);font-weight:var(--fw-bold);line-height:1.15;em{font-style:italic;color:var(--clr-secondary-900)}}.hero-desc{color:var(--clr-primary-700);font-size:var(--fs-500);line-height:var(--lh-400);max-width:56ch}.trust-strip{display:flex;flex-wrap:wrap;gap:var(--size-4);margin-block-start:var(--size-1);.trust-item{display:flex;align-items:center;gap:.8rem;.trust-icon{width:3.2rem;height:3.2rem;min-width:3.2rem;border-radius:50%;background:#07133314;display:flex;align-items:center;justify-content:center;color:var(--clr-primary-900)}.trust-label{color:var(--clr-primary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);line-height:1.3}.trust-sub{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:1.4}}}.hero-right{.hero-example-card{background:#fff;border-radius:var(--border-radius-card);padding:var(--size-4);box-shadow:0 4px 24px #0713331a;display:flex;flex-direction:column;gap:var(--size-2);.hec-label{color:var(--clr-primary-700);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);text-transform:uppercase;letter-spacing:.08em}.hec-input-preview{font-size:var(--fs-400);color:var(--clr-primary-700);font-style:italic;background:var(--clr-primary-100);border-radius:.6rem;padding:1rem 1.2rem;line-height:var(--lh-400)}.hec-result-row{display:flex;align-items:flex-start;gap:var(--size-3);padding-block:var(--size-1)}.hec-score-ring{width:7.2rem;height:7.2rem;min-width:7.2rem;border-radius:50%;border:5px solid #ea4335;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;&[data-level=matig]{border-color:#fbbc04}&[data-level=sterk]{border-color:#34a853}.hec-score-num{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-700);font-weight:var(--fw-bold);line-height:1}.hec-score-slash{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:1.4}}.hec-feedback{.hec-oordeel{color:var(--clr-primary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);line-height:var(--lh-300);margin-block-end:.6rem}.hec-punten{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;li{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:var(--lh-400);padding-inline-start:1.4rem;position:relative;&:before{content:"✗";position:absolute;left:0;color:#ea4335}}}}.hec-arrow{display:flex;align-items:center;gap:.6rem;color:var(--clr-secondary-900);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);border-block:1px solid rgba(0,0,0,.06);padding-block:var(--size-1)}.hec-better{font-size:var(--fs-400);color:var(--clr-primary-900);font-weight:var(--fw-semi-bold);background:#34a8530f;border:1px solid rgba(52,168,83,.2);border-radius:.6rem;padding:1rem 1.2rem;line-height:var(--lh-400)}}}@media(width<=1100px){.hero-grid{grid-template-columns:1fr;gap:var(--size-6)}h1{font-size:var(--fs-700)}.hero-right{max-width:52rem}}@media(width<=768px){padding-block:var(--size-8);.trust-strip{gap:var(--size-3)}}}.hc-tool[data-astro-cid-3t4ukx76]{background:var(--clr-primary-100);padding-block:var(--size-10);.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-6);align-items:start}.tool-form{background:#fff;border-radius:var(--border-radius-card);padding:var(--size-5);display:flex;flex-direction:column;gap:var(--size-4);.form-title{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-600);font-weight:var(--fw-bold);line-height:1.3}form{display:flex;flex-direction:column;gap:var(--size-3)}}.field-group{display:flex;flex-direction:column;gap:.6rem;label{color:var(--clr-primary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);line-height:1.4}.required{color:var(--clr-secondary-900);margin-inline-start:.2rem}input,textarea{width:100%;background:var(--clr-primary-100);border:1.5px solid rgba(0,0,0,.12);border-radius:var(--border-radius-btn);color:var(--clr-primary-900);font-family:var(--ff-base);font-size:var(--fs-400);line-height:var(--lh-400);padding:1rem 1.2rem;transition:border-color .2s;resize:none;&::placeholder{color:#07133359}&:focus{outline:none;border-color:var(--clr-primary-900);background:#fff}}.field-sub{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:var(--lh-400)}}.form-error{color:#c62828;font-size:var(--fs-400);background:#ea43350f;border:1px solid rgba(234,67,53,.2);border-radius:var(--border-radius-btn);padding:.8rem 1.2rem;line-height:var(--lh-400)}.analyze-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;background:var(--clr-secondary-900);border:none;border-radius:var(--border-radius-btn);color:#fff;cursor:pointer;font-family:var(--ff-base);font-size:var(--fs-500);font-weight:var(--fw-semi-bold);padding:1.4rem var(--size-4);min-height:5.4rem;transition:background .2s,opacity .2s;&:hover:not(:disabled){background:var(--clr-secondary-800)}&:disabled{opacity:.6;cursor:not-allowed}.btn-spinner svg{animation:spin .9s linear infinite}}.result-panel{background:#fff;border-radius:var(--border-radius-card);padding:var(--size-5);min-height:36rem;display:flex;flex-direction:column;justify-content:center;&[data-state=result]{justify-content:flex-start}&[data-state=sent]{justify-content:center}}.result-state{display:none;flex-direction:column;align-items:center;text-align:center;gap:var(--size-2)}.result-panel[data-state=empty] .result-state--empty,.result-panel[data-state=loading] .result-state--loading{display:flex}.result-panel[data-state=result] .result-state--result{display:flex;align-items:flex-start;text-align:left}.result-panel[data-state=sent] .result-state--sent{display:flex}.state-icon{width:6rem;height:6rem;border-radius:50%;background:var(--clr-primary-100);display:flex;align-items:center;justify-content:center;color:#0713334d;margin-block-end:var(--size-1);&.state-icon--spin{color:var(--clr-secondary-900);svg{animation:spin .9s linear infinite}}&.state-icon--sent{background:#34a8531a;border:2px solid rgba(52,168,83,.3);color:#1e7e34}}.state-title{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-600);font-weight:var(--fw-bold);line-height:1.3}.state-sub{color:var(--clr-primary-700);font-size:var(--fs-400);line-height:var(--lh-400);max-width:36ch}.loading-headline{color:var(--clr-primary-900);font-size:var(--fs-400);font-style:italic;font-weight:var(--fw-semi-bold);max-width:36ch;text-align:center;line-height:var(--lh-400)}.result-headline{width:100%;margin-block-end:var(--size-3);.result-headline-label{color:var(--clr-primary-700);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);text-transform:uppercase;letter-spacing:.06em;margin-block-end:.4rem}.result-headline-text{color:var(--clr-primary-900);font-size:var(--fs-500);font-style:italic;font-weight:var(--fw-semi-bold);line-height:var(--lh-300);background:var(--clr-primary-100);border-left:3px solid var(--clr-secondary-900);border-radius:0 .6rem .6rem 0;padding:1rem 1.2rem}}.result-header{display:flex;align-items:center;gap:var(--size-4);width:100%;padding-block-end:var(--size-3);border-bottom:1px solid rgba(0,0,0,.06);margin-block-end:var(--size-3)}.score-ring{width:8.8rem;height:8.8rem;min-width:8.8rem;border-radius:50%;border:6px solid #ea4335;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .4s;&[data-level=matig]{border-color:#fbbc04}&[data-level=sterk]{border-color:#34a853}.score-num{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-800);font-weight:var(--fw-bold);line-height:1}.score-max{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:1.4}}.score-meta{display:flex;flex-direction:column;gap:.4rem;.score-level{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-600);font-weight:var(--fw-bold);line-height:1.3}.score-oordeel{color:var(--clr-primary-700);font-size:var(--fs-400);line-height:var(--lh-400)}}.result-punten{width:100%;margin-block-end:var(--size-4);.punten-title{color:var(--clr-primary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);margin-block-end:var(--size-2)}.punten-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem;li{color:var(--clr-primary-800);font-size:var(--fs-400);line-height:var(--lh-400);padding-inline-start:var(--size-3);position:relative;&:before{content:"✗";position:absolute;left:0;color:#ea4335;font-weight:var(--fw-bold)}}}}.email-section{width:100%;.email-divider{height:1px;background:#00000014;margin-block-end:var(--size-3)}.email-title{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-600);font-weight:var(--fw-bold);line-height:1.3;margin-block-end:.4rem}.email-sub{color:var(--clr-primary-700);font-size:var(--fs-400);line-height:var(--lh-400);margin-block-end:var(--size-3)}form{display:flex;flex-direction:column;gap:var(--size-2)}.email-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-2);input{width:100%;background:var(--clr-primary-100);border:1.5px solid rgba(0,0,0,.12);border-radius:var(--border-radius-btn);color:var(--clr-primary-900);font-family:var(--ff-base);font-size:var(--fs-400);padding:1rem 1.2rem;transition:border-color .2s;&::placeholder{color:#07133359}&:focus{outline:none;border-color:var(--clr-primary-900);background:#fff}}@media(width<=600px){grid-template-columns:1fr}}.email-error{color:#c62828;font-size:var(--fs-400);background:#ea43350f;border:1px solid rgba(234,67,53,.2);border-radius:var(--border-radius-btn);padding:.8rem 1.2rem;line-height:var(--lh-400)}.email-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;background:var(--clr-primary-900);border:none;border-radius:var(--border-radius-btn);color:#fff;cursor:pointer;font-family:var(--ff-base);font-size:var(--fs-500);font-weight:var(--fw-semi-bold);padding:1.2rem var(--size-4);min-height:5rem;transition:background .2s,opacity .2s;&:hover:not(:disabled){background:#050f28e6}&:disabled{opacity:.6;cursor:not-allowed}.btn-spinner svg{animation:spin .9s linear infinite}}.email-privacy{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:var(--lh-400);text-align:center}}.sent-cta{display:inline-block;margin-block-start:var(--size-2);color:var(--clr-secondary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s;&:hover{opacity:.75}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(width<=1100px){.tool-grid{grid-template-columns:1fr}}@media(width<=768px){padding-block:var(--size-8);.tool-form,.result-panel{padding:var(--size-3)}}}@keyframes spin{to{transform:rotate(360deg)}}