:root{--catalog-bg:#091816;--catalog-card:#142621;--catalog-gold:#dcb883;--catalog-paper:#f6f3ed;--catalog-ink:#162a26}
.jg-tools-page{background:#f4f3ee;color:#1a2926}
.jg-catalog-hero{background:radial-gradient(ellipse at 83% 13%,rgba(220,185,130,.22),transparent 38%),linear-gradient(135deg,#10221e,#213830 64%,#4a4030);color:#fff;overflow:hidden;padding:77px 0 81px;position:relative}
.jg-catalog-hero:after{content:"";pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(rgba(230,205,161,.32) .65px,transparent .7px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent 40%,black)}
.jg-catalog-hero .wrap{position:relative;z-index:1}
.jg-catalog-kicker,.jg-catalog-heading>div>span{font:800 12px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.18em;color:#e1bd88}
.jg-catalog-hero h1{font:800 clamp(44px,6.1vw,82px)/1.03 Manrope,Arial,sans-serif;letter-spacing:-.055em;max-width:830px;margin:24px 0}
.jg-catalog-hero h1 em{color:#dfbb87;font:italic .98em Georgia,serif}
.jg-catalog-hero p{font-size:clamp(16px,2vw,19px);line-height:1.7;max-width:750px;color:#dfebe4;margin:0}
.jg-hero-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.jg-hero-chips span{border:1px solid rgba(224,190,142,.53);color:#f5ddba;padding:7px 12px;border-radius:99px;background:rgba(12,31,25,.3);font-size:12px;font-weight:750}
.jg-tools-main{padding:65px 0 95px}.jg-catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:32px}.jg-catalog-heading h2{font:750 clamp(27px,3vw,43px)/1.14 Manrope,Arial,sans-serif;letter-spacing:-.04em;max-width:590px;margin:12px 0 0}.jg-catalog-heading p{max-width:380px;font-size:15px;line-height:1.65;color:#53645d;margin:0}
.jg-tool-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.jg-tool-filter button{cursor:pointer;border:1px solid #cdd5c9;background:#fff;color:#324a41;border-radius:100px;padding:10px 16px;font:750 13px/1.3 'DM Sans',Arial,sans-serif}.jg-tool-filter button.active{background:#183329;color:#f5deb7;border-color:#183329}.jg-tool-filter button span{opacity:.7;margin-left:4px}
.jg-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}.jg-tool-card{background:#fff;border:1px solid #e6e4db;border-radius:23px;overflow:hidden;box-shadow:0 8px 30px rgba(22,41,31,.055);transition:transform .27s,box-shadow .27s}.jg-tool-card:hover{transform:translateY(-5px);box-shadow:0 25px 65px rgba(22,41,31,.16)}.jg-tool-card[hidden]{display:none!important}
.jg-tool-poster{aspect-ratio:4/5;overflow:hidden;background:#182f28;position:relative}.jg-tool-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1);color:#fff}.jg-tool-card:hover .jg-tool-poster img{transform:scale(1.035)}.jg-tool-poster:after{content:"";position:absolute;inset:auto 0 0;height:11%;background:linear-gradient(0deg,rgba(7,24,19,.35),transparent);pointer-events:none}
.jg-tool-card-footer{padding:24px 26px 28px}.jg-tool-meta{display:flex;gap:10px;justify-content:space-between;align-items:center;color:#82714f;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:800}.jg-tool-access{white-space:nowrap;background:#eaf1e7;color:#34654d;border-radius:40px;padding:4px 9px}.jg-tool-card-footer h2{font:800 clamp(21px,2.35vw,29px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.04em;color:#1a302b;margin:13px 0 8px}.jg-tool-card-footer>p{color:#586a63;font-size:14px;margin:0 0 14px;line-height:1.6}.jg-tool-stars{display:flex;align-items:center;gap:9px;border-top:1px solid #eeeae1;padding-top:13px;margin-bottom:17px}.jg-tool-stars>span{font-size:20px;color:#b39a6b;letter-spacing:.02em;line-height:1}.jg-tool-stars small{color:#738077;font-size:11.5px;line-height:1.4}
.jg-tool-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jg-tool-actions button,.jg-tool-actions a{min-height:47px;display:flex;gap:8px;align-items:center;justify-content:center;text-align:center;border-radius:10px;padding:11px 12px;font:800 13px/1.3 'DM Sans',Arial,sans-serif;transition:transform .15s,background .15s;cursor:pointer}.jg-tool-actions button:active,.jg-tool-actions a:active{transform:scale(.98)}.jg-more{color:#1f332a;background:#ddbf8f;border:1px solid #ddbf8f}.jg-more:hover{background:#f3d7a5}.jg-open{color:#e9dec8;background:#193a30;border:1px solid #193a30;text-decoration:none}.jg-open:hover{background:#2d5144;color:#fff}
.jg-empty{text-align:center;padding:45px;color:#607366}.jg-catalog-note{border-top:1px solid #d2d6cc;padding:27px 3px;margin-top:40px;color:#52645b;font-size:13px;line-height:1.75}.jg-catalog-note strong{color:#19352a}
.jg-catalog-footer-banner{background:#173127;color:#fff;padding:60px 0}.jg-catalog-footer-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.jg-catalog-footer-banner span{color:#dab981;font-size:12px;letter-spacing:.13em;font-weight:800}.jg-catalog-footer-banner h2{font:750 clamp(26px,3.1vw,43px)/1.15 Manrope,Arial,sans-serif;margin:11px 0}.jg-catalog-footer-banner p{color:#c8d8c9;margin:0}.jg-catalog-footer-banner a{border:1px solid #ddbf8f;padding:13px 18px;color:#f6dfb7;text-decoration:none;white-space:nowrap;font-weight:800}
.jg-modal{border:0;padding:0;background:#f7f5ef;color:#1e332a;border-radius:19px;max-width:min(980px,calc(100vw - 24px));width:100%;max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 35px 100px rgba(0,0,0,.35)}.jg-modal::backdrop{background:rgba(3,12,9,.78);backdrop-filter:blur(9px)}.jg-modal-inner{display:grid;grid-template-columns:minmax(210px,.82fr) minmax(0,1.18fr);min-height:540px;position:relative}.jg-modal-close-wrap{position:absolute;z-index:3;right:12px;top:12px}.jg-close{width:42px;height:42px;display:grid;place-items:center;cursor:pointer;border:0;border-radius:50%;font-size:28px;color:#1d332a;background:#fff;box-shadow:0 5px 22px rgba(0,0,0,.15)}.jg-modal-poster{background:#142b24;position:sticky;top:0;align-self:start;min-height:100%;overflow:hidden}.jg-modal-poster img{display:block;width:100%;height:100%;max-height:calc(100dvh - 28px);object-fit:cover}.jg-modal-content{padding:35px clamp(20px,4vw,43px) 38px}.jg-modal-eyebrow{font-size:11px;color:#947746;letter-spacing:.1em;font-weight:850}.jg-modal-content>h2{font:800 clamp(27px,3vw,40px)/1.13 Manrope,Arial,sans-serif;color:#183329;margin:10px 0 22px;letter-spacing:-.05em}.jg-modal-content section{border-top:1px solid #e0e2d8;padding:15px 0 11px}.jg-modal-content h3{font:800 15px/1.35 Manrope,Arial,sans-serif;color:#17352a;margin:0 0 9px}.jg-modal-content section>p,.jg-modal-content section li{font-size:13px;line-height:1.7;color:#516158}.jg-modal-content section>p{margin:0}.jg-modal-content section ol{margin:0;padding-left:22px}.jg-modal-content section li{margin-bottom:5px}
.jg-modal-rating{display:flex;align-items:start;gap:13px;padding-bottom:13px}.jg-empty-stars{color:#b89a66;font-size:29px;line-height:1}.jg-modal-rating p{margin:0;color:#5b6b61;font-size:12px}.jg-modal-rating b{color:#2a4135}.jg-modal-rating small{display:block;margin-top:5px;color:#708076;font-size:11px}.jg-star-buttons{display:flex;gap:5px;margin-top:11px}.jg-star-buttons button{background:#fff;border:1px solid #d6d6ca;border-radius:8px;color:#a28a66;cursor:pointer;font-size:30px;line-height:1;padding:7px 10px}.jg-star-buttons button.selected{background:#fcf2da;color:#b88b38;border-color:#dbb879}.jg-star-buttons button:hover{background:#f2e5ca}.jg-personal-rating #jgStarStatus{display:block;margin-top:8px;color:#718075;font-size:11px}.jg-modal-note{background:#f0ece1;padding:12px 14px;color:#687367;font-size:11.5px;border-left:3px solid #cfaa78;margin:18px 0}.jg-modal-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.jg-modal-cta a{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:150px;border-radius:10px;padding:12px 14px;font:800 13px/1.3 'DM Sans',Arial,sans-serif;text-decoration:none;background:#1d3b30;color:#fff}.jg-modal-cta .jg-manual{background:#e0c18f;color:#1c3028}.jg-modal-cta a:hover{filter:brightness(1.08)}
.jg-tools-page :focus-visible{outline:3px solid #d1a45c;outline-offset:3px}
@media(max-width:820px){.jg-catalog-heading{display:block}.jg-catalog-heading p{margin-top:18px;max-width:720px}.jg-modal-inner{grid-template-columns:.7fr 1.3fr}.jg-modal-content{padding:27px 23px}}
@media(max-width:610px){.jg-catalog-hero{padding:62px 0}.jg-catalog-grid{grid-template-columns:1fr;gap:20px}.jg-catalog-heading h2{font-size:31px}.jg-tool-card-footer{padding:19px 18px 23px}.jg-modal-inner{display:block}.jg-modal-poster{display:none}.jg-modal-content{padding:26px 21px}.jg-catalog-footer-banner .wrap{display:block}.jg-catalog-footer-banner a{display:inline-flex;margin-top:23px}.jg-modal-cta a{flex-basis:100%}}
@media(max-width:350px){.jg-tool-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.jg-tool-card,.jg-tool-poster img,.jg-tool-actions>*{transition:none!important}.jg-tool-card:hover,.jg-tool-card:hover img{transform:none!important}}