.takoo-clarity{box-sizing:border-box;background:#f5f4ef;color:#18241e;padding:64px 24px}
.takoo-clarity *{box-sizing:border-box}
.takoo-clarity__inner{max-width:1160px;margin:0 auto}
.takoo-clarity__eyebrow{font-size:12px!important;line-height:1.4!important;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#326349;margin:0 0 16px!important}
.takoo-clarity h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.035em;margin:0 0 20px;color:inherit}
.takoo-clarity h3{font-size:20px;line-height:1.3;margin:0 0 12px;color:inherit}
.takoo-clarity p,.takoo-clarity li,.takoo-clarity figcaption,.takoo-clarity summary{font-size:16px;line-height:1.65;color:inherit}
.takoo-clarity p{margin:0 0 16px}.takoo-clarity p:last-child{margin-bottom:0}
.takoo-clarity__intro{max-width:760px;margin-bottom:28px!important}
.takoo-clarity__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none;counter-reset:quicksteps}
.takoo-clarity__step{position:relative;min-width:0;padding:26px;background:#fffdf7;border:1px solid #d8decf;border-radius:20px;counter-increment:quicksteps}
.takoo-clarity__step:before{content:counter(quicksteps,decimal-leading-zero);display:block;width:fit-content;border-radius:30px;background:#d7ff52;color:#18241e;padding:6px 12px;font-size:13px;font-weight:750;margin-bottom:22px}
.takoo-clarity__step ul{padding-left:20px;margin:0}.takoo-clarity__step li+li{margin-top:6px}
.takoo-clarity__diagram{margin-top:24px;border:1px solid #bdc9be;border-radius:16px;background:#fffdf7;padding:18px 22px}
.takoo-clarity__diagram summary{cursor:pointer;font-weight:700;min-height:28px}
.takoo-clarity__diagram figure{margin:20px 0 0}.takoo-clarity img{display:block;width:100%;height:auto;object-fit:contain}
.takoo-clarity__diagram figcaption{margin-top:12px}.takoo-clarity a{color:inherit;text-underline-offset:4px}
.takoo-clarity :is(a,summary):focus-visible{outline:3px solid #326349;outline-offset:5px}
.takoo-clarity--story{background:#18241e;color:#fffdf7}.takoo-clarity--story .takoo-clarity__eyebrow{color:#d7ff52}
.takoo-clarity__story-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px}
.takoo-clarity__photo{margin:0;border-radius:20px;overflow:hidden;background:#ecebe4}
.takoo-clarity__refinement{padding:20px 0;border-top:1px solid #536056}.takoo-clarity__refinement:last-child{padding-bottom:0}
.takoo-clarity__refinement h3{color:#d7ff52}
.takoo-vacuum-clarity{margin:14px 0 18px;padding:18px 20px;border:1px solid #b9c9bb;border-radius:14px;background:#f4f6ee;color:#18241e;font-size:16px;line-height:1.6}
.takoo-vacuum-clarity strong{display:block;margin-bottom:6px;font-size:17px}.takoo-vacuum-clarity p{margin:0}.takoo-vacuum-clarity p+p{margin-top:8px}
@media(max-width:749px){.takoo-clarity{padding:44px 16px}.takoo-clarity__steps,.takoo-clarity__story-grid{grid-template-columns:minmax(0,1fr)}.takoo-clarity__step{padding:22px}.takoo-clarity__story-grid{gap:28px}.takoo-clarity__photo{max-width:440px}.takoo-clarity__diagram{padding:16px}.takoo-vacuum-clarity{padding:16px}}