.clarity-board{position:relative;isolation:isolate;margin:42px 0 0;padding:44px;background:radial-gradient(ellipse at 50% 0,#24512e 0,transparent 62%),#081e13;border:1px solid #52743c;border-radius:26px;color:#effce6;box-shadow:0 24px 60px #1a35151c;overflow:hidden}
.clarity-board:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background-image:radial-gradient(#b8e799 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent 70%)}
.clarity-board-brand{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid #9ac47630;padding-bottom:30px}.clarity-board-brand img{width:220px;max-width:50%;height:auto}.clarity-board-brand>span{font-size:13px;font-weight:600;letter-spacing:.1em;color:#c2e7ab;text-align:right}
.clarity-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;position:relative;padding:40px 0 36px}.clarity-pillar{position:relative;min-width:0}.clarity-illustration{width:100px;height:100px;position:relative;display:grid;place-items:center;border:1px solid #8fc96477;border-radius:28px;background:linear-gradient(145deg,#2c572f,#102d1b);box-shadow:inset 0 1px #ddffc14d,0 16px 35px #0005;margin-bottom:29px}.clarity-illustration svg{width:76px;height:76px;fill:none;stroke:#c2fb96;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.clarity-category{color:#a6d484;font-size:13px;font-weight:600;letter-spacing:.1em;margin:0 0 14px}.clarity-pillar h3{font-size:29px;line-height:1.15;letter-spacing:-.035em;font-weight:600;color:#eaffd9;margin:0 0 20px}.clarity-description{font-size:16px;line-height:1.8;color:#c4d9b7;margin:0}.clarity-connection{position:absolute;top:90px;left:50px;right:calc(33.333% - 15px);height:1px;background:#61844766;pointer-events:none}.clarity-connection i{display:block;height:2px;background:linear-gradient(90deg,#5a8f3e,#c1ff8b);transform-origin:left center;box-shadow:0 0 16px #a9f47380}
.clarity-conversation{display:flex;align-items:center;gap:25px;padding-top:25px;border-top:1px solid #9ac47630}.clarity-conversation>span{font-family:Georgia,serif;font-size:75px;line-height:.8;color:#a0d375}.clarity-conversation p{font-size:18px;line-height:1.65;color:#d6eac7;margin:0;max-width:760px}
.clarity-pillar{display:flex;flex-direction:column}.clarity-description{flex:1}.clarity-explore{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:16px 0 13px;margin:24px 0 0;border:0;border-bottom:1px solid #70964d;background:none;color:#dcf6c5;font:600 15px/1.5 inherit;font-family:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:color .2s,border-color .2s}.clarity-explore[aria-pressed=true]{color:#c0ff8c;border-bottom:3px solid #b4f27c}.clarity-explore>span:last-child{font-size:23px}.clarity-explore:hover{color:white;border-color:white}.clarity-pillar.is-selected .clarity-illustration{background:linear-gradient(135deg,#49733c,#163b20);border-color:#b9ef82}.clarity-board button:focus-visible{outline:3px solid #dbffb8;outline-offset:5px}
.clarity-guide{padding:30px;margin-bottom:35px;background:linear-gradient(145deg,#f4f9eb,#e4efdb);border-radius:20px;color:#132a1b;scroll-margin-top:100px;box-shadow:0 15px 30px #0002}.clarity-guide-top{display:flex;gap:24px;justify-content:space-between;align-items:start}.clarity-guide-top h3{font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.03em;margin:0;max-width:650px}.clarity-guide .clarity-category{color:#486337;font-size:12px;line-height:1.6}.clarity-guide-index{font-size:54px;line-height:1;font-weight:500;letter-spacing:-.05em;color:#5a7844}.clarity-guide-hint{font-size:16px;line-height:1.65;color:#43573b;margin:15px 0 23px}.clarity-topics{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:26px}.clarity-topics button{min-height:48px;padding:12px 20px;border-radius:30px;border:1px solid #93a585;background:transparent;color:#284622;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.clarity-topics button[aria-pressed=true]{background:#173e24;color:#effcde;border-color:#173e24;box-shadow:0 5px 12px #173e2420}.clarity-topics button:hover{border-color:#173e24;box-shadow:0 0 0 1px #173e24}.clarity-guide button:focus-visible{outline-color:#315e20}
.clarity-answer{display:grid;grid-template-columns:85px 1fr;gap:24px;padding:27px;background:#fff9;border:1px solid #9cba8766;border-radius:15px;min-height:288px}.clarity-answer-mark{width:80px;height:88px;border-radius:18px;background:#e0eed5;display:grid;place-items:center}.clarity-answer-mark svg{width:64px;fill:none;stroke:#446b2e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.clarity-answer h4{font-size:25px;line-height:1.3;margin:0 0 12px;color:#172d1b;font-weight:600;letter-spacing:-.025em}.clarity-answer p{font-size:16px;line-height:1.75;color:#42523b;margin:0}.clarity-answer p.clarity-category{font-size:12px;margin-bottom:8px;letter-spacing:.08em}.clarity-next{border-top:1px solid #a3b79566;margin-top:21px;padding-top:18px}.clarity-next>span{display:block;font-size:14px;font-weight:700;color:#315628;margin-bottom:6px}.clarity-guide-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px}.clarity-guide-actions .cta{font-size:15px;min-height:52px;padding:16px 24px}.clarity-copy{border:0;border-bottom:1px solid #8aa178;background:transparent;color:#2d5026;font-family:inherit;font-size:15px;font-weight:600;min-height:48px;padding:10px 0;cursor:pointer;display:flex;gap:13px;align-items:center}.clarity-copy>span:last-child{font-size:24px}.clarity-copy-status{font-size:14px;color:#315628;flex-basis:100%}.clarity-copy-status:empty{display:none}
@keyframes clarity-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes clarity-light{0%,100%{box-shadow:inset 0 1px #ddffc14d,0 16px 35px #0005}50%{box-shadow:inset 0 1px #ddffc180,0 0 34px #9be57044}}
@media(prefers-reduced-motion:no-preference){.clarity-visible .clarity-connection i{animation:clarity-draw 2.5s ease both}.clarity-visible .clarity-illustration{animation:clarity-light 2s ease 1}.clarity-visible .clarity-pillar:nth-of-type(2) .clarity-illustration{animation-delay:.5s}.clarity-visible .clarity-pillar:nth-of-type(3) .clarity-illustration{animation-delay:1s}}
@media(max-width:900px){.clarity-board{padding:32px}.clarity-pillars{gap:25px}.clarity-pillar h3{font-size:24px}.clarity-illustration{width:82px;height:82px}.clarity-illustration svg{width:65px;height:65px}.clarity-connection{top:81px}}
@media(max-width:650px){.clarity-board{padding:28px 24px;border-radius:21px}.clarity-board-brand{align-items:flex-start;flex-direction:column;gap:18px}.clarity-board-brand img{width:200px;max-width:90%}.clarity-board-brand>span{text-align:left;font-size:12px}.clarity-pillars{grid-template-columns:1fr;gap:32px;padding:32px 0}.clarity-pillar{display:grid;grid-template-columns:72px 1fr;gap:12px 20px}.clarity-illustration{width:72px;height:72px;border-radius:21px;grid-column:1;grid-row:1/3;margin:0}.clarity-illustration svg{width:58px;height:58px}.clarity-category{grid-column:2;margin:5px 0 0;font-size:12px}.clarity-pillar h3{grid-column:2;font-size:24px;margin:0}.clarity-description{grid-column:1/-1;margin-top:3px;font-size:16px}.clarity-connection{display:none}.clarity-conversation{align-items:flex-start;gap:14px}.clarity-conversation p{font-size:16px}.clarity-conversation>span{font-size:55px}}
@media(max-width:650px){.clarity-explore{grid-column:1/-1;margin-top:3px;min-height:48px}.clarity-guide{margin-left:-10px;margin-right:-10px;padding:24px 17px;scroll-margin-top:84px}.clarity-guide-top{gap:12px}.clarity-guide-top h3{font-size:26px}.clarity-guide-index{font-size:37px}.clarity-guide-hint{font-size:16px}.clarity-topics{gap:8px}.clarity-topics button{font-size:14px;padding:10px 15px;flex-grow:1}.clarity-answer{grid-template-columns:1fr;padding:20px;gap:20px;min-height:0}.clarity-answer-mark{width:58px;height:62px;border-radius:13px}.clarity-answer-mark svg{width:46px}.clarity-answer h4{font-size:24px}.clarity-guide-actions{gap:12px}.clarity-guide-actions .cta{width:100%;white-space:normal;text-align:center}.clarity-copy{font-size:15px}.clarity-guide .clarity-category{margin-bottom:10px}}