/* Dimensional paper and staged sample report. */
.hero-gallery{height:600px}.hero-report.full-sample{width:620px;top:40px;padding:25px 29px;transform:translateX(-50%) perspective(1400px) rotateX(6deg) rotateY(-7deg) rotateZ(-2deg);transform-origin:center top;background:linear-gradient(135deg,#fffefa,#f3eee1);border:1px solid #fffdf3;border-radius:9px;box-shadow:1px 2px 0 #fff,4px 6px 0 #e4ddce,8px 12px 0 #cbc4b5,14px 27px 30px #03162255,25px 45px 65px #03162266}.full-sample .report-title{margin:13px 0}.full-sample .report-title h2{font-size:25px}.sample-operations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sample-operation{background:linear-gradient(145deg,#fff,#f5f5ef);border:1px solid #e4e5da;border-radius:7px;padding:9px 5px;text-align:center;box-shadow:inset 0 1px #fff,0 3px 0 #dbe0dc,0 5px 9px #19314917}.sample-operation>b{display:block;font-size:9px;white-space:nowrap}.sample-operation svg{width:74px;height:74px;display:block;margin:5px auto;filter:drop-shadow(0 2px 1px #24445628)}.sample-operation svg text{font-size:12px;font-weight:700;fill:#193149}.sample-operation>span{font-size:7px;color:#6b7a83;display:block}.sample-charts{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:10px;margin-top:13px}.sample-charts>section,.sample-details>section{padding:11px;background:linear-gradient(135deg,#fff,#f7f6ef);border:1px solid #e0e1d9;border-radius:7px;box-shadow:0 3px 0 #dfe0d9,0 7px 12px #213b4914}.full-sample h3{font:700 9px/1.3 var(--font-body);margin:0 0 10px}.sample-bar{font-size:8px;margin:13px 0 15px}.sample-bar span{display:flex;justify-content:space-between}.sample-bar i,.sample-review i{display:block;width:var(--bar);height:7px;margin-top:7px;border-radius:4px;background:linear-gradient(#ffffff44,transparent),var(--ink,#c48c62);box-shadow:0 2px 0 #17304722,0 3px 5px #17304722;transform-origin:left}.sample-charts small{font-size:6px;line-height:1.4;color:#75838d}.sample-radar{width:100%;height:105px;filter:drop-shadow(0 3px 2px #19314928)}.sample-review{display:grid;grid-template-columns:1fr auto;gap:3px;font-size:7px;margin:14px 0}.sample-review b{font-size:6px}.sample-review i{grid-column:1/-1;margin-top:3px}.sample-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.sample-details p{font-size:17px;margin:0 0 5px;color:#244354}.sample-details s{color:#bc6d63}.sample-details strong{color:#258f7e;margin-left:7px}.sample-details section>span{font-size:7px;color:#687985}.sample-path{display:flex;flex-wrap:wrap;gap:7px;font-size:7px}.sample-path span,.sample-path b{padding:6px;border-radius:4px;background:#e4eee8;color:#337869}.sample-path b{background:#f3e6c8;color:#836128}.sample-match{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:12px 0;background:linear-gradient(135deg,#183b50,#305264);color:#fff8e8;border:1px solid #4c6571;border-radius:6px;box-shadow:0 3px 0 #0d2739,0 5px 10px #19314933}.sample-match img{width:29px;height:38px;object-fit:cover;box-shadow:2px 3px 0 #d4cbbb;transform:rotate(-5deg)}.sample-match div{flex:1}.sample-match small{font-size:6px;letter-spacing:.8px;color:#e6c993;display:block}.sample-match b{font-size:9px;display:block;margin:4px 0}.sample-match span{font-size:7px;color:#c8d6dc}.sample-match>strong{font-size:11px}.replay-report{margin-left:auto;margin-right:20px;border:0;background:transparent;color:#dce5e8;font-size:10px;padding:8px;cursor:pointer}.full-sample .report-part{animation:section-fill .65s var(--step) both}.full-sample .report-arc{animation:ring-fill 1.2s .6s both}.full-sample .sample-bar i,.full-sample .sample-review i{animation:bar-fill .9s 1.9s both}.full-sample .sample-radar-fill{animation:section-fill 1s 2s both}
@keyframes section-fill{from{opacity:.08;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes bar-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ring-fill{from{stroke-dasharray:0 100}}
.full-sample.replaying *{animation:none!important}.hero-report.full-sample.replaying{animation:none!important}
@media(max-width:1000px) and (min-width:701px){.hero-report.full-sample{width:580px}.hero-gallery{height:600px}}
@media(max-width:700px){.hero-gallery{height:425px;margin-top:14px}.hero-report.full-sample{width:560px;top:30px;left:50%;transform:translateX(-50%) perspective(1400px) rotateX(5deg) rotateY(-5deg) rotateZ(-2deg) scale(.58);transform-origin:center top;padding:22px}.full-sample .report-title h2{font-size:25px}.full-sample .report-masthead img{width:94px}.full-sample .report-masthead>span{font-size:7px}.full-sample .report-title>span{font-size:9px}.full-sample .report-foot{font-size:8px}.hero-sheet{top:55px}.hero-bottom{gap:5px}.hero-bottom>span{max-width:100px;line-height:1.6}.replay-report{font-size:8px;margin-right:0}.motion-toggle{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.full-sample *{animation:none!important}.replay-report{display:none}}

/* Keep the whole angled sheet above the hero controls. */
.hero-gallery{height:820px}@media(max-width:1000px) and (min-width:701px){.hero-gallery{height:800px}}@media(max-width:700px){.hero-gallery{height:480px}}

.full-sample .sample-report-stamp{position:absolute;right:28px;top:-16px;z-index:5;display:block;padding:7px 12px;border:2px solid #a37a38;outline:1px solid #a37a3866;outline-offset:3px;border-radius:3px;background:#fbf4e5;color:#866024;font:800 12px/1.2 var(--font-body);letter-spacing:2px;transform:rotate(7deg);box-shadow:0 4px 8px #17374d22;pointer-events:none}


.hero-sheet .sample-worksheet-stamp{position:absolute;left:50%;top:66px;z-index:5;display:block;width:max-content;padding:7px 10px;border:2px solid #a37a38;outline:1px solid #a37a3866;outline-offset:3px;border-radius:3px;background:#fbf4e5;color:#866024;font:800 10px/1.2 var(--font-body);letter-spacing:1.3px;transform:translateX(-50%) rotate(4deg);box-shadow:0 4px 8px #17374d22;pointer-events:none}@media(max-width:700px){.hero-sheet .sample-worksheet-stamp{font-size:7px;letter-spacing:.6px;padding:5px;top:43px}}

/* Visibility-triggered animation, more room for the report, phone-safe stamps. */
.hero-intro{padding-top:32px}.hero-intro h1{font-size:clamp(48px,4.8vw,64px);margin-bottom:17px}.hero-intro .edition{margin-bottom:12px}.hero-description{margin-bottom:18px}.hero-gallery{height:710px}.hero-report.full-sample{transform:translateX(-50%) perspective(1400px) rotateX(6deg) rotateY(-7deg) rotateZ(-2deg) scale(.86)}
.full-sample:not(.report-playing) .report-part,.full-sample:not(.report-playing) .report-arc,.full-sample:not(.report-playing) .sample-bar i,.full-sample:not(.report-playing) .sample-review i,.full-sample:not(.report-playing) .sample-radar-fill{animation-play-state:paused}
.faq-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-examples figure{margin:0;padding:12px;background:#fffdf8;border:1px solid #dfd4be;border-radius:6px}.faq-examples img{width:100%;height:auto;display:block}.faq-examples figcaption{font-size:11px;margin-top:10px;color:#314c5e}.planned-features{border-top:1px solid #d8cdb7;padding:40px 0 15px}.planned-features h2{font-size:35px}.planned-features>div{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.planned-features article{padding:20px;background:#eee8da;border-radius:6px}.planned-features b{font-size:14px}.planned-features p{font-size:12px;line-height:1.6}
@media(max-width:1000px) and (min-width:701px){.hero-gallery{height:690px}}
@media(max-width:700px){.hero-intro{padding-top:27px}.hero-intro h1{font-size:46px}.hero-gallery{height:480px}.hero-report.full-sample{transform:translateX(-50%) perspective(1400px) rotateX(5deg) rotateY(-5deg) rotateZ(-2deg) scale(.58);top:55px}.hero-sheet{top:30px}.sheet-left .sample-worksheet-stamp{left:calc(100% + 35px);top:-4px;transform:translateX(-50%) rotate(17deg)}.sheet-right .sample-worksheet-stamp{left:-35px;top:-4px;transform:translateX(-50%) rotate(-16deg)}.planned-features>div{grid-template-columns:1fr 1fr;gap:12px}.planned-features article{padding:14px}}