:root{--accent:#39358f;--accent-dark:#302b80;--brand-light:#c0bfff;--brand-silver:#eef0f6}
.button{background:#aaa6f0;border-color:#8983d8;color:#151c38;box-shadow:0 3px 12px #302b8014;transition:background .25s,transform .25s,box-shadow .25s,border-color .25s;position:relative;isolation:isolate;overflow:hidden}
.button:hover{background:#c7c4ff;border-color:#a6a0eb;box-shadow:0 8px 22px #302b8030}
.button-outline{background:transparent;border-color:#b4b6dd80;color:#fff}.button-outline:hover{background:#b7b4ff18;border-color:#c0bfff}
.button-white{background:white;color:var(--navy);border-color:var(--line)}.button-white:hover{background:#eeedf9;color:var(--accent-dark);border-color:#c2bfe6}
.hero em,.page-hero em,.cta em,.fabrication-section em{color:var(--brand-light)}
.hero .eyebrow.light,.proof-symbol,.cta .eyebrow,.fabrication-section .eyebrow.light{color:var(--brand-light)}
.hero .eyebrow i{background:var(--brand-light)}.specification-heading .icon{color:var(--brand-light)}
.detail-whatsapp{color:var(--accent-dark)}.contact-form-link{margin-left:24px}.footer-brand span{color:var(--brand-light)}
.nav-link:after{transition:width .25s}.nav-link:hover:after{content:'';position:absolute;left:0;bottom:20px;width:100%;height:3px;background:var(--accent)}
.button .icon,.text-link .icon,.photo-arrow,.sector-arrow{transition:transform .3s,background .3s,color .3s}
.button:hover .icon,.text-link:hover .icon{transform:translateX(3px)}
.product-card{transition:transform .3s,border-color .3s,box-shadow .3s}.product-photo img{transition:transform .5s}.sector-card{transition:transform .35s,box-shadow .35s}
.material-card{transition:transform .3s,border-color .3s,box-shadow .3s}.material-symbol{transition:color .3s}.faq-list summary{transition:color .2s}.faq-list summary:hover{color:var(--accent)}
.whatsapp-float{background:#aaa6f0;border:1px solid #7770ca;color:#151c38;isolation:isolate;box-shadow:0 5px 24px #302b8045;transition:transform .25s,background .25s,box-shadow .25s}.whatsapp-float:hover{background:#c7c4ff;transform:translateY(-3px);box-shadow:0 8px 30px #302b8050}
.whatsapp-float{padding:16px 22px;gap:11px;border-radius:36px}.whatsapp-float .icon{width:28px;height:28px}.whatsapp-float span{font-size:13px}
@media(max-width:600px){.whatsapp-float{padding:16px;border-radius:50%}.whatsapp-float .icon{width:30px;height:30px}}
@media(hover:hover){.product-card:hover,.material-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #22204e12;border-color:#9792d3}.product-card:hover .product-photo img{transform:scale(1.055)}.product-card:hover .photo-arrow{background:var(--accent);color:white;transform:rotate(-8deg)}.sector-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #111c342b}.sector-card:hover .sector-arrow{transform:translate(3px,-3px)}.material-card:hover .material-symbol{color:var(--accent)}}
@media(prefers-reduced-motion:no-preference){
    .reveal-enter{animation:brand-reveal .7s cubic-bezier(.2,.7,.2,1) backwards}
    .sector-grid>.reveal-enter:nth-child(2),.product-grid>.reveal-enter:nth-child(2),.material-grid>.reveal-enter:nth-child(2),.quote-steps>.reveal-enter:nth-child(2){animation-delay:.09s}
    .sector-grid>.reveal-enter:nth-child(3),.product-grid>.reveal-enter:nth-child(3),.material-grid>.reveal-enter:nth-child(3),.quote-steps>.reveal-enter:nth-child(3){animation-delay:.18s}
    .sector-grid>.reveal-enter:nth-child(4),.product-grid>.reveal-enter:nth-child(4),.quote-steps>.reveal-enter:nth-child(4){animation-delay:.27s}
    .hero-slide:not([hidden]) .hero-content{animation:brand-reveal .7s cubic-bezier(.2,.7,.2,1) both}
    .hero-slide:not([hidden]) .hero-actions{animation:brand-reveal .7s .15s both}
    .button.whatsapp-link:after{content:'';position:absolute;inset:-30% -60%;background:linear-gradient(110deg,transparent 42%,#ffffff20 50%,transparent 58%);transform:translateX(-100%);pointer-events:none}
    .button.whatsapp-link:hover:after{animation:brand-shine .8s ease-out}
    .whatsapp-float:after,.whatsapp-float:before{content:'';position:absolute;inset:-2px;border:2px solid #aaa6f0;border-radius:inherit;pointer-events:none;animation:attention-ring 6s 1s infinite both}
    .whatsapp-float:before{animation-delay:1.45s}
    .whatsapp-float>.icon{animation:whatsapp-nudge 6s 1s infinite}
    .whatsapp-float:hover:after,.whatsapp-float:hover:before,.whatsapp-float:focus-visible:after,.whatsapp-float:focus-visible:before{animation:none;opacity:0}
    .whatsapp-float:hover>.icon,.whatsapp-float:focus-visible>.icon{animation:none}
}
@keyframes brand-reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes brand-shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes attention-ring{0%,65%,100%{opacity:0;transform:scale(1)}10%{opacity:.7}45%{opacity:0;transform:scale(1.16,1.35)}}
@keyframes whatsapp-nudge{0%,4%,20%,100%{transform:rotate(0)}8%,16%{transform:rotate(-12deg)}12%{transform:rotate(12deg)}}
@media(max-width:600px){.contact-form-link{margin:15px 0 0;display:flex}.nav-link:hover:after{bottom:7px;left:8px;width:28px}.hero-actions{align-items:flex-start}.home-slider .hero-actions .button{padding:14px 15px;gap:10px}}
@media(prefers-reduced-motion:reduce){.reveal-enter,.hero-slide:not([hidden]) .hero-content,.hero-slide:not([hidden]) .hero-actions{animation:none!important;opacity:1;transform:none}.product-card:hover,.material-card:hover,.sector-card:hover,.whatsapp-float:hover,.button:hover{transform:none}.product-card:hover .product-photo img{transform:none}}