/* netPika Panel Gallery 1.0.0. Every visual selector is scoped to this block. */
@font-face{font-family:NetPikaPanelInter;src:url("inter-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
#np-panel-showcase{--np-pg-ink:#172d26;--np-pg-muted:#5f6f67;--np-pg-green:#103e32;--np-pg-paper:#fafbf7;--np-pg-line:#dfe5dc;background:var(--np-pg-paper);color:var(--np-pg-ink);font-family:NetPikaPanelInter,Arial,sans-serif;font-size:14px;line-height:1.7;text-align:left;padding:80px 0;margin:0;border-block:1px solid var(--np-pg-line);isolation:isolate;scroll-margin-top:90px}
#np-panel-showcase *,#np-panel-showcase *::before,#np-panel-showcase *::after{box-sizing:border-box}
#np-panel-showcase h2,#np-panel-showcase h3,#np-panel-showcase p,#np-panel-showcase ul,#np-panel-showcase li{padding:0;margin:0;color:inherit;font-family:inherit;text-transform:none;text-shadow:none;background:none}
#np-panel-showcase a{font:inherit;color:var(--np-pg-green);text-decoration:none;background:none;box-shadow:none;transition:none}
#np-panel-showcase button{font-family:inherit;line-height:1.2;letter-spacing:normal;text-transform:none;text-shadow:none;cursor:pointer;appearance:none;box-shadow:none;transition:background .15s ease;border:1px solid #d4e1cd;color:var(--np-pg-green);background:#f1f5eb}
#np-panel-showcase button:hover{background:#d9edbd}
#np-panel-showcase button:focus-visible,#np-panel-showcase a:focus-visible{outline:3px solid #487d48;outline-offset:4px}
#np-panel-showcase img{max-width:100%;vertical-align:middle;box-shadow:none}
#np-panel-showcase .np-pg-layout{width:100%;max-width:1240px;padding:0 20px;margin:0 auto;display:grid;grid-template-columns:330px minmax(0,1fr);gap:55px;align-items:center}
#np-panel-showcase .np-pg-intro{min-width:0}
#np-panel-showcase .np-pg-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.17em;font-weight:750;color:var(--np-pg-green);margin-bottom:22px}
#np-panel-showcase .np-pg-intro h2{font-size:43px;font-weight:650;line-height:1.1;letter-spacing:-.045em}
#np-panel-showcase .np-pg-lead{font-size:14px;line-height:1.8;color:var(--np-pg-muted);margin:22px 0 26px}
#np-panel-showcase .np-pg-benefits{list-style:none;display:grid;gap:19px;margin:0 0 27px}
#np-panel-showcase .np-pg-benefits li{display:flex;gap:13px;list-style:none;min-width:0}
#np-panel-showcase .np-pg-benefits li::before,#np-panel-showcase .np-pg-benefits li::after{content:none}
#np-panel-showcase .np-pg-icon{color:#366347;border:1px solid #d9e4d3;border-radius:7px;width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;font-size:17px;line-height:1}
#np-panel-showcase .np-pg-benefits strong{font-size:12px;font-weight:650;line-height:1.55;display:block}
#np-panel-showcase .np-pg-benefits p{font-size:12px;line-height:1.7;color:var(--np-pg-muted);margin:5px 0 0}
#np-panel-showcase .np-pg-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
#np-panel-showcase .np-pg-links a{display:inline-flex;align-items:center;gap:13px;line-height:1.6;font-size:12px;font-weight:600;border-bottom:1px solid #a4b7a2;padding-bottom:3px}
#np-panel-showcase .np-pg-links a:hover{color:#327449;border-color:#327449}
#np-panel-showcase .np-pg-gallery{min-width:0}
#np-panel-showcase .np-pg-window{border:1px solid #d3ded0;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 18px 50px #193f2910}
#np-panel-showcase .np-pg-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:#edf2e9;border-bottom:1px solid #dbe5d5;font-size:10px;color:#435b3e}
#np-panel-showcase .np-pg-bar>span:first-child{display:flex;gap:5px}
#np-panel-showcase .np-pg-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#b7c8ae}
#np-panel-showcase .np-pg-bar i:first-child{background:#82a275}
#np-panel-showcase .np-pg-open{display:block;padding:0;position:relative;width:100%;aspect-ratio:1.65;background:#fff;border:0;cursor:zoom-in;overflow:hidden;touch-action:pan-y}
#np-panel-showcase .np-pg-open>img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0}
#np-panel-showcase .np-pg-expand{position:absolute;right:12px;bottom:12px;padding:8px 11px;font-size:10px;font-weight:600;background:#103e32ed;color:white;border:1px solid #ffffff40;border-radius:5px;box-shadow:0 2px 7px #173d2320;line-height:1.5}
#np-panel-showcase .np-pg-open:hover .np-pg-expand{background:#28624a}
#np-panel-showcase .np-pg-caption{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:19px 21px;border-top:1px solid #e1e8dc;min-height:112px}
#np-panel-showcase .np-pg-caption-copy{min-width:0}
#np-panel-showcase .np-pg-caption h3{font-size:16px;font-weight:650;letter-spacing:-.025em;line-height:1.3}
#np-panel-showcase .np-pg-caption p{font-size:12px;line-height:1.65;color:var(--np-pg-muted);margin:7px 0 0;max-width:390px}
#np-panel-showcase .np-pg-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
#np-panel-showcase .np-pg-controls:empty{display:none}
#np-panel-showcase .np-pg-controls button{width:42px;height:42px;min-width:42px;padding:0;border-radius:50%;font-size:20px;display:grid;place-items:center}
#np-panel-showcase .np-pg-counter{font:10px monospace;white-space:nowrap;color:#536c4c}
#np-panel-showcase .np-pg-thumbs{display:flex;gap:10px;overflow-x:auto;padding:13px 4px 8px;scrollbar-width:thin;scrollbar-color:#abc09d transparent;overscroll-behavior-x:contain}
#np-panel-showcase .np-pg-thumb{display:block;padding:6px;background:transparent;border:1px solid #d9e3d2;border-radius:8px;min-width:0;flex:0 0 calc((100% - 20px)/3);max-width:240px;text-align:left}
#np-panel-showcase .np-pg-thumb[aria-current="true"]{background:#edf5e3;border-color:#477d46;box-shadow:inset 0 0 0 1px #477d46}
#np-panel-showcase .np-pg-thumb:hover{background:#edf2e7}
#np-panel-showcase .np-pg-thumb img{width:100%;height:52px;object-fit:cover;object-position:top;border:1px solid #e0e6da;border-radius:3px;display:block}
#np-panel-showcase .np-pg-thumb>span{display:flex;gap:8px;align-items:baseline;color:#56754b;padding:8px 3px 4px;line-height:1.3}
#np-panel-showcase .np-pg-thumb small{font:9px monospace}
#np-panel-showcase .np-pg-thumb b{font-family:inherit;font-size:11px;font-weight:550;color:var(--np-pg-ink);line-height:1.4}
#np-panel-showcase .np-pg-note{font-size:11px;line-height:1.6;color:var(--np-pg-muted);margin:6px 0 0}
#np-panel-showcase .np-pg-dialog:not([open]){display:none}
#np-panel-showcase .np-pg-dialog{position:fixed;inset:0;width:min(1400px,calc(100vw - 48px));max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #c9d6c1;border-radius:14px;color:var(--np-pg-ink);background:var(--np-pg-paper);box-shadow:0 30px 100px #0008;overflow:hidden;font:inherit;text-align:left}
#np-panel-showcase .np-pg-dialog[open]{display:flex;flex-direction:column}
#np-panel-showcase .np-pg-dialog::backdrop{background:#081e19d9;backdrop-filter:blur(5px)}
#np-panel-showcase .np-pg-dialog-head{padding:18px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--np-pg-line);flex-shrink:0}
#np-panel-showcase .np-pg-dialog-head h3{font-size:20px;line-height:1.3;font-weight:650;letter-spacing:-.025em}
#np-panel-showcase .np-pg-dialog-head .np-pg-eyebrow{font-size:9px;margin-bottom:6px}
#np-panel-showcase .np-pg-close{width:44px;height:44px;border-radius:50%;font-size:28px;flex-shrink:0;padding:0}
#np-panel-showcase .np-pg-dialog-image{overflow:auto;min-height:0;background:#e5ebe1;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
#np-panel-showcase .np-pg-dialog-image img{display:block;width:100%;height:auto;max-height:calc(100vh - 230px);max-height:calc(100dvh - 230px);object-fit:contain;margin:0 auto;background:#fff}
#np-panel-showcase .np-pg-dialog-image.np-pg-actual img{width:auto;max-width:none;height:auto;max-height:none;margin:0}
#np-panel-showcase .np-pg-dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;border-top:1px solid var(--np-pg-line);flex-shrink:0}
#np-panel-showcase .np-pg-zoom{padding:10px 13px;min-height:42px;border-radius:5px;font-size:12px}
#np-panel-showcase .np-pg-hint{font-size:10px;color:var(--np-pg-muted)}
@media(max-width:1100px){
  #np-panel-showcase .np-pg-layout{grid-template-columns:280px minmax(0,1fr);gap:30px}
  #np-panel-showcase .np-pg-intro h2{font-size:37px}
  #np-panel-showcase .np-pg-caption{gap:12px;min-height:125px;padding:16px}
  #np-panel-showcase .np-pg-controls{gap:6px}
  #np-panel-showcase .np-pg-thumb>span{gap:5px}
}
@media(max-width:800px){
  #np-panel-showcase{padding:55px 0}
  #np-panel-showcase .np-pg-layout{grid-template-columns:1fr;gap:30px}
  #np-panel-showcase .np-pg-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
  #np-panel-showcase .np-pg-eyebrow{grid-column:1/-1}
  #np-panel-showcase .np-pg-intro h2,#np-panel-showcase .np-pg-lead{grid-column:1}
  #np-panel-showcase .np-pg-benefits{grid-column:2;grid-row:2/5;gap:17px;margin:0}
  #np-panel-showcase .np-pg-links{grid-column:1}
  #np-panel-showcase .np-pg-caption{min-height:100px}
  #np-panel-showcase .np-pg-thumb{max-width:none}
  #np-panel-showcase .np-pg-thumb img{height:60px}
  #np-panel-showcase .np-pg-dialog-head{padding:16px}
  #np-panel-showcase .np-pg-dialog-foot{padding:12px 16px}
  #np-panel-showcase .np-pg-hint{display:none}
}
@media(max-width:600px){
  #np-panel-showcase{padding:44px 0}
  #np-panel-showcase .np-pg-layout{padding:0 18px}
  #np-panel-showcase .np-pg-intro{display:block}
  #np-panel-showcase .np-pg-intro h2{font-size:36px}
  #np-panel-showcase .np-pg-benefits{grid-template-columns:1fr 1fr;gap:22px 18px;margin:25px 0}
  #np-panel-showcase .np-pg-benefits li{display:block}
  #np-panel-showcase .np-pg-icon{margin-bottom:9px}
  #np-panel-showcase .np-pg-bar{font-size:9px;padding:11px 12px}
  #np-panel-showcase .np-pg-open{aspect-ratio:1.5}
  #np-panel-showcase .np-pg-caption{display:block;min-height:167px;padding:17px}
  #np-panel-showcase .np-pg-caption p{min-height:40px}
  #np-panel-showcase .np-pg-caption .np-pg-controls{margin-top:15px;justify-content:space-between}
  #np-panel-showcase .np-pg-expand{font-size:10px;padding:7px 9px;bottom:8px;right:8px}
  #np-panel-showcase .np-pg-thumbs{gap:8px}
  #np-panel-showcase .np-pg-thumb{flex-basis:calc((100% - 16px)/3);padding:4px}
  #np-panel-showcase .np-pg-thumb>span{display:block}
  #np-panel-showcase .np-pg-thumb b{font-size:10px;display:block;margin-top:4px}
  #np-panel-showcase .np-pg-thumb img{height:44px}
  #np-panel-showcase .np-pg-note{font-size:10px}
  #np-panel-showcase .np-pg-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:9px}
  #np-panel-showcase .np-pg-dialog-head h3{font-size:16px}
  #np-panel-showcase .np-pg-dialog-head .np-pg-eyebrow{font-size:8px}
  #np-panel-showcase .np-pg-dialog-image img{max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px)}
  #np-panel-showcase .np-pg-dialog-foot{gap:8px;padding:12px}
  #np-panel-showcase .np-pg-zoom{font-size:11px;padding:8px}
  #np-panel-showcase .np-pg-dialog-head{gap:10px;padding:13px}
}
@media(prefers-reduced-motion:reduce){#np-panel-showcase button{transition:none}}