/* Section 02 review: one clear personal sequence, retaining the V1 reveal. */
#clarity .section-heading>p{max-width:560px;margin-left:auto;margin-right:auto;text-wrap:pretty}
#clarity .clarity-reveal{max-width:560px;margin:0 auto}
#clarity .clarity-reveal-labels{display:flex;justify-content:space-between;gap:24px;padding:0 6px;margin-bottom:15px}
#clarity .clarity-choice{appearance:none;border:0;background:none;padding:10px 0;display:grid;grid-template-columns:7px 1fr;gap:5px 9px;align-items:center;color:#6f7c77;font:inherit;font-size:13px;text-align:left;cursor:pointer}
#clarity .clarity-choice i{width:6px;height:6px;border-radius:50%;background:#8c9691}
#clarity .clarity-choice>span{grid-column:2;font-size:9px;color:#819089;letter-spacing:.025em}
#clarity .clarity-choice-after{color:#0b5e4e;text-align:right;grid-template-columns:1fr 7px}
#clarity .clarity-choice-after i{background:#008e7e;grid-column:2;grid-row:1}
#clarity .clarity-choice-after>span{grid-column:1}
#clarity .clarity-choice:focus-visible{outline:2px solid #008e7e;outline-offset:5px;border-radius:4px}
#clarity .clarity-reveal-canvas{--scene-height:490px;position:relative;isolation:isolate;width:100%;height:var(--scene-height);border-radius:24px;box-shadow:0 20px 55px #164b3510;overflow:hidden;background:#eef1ef;contain:layout paint}
#clarity .clarity-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#clarity .clarity-scene-before{z-index:2;background:radial-gradient(ellipse at 20% 10%,#fff 0%,transparent 65%),#e9edea;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}
#clarity .clarity-scene-after{background:radial-gradient(ellipse at 80% 90%,#107c63aa,transparent 70%),linear-gradient(135deg,#073c33,#075344);color:#eafff5}
/* Center each illustration within its revealed half without scaling its text. */
#clarity .clarity-scattered-path,#clarity .clarity-simple-path{position:absolute;top:0;bottom:0;width:216px;transform:translateX(-50%)}
#clarity .clarity-scattered-path{left:calc(var(--reveal) * .5);text-align:center;padding-top:48px}
#clarity .clarity-scattered-path h3{margin:0;line-height:1;font-weight:400;color:#52615a}
#clarity .clarity-scattered-path h3 strong{display:block;font-size:76px;letter-spacing:-.07em;font-weight:400;line-height:1}
#clarity .clarity-scattered-path h3 span{display:block;font-size:21px;letter-spacing:-.04em;margin-top:9px;line-height:1.3}
#clarity .clarity-scattered-path>p{font-size:11px;line-height:1.5;margin:12px 0 0;color:#8a938e}
#clarity .clarity-loose-advice{position:relative;height:230px;margin-top:39px;text-align:left}
#clarity .clarity-loose-advice>span{position:absolute;display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;border:1px solid #d4dcd6;background:linear-gradient(135deg,#ffffffed,#f7f9f7e6);border-radius:9px;padding:13px 12px;box-shadow:0 7px 17px #283f3110;font-size:11px;color:#65756c;white-space:nowrap}
#clarity .clarity-loose-advice>span:nth-child(1){left:1px;top:0;transform:rotate(-9deg)}
#clarity .clarity-loose-advice>span:nth-child(2){right:0;top:63px;transform:rotate(8deg)}
#clarity .clarity-loose-advice>span:nth-child(3){left:7px;top:125px;transform:rotate(-5deg)}
#clarity .clarity-loose-advice>span>i{font:500 11px monospace;font-style:normal;color:#a0aaa4}
#clarity .clarity-loose-advice svg{width:14px;height:14px;stroke:#a0aaa4;stroke-width:1.4;flex:none}
#clarity .clarity-question{position:absolute;right:28px;top:178px;font-size:22px;line-height:1;color:#b5bfb8;font-style:normal;transform:rotate(12deg)}
#clarity .clarity-simple-path{left:calc(50% + var(--reveal) * .5);padding-top:42px;width:220px}
#clarity .clarity-you{display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:29px}
#clarity .clarity-you>span{width:53px;height:53px;display:grid;place-items:center;border:1px solid #c3e9d84d;background:linear-gradient(135deg,#f1fff61b,#e7fff40a);border-radius:50%;box-shadow:0 0 0 7px #f2fff505;color:#d7e9dd}
#clarity .clarity-you svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
#clarity .clarity-you strong{font-size:20px;font-weight:400;line-height:1.2;letter-spacing:-.035em;margin-top:13px;color:#effff5}
#clarity .clarity-you:after{content:'';position:absolute;bottom:0;left:50%;height:20px;border-left:1px solid #b4ddc75c}
#clarity .clarity-three-steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}
#clarity .clarity-three-steps li{position:relative;display:flex;align-items:center;gap:11px;min-height:68px;padding:12px 14px;border:1px solid #c7ecda40;border-radius:12px;background:linear-gradient(130deg,#e6fff21c,#d4f3e00a);box-shadow:inset 0 1px 0 #ffffff12}
#clarity .clarity-three-steps li+li:before{content:'';position:absolute;bottom:100%;left:50%;height:23px;border-left:1px solid #b4ddc75c}
#clarity .clarity-three-steps li>span{width:25px;height:25px;flex:none;border-radius:50%;border:1px solid #d7eddf4d;color:#c7ded1;font-size:11px;display:grid;place-items:center}
#clarity .clarity-three-steps strong{display:block;font-size:15px;line-height:1.35;letter-spacing:-.025em;font-weight:450;color:#edfff5}
#clarity .clarity-three-steps li:last-child{background:linear-gradient(130deg,#effff4,#d5eee1);border-color:#f7fff9c9;box-shadow:0 8px 22px #002c242e}
#clarity .clarity-three-steps li:last-child>span{color:#008978;border-color:#83baa344;background:#ebf8ef}
#clarity .clarity-three-steps li:last-child strong{color:#174e3f}
#clarity .clarity-reveal-divider{position:absolute;z-index:3;inset:0 auto 0 clamp(23px,var(--reveal),calc(100% - 23px));width:1px;background:#fff9;pointer-events:none}
#clarity .clarity-reveal-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f8fffcf5;border:1px solid #d1e4d9;box-shadow:0 4px 17px #002c3326;color:#008877}
#clarity .clarity-reveal-divider svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#clarity .clarity-reveal-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;touch-action:pan-y;appearance:none;-webkit-appearance:none;background:transparent}
#clarity .clarity-reveal-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:46px;height:var(--scene-height);background:transparent}
#clarity .clarity-reveal-range::-moz-range-thumb{border:0;width:46px;height:var(--scene-height);background:transparent}
#clarity .clarity-reveal-range:focus-visible{opacity:1;outline:3px solid #00a590;outline-offset:-3px;border-radius:24px}
#clarity .clarity-reveal-hint{display:flex;align-items:center;justify-content:center;gap:9px;margin:17px 0 0;color:#72877a;font-size:10px;line-height:1.5}
#clarity .clarity-reveal-hint svg{width:17px;height:17px;stroke-width:1.4}
#clarity .comparison-cta{margin-top:28px}
@media(max-width:600px){
 #clarity .clarity-reveal{max-width:360px}
 #clarity .clarity-reveal-labels{gap:12px;padding:0 2px;margin-bottom:13px}
 #clarity .clarity-choice{font-size:12px;gap:5px 7px}
 #clarity .clarity-choice>span{font-size:9px}
 #clarity .clarity-reveal-canvas{--scene-height:440px;border-radius:20px;--reveal:0% !important}
 #clarity .clarity-reveal-canvas[data-ready]{--reveal:var(--mobile-reveal,0%) !important}
 #clarity .clarity-scattered-path,#clarity .clarity-simple-path{left:50%}
 #clarity .clarity-scattered-path{padding-top:32px}
 #clarity .clarity-scattered-path h3 strong{font-size:67px}
 #clarity .clarity-loose-advice{margin-top:30px}
 #clarity .clarity-simple-path{padding-top:30px;width:min(264px,calc(100% - 56px))}
 #clarity .clarity-you>span{width:47px;height:47px}
 #clarity .clarity-you strong{font-size:19px;margin-top:11px}
 #clarity .clarity-three-steps{gap:22px}
 #clarity .clarity-three-steps li{min-height:68px;padding:13px 16px}
 #clarity .clarity-three-steps strong{font-size:16px;line-height:1.35}
}
@media(max-width:360px){
 #clarity .clarity-choice{font-size:11px}
 #clarity .clarity-scattered-path{width:204px}
 #clarity .clarity-three-steps li{gap:9px;padding:12px}
 #clarity .clarity-three-steps strong{font-size:15px}
}