:root{--ink:#192b40;--muted:#607286;--teal:#16796f;--line:#dbe4e7;--paper:#f7faf9;--white:#fff;--gold:#f2ba73}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}.container{max-width:1150px;margin:auto;padding:0 22px}.skip{position:absolute;top:-60px;left:15px;background:#fff;padding:10px;z-index:100}.skip:focus{top:8px}.top{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:850;font-size:1.5rem;letter-spacing:-.05em;white-space:nowrap}.brand i{color:var(--teal);font-style:normal}.links{display:flex;gap:25px;align-items:center}.links a{font-size:.93rem;font-weight:650}.nav-btn,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--teal);color:white!important;border:0;padding:13px 20px;border-radius:11px;font-weight:750;cursor:pointer}.nav-btn:hover,.button:hover{background:#105d56;color:white}.hero{padding:73px 0 43px}.eyebrow{font-size:.79rem;color:var(--teal);font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(2.2rem,5vw,4.3rem);max-width:770px;letter-spacing:-.052em;line-height:1.1;margin:18px 0}.hero p{max-width:635px;font-size:1.12rem;color:var(--muted)}.search-wrap{margin-top:28px;max-width:660px;display:flex;gap:9px}.search-wrap input{width:100%;padding:16px 19px;border:1px solid var(--line);border-radius:12px;font-size:1rem;outline-offset:3px}.search-wrap button{background:var(--ink);color:white;border:0;border-radius:11px;padding:0 23px;font-weight:700;cursor:pointer}.hint{color:var(--muted);font-size:.86rem;margin-top:13px}.stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:var(--muted);font-size:.92rem}.stats strong{color:var(--ink)}h2{font-size:clamp(1.4rem,2.7vw,2.15rem);letter-spacing:-.035em}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:36px 0 20px}.heading p{color:var(--muted);margin:0}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.chip{border:1px solid #d4e1df;background:white;border-radius:24px;padding:9px 15px;color:var(--ink);cursor:pointer;font-weight:650}.chip.active{color:white;background:var(--ink);border-color:var(--ink)}.library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #16304815}.preview{height:217px;background:linear-gradient(155deg,#edf4f1,#dcece8);padding:21px;display:grid;place-items:center}.sheet{width:132px;height:179px;background:white;box-shadow:1px 7px 15px #18324224;padding:13px 10px;transform:rotate(-3deg);border-radius:2px}.sheet strong{display:block;color:var(--teal);font-size:10px;border-bottom:2px solid var(--teal);padding-bottom:8px}.sheet .line{display:block;border-bottom:1px solid #ccd7d8;margin-top:13px}.sheet .line:nth-child(even){width:75%}.card-body{padding:19px;display:flex;flex-direction:column;flex:1}.category{font-size:.72rem;text-transform:uppercase;color:var(--teal);font-weight:800;letter-spacing:.09em}.card h3{font-size:1.1rem;line-height:1.25;margin:9px 0}.card p{color:var(--muted);font-size:.89rem;flex:1}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.text-link{font-size:.84rem;color:var(--teal);font-weight:750}.small-btn{padding:10px 13px;font-size:.81rem;border-radius:8px}.ad-slot{margin:45px auto;max-width:970px;min-height:92px;border:1px dashed #bdcdca;background:#f0f5f3;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;color:#728580;font-size:.8rem;padding:20px}.ad-slot small{display:block;margin-top:4px}.section-pad{padding:30px 0 70px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:26px;background:white;border:1px solid var(--line);border-radius:16px}.feature b{font-size:1.07rem}.feature p{color:var(--muted)}footer{background:#182e3c;color:white;padding:48px 0 25px}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}footer a{display:block;color:#c4d2da;margin-top:9px}footer p{max-width:360px;color:#c4d2da}.copyright{border-top:1px solid #40505c;padding-top:20px;margin-top:35px;font-size:.82rem;color:#bdccd2}.breadcrumbs{margin-top:37px;color:var(--muted);font-size:.91rem}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding:45px 0 30px;align-items:center}.detail-preview{background:#e8f2ef;border-radius:21px;padding:44px;display:grid;place-items:center;min-height:390px}.detail-preview .sheet{width:230px;height:305px;padding:25px;transform:rotate(-2deg)}.detail-preview .sheet strong{font-size:17px}.detail-preview .sheet .line{margin-top:26px}.detail-grid h1{line-height:1.1;font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.04em}.detail-grid p{color:var(--muted);font-size:1.08rem}.meta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.pill{background:#e8f2ef;border-radius:40px;padding:7px 13px;font-size:.8rem;font-weight:750}.detail-grid .button{font-size:1.08rem}.copy{max-width:780px;padding:20px 0 55px}.copy h2{margin-top:35px}.copy p,.copy li{color:#4b6070}.empty{padding:55px;text-align:center;grid-column:1/-1;color:var(--muted)}:focus-visible{outline:3px solid #e9b562;outline-offset:3px}@media(max-width:930px){.library{grid-template-columns:repeat(3,1fr)}.detail-grid{gap:25px}}@media(max-width:700px){.links{gap:13px}.links .hide-mobile{display:none}.hero{padding-top:48px}.library{grid-template-columns:repeat(2,1fr);gap:12px}.preview{height:172px}.sheet{transform:rotate(-2deg) scale(.87)}.card-body{padding:13px}.card h3{font-size:1rem}.card p{font-size:.81rem}.card-actions{flex-wrap:wrap}.features{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr;padding-top:20px}.detail-preview{min-height:320px}footer .cols{grid-template-columns:1fr 1fr}footer .cols>div:first-child{grid-column:1/-1}}@media(max-width:390px){.library{grid-template-columns:1fr}.preview{height:200px}}

.preview:has(.thumb){position:relative;overflow:hidden}
.thumb{position:absolute;inset:16px 0;margin:auto;height:calc(100% - 32px);width:auto;max-width:calc(100% - 32px);object-fit:contain;background:white;box-shadow:1px 7px 15px #18324224;border-radius:3px;transform:rotate(-2deg)}
.thumb-lg{width:100%;max-width:280px;height:auto;background:white;box-shadow:1px 10px 24px #18324230;border-radius:4px;transform:rotate(-1.5deg)}