.fe .fe-b{z-index:1;filter:drop-shadow(0 14px 28px #0a16282e);width:205px;transition:transform .35s;position:absolute}.fe .fe-b img{width:100%;height:auto;display:block}.fe .fe-b .sp-hero-tag{top:-8px;left:18px}.fe .fe-b.t100{width:200px;bottom:6%;left:-10%;transform:rotate(-8deg)}.fe .fe-b.react{z-index:0;width:172px;top:3%;right:-6%;transform:rotate(6deg)}.fe .fe-b.js{width:192px;bottom:5%;right:-11%;transform:rotate(9deg)}.fe .fe-b.js .sp-hero-tag{left:auto;right:14px}.fe .fe-b.t100:hover{z-index:3;transform:rotate(-8deg)translateY(-6px)}.fe .fe-b.react:hover{z-index:3;transform:rotate(6deg)translateY(-6px)}.fe .fe-b.js:hover{z-index:3;transform:rotate(9deg)translateY(-6px)}.fe .book-img-wrap{transform:translate(-24px)}.fe .book-img-wrap:hover{transform:translate(-24px)translateY(-6px)scale(1.015)}.fe .book-img-wrap img{width:340px}.fe .sp-off{border:1px dashed var(--sp-line);background:var(--sp-cream);border-radius:12px;max-width:520px;padding:16px 20px;font-size:18px}.fe .sp-final .sp-off,.fe .sp-card .sp-off{margin:0 auto}.fe .sp-final .sp-off{color:#e5e7eb;background:#ffffff0d;border-color:#fff3}.fe .sp-q .fe-ask{color:var(--sp-ink);margin-bottom:10px;font-size:15.5px;font-weight:600}.fe .fe-samples{max-width:1260px}.fe .sp-qs{grid-template-columns:repeat(3,minmax(0,1fr))}.fe .sp-q{min-width:0;padding:26px 22px}.fe .sp-q pre{max-width:100%;margin-top:0;margin-bottom:14px;padding:12px;font-size:11.5px}.fe .sp-q pre .c{color:#94a3b8;font-style:italic}.fe .sp-q pre .n{color:#fda4af}.fe .fe-co{color:var(--sp-ink3);margin-bottom:4px;font-size:13.5px}.fe .fe-co b{color:var(--sp-ink2);font-weight:600}.fe .fe-lbl{font-family:var(--sp-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sp-green);margin:14px 0 6px;font-size:11px;font-weight:600}.fe .fe-lbl.red{color:var(--sp-red)}.fe .fe-lbl.blue{color:var(--sp-blue)}.fe .fe-out{font:12.5px/1.6 var(--sp-mono);color:var(--sp-ink);white-space:pre;background:#f6f8f6;border:1px solid #d7e7dc;border-radius:8px;padding:10px 12px;overflow-x:auto}.fe .fe-short{color:var(--sp-ink);margin-top:12px;font-size:15px;font-weight:600}.fe .fe-p{color:var(--sp-ink2);font-size:14.5px}.fe .fe-tests{color:var(--sp-ink2);font-size:14px;list-style:none}.fe .fe-tests li{gap:8px;padding:3px 0;display:flex}.fe .fe-tests svg.i{color:#fff;background:var(--sp-green);stroke-width:3px;border-radius:50%;flex:none;width:16px;height:16px;margin-top:3px;padding:2px}.fe .fe-check{font:11.5px/1.5 var(--sp-mono);color:var(--sp-ink3);border-top:1px dashed var(--sp-line);word-break:break-word;margin-top:12px;padding-top:10px}.fe .sp-qmeta i.f{background:var(--sp-green)}.fe .fe-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.fe .fe-three .sp-col{padding:30px 26px}.fe .fe-three .sp-col h3{font-size:25px}.fe .fe-three li span{font-family:var(--sp-mono);color:var(--sp-ink3);white-space:nowrap;margin-left:auto;padding-left:8px;font-size:13px}.fe .sp-col.navy li svg.i{background:var(--sp-ink)}.fe .fe-bonus3{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1140px}.fe .fe-bonus3 .sp-bonus-card{text-align:center;flex-direction:column;padding:28px 22px}.fe .fe-bonus3 .sp-bonus-thumb{width:150px;margin:0 auto}.fe .fe-inside{text-align:center;max-width:820px;color:var(--sp-ink2);margin:30px auto 0;font-size:16px}.fe .sticky-cta-price .live{font-family:var(--sp-serif);color:var(--sp-red);font-size:1.6rem;font-weight:700}@media (width<=1000px){.fe .book-img-wrap img{width:290px}.fe .fe-b,.fe .fe-b.t100{width:175px}.fe .fe-b.js,.fe .fe-b.react{width:160px}.fe .fe-b.t100{left:-4%}.fe .fe-b.js{right:-5%}.fe .fe-b.react{right:-1%}.fe .book-img-wrap,.fe .book-img-wrap:hover{transform:none}.fe .sp-qs{grid-template-columns:minmax(0,1fr)}.fe .fe-three,.fe .fe-bonus3{grid-template-columns:1fr}.fe .fe-bonus3 .sp-bonus-card{text-align:left;flex-direction:row}.fe .fe-bonus3 .sp-bonus-thumb{width:120px;margin:0}}@media (width<=760px){.fe .book-img-wrap img{width:196px}.fe .fe-b,.fe .fe-b.t100{width:124px}.fe .fe-b.js,.fe .fe-b.react{width:112px}.fe .fe-b.t100{bottom:1%;left:-5%}.fe .fe-b.react{top:5%;right:0}.fe .fe-b.js{bottom:4%;right:-3%}.fe .sp-q{padding:22px 18px}.fe .fe-b .sp-hero-tag{left:8px}.fe .sp-seal{width:66px;height:66px;top:0;left:0;right:auto}.fe .sp-seal b{font-size:18px}.fe .sp-seal span{font-size:8px}.fe .sp-off{font-size:16px}.fe .fe-bonus3 .sp-bonus-card{text-align:center;flex-direction:column}.fe .fe-bonus3 .sp-bonus-thumb{width:130px;margin:0 auto}.fe .sticky-cta .btn-sticky{flex:1}}.fe .price-anchor{padding-left:20px}.fe .price-anchor:before{content:none}