/* Original homepage-only layered illustration. No tool or heading selectors. */
.hero .po-product-scene{position:relative;width:100%;max-width:580px;height:460px;margin:0 auto;isolation:isolate;color:#163243}
.po-product-scene *{box-sizing:border-box}
.po-scene-backplate{position:absolute;inset:44px 24px 58px 32px;border-radius:38px;background:linear-gradient(135deg,#1596b244,#6863d86b);transform:rotate(-5deg);border:1px solid #6ecbe742;z-index:-1}
.po-study-preview{position:absolute;inset:42px 45px 80px 32px;max-width:450px;border-radius:19px;background:#eaf6fa;box-shadow:0 22px 48px #00142644;transform:rotate(-2deg);border:1px solid #9ed0df;overflow:hidden}
.po-study-top{display:flex;align-items:center;gap:7px;padding:13px 16px;background:#143345;color:#ecfaff;font-size:12px}
.po-study-top>span:last-child{margin-left:auto;font-size:10px;opacity:.75}.po-study-dot{width:6px;height:6px;border-radius:50%;background:#64dfbc}
.po-study-paper{margin:14px;background:#fff;padding:20px 22px;border-radius:10px;min-height:220px}
.po-study-kicker{display:block;font-size:8px;font-weight:700;letter-spacing:.1em;color:#527b88}
.po-study-paper h2{font-size:28px;line-height:1.1;letter-spacing:-.04em;margin:9px 0 20px;color:#173546}
.po-study-question{font-size:14px;margin:0 0 6px;color:#365363;line-height:1.5}
.po-study-answer summary{display:flex;align-items:center;gap:9px;min-height:44px;font-size:11px;font-weight:650;cursor:pointer;list-style:none;color:#6f223e}
.po-study-answer summary::-webkit-details-marker{display:none}.po-study-answer summary:focus-visible{outline:2px solid #007d9b;outline-offset:3px;border-radius:4px}
.po-study-mask{display:grid;place-items:center;width:52px;height:24px;border-radius:5px;background:#c73755;box-shadow:0 4px 10px #ae29452b;flex:none}
.po-study-answer[open] .po-study-mask{background:#f6d667}
/* Keep the answer in the mask's reserved space: toggling adds no row. */
.po-study-mask mark{visibility:hidden;background:transparent;color:#183446;padding:0;font-size:14px;font-weight:500;line-height:1}
.po-study-answer[open] .po-study-mask mark{visibility:visible}
.po-study-action{display:grid;min-width:0}
.po-study-action>span{grid-area:1/1;overflow-wrap:anywhere}
.po-study-hide,.po-study-answer[open] .po-study-show{visibility:hidden}
.po-study-answer[open] .po-study-hide{visibility:visible}
.po-study-lines{display:grid;gap:7px;margin-top:10px}.po-study-lines i{height:5px;width:86%;border-radius:4px;background:#e6edf0}.po-study-lines i:last-child{width:63%}
.po-study-bottom{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 8px 13px;font-size:10px;font-weight:700;color:#557885}.po-study-bottom i{height:1px;width:18px;background:#b0cdd4}
.po-scene-file{position:absolute;right:24px;top:14px;width:96px;height:114px;padding:15px;border:1px solid #acb4ec;border-radius:12px;background:#e6e6ff;transform:rotate(9deg);z-index:-1;box-shadow:0 10px 30px #081b4422}.po-scene-file span{font-size:12px;font-weight:750;color:#504b93}.po-scene-file i{display:block;height:4px;background:#b3b1d9;border-radius:4px;margin-top:9px}
.po-scene-image{position:absolute;left:0;bottom:46px;display:flex;align-items:center;gap:10px;width:245px;max-width:70%;padding:9px;background:#f5fcff;border:1px solid #a5d2dc;border-radius:12px;box-shadow:0 12px 24px #001b3033;transform:rotate(3deg);text-decoration:none;color:#173b4b}
.po-scene-image img{width:65px;height:52px;object-fit:cover;object-position:left;border-radius:6px}.po-scene-image>span{min-width:0}.po-scene-image strong{display:block;font-size:11px;line-height:1.4}.po-scene-image small{display:block;font-size:9px;margin-top:4px;color:#416775}.po-scene-image:focus-visible{outline:3px solid #25bfd7;outline-offset:4px}
.po-scene-privacy{position:absolute;right:0;bottom:58px;display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#173d4b;color:#baf7e8;box-shadow:0 10px 24px #001b302e;transform:rotate(-3deg);font-size:10px;line-height:1.6}.po-scene-privacy svg{width:27px;height:27px}
.po-product-scene figcaption{position:absolute;bottom:0;inset-inline:0;text-align:center;color:var(--text-soft);font-size:11px;line-height:1.6;padding-inline:4px}.po-product-scene figcaption a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--primary);font-weight:650;text-decoration:underline;text-underline-offset:4px}.po-product-scene figcaption a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
html[data-theme="light"] .po-scene-backplate{background:linear-gradient(135deg,#a8edf1,#c8c6f7)}
@media(hover:hover) and (pointer:fine){.po-scene-image{transition:transform .18s ease}.po-scene-image:hover{transform:rotate(0) translateY(-3px)}}
@media(max-width:700px){
 .hero .po-product-scene{max-width:440px;height:320px}.po-scene-backplate{inset:20px 18px 46px;border-radius:24px}.po-study-preview{inset:17px 22px 56px 18px;max-width:none}
 .po-study-top{padding:9px 12px;font-size:11px}.po-study-paper{padding:12px 16px;margin:9px;min-height:0}.po-study-paper h2{font-size:23px;margin:6px 0 10px}.po-study-kicker{font-size:7px}.po-study-question{font-size:13px}
 .po-study-lines{display:none}.po-study-bottom{padding-bottom:9px}.po-scene-file{width:68px;height:86px;right:7px;top:0;padding:10px}.po-scene-file i{margin-top:6px}
 .po-scene-image{display:none}.po-scene-privacy{right:3px;bottom:39px;padding:8px;font-size:9px}.po-scene-privacy svg{width:22px;height:22px}
 .po-product-scene figcaption{font-size:10px}.po-product-scene figcaption>a{min-height:44px}
}
@media(max-width:340px){.hero .po-product-scene{height:325px}.po-study-preview{inset-inline:6px}.po-study-paper{padding:10px}.po-study-kicker{letter-spacing:0;font-size:6px}.po-study-paper h2{font-size:21px}.po-study-question{font-size:12px}.po-study-answer summary{gap:6px;font-size:10px}.po-scene-privacy{display:none}.po-product-scene figcaption{font-size:9px}.po-scene-backplate{inset-inline:16px;transform:none}}
@media(prefers-reduced-motion:reduce){.po-scene-image{transition:none}.po-scene-image:hover{transform:rotate(3deg)}}