:root{font-family:Inter,Arial,sans-serif;color:#111310;background:#f5f5f0;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0}
.page{min-height:100svh;max-width:1920px;margin:auto;display:flex;flex-direction:column;padding:38px 4.5vw 28px;overflow:hidden}
.header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;font-weight:500;letter-spacing:-.02em}
.eyebrow{color:#66695f}
.status{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #d9dcd1;border-radius:30px;white-space:nowrap}
.status-dot{width:6px;height:6px;background:#708735;border-radius:50%;box-shadow:0 0 0 4px #7087350d;animation:pulse 3s ease-in-out infinite}
main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:110px 0 120px}
.hero{position:relative;z-index:1;width:min(100%,1080px)}
.brand{width:100%;aspect-ratio:1072/276;overflow:hidden;position:relative;mix-blend-mode:multiply;animation:appear 1.2s cubic-bezier(.2,.7,.2,1) both}
.brand img{position:absolute;width:179.10448%;max-width:none;height:auto;left:-39.64552%;top:-72.10145%;display:block}
.hero-bottom{display:flex;align-items:flex-start;gap:28px;margin-top:55px;animation:appear 1.2s .2s cubic-bezier(.2,.7,.2,1) both}
h1{max-width:690px;font-size:clamp(24px,3.05vw,44px);font-weight:900;line-height:1.16;letter-spacing:-.055em;margin:0}
h1 span{color:#858a7b}
.accent{font-family:Arial,sans-serif;font-size:60px;line-height:1;color:#7d904b;display:inline-block;animation:rotate 28s linear infinite}
.orbit{position:absolute;width:580px;height:580px;border:1px solid #e2e5d9;border-radius:50%;right:-320px;top:calc(50% - 290px);animation:rotate 55s linear infinite}
.orbit:after{content:"";position:absolute;inset:38px;border:1px solid #e8eadf;border-radius:50%}
.orbit span{position:absolute;width:10px;height:10px;border-radius:50%;background:#a1b26e;top:84px;left:84px}
footer{border-top:1px solid #daddd1;padding-top:22px;color:#787c70;font-size:11px}
.footer-right{color:#363a30;white-space:nowrap}.divider{margin:0 15px;color:#a7ad9b}
@keyframes appear{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes rotate{to{transform:rotate(360deg)}}
@keyframes pulse{50%{box-shadow:0 0 0 5px #7087351c}}
@media(min-width:1600px){.hero{width:1120px}}
@media(max-width:650px){.page{padding:24px 24px 22px}.header{font-size:10px;gap:12px}.eyebrow{max-width:120px;line-height:1.5}.status{padding:9px 10px}main{padding:100px 0 110px}.hero-bottom{margin-top:32px;gap:15px}h1{font-size:clamp(25px,6.5vw,40px);max-width:420px}.accent{font-size:38px}.orbit{right:-470px}footer{align-items:flex-end;line-height:1.6;gap:20px}footer>span:first-child{max-width:165px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}

.hero{mix-blend-mode:multiply}