@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');
:root{--orange:#f5821b;--mineral:#536e60;--warm:#f7f4ed}
body{background:var(--warm)}
.site-header{background:rgba(255,255,255,.96);color:var(--ink);border-bottom:1px solid var(--line)}
.brand{gap:7px;flex-shrink:0}.brand img{width:68px;height:40px;object-fit:contain}.brand span{display:flex;align-items:baseline;gap:4px;font-family:Sora,sans-serif;white-space:nowrap}.brand b{font-size:19px;font-weight:700;letter-spacing:-.055em}.brand small{margin:0;color:inherit;font:400 17px/1.2 Sora,sans-serif;letter-spacing:-.05em}
.intro{background:var(--warm)}.services{margin-top:90px}.engagement-card .watermark{top:auto;bottom:-20px;color:rgba(245,130,27,.32)}
.button-arrow{width:19px;height:19px;object-fit:contain;transition:transform .25s!important}.button:hover .button-arrow,.nav-cta:hover .button-arrow{transform:translateX(4px) rotate(-12deg)}
.reason-card.is-mist{background:#e3ece5}.reason-card.is-amber{background:#f7e9d3}
/* Original hero remains intact; the supplied particles float across the page. */
.warehouse-motion{position:fixed;z-index:20;inset:0;width:100vw;height:100dvh;background:transparent;border:0;pointer-events:none}
/* Hero/video/shade/typography use the original desktop and mobile styles.css rules. */
@media(pointer:fine){body{cursor:url('/assets/qa-cursor-24.png') 5 5,auto}a,button,[role=button],summary,label,select,input[type=checkbox]{cursor:pointer}input,textarea{cursor:text}}
@media(max-width:660px){.brand img{width:52px;height:32px}.brand b{font-size:17px}.brand small{font-size:15px}.services{margin-top:60px}}
