.clarity-home{max-width:1180px;margin:0 auto;padding:0 20px 72px}
.clarity-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:34px;align-items:center;padding:clamp(42px,7vw,84px) 0 48px}
.clarity-hero-copy h1{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.98;letter-spacing:-.045em;max-width:920px;margin:.2em 0}
.clarity-hero-copy .lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65;max-width:820px}
.clarity-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 10px}
.clarity-trust{font-size:.95rem;opacity:.72}
.clarity-quick-answer{display:grid;gap:10px;border:1px solid rgba(176,138,44,.42);border-radius:22px;padding:22px;background:linear-gradient(160deg,rgba(176,138,44,.12),rgba(255,255,255,.02))}
.clarity-quick-answer>a{display:grid;gap:4px;padding:14px 0;border-top:1px solid rgba(255,255,255,.09);text-decoration:none;color:inherit}
.clarity-quick-answer>a:first-of-type{border-top:0}
.clarity-quick-answer span{font-size:.92rem;opacity:.72}
.clarity-section{padding:54px 0;border-top:1px solid rgba(255,255,255,.1)}
.clarity-section-head{max-width:830px;margin-bottom:24px}
.clarity-section-head h2,.clarity-method h2,.clarity-final h2{font-size:clamp(1.9rem,3.7vw,3.3rem);line-height:1.08;margin:.15em 0 .35em}
.clarity-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.clarity-question-card{display:grid;gap:8px;padding:20px;border:1px solid rgba(176,138,44,.28);border-radius:18px;background:rgba(255,255,255,.025);text-decoration:none;color:inherit;min-height:150px}
.clarity-question-card:hover{border-color:rgba(176,138,44,.75);transform:translateY(-2px)}
.clarity-question-card span{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#d5b464}
.clarity-question-card strong{font-size:1.1rem;line-height:1.25}
.clarity-question-card small{opacity:.65;margin-top:auto}
.clarity-inline-action{margin-top:22px}
.clarity-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.clarity-book{display:grid;grid-template-columns:132px 1fr;gap:20px;padding:20px;border:1px solid rgba(176,138,44,.3);border-radius:20px;background:rgba(255,255,255,.025)}
.clarity-book img{width:132px;max-height:198px;object-fit:cover;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.34)}
.clarity-book h3{margin:.15em 0 .4em;font-size:1.22rem}
.clarity-book p{line-height:1.55}
.clarity-method{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:start}
.clarity-gates{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.clarity-gates li{display:grid;gap:4px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px}
.clarity-gates strong{color:#d5b464;letter-spacing:.08em;font-size:.86rem}
.clarity-gates span{font-size:.94rem;line-height:1.4;opacity:.82}
.clarity-depth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.clarity-depth-grid>div{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px}
.clarity-depth-grid strong{font-size:1.1rem}
.clarity-depth-grid a{display:inline-block;margin-top:8px}
.clarity-final{text-align:center;max-width:820px;margin:0 auto;padding-bottom:12px}
.clarity-final p{max-width:700px;margin-left:auto;margin-right:auto}
@media(max-width:860px){.clarity-hero,.clarity-method{grid-template-columns:1fr}.clarity-question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clarity-book-grid{grid-template-columns:1fr}}
@media(max-width:620px){.clarity-home{padding-left:16px;padding-right:16px}.clarity-hero{padding-top:32px}.clarity-question-grid,.clarity-depth-grid,.clarity-gates{grid-template-columns:1fr}.clarity-book{grid-template-columns:96px 1fr}.clarity-book img{width:96px;max-height:144px}.clarity-actions .btn{width:100%;text-align:center}}