.coa-showcase{background:#f9eee3;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:65px max(7vw,24px);overflow:hidden}.coa-intro h2{font:44px/1.08 Georgia;margin:17px 0 22px}.coa-intro>p:not(.overline){font-size:17px;line-height:1.65;color:#5c6258}.coa-points{margin:28px 0;display:grid;gap:4px}.coa-points button{display:flex;gap:20px;text-align:left;align-items:start;background:none;border:0;border-left:2px solid transparent;padding:15px 12px;color:#154a38;cursor:pointer;transition:background .2s}.coa-points button[aria-pressed=true]{border-left-color:#154a38;background:#f7dfcd}.coa-points button>span{font:15px Georgia;color:#746349;padding-top:2px}.coa-points strong{font:23px Georgia;display:block}.coa-points small{font-size:12px;line-height:1.5;display:block;margin-top:8px;color:#5c6258}.coa-intro .coa-disclosure{font-size:12px!important;line-height:1.6!important}.coa-display{padding:15px 15px 0;text-align:center;perspective:1100px}.coa-paper{position:relative;max-width:400px;margin:auto;transform:rotate(2deg);animation:paper-float 7s ease-in-out infinite;box-shadow:8px 22px 35px #154a3820,0 2px 5px #154a3810;background:white;transform-origin:center}.coa-paper img{width:100%;height:auto;display:block}.coa-highlight{position:absolute;left:7.9%;right:8%;top:15.6%;height:26%;border-left:3px solid #154a38;background:#f7dfcd25;transition:top .5s,height .5s;pointer-events:none}.coa-showcase[data-point=profile] .coa-highlight{top:41.6%;height:10.5%}.coa-showcase[data-point=trace] .coa-highlight{top:64%;height:17%}.coa-paper-caption{display:flex;align-items:center;justify-content:space-between;max-width:400px;margin:27px auto 0;font-size:9px;letter-spacing:1px}.coa-paper-caption button{font-size:11px;border:0;border-bottom:1px solid #d1d8cb;background:none;color:#154a38;padding:8px;cursor:pointer;min-height:36px}.coa-display>p{font-size:12px;line-height:1.5;color:#5c6258;min-height:36px;max-width:400px;margin:8px auto 0}.coa-showcase.paused .coa-paper{animation-play-state:paused}@keyframes paper-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-9px) rotate(.5deg)}}@media(prefers-reduced-motion:reduce){.coa-paper{animation:none}.coa-highlight{transition:none}}@media(max-width:700px){.coa-showcase{padding:32px 20px;grid-template-columns:1fr;gap:15px}.coa-intro h2{font-size:32px}.coa-intro>p:not(.overline){font-size:16px}.coa-points{margin:20px 0}.coa-points button{padding:12px 10px;gap:15px}.coa-points strong{font-size:21px}.coa-display{padding:10px 12px 0}.coa-paper{max-width:310px}.coa-paper-caption{max-width:310px;font-size:8px}.coa-intro .coa-disclosure{font-size:11px!important}}

.coa-soft-mask{position:absolute;left:39%;top:42.3%;width:24%;height:9.4%;backdrop-filter:blur(2.2px);background:#ffffff20;pointer-events:none}