/* Full-width header shell, with the navigation aligned to the page content. */
.header{padding:0!important;display:block;height:74px;position:sticky;top:0;z-index:30;background:#fffffff5;backdrop-filter:blur(12px)}
.header-inner{width:min(1160px,calc(100% - 96px));height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative}
.header nav{margin-left:auto}.motion-toggle{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e5ddd6;background:transparent;color:#665a4f;border-radius:6px;font-size:13px;flex-shrink:0}.motion-toggle:hover{background:#f5eee9}
.hero h1 mark{display:inline-block}.mini-notice{will-change:transform}.tradie-art.motion-visible .notice-left{animation:float-left 6s ease-in-out infinite}.tradie-art.motion-visible .notice-right{animation:float-right 7s ease-in-out infinite}.tradie-art:not(.motion-visible) .mini-notice{animation-play-state:paused}.motion-paused .mini-notice{animation-play-state:paused!important}
@keyframes float-left{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
@keyframes float-right{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-10px) rotate(2deg)}}
.problem-list article{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.problem-list article:hover{transform:translateX(-5px);box-shadow:7px 7px 0 #ffffff0c}.button span{display:inline-block;transition:transform .25s}.button:hover span{transform:translate(3px,-2px)}.offer-card{transition:transform .35s,box-shadow .35s}.offer-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #aa531513}.setup-row .setup-check{transition:transform .3s}.setup-row:hover .setup-check{transform:scale(1.2)}
@media(max-width:1100px){.header-inner{width:calc(100% - 60px);gap:18px}.header nav{gap:19px}}
@media(max-width:900px){.header nav{left:0;right:0;top:73px;border:1px solid #e3d9cf;border-top:0;border-radius:0 0 10px 10px;margin:0}.header-inner{gap:13px}.header .menu-toggle{margin-left:auto}.motion-toggle{order:3}.header nav .button{align-self:stretch}}
@media(max-width:640px){.header-inner{width:calc(100% - 36px)}.header .brand img{width:107px}.hero h1 mark{max-width:100%}.motion-toggle{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.mini-notice{animation:none!important}.problem-list article,.button span,.offer-card,.setup-row .setup-check{transition:none!important}}
.tradie-art.motion-visible .hero-flow-card{animation:hero-flow-float var(--card-speed) ease-in-out var(--card-delay) infinite}
@keyframes hero-flow-float{0%,100%{transform:translateY(0) rotate(var(--card-tilt))}50%{transform:translateY(-7px) rotate(var(--card-tilt))}}
@media(prefers-reduced-motion:reduce){.tradie-art.motion-visible .hero-flow-card{animation:none!important}}