/* Orcero home: built from the approved "Job done. Invoice ready." concept (issue #260). */
body{margin:0;background:#fbf9fd}
a{color:#6a22bd}a:hover{color:#351833}
a:focus-visible,button:focus-visible{outline:3px solid #ff7a59;outline-offset:3px;border-radius:6px}
.oc-btn:hover{background:#4a2147 !important}
.oc-btn-coral:hover{background:#ff8f73 !important}
.oc-ghost:hover{background:#efe6f8 !important}
.oc-nav a{text-decoration:none}
.oc-nav a:hover{color:#6a22bd !important}
@media (prefers-reduced-motion: no-preference){
@keyframes ocIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ocPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,122,89,.55)}50%{box-shadow:0 0 0 6px rgba(255,122,89,0)}}
.oc-l1{animation:ocIn .5s ease-out .6s both}
.oc-l2{animation:ocIn .5s ease-out 1.3s both}
.oc-l3{animation:ocIn .5s ease-out 2.0s both}
.oc-l4{animation:ocIn .5s ease-out 2.7s both}
.oc-live{animation:ocPulse 2s ease-in-out infinite}
}
@media (max-width: 720px){
.oc-stage{padding:0 !important}
.oc-phone-hero{margin:0 auto !important}
.oc-hide-sm{display:none !important}
}
.oc-pay{display:inline-block;height:1.3em;overflow:hidden;vertical-align:bottom}
.oc-pay-list{display:flex;flex-direction:column}
.oc-pay-list>span{height:1.3em;line-height:1.3em;display:block;color:#6a22bd}
@media (prefers-reduced-motion: no-preference){
@keyframes ocPay{0.00%,13.33%{transform:translateY(-0.0em)}16.67%,30.00%{transform:translateY(-1.3em)}33.33%,46.67%{transform:translateY(-2.6em)}50.00%,63.33%{transform:translateY(-3.9000000000000004em)}66.67%,80.00%{transform:translateY(-5.2em)}83.33%,96.67%{transform:translateY(-6.5em)}100%{transform:translateY(-7.800000000000001em)}}
.oc-pay-list{animation:ocPay 12s cubic-bezier(.7,0,.3,1) infinite}
}
.oc-toasts{position:absolute;top:34px;left:8px;right:8px;height:68px;z-index:5;pointer-events:none}
.oc-toast{position:absolute;inset:0;opacity:0}
.oc-toast-1{opacity:1}
@media (prefers-reduced-motion: no-preference){
@keyframes ocToast{0%{opacity:0;transform:translateY(-24px)}3%{opacity:1;transform:none}20%{opacity:1;transform:none}24%{opacity:0;transform:translateY(-24px)}100%{opacity:0;transform:translateY(-24px)}}
.oc-toast{animation:ocToast 16s ease-out infinite}
.oc-toast-1{opacity:0}
.oc-toast-2{animation-delay:4s}.oc-toast-3{animation-delay:8s}.oc-toast-4{animation-delay:12s}
}
@media (min-width: 940px){.oc-img-left{order:-1}}
a{text-decoration:none}
footer a:hover{color:#ffb39f !important}
.oc-hdr-link{color:#eadcf2 !important;padding:9px 14px;border-radius:999px;transition:background .15s,color .15s}
.oc-hdr-link:hover{background:#4a2147;color:#ffffff !important}
@media (max-width: 760px){.oc-hdr-nav{display:none !important}}

/* Header: floating pill at the top, a solid full-width bar flush to the top once the page scrolls (public/js/home.js) */
.fi-hdr,.fi-hdr-bar{transition:padding .2s ease,background-color .2s ease,border-radius .2s ease,max-width .2s ease,box-shadow .2s ease}
.fi-hdr.is-scrolled{padding:0 !important;background:#351833}
.fi-hdr.is-scrolled .fi-hdr-bar{max-width:100% !important;border-radius:0 !important;box-shadow:none !important;padding:15px max(16px,calc((100% - 1240px) / 2 + 8px)) !important}
@media (prefers-reduced-motion: reduce){.fi-hdr,.fi-hdr-bar{transition:none}}

.skip-link{position:absolute;left:16px;top:-60px;z-index:60;background:#ffffff;color:#351833;padding:10px 16px;border-radius:999px;font-weight:600}
.skip-link:focus{top:12px}

/* Cookie notice (shared partial) */
.cookie-notice{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;margin-left:auto;background:#ffffff;color:#2a1028;border:1px solid #e3d9ec;border-radius:20px;padding:20px 22px;box-shadow:0 24px 50px -20px rgba(42,16,40,.4);display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.5}
.cookie-notice[hidden]{display:none}
.cookie-notice h2{margin:0 0 6px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:19px;letter-spacing:-.01em}
.cookie-notice p{margin:0 0 6px}
.cookie-notice .cookie-detail{color:#5e4a5c;font-size:14px}
.cookie-notice a{color:#6a22bd;font-weight:600;text-decoration:none}
.cookie-notice .button{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#351833;color:#ffffff;border:0;border-radius:999px;padding:11px 20px;font:inherit;font-weight:600;cursor:pointer}
.cookie-notice .button:hover{background:#4a2147}
.text-button{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:none;cursor:pointer}