:root{
--orange:#ff7a00;--green:#16a34a;--dark:#111619;--dark2:#202629;--white:#fff;--font:Inter,Arial,sans-serif;
--base-font-size:16px;--header-h:98px;--menu-h:114px;--mobile-thumbs-h:82px;--side-w:150px;
--header-opacity:.96;--menu-opacity:.97;--logo-d-w:420px;--logo-d-h:84px;--logo-m-w:240px;--logo-m-h:82px;
--logo-x:0px;--logo-y:0px;--header-bg-size:cover;--header-bg-position:center center;
--header-button-bg:#fff;--header-button-text:#16a34a;--header-button-border:#16a34a;--header-button-radius:11px;
--header-button-font-d:16px;--header-button-font-m:9px;--header-button-icon:25px;--header-button-width-d:215px;--header-button-width-m:120px;
--header-button-left-x:0px;--header-button-right-x:0px;
--hero-bg:#091012;--hero-overlay:.33;--hero-transition-d:450ms;--hero-transition-m:350ms;--hero-transition:var(--hero-transition-d);--hero-transition-zoom:1.015;--explore-bg:rgba(17,22,25,.87);--explore-text:#fff;--explore-border:#ff7a00;--explore-arrow:#16a34a;
--explore-radius:999px;--explore-font-d:16px;--explore-font-m:13px;--explore-x-d:4%;--explore-y-d:8%;--explore-x-m:50%;--explore-y-m:12px;
--explore-width-d:auto;--explore-width-m:210px;
--desktop-thumb-fit:contain;--mobile-thumb-fit:cover;--desktop-thumb-bg:#0d1214;--mobile-thumb-bg:#fff;
--desktop-thumb-padding:2px;--mobile-thumb-padding:0px;--desktop-thumb-gap:0px;--mobile-thumb-gap:3px;
--thumb-active:#ff7a00;--thumb-active-width:2px;
--menu-icon-d:32px;--menu-text-d:13px;--menu-icon-m:29px;--menu-text-m:10px;--menu-font:inherit;--menu-weight:800;
--menu-selected-scale:1.12;--menu-animation:280ms;--menu-selected-radius:15px;--menu-selected-lift:4px;--menu-text:#fff;--menu-divider:rgba(255,255,255,.14);
--pmac-app-h:100svh;--mobile-lock-font:Arial,Helvetica,sans-serif;--mobile-header-button-h:44px;--mobile-menu-label-h:33px;--mobile-selected-lift:4px;--desktop-menu-row-gap:4px;
--selected-text:#101416;--selected-icon:#16a34a;
--footer-min-h:220px;--footer-logo-w:280px;--footer-text-size:16px;--footer-text:#3c4346;--footer-social-bg:#555;--footer-social-text:#fff;
--footer-bg-size:cover;--footer-bg-position:center bottom
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none}html,body{margin:0;min-height:100%;font-family:var(--font);font-size:var(--base-font-size);background:#fff;color:#161b1d}body{padding-top:var(--header-h);padding-bottom:var(--menu-h)}a{text-decoration:none;color:inherit}img,video{display:block;max-width:100%}
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:100;display:grid;grid-template-columns:1fr minmax(220px,420px) 1fr;align-items:center;padding:7px 2.5vw;background-color:rgba(255,255,255,var(--header-opacity));background-image:var(--header-bg);background-position:var(--header-bg-position);background-size:var(--header-bg-size);background-repeat:no-repeat;backdrop-filter:blur(10px);border-bottom:1px solid #e8e8e8;overflow:hidden}
.brand{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-width:0;overflow:hidden;transform:translate(var(--logo-x),var(--logo-y))}.brand img{display:block;width:min(100%,var(--logo-d-w));height:min(100%,var(--logo-d-h));max-width:var(--logo-d-w);max-height:var(--logo-d-h);object-fit:contain;object-position:center}
.head-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:var(--header-button-width-d);min-width:0;padding:12px 17px;border:1.5px solid var(--header-button-border);border-radius:var(--header-button-radius);background:color-mix(in srgb,var(--header-button-bg) 88%,transparent);color:var(--header-button-text);font-size:var(--header-button-font-d);font-weight:800}.head-btn.left{justify-self:start;transform:translateX(var(--header-button-left-x))}.head-btn.right{justify-self:end;transform:translateX(var(--header-button-right-x))}.head-btn svg{width:var(--header-button-icon);height:var(--header-button-icon)}
.hero-shell{height:calc(100svh - var(--header-h) - var(--menu-h));min-height:480px;display:grid;grid-template-columns:minmax(0,1fr) min(var(--side-w),calc((100svh - var(--header-h) - var(--menu-h))/4));background:var(--hero-bg);overflow:hidden}.hero{position:relative;min-width:0;height:100%;overflow:hidden}.hero-media{position:absolute;inset:0;overflow:hidden;background:var(--hero-bg);isolation:isolate}.hero-visual{position:absolute;inset:0;overflow:hidden;opacity:0;z-index:0;pointer-events:none;transition:opacity var(--hero-transition) cubic-bezier(.4,0,.2,1);will-change:opacity}.hero-visual.is-current{opacity:1;z-index:1}.hero-visual.is-entering{opacity:1;z-index:2}.hero-visual.is-leaving{opacity:0;z-index:1}.hero-visual img,.hero-visual video{width:100%;height:100%;transform:scale(var(--hero-to-scale,1));transform-origin:center center;will-change:transform}.hero-visual.is-entering>img,.hero-visual.is-entering>video{animation:pmacHeroSettle var(--hero-transition) cubic-bezier(.4,0,.2,1) both}@keyframes pmacHeroSettle{from{transform:scale(var(--hero-from-scale,1.015))}to{transform:scale(var(--hero-to-scale,1))}}.hero-media:after{content:"";position:absolute;inset:0;z-index:5;background:rgba(0,0,0,var(--hero-overlay));mask-image:linear-gradient(180deg,transparent 0 66%,#000 100%);pointer-events:none}
.explore{position:absolute;z-index:3;left:var(--explore-x-d);bottom:var(--explore-y-d);display:flex;align-items:center;justify-content:center;gap:26px;width:var(--explore-width-d);padding:16px 30px;border:1.5px solid var(--explore-border);border-radius:var(--explore-radius);background:var(--explore-bg);color:var(--explore-text);font-size:var(--explore-font-d);font-weight:900}.explore b{color:var(--explore-arrow);font-size:25px}
.side-thumbs{height:100%;display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:0;overflow:hidden;background:transparent}.thumb{border:0;padding:0;background:transparent;position:relative;cursor:pointer;min-height:0;overflow:hidden}.side-thumbs .thumb{border-left:1px solid #ffffff22;border-bottom:1px solid #ffffff22;padding:0;background:transparent}.thumb img{width:100%;height:100%;object-position:var(--thumb-position,50% 50%);filter:brightness(.82)}.side-thumbs .thumb img{object-fit:contain;background:transparent}.thumb.active img{filter:none}.thumb.active:after{content:"";position:absolute;inset:0;border:var(--thumb-active-width) solid var(--thumb-active);pointer-events:none}.mobile-thumbs{display:none}
.bottom-menu{position:fixed;z-index:110;left:0;right:0;bottom:0;height:var(--menu-h);display:grid;grid-template-columns:repeat(8,minmax(0,1fr));background:rgba(17,22,25,var(--menu-opacity));backdrop-filter:blur(10px);color:var(--menu-text);border-top:1px solid #ffffff22}.menu-item{border:0;border-right:1px solid var(--menu-divider);background:transparent;color:var(--item-text-color,var(--menu-text));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;cursor:pointer;padding:8px 4px;font-family:var(--menu-font);font-weight:var(--item-font-weight,var(--menu-weight));transform-origin:center bottom;transition:transform var(--menu-animation) ease,box-shadow var(--menu-animation) ease}.menu-item svg,.menu-item img{width:var(--item-icon-size,var(--menu-icon-d));height:var(--item-icon-size,var(--menu-icon-d));object-fit:contain}.menu-item:nth-child(odd) svg{color:var(--orange)}.menu-item:nth-child(even) svg{color:var(--green)}.menu-item.has-custom-color svg{color:var(--icon-custom)!important}.menu-item>.menu-label{font-size:var(--item-text-size,var(--menu-text-d));font-weight:inherit;text-align:center;line-height:1.06;color:inherit;display:grid;grid-template-rows:repeat(2,1fr);align-items:center;justify-items:center;min-height:2.12em}.menu-item .menu-line{display:block;white-space:nowrap;line-height:1.06}.menu-item.active{background:var(--white);color:var(--item-active-text,var(--selected-text));border-radius:var(--menu-selected-radius) var(--menu-selected-radius) 0 0;transform:translateY(calc(var(--menu-selected-lift) * -1)) scale(var(--menu-selected-scale));box-shadow:0 -12px 30px #0002;z-index:3}.menu-item.active svg{color:var(--item-active-icon,var(--selected-icon))}.menu-item.active:after{content:"";position:absolute;height:4px;left:28%;right:28%;bottom:0;background:linear-gradient(90deg,var(--green) 0 48%,var(--orange) 52%)}.menu-item.menu-enter{animation:pmacMenuZoomIn var(--menu-animation) ease both}.menu-item.menu-exit{background:transparent;color:var(--item-text-color,var(--menu-text));border-radius:0;z-index:2;animation:pmacMenuZoomOut var(--menu-animation) ease both}@keyframes pmacMenuZoomIn{from{transform:translateY(0) scale(1)}to{transform:translateY(calc(var(--menu-selected-lift) * -1)) scale(var(--menu-selected-scale))}}@keyframes pmacMenuZoomOut{from{transform:translateY(calc(var(--menu-selected-lift) * -1)) scale(var(--menu-selected-scale));box-shadow:0 -12px 30px #0002}to{transform:translateY(0) scale(1);box-shadow:none}}
.site-footer{min-height:var(--footer-min-h);padding:38px 7vw 48px;display:grid;grid-template-columns:310px 1fr 280px;gap:40px;align-items:center;background-color:#fff;background-image:var(--footer-bg);background-position:var(--footer-bg-position);background-size:var(--footer-bg-size);background-repeat:no-repeat;color:var(--footer-text);font-size:var(--footer-text-size)}.site-footer>img{width:var(--footer-logo-w)}.footer-copy,.footer-social{border-left:1px solid #cfd2d0;padding-left:35px}.socials{display:flex;gap:10px}.socials a{width:39px;height:39px;border-radius:50%;background:var(--footer-social-bg);color:var(--footer-social-text);display:grid;place-items:center;font-weight:900}.copyright{grid-column:1/-1;text-align:center}.page{max-width:1100px;margin:40px auto;padding:30px}.card{background:#fff;border:1px solid #e5e7eb;padding:28px;border-radius:16px;box-shadow:0 20px 60px #0001}
@media(max-width:920px),(max-width:1200px) and (orientation:portrait){:root{--header-h:135px;--menu-h:96px;--side-w:0px;--hero-transition:var(--hero-transition-m)}body{padding-bottom:var(--menu-h)}.site-header{grid-template-columns:1fr minmax(130px,1.55fr) 1fr;padding:12px;overflow:hidden}.brand img{width:min(100%,var(--logo-m-w));height:min(100%,var(--logo-m-h));max-width:var(--logo-m-w);max-height:var(--logo-m-h)}.head-btn{width:var(--header-button-width-m);padding:10px 5px;gap:5px;font-size:var(--header-button-font-m);line-height:1.15;text-align:center}.head-btn svg{width:var(--header-button-icon);height:var(--header-button-icon)}.hero-shell{height:calc(100svh - var(--header-h) - var(--menu-h));min-height:520px;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) var(--mobile-thumbs-h)!important;overflow:hidden}.hero{height:auto}.side-thumbs{display:none!important}.mobile-thumbs{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));height:var(--mobile-thumbs-h);background:var(--mobile-thumb-bg);padding:4px;gap:var(--mobile-thumb-gap);position:relative;z-index:6;overflow:hidden}.mobile-thumbs .thumb{border:0;border-radius:5px;overflow:hidden;padding:var(--mobile-thumb-padding);background:var(--mobile-thumb-bg)}.mobile-thumbs .thumb img{object-fit:var(--thumb-fit,var(--mobile-thumb-fit));background:var(--mobile-thumb-bg)}.explore{left:var(--explore-x-m);bottom:var(--explore-y-m);transform:translateX(-50%);width:var(--explore-width-m);padding:13px 24px;font-size:var(--explore-font-m);z-index:8}.bottom-menu .menu-item svg,.bottom-menu .menu-item img{width:var(--item-icon-size,var(--menu-icon-m));height:var(--item-icon-size,var(--menu-icon-m))}.bottom-menu .menu-item>.menu-label{font-size:var(--item-text-size,var(--menu-text-m));max-width:62px}.bottom-menu .menu-item{gap:5px;padding:5px 1px}.site-footer{display:block;text-align:center;padding:38px 25px 125px}.footer-copy,.footer-social{border:0;padding:0;margin-top:25px}.site-footer>img{margin:auto}.socials{justify-content:center}}
@media(max-width:450px),(max-width:700px) and (orientation:portrait){:root{--header-h:135px;--menu-h:94px;--mobile-thumbs-h:72px}.head-btn{font-size:calc(var(--header-button-font-m) * .9)}.brand img{max-height:min(var(--logo-m-h),94px)}.explore{font-size:calc(var(--explore-font-m) * .95)}.bottom-menu .menu-item>.menu-label{font-size:var(--item-text-size,var(--menu-text-m));max-width:62px}.bottom-menu .menu-item svg,.bottom-menu .menu-item img{width:calc(var(--item-icon-size,var(--menu-icon-m)) * .92);height:calc(var(--item-icon-size,var(--menu-icon-m)) * .92)}}


/* PATCH 1.4 — MASTER MOBILE LAYOUT LOCK
   Keeps the approved mobile composition stable across Android/iOS browsers,
   device font settings, text auto-sizing and browser-toolbar height changes. */
@media (max-width:920px), (max-width:1200px) and (orientation:portrait){
  body.mobile-layout-locked{
    --menu-selected-lift:var(--mobile-selected-lift);
    padding-top:var(--header-h);
    padding-bottom:var(--menu-h);
    overflow-x:hidden;
  }
  body.mobile-layout-locked,
  body.mobile-layout-locked button,
  body.mobile-layout-locked a,
  body.mobile-layout-locked .site-header,
  body.mobile-layout-locked .explore,
  body.mobile-layout-locked .mobile-thumbs,
  body.mobile-layout-locked .bottom-menu{
    font-family:var(--mobile-lock-font)!important;
    font-synthesis:none!important;
    letter-spacing:0!important;
    text-rendering:geometricPrecision;
  }
  html.mobile-text-lock{
    -webkit-text-size-adjust:none!important;
    text-size-adjust:none!important;
  }
  body.mobile-layout-locked .site-header{
    height:var(--header-h)!important;
    min-height:var(--header-h)!important;
    max-height:var(--header-h)!important;
    grid-template-columns:minmax(86px,1fr) minmax(138px,1.55fr) minmax(86px,1fr)!important;
    padding:12px!important;
  }
  body.mobile-layout-locked .brand{
    min-width:0!important;
    overflow:hidden!important;
  }
  body.mobile-layout-locked .brand img{
    width:var(--logo-m-w)!important;
    height:var(--logo-m-h)!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  body.mobile-layout-locked .head-btn{
    width:min(100%,var(--header-button-width-m))!important;
    height:var(--mobile-header-button-h)!important;
    min-height:var(--mobile-header-button-h)!important;
    max-height:var(--mobile-header-button-h)!important;
    padding:7px 5px!important;
    gap:5px!important;
    font-size:var(--header-button-font-m)!important;
    line-height:1.05!important;
    font-weight:800!important;
    overflow:hidden!important;
  }
  body.mobile-layout-locked .head-btn span{
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
  body.mobile-layout-locked .head-btn svg{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
  }
  body.mobile-layout-locked .hero-shell{
    height:calc(var(--pmac-app-h) - var(--header-h) - var(--menu-h))!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) var(--mobile-thumbs-h)!important;
    overflow:hidden!important;
  }
  body.mobile-layout-locked .hero{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  body.mobile-layout-locked .hero-media,
  body.mobile-layout-locked .hero-media img,
  body.mobile-layout-locked .hero-media video{
    min-height:0!important;
  }
  body.mobile-layout-locked .explore{
    left:var(--explore-x-m)!important;
    bottom:var(--explore-y-m)!important;
    width:var(--explore-width-m)!important;
    min-height:50px!important;
    padding:12px 20px!important;
    font-size:var(--explore-font-m)!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body.mobile-layout-locked .mobile-thumbs{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    width:100%!important;
    height:var(--mobile-thumbs-h)!important;
    min-height:var(--mobile-thumbs-h)!important;
    max-height:var(--mobile-thumbs-h)!important;
    padding:4px!important;
    gap:var(--mobile-thumb-gap)!important;
    overflow:hidden!important;
  }
  body.mobile-layout-locked .mobile-thumbs .thumb{
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
  }
  body.mobile-layout-locked .mobile-thumbs .thumb img{
    width:100%!important;
    height:100%!important;
  }
  body.mobile-layout-locked .bottom-menu{
    height:var(--menu-h)!important;
    min-height:var(--menu-h)!important;
    max-height:var(--menu-h)!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    overflow:visible!important;
  }
  body.mobile-layout-locked .bottom-menu .menu-item{
    min-width:0!important;
    height:var(--menu-h)!important;
    min-height:var(--menu-h)!important;
    max-height:var(--menu-h)!important;
    padding:5px 1px!important;
    gap:4px!important;
    line-height:1!important;
  }
  body.mobile-layout-locked .bottom-menu .menu-item svg,
  body.mobile-layout-locked .bottom-menu .menu-item img{
    width:var(--item-icon-size,var(--menu-icon-m))!important;
    height:var(--item-icon-size,var(--menu-icon-m))!important;
    flex:0 0 auto!important;
  }
  body.mobile-layout-locked .bottom-menu .menu-item>.menu-label{
    display:grid!important;
    grid-template-rows:repeat(2,1fr)!important;
    align-items:center!important;
    justify-items:center!important;
    width:100%!important;
    max-width:62px!important;
    height:var(--mobile-menu-label-h)!important;
    min-height:var(--mobile-menu-label-h)!important;
    max-height:var(--mobile-menu-label-h)!important;
    overflow:visible!important;
    font-size:var(--item-text-size,var(--menu-text-m))!important;
    line-height:1.02!important;
    font-weight:var(--item-font-weight,var(--menu-weight))!important;
  }
  body.mobile-layout-locked .bottom-menu .menu-line{
    display:block!important;
    white-space:nowrap!important;
    line-height:1.02!important;
  }
  body.mobile-layout-locked .menu-item.active{
    transform:translateY(calc(var(--mobile-selected-lift) * -1)) scale(var(--menu-selected-scale))!important;
  }
}
@media (max-width:450px), (max-width:700px) and (orientation:portrait){
  body.mobile-layout-locked .head-btn{font-size:var(--header-button-font-m)!important}
  body.mobile-layout-locked .brand img{max-height:100%!important}
  body.mobile-layout-locked .explore{font-size:var(--explore-font-m)!important}
  body.mobile-layout-locked .bottom-menu .menu-item>.menu-label{font-size:var(--item-text-size,var(--menu-text-m))!important;max-width:62px!important}
  body.mobile-layout-locked .bottom-menu .menu-item svg,
  body.mobile-layout-locked .bottom-menu .menu-item img{width:var(--item-icon-size,var(--menu-icon-m))!important;height:var(--item-icon-size,var(--menu-icon-m))!important}
}


/* PATCH 1.5 — COMPACT MOBILE HEADER + FIXED TWO-ROW MENU LABELS */
@media (max-width:920px), (max-width:1200px) and (orientation:portrait){
  body.mobile-layout-locked .head-btn{
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    font-size:var(--header-button-font-m)!important;
  }
  body.mobile-layout-locked .head-btn span{white-space:nowrap!important}
  .menu-item>.menu-label{
    display:grid!important;
    grid-template-rows:repeat(2,1fr)!important;
    align-items:center!important;
    justify-items:center!important;
  }
  .menu-item .menu-line{white-space:nowrap!important}
}


/* PATCH 1.7 — COMPACT HEADER, FULL SINGLE-LINE HEADER LABELS,
   AND MORE SPACE BETWEEN DESKTOP MENU TEXT ROWS */
@media (min-width:921px) and (orientation:landscape){
  .site-header{
    grid-template-columns:minmax(230px,1fr) minmax(260px,420px) minmax(230px,1fr);
  }
  .head-btn{
    width:var(--header-button-width-d);
    flex-wrap:nowrap;
    white-space:nowrap;
  }
  .head-btn span{
    display:block;
    min-width:0;
    white-space:nowrap;
    line-height:1;
  }
  .menu-item>.menu-label{
    row-gap:var(--desktop-menu-row-gap);
    min-height:calc(2em + var(--desktop-menu-row-gap));
    line-height:1;
  }
  .menu-item .menu-line{line-height:1;}
}
@media (max-width:920px), (max-width:1200px) and (orientation:portrait){
  body.mobile-layout-locked .site-header{
    grid-template-columns:30% 40% 30%!important;
    column-gap:3px!important;
    padding:6px 8px!important;
  }
  body.mobile-layout-locked .brand img{
    width:min(100%,var(--logo-m-w))!important;
    height:min(100%,var(--logo-m-h))!important;
  }
  body.mobile-layout-locked .head-btn{
    width:min(100%,var(--header-button-width-m))!important;
    height:var(--mobile-header-button-h)!important;
    min-height:var(--mobile-header-button-h)!important;
    max-height:var(--mobile-header-button-h)!important;
    padding:5px 4px!important;
    gap:3px!important;
    font-size:clamp(7.2px,2.15vw,var(--header-button-font-m))!important;
    line-height:1!important;
  }
  body.mobile-layout-locked .head-btn span{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
  body.mobile-layout-locked .head-btn svg{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
  }
}