/* Share the hero, signals and journey art direction. Keep the radar motion. */
#radar{--radar-ink:#0b2349;--radar-blue:#194bea;--radar-orange:#ff742b;--radar-muted:#526580;--radar-line:#d5dfef;--radar-shadow:#dbe6fb;padding:64px 28px;background:#fff;color:var(--radar-ink);font-family:'DM Sans',Arial,sans-serif;scroll-margin-top:90px;border-block:1px solid #e7edf7}
#radar .radar-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:start}
#radar .eyebrow{display:flex;align-items:center;gap:10px;color:var(--radar-ink);font-size:12px;letter-spacing:.07em;margin:0 0 22px}
#radar .eyebrow>span{width:9px;height:9px;flex-shrink:0;border:1px solid var(--radar-ink);border-radius:50%;background:var(--radar-orange);box-shadow:0 0 0 4px #ff742b19}
#radar h2{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:clamp(32px,3.2vw,44px);line-height:1.14;letter-spacing:-.035em;margin:0 0 23px;color:var(--radar-ink);text-wrap:pretty}
#radar h2 em{font-style:normal;color:var(--radar-blue)}
#radar h2 em span{position:relative;isolation:isolate;white-space:nowrap}
#radar h2 em span::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:6px;z-index:-1;background:#ffac78;border-radius:70% 25% 65% 30%;transform:rotate(-1.2deg)}
#radar .radar-intro{font-size:17px;line-height:1.6;color:var(--radar-muted);margin:0 0 26px}
#radar .radar-sorting{margin:0 0 26px;padding-left:14px;border-left:3px solid var(--radar-orange);color:var(--radar-muted);font-size:16px;line-height:1.55}
#radar .radar-sorting strong{color:var(--radar-ink)}
#radar .radar-benefits{list-style:none;padding:0;margin:0;display:grid;gap:24px}
#radar .radar-benefits li{display:flex;align-items:flex-start;gap:14px}
#radar .radar-icon{width:57px;height:57px;flex:0 0 57px;margin-top:-4px;background-image:url('assets/signals-icons.png');background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:multiply}
#radar .radar-icon-zone{background-position:0 0}
#radar .radar-icon-activity{background-position:0 100%}
#radar .radar-icon-interest{background-position:100% 100%}
#radar .radar-benefits h3{font-family:'DM Sans',Arial,sans-serif;font-size:18px;line-height:1.3;margin:0 0 6px;color:var(--radar-ink)}
#radar .radar-benefits p{font-size:16px;line-height:1.5;margin:0;color:var(--radar-muted)}
#radar .radar-transparency{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--radar-line);font-size:14px;line-height:1.55;color:var(--radar-muted)}

