body{margin:0;font-family:"IBM Plex Sans",system-ui,sans-serif;background:#F3F3F1;color:#121417}
a{color:#8A6D00}a:hover{color:#8F310A}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes scan{0%{top:6%}50%{top:90%}100%{top:6%}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.reveal{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) both}.d1{animation-delay:.12s}.d2{animation-delay:.24s}.d3{animation-delay:.36s}
.lift img.bg{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.lift:hover img.bg{transform:scale(1.06)}
.brand img{opacity:.88;transition:opacity .2s ease}.brand img:hover{opacity:1}
.lift{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.lift:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.18);border-color:#8A6D00 !important}
.scanline{position:absolute;left:4%;right:4%;height:2px;animation:scan 7s ease-in-out infinite}
.marquee{display:flex;width:max-content;animation:marquee 28s linear infinite}
.rec{animation:blink 1.4s steps(2) infinite}
@keyframes sweep{to{transform:rotate(360deg)}}.sweep{animation:sweep 4.5s linear infinite}
@keyframes ring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(3.2);opacity:0}}.ring{animation:ring 2.25s ease-out infinite}
@keyframes blip{0%,4%{opacity:0;transform:scale(.3)}9%{opacity:1;transform:scale(1.15)}60%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(.6)}}.blip{animation:blip 4.5s linear infinite}.b2{animation-delay:1.5s}.b3{animation-delay:3.1s}
@keyframes tgt{0%,8%{opacity:0;transform:scale(1.6)}14%,88%{opacity:1;transform:none}94%,100%{opacity:0}}.tgt{animation:tgt 9s ease-out infinite}
@keyframes pil{0%,30%{opacity:0}36%,88%{opacity:1}94%,100%{opacity:0}}.pil{animation:pil 9s ease-out infinite}
@keyframes dash{to{stroke-dashoffset:-24}}.dash{stroke-dasharray:6 6;animation:dash 1.2s linear infinite,pil 9s ease-out infinite}
@keyframes flow{to{stroke-dashoffset:-180}}.flow{stroke-dasharray:10 8;animation:flow 4s linear infinite}
@keyframes logIn{0%{opacity:0;transform:translateX(-8px)}100%{opacity:1;transform:none}}
@keyframes l1{0%,6%{opacity:0;transform:translateX(-8px)}12%,88%{opacity:1;transform:none}94%,100%{opacity:0}}
@keyframes l2{0%,22%{opacity:0;transform:translateX(-8px)}28%,88%{opacity:1;transform:none}94%,100%{opacity:0}}
@keyframes l3{0%,36%{opacity:0;transform:translateX(-8px)}42%,88%{opacity:1;transform:none}94%,100%{opacity:0}}
.l1{animation:l1 9s ease-out infinite}.l2{animation:l2 9s ease-out infinite}.l3{animation:l3 9s ease-out infinite}
@supports (animation-timeline: view()){.in{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 32%}}
@media (prefers-reduced-motion: reduce){.reveal,.scanline,.marquee,.rec,.sweep,.ring,.blip,.tgt,.pil,.dash,.flow,.l1,.l2,.l3,.in,.bounce{animation:none !important;opacity:1}.lift{transition:none}}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px;box-sizing:border-box}
nav a{position:relative}nav a::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:#F5C518;transition:width .25s ease}nav a:hover::after{width:100%}
a[style*="background"]{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}a[style*="background"]:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.22)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #F5C518;outline-offset:3px}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}.bounce{animation:bounce 1.8s ease-in-out infinite}
.fab{transition:transform .2s ease,box-shadow .2s ease}.fab:hover{transform:translateY(-3px) scale(1.03)}
details{border-bottom:1px solid #DADAD6}details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;font-size:17px;color:#121417}details summary::-webkit-details-marker{display:none}details summary::after{content:"+";flex:0 0 auto;font-size:24px;line-height:1;color:#8A6D00;transition:transform .25s ease}details[open] summary::after{transform:rotate(45deg)}details p{margin:0 0 20px;color:#45484E;line-height:1.6;font-size:16px}
@media (max-width:860px){.wrap{padding:0 20px}.hero-title{font-size:42px !important}.h2{font-size:34px !important}.hide-sm{display:none !important}}

html{scroll-behavior:smooth}body{margin:0;background:#F3F3F1;color:#121417;font-family:'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
nav.main{display:flex;gap:20px;font-size:15px}nav.main a[aria-current="page"]{color:#F5C518}nav.main a.sm-only{display:none}
.menu-btn{display:none;width:44px;height:44px;border:1px solid #3A3E45;border-radius:6px;background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}.menu-btn span{display:block;width:20px;height:2px;background:#F3F3F1;border-radius:2px}
@media (max-width:1100px){nav.main{gap:14px;font-size:14px}}
@media (max-width:900px){nav.main{display:none}.menu-btn{display:flex}body.nav-open nav.main{display:flex;flex-direction:column;position:absolute;top:76px;left:0;right:0;background:#0D0D0D;padding:18px 24px 24px;gap:16px;border-bottom:1px solid #1F2329;font-size:17px}body.nav-open nav.main a.sm-only{display:block}header .cta{display:none !important}}
@media (max-width:900px){.wrap{padding:0 24px}}