/* Alpaca's own mark leads the page; the supporting brands stay in grayscale. */
.brand{width:158px;min-width:158px;align-items:center;gap:0}
.alpaca-mark{display:block;width:158px;height:48px;overflow:visible}
.brand-sub{margin:0 0 0 9px;letter-spacing:.42em;font-size:10px;color:#194787}
.footer-brand{width:170px}
.footer-brand .alpaca-mark{width:170px;height:52px}
.footer-brand .brand-sub{margin-left:13px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{isolation:isolate}
.hero-photo{background:none;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1000ms ease;pointer-events:none}
.hero-slide.is-active{opacity:1}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% center;transform:scale(1.025);transition:transform 8500ms ease}
.hero-slide.is-active img{transform:scale(1.09)}
.hero:before{pointer-events:none}
.hero-copy{position:relative}
.hero-copy:before{content:"";position:absolute;width:230px;height:230px;border:35px solid rgba(247,182,0,.07);border-radius:50%;left:-145px;top:-115px;z-index:-1}
.hero h1 em{background:linear-gradient(100deg,#0879ee 12%,#2363c7 70%,#076fd6);-webkit-background-clip:text;background-clip:text;color:transparent}
.slider-ui{position:absolute;z-index:4;bottom:28px;right:26px;display:flex;align-items:center;gap:20px;background:rgba(7,28,73,.88);color:#fff;padding:11px 12px 11px 18px;border:1px solid rgba(255,255,255,.19);border-radius:8px;backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(7,28,73,.18)}
.slide-label{display:flex;flex-direction:column;gap:1px;min-width:222px}
.slide-index{color:#94caff;font-size:11px;letter-spacing:.14em;font-weight:850}
.slide-label #slide-caption{font-size:12px;font-weight:700;line-height:1.3}
.slider-controls{display:flex;gap:6px;align-items:center}
.slider-controls>button{width:36px;height:36px;border-radius:4px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:white;font-size:19px;line-height:1}
.slider-controls>button:hover{background:#fff;color:var(--navy)}
.slide-dots{display:flex;gap:5px;align-items:center;padding:0 5px}
.slide-dots button{width:7px;height:7px;padding:0;border:0;border-radius:8px;background:#a7b5cb;transition:width .3s,background .3s}
.slide-dots button.is-active{width:22px;background:#89d332}
.hero-stamp{bottom:116px;right:5.4%;z-index:3;animation:stamp-float 5s ease-in-out infinite}
.button-primary{position:relative;overflow:hidden}
.button-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.24) 47%,transparent 68%);transform:translateX(-145%);transition:transform .8s}
.button-primary:hover:after{transform:translateX(145%)}
.need-option{transition:border .2s,background .2s,transform .2s}
.need-option:hover{transform:translateY(-2px)}
.plan-card{transition:transform .24s,box-shadow .24s}
.plan-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(7,28,73,.14)}
.plan-card.highlighted:hover{box-shadow:0 24px 45px rgba(7,28,73,.23)}
.supporters{padding:72px 0 77px;background:linear-gradient(135deg,#fff 0%,#f2f8ff 55%,#fff 100%);border-bottom:1px solid #e2eaf5;position:relative;overflow:hidden}
.supporters:before{content:"";position:absolute;right:-115px;top:-155px;width:350px;height:350px;border:36px solid rgba(8,121,238,.06);border-radius:50%}
.supporters-head{position:relative;margin-bottom:28px}
.supporters-head .eyebrow{margin-bottom:8px}
.supporters-head h2{font-size:clamp(32px,3.4vw,47px);line-height:1.15;letter-spacing:-.055em;margin:0}
.supporters-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.supporter{height:116px;display:grid;place-items:center;padding:18px;background:#fff;border:1px solid #dfe7f0;border-radius:9px;box-shadow:0 10px 24px rgba(7,28,73,.04);transition:transform .25s,border-color .25s}
.supporter:hover{transform:translateY(-5px);border-color:#b7cbe2}
.supporter svg{display:block;width:100%;max-width:170px;max-height:65px;transition:transform .3s}
.supporter:hover svg{transform:scale(1.045)}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:70;display:inline-flex;align-items:center;gap:10px;padding:12px 17px 12px 13px;border-radius:999px;background:#18a95a;color:#fff;font-size:14px;font-weight:800;box-shadow:0 9px 28px rgba(17,128,67,.3);border:2px solid #fff;transition:transform .2s,background .2s}
.whatsapp-float svg{width:24px;height:24px;flex:none}
.whatsapp-float:hover{transform:translateY(-4px);background:#0e8946}
.whatsapp-float:focus-visible{outline-color:var(--yellow)}
.has-motion .section,.has-motion .supporters{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.has-motion .section.in-view,.has-motion .supporters.in-view{opacity:1;transform:none}
.hero-copy>p,.hero-copy>h1,.hero-actions{animation:rise-in .75s both}
.hero-copy>h1{animation-delay:.13s}.hero-copy>.hero-lead{animation-delay:.23s}.hero-actions{animation-delay:.32s}.hero-copy>.hero-note{animation-delay:.42s}
@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes stamp-float{0%,100%{transform:rotate(10deg) translateY(0)}50%{transform:rotate(6deg) translateY(-8px)}}
@media(max-width:1050px){.slider-ui{right:18px;bottom:18px}.slide-label{min-width:175px}.hero-stamp{right:4%;bottom:102px}}
@media(max-width:750px){
 .brand{width:139px;min-width:139px}.alpaca-mark{width:139px;height:42px}.brand-sub{font-size:8px;margin-left:8px}
 .hero-photo{position:relative;order:2;inset:auto;height:320px}
 .hero-slide img{object-position:62% center}
 .hero:before{display:none}
 .slider-ui{left:16px;right:16px;bottom:14px;justify-content:space-between;gap:8px;padding:8px 9px 8px 12px}
 .slide-label{min-width:0}.slide-label #slide-caption{font-size:11px}
 .slider-controls>button{width:44px;height:44px}
 .slide-dots{gap:4px;padding:0 3px}
 .hero-stamp{display:none}
 .supporters{padding:60px 0}.supporters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .supporter{height:94px}.supporter:last-child{grid-column:1/-1}
 .whatsapp-float{right:15px;bottom:15px;padding:12px 13px}.whatsapp-float span{display:none}
}
@media(max-width:430px){.hero-photo{height:280px}.slide-label #slide-caption{max-width:110px}.slide-dots{display:none}.supporter{height:86px;padding:13px}.supporter svg{max-height:55px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide img,.button-primary:after,.supporter,.supporter svg,.whatsapp-float,.has-motion .section,.has-motion .supporters{transition:none!important}.hero-stamp,.hero-copy>p,.hero-copy>h1,.hero-actions{animation:none!important}.has-motion .section,.has-motion .supporters{opacity:1;transform:none}}