/* Outlined paper frame, using the same header and offset shadow as the hero. */
#radar .radar-preview{min-width:0;margin:0;padding:22px;background:#fff;border:1.3px solid var(--radar-ink);border-radius:18px 18px 32px 18px;box-shadow:6px 7px 0 var(--radar-shadow)}
#radar .radar-preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e9effd;border-bottom:1px solid var(--radar-ink);border-radius:17px 17px 0 0;padding:20px 22px;margin:-22px -22px 0}
#radar .radar-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--radar-muted)}
#radar .radar-preview-head h3{font:600 24px/1.2 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.025em;color:var(--radar-ink);margin:5px 0 0}
#radar .radar-sample-count{font-size:12px;color:var(--radar-muted);max-width:75px;text-align:right;line-height:1.4}
#radar .radar-profile{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:15px;margin:18px 0 0;padding:12px 14px;background:#f6f8fc;border:1px solid var(--radar-line);border-radius:8px 8px 18px 8px}
#radar .radar-profile-label{font-size:12px;line-height:1.4;color:var(--radar-muted)}
#radar .radar-profile p{margin:4px 0 5px;display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;font-size:14px;line-height:1.4;color:var(--radar-muted)}
#radar .radar-profile strong{font-size:17px;color:var(--radar-ink)}
#radar .radar-profile-services{font-size:14px;line-height:1.5;color:var(--radar-muted)}
#radar .radar-profile .radar-profile-filter{display:block;margin:0;padding-left:14px;border-left:1px solid var(--radar-line);color:var(--radar-blue);font-size:13px;line-height:1.4}
#radar .radar-profile-filter svg{display:block;width:34px;height:30px;margin-bottom:3px;fill:none;stroke:var(--radar-blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Preserve scan geometry; replace the dark glow with Clario24 ink and blue. */
#radar .radar-field{position:relative;isolation:isolate;aspect-ratio:1;max-width:420px;margin:18px auto 0;width:100%}
#radar .radar-orbit{position:absolute;inset:7%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 23px,#194bea07 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#194bea07 23px 24px),#f2f6ff;box-shadow:0 0 0 1.3px var(--radar-ink),4px 5px 0 var(--radar-shadow);overflow:hidden}
#radar .radar-orbit svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#879fc5;stroke-width:1}
#radar .radar-orbit svg path{stroke:#afc0dd}
#radar .radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg 285deg,#194bea02 285deg,#194bea20 330deg,#194bea66 359deg,#194bea 360deg);transform:rotate(45deg);will-change:transform}
#radar .radar-origin{position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border:1px solid var(--radar-ink);border-radius:50%;background:var(--radar-orange);box-shadow:0 0 0 4px #ff742b1c}
#radar .radar-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);padding:0;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--radar-ink);cursor:pointer;z-index:2;font-family:'DM Sans',Arial,sans-serif}
#radar .radar-pin-dot{display:grid;place-items:center;width:28px;height:28px;background:#fff;color:var(--radar-ink);border:1px solid var(--radar-ink);border-radius:48% 43% 45% 39%;font-size:12px;font-weight:700;box-shadow:2px 2px 0 #a9bedf;transform:rotate(-7deg);transition:box-shadow .35s,background .35s,transform .35s}
#radar .radar-pin.is-detected{z-index:3}
#radar .radar-pin.is-detected .radar-pin-dot{transform:rotate(-7deg) scale(1.12);background:var(--radar-orange);box-shadow:3px 3px 0 var(--radar-ink),0 0 0 8px #ff742b1c}
#radar .radar-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#radar .radar-leader{fill:none;stroke:#e76a27;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .35s}
#radar .radar-leader.is-detected{opacity:1}
#radar .radar-readout{position:absolute;top:0;left:0;z-index:4;box-sizing:border-box;width:58%;max-width:250px;transform:translateY(8px) scale(.96);transform-origin:top left;padding:14px;border:1.3px solid var(--radar-ink);border-radius:12px 12px 22px 6px;background:#fff;color:var(--radar-ink);text-align:left;box-shadow:4px 5px 0 #ffdec4;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .28s,transform .35s,visibility .28s;will-change:transform}
#radar .radar-readout.is-detected{visibility:visible;opacity:1;transform:translateY(0) scale(1)}
#radar .radar-status{display:flex;align-items:center;gap:5px;color:#994314;font:600 12px/1.4 'DM Sans',Arial,sans-serif}
#radar .radar-status-watch{color:var(--radar-muted)}
#radar .radar-readout h4{font:700 17px/1.25 'DM Sans',Arial,sans-serif;letter-spacing:-.015em;color:var(--radar-ink);margin:7px 0 6px}
#radar .radar-place{font-size:14px;line-height:1.4;color:var(--radar-muted);margin:0}
#radar .radar-intent{font-size:13px;line-height:1.4;color:var(--radar-muted);margin:9px 0 0;padding-top:8px;border-top:1px solid var(--radar-line)}
#radar .radar-pin:focus-visible,#radar .radar-pause:focus-visible{outline:3px solid var(--radar-blue);outline-offset:4px}
#radar .radar-console{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--radar-muted);font-size:12px;margin:0 0 14px}
#radar .radar-pause{border:1px solid var(--radar-ink);border-radius:8px 8px 12px 8px;background:#fff;color:var(--radar-ink);box-shadow:2px 3px 0 var(--radar-shadow);min-height:44px;font:500 13px/1.3 'DM Sans',Arial,sans-serif;padding:7px 10px;cursor:pointer}
#radar .radar-pause:hover{background:#edf2ff}
#radar .radar-pause[hidden]{display:none}
#radar .radar-legend{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 0;padding-top:16px;border-top:1px solid var(--radar-line)}
#radar .radar-legend dt{display:flex;gap:6px;align-items:center;font-size:14px;font-weight:600;line-height:1.4;color:var(--radar-ink)}
#radar .radar-legend dd{font-size:13px;line-height:1.5;color:var(--radar-muted);margin:7px 0 0}
@media(prefers-reduced-motion:no-preference){
 #radar .radar-readout.is-detected h4{animation:radar-detail-in .3s .08s both}
 #radar .radar-readout.is-detected .radar-place{animation:radar-detail-in .3s .18s both}
 #radar .radar-readout.is-detected .radar-intent{animation:radar-detail-in .3s .28s both}
 #radar .radar-readout.is-detected .radar-status{animation:radar-detail-in .3s .38s both}
}
@keyframes radar-detail-in{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#radar .radar-sweep{display:none}#radar .radar-readout,#radar .radar-pin-dot,#radar .radar-leader{transition:none}}
@media(max-width:1100px){
 #radar .radar-inner{gap:30px;grid-template-columns:1fr 1.1fr}
 #radar .radar-preview-head h3{font-size:22px}
}
@media(max-width:900px){
 #radar .radar-inner{grid-template-columns:1fr;gap:0}
 #radar .radar-copy{display:contents}
 #radar .radar-copy>*{width:100%;max-width:640px;box-sizing:border-box;justify-self:center}
 #radar .eyebrow{grid-row:1}
 #radar h2{grid-row:2}
 #radar .radar-intro{grid-row:3}
 #radar .radar-preview{grid-row:4;width:100%;box-sizing:border-box;max-width:640px;justify-self:center;margin:0 0 32px}
 #radar .radar-field{max-width:390px}
 #radar .radar-sorting{grid-row:5}
 #radar .radar-benefits{grid-row:6}
 #radar .radar-transparency{grid-row:7}
}
@media(max-width:760px){
 #radar{padding:40px 20px 40px 16px}
 #radar h2{font-size:34px}
 #radar .radar-intro{font-size:16px}
 #radar .radar-benefits{gap:20px}
 #radar .radar-icon{width:52px;height:52px;flex-basis:52px}
 #radar .radar-benefits li{gap:12px}
 #radar .radar-preview{padding:18px}
 #radar .radar-preview-head{padding:18px;margin:-18px -18px 0}
}
@media(max-width:600px),(min-width:901px) and (max-width:1100px){
 #radar .radar-field{margin-top:12px;margin-bottom:164px}
 #radar .radar-readout{top:calc(100% + 8px);left:0;width:100%;max-width:none;min-height:143px;padding:14px 16px;transform-origin:top center}
 #radar .radar-leaders{display:none}
 #radar .radar-profile{grid-template-columns:1fr;gap:8px;padding:12px 14px}
 #radar .radar-profile .radar-profile-filter{display:flex;align-items:center;gap:9px;border-left:0;border-top:1px solid var(--radar-line);padding:7px 0 0}
 #radar .radar-profile-filter svg{margin:0;flex-shrink:0;width:28px;height:25px}
 #radar .radar-console{align-items:flex-start;gap:12px}
 #radar .radar-console>span{max-width:170px;font-size:12px;line-height:1.5}
 #radar .radar-pause{flex-shrink:0;max-width:130px}
}
@media(max-width:420px){
 #radar .radar-preview{padding:14px;box-shadow:4px 5px 0 var(--radar-shadow)}
 #radar .radar-preview-head{padding:16px 14px;margin:-14px -14px 0;gap:8px}
 #radar .radar-preview-head h3{font-size:21px}
 #radar .radar-sample-count{max-width:62px}
 #radar .radar-legend{gap:14px}
 #radar .radar-benefits{gap:18px}
 #radar .radar-icon{width:44px;height:44px;flex-basis:44px;margin-top:0}
}
@media(max-width:360px){#radar h2{font-size:30px}#radar .radar-preview-head h3{font-size:19px}}
@media(min-width:1101px){
 #radar{padding:24px 28px;scroll-margin-top:84px}
 #radar .radar-inner{grid-template-columns:1.08fr 1fr;gap:40px;align-items:center}
 #radar .eyebrow{margin-bottom:12px}
 #radar h2{font-size:clamp(28px,2.35vw,36px);line-height:1.1;margin-bottom:14px}
 #radar .radar-intro{font-size:15px;line-height:1.45;margin-bottom:14px}
 #radar .radar-sorting{font-size:14px;line-height:1.4;margin-bottom:14px}
 #radar .radar-benefits{gap:10px}
 #radar .radar-icon{width:40px;height:40px;flex-basis:40px;margin:0}
 #radar .radar-benefits li{gap:10px}
 #radar .radar-benefits h3{font-size:15px;margin-bottom:3px}
 #radar .radar-benefits p{font-size:14px;line-height:1.4}
 #radar .radar-transparency{font-size:12px;line-height:1.4;margin-top:14px;padding-top:10px}
 #radar .radar-cta{margin-top:14px;padding-top:12px}
 #radar .radar-cta h3{font-size:15px;line-height:1.35;margin:0 0 8px}
 #radar .radar-cta a{font-size:13px;min-height:42px;padding:10px 14px}
 #radar .radar-preview{padding:16px}
 #radar .radar-preview-head{padding:12px 16px;margin:-16px -16px 0}
 #radar .radar-preview-head h3{font-size:22px}
 #radar .radar-profile{margin-top:12px;padding:8px 10px;gap:10px}
 #radar .radar-profile strong{font-size:15px}
 #radar .radar-profile-services,#radar .radar-profile p{font-size:12px}
 #radar .radar-profile-filter svg{width:24px;height:22px}
 #radar .radar-field{max-width:300px;margin-top:12px}
 #radar .radar-readout{width:66%;padding:10px}
 #radar .radar-readout h4{font-size:14px;margin:5px 0}
 #radar .radar-place,#radar .radar-intent{font-size:12px}
 #radar .radar-intent{margin-top:6px;padding-top:6px}
 #radar .radar-console{margin-bottom:8px}
 #radar .radar-legend{padding-top:10px;gap:14px;margin-top:4px}
 #radar .radar-legend dt{font-size:12px}
 #radar .radar-legend dd{font-size:12px;line-height:1.4;margin-top:4px}
}
@media(min-width:1101px){#radar .radar-copy .intermediate-cta.radar-cta h3{font-size:16px!important;line-height:1.35;margin:0 0 8px}#radar .radar-copy .intermediate-cta.radar-cta{margin-top:12px;padding-top:10px}#radar .radar-copy .intermediate-cta.radar-cta a{min-height:42px;padding:8px 12px}#radar .radar-copy .intermediate-cta.radar-cta p{margin:8px 0 0;font-size:12px}}
@media(min-width:1101px) and (max-height:800px){#radar{padding-top:16px;padding-bottom:16px}#radar .radar-field{max-width:270px}}

/* Keep the complete headline, with a quieter scale and concise benefits. */
#radar .radar-benefits li{align-items:center}
#radar .radar-benefits h3{margin:0}
@media(min-width:1101px){#radar h2{font-size:clamp(28px,2.15vw,33px)}#radar .radar-benefits{gap:12px}}
@media(max-width:900px){#radar h2{font-size:clamp(28px,4vw,32px)}}
/* Balance the shortened copy with a narrower, top-aligned radar panel. */
@media(min-width:1101px){
 #radar .radar-inner{max-width:1180px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}
 #radar .radar-copy{padding-top:4px}
 #radar .radar-preview{padding:14px}
 #radar .radar-preview-head{margin:-14px -14px 0;padding:10px 14px}
 #radar .radar-profile{margin-top:10px}
 #radar .radar-field{max-width:260px;margin-top:10px}
 #radar .radar-console{margin-bottom:6px}
 #radar .radar-legend{padding-top:8px}
}