@import url('fusion-base.css');
/* V1 structure, V2 hero, V3 typography and palette. Content is never hidden. */
.reveal,.scroll-lift,.js-motion .reveal{opacity:1;visibility:visible}
.scroll-lift.is-visible{animation:section-settle .65s ease both}@keyframes section-settle{from{transform:translateY(15px)}to{transform:none}}
.hero-art .eye-float{position:relative}
.hero-art .eye-float img{animation:hero-fallback-float 7s ease-in-out infinite}
.glass-scene{position:absolute;left:0;top:50%;width:100%;height:auto;aspect-ratio:3/2;transform:translateY(-50%);opacity:0;mask-image:radial-gradient(ellipse at center,#000 39%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 39%,transparent 72%);pointer-events:none}
.glass-ready .glass-scene{opacity:1}.glass-ready>img{opacity:0}
@keyframes hero-fallback-float{50%{transform:translateY(-18px)}}
.specialties{background:#0b0c14;border-color:#493766}.specialties .container{width:min(1280px,calc(100% - 96px));font-family:Arial,Helvetica,sans-serif;flex-wrap:nowrap;gap:20px}.specialties strong{font-size:14px;font-weight:650;white-space:nowrap}.specialties .container>span:first-child{font-size:10px;max-width:120px;flex-shrink:0}.specialties::before{animation:banner-fluid 6.5s ease-in-out infinite alternate;will-change:transform}.specialties::after{animation:banner-fluid-return 8.5s ease-in-out infinite alternate;will-change:transform}
.services .service-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;flex:0 0 48px;font-size:24px;line-height:1;margin:0;border-radius:12px;background:linear-gradient(145deg,#c8a7ff20,#7842c611)!important;border:1px solid #e0c5ff55!important;color:#d3b8ff;box-shadow:inset 0 1px 0 #fff3,0 0 18px #b074f015;text-shadow:0 0 12px #bd87ff66;transition:box-shadow .3s,background .3s}.services .card:nth-child(2) .service-icon{font-size:19px;letter-spacing:-2px}.services .card:hover .service-icon{box-shadow:inset 0 1px 0 #fff4,0 0 24px #b074f04d}.services h3{margin-top:26px}
.benefit-section{background:radial-gradient(ellipse at 20% 50%,#36184733,transparent 65%),#0b0910;border-block:1px solid #ffffff12}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.benefit-grid h2{font-size:clamp(38px,4.3vw,62px);line-height:1.06}.benefit-grid .lead{font-size:14px;line-height:1.8;max-width:410px;margin-top:22px}.benefits{grid-auto-rows:1fr}.benefits article,.benefits article:first-child{padding:24px;display:flex;gap:20px;border:1px solid #ac85cc44;background:linear-gradient(135deg,#23182ee8,#120e1beF);border-radius:15px;box-shadow:inset 0 1px 0 #ffffff08}.benefits h3{font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.025em;margin-bottom:10px}.benefits p{font-size:13px;line-height:1.7;margin:0}.benefits article>span{font-size:11px;line-height:1.7;color:#c2a0e7}.benefits article:hover{border-color:#cfacf877;box-shadow:0 0 28px #a971e51c}.benefit-connections{z-index:0}.benefit-grid{position:relative;z-index:1}.benefit-grid>div:first-child{pointer-events:auto}.glass-lever{width:min(390px,100%);margin:28px 0 12px;filter:drop-shadow(0 0 10px #a66aee25)}.lever-beam{transform-origin:190px 65px;animation:lever-balance 5s ease-in-out infinite alternate}.lever-caustic{stroke-dasharray:55 35;animation:glass-trace 4s linear infinite}.lever-shadow{animation:lever-breathe 5s ease-in-out infinite alternate}.benefit-current{animation-play-state:running}.benefit-section:not(.flow-active) .benefit-current{animation-play-state:paused}
@keyframes glass-trace{to{stroke-dashoffset:-180}}@keyframes lever-breathe{to{opacity:.07;transform:translateY(2px)}}
#methode .process{gap:22px;align-items:stretch;border:0;padding-top:0;grid-template-columns:repeat(4,1fr)}
#methode .process article.card{display:flex;flex-direction:column;justify-content:flex-start;min-height:270px;padding:28px 23px;border:1px solid #ae8dc132;border-radius:18px;background:linear-gradient(145deg,#201529,#100c16);transition:transform .35s,box-shadow .35s,border-color .35s;box-shadow:inset 0 1px 0 #ffffff08}
#methode .process article.card:before{display:none}#methode .process article.card>span{font-size:9px;letter-spacing:.08em;color:#c6a8e3}#methode .process article.card h3{font-size:24px;margin:33px 0 18px}#methode .process article.card p{font-size:13px;margin:0}#methode .process article.card:hover,#methode .process article.card:focus-within,#methode .process article.card.step-selected{border-color:#c5a4e57f;box-shadow:0 10px 30px #a26ae513;transform:translateY(-7px)}.method-progress{margin-top:35px}.method-progress-track{height:7px}.method-progress-track>span{position:relative;overflow:hidden}.method-progress-track>span:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff8,transparent);width:30%;animation:progress-shine 3s linear infinite}@keyframes progress-shine{from{left:-30%}to{left:100%}}
#faq{overflow:visible}#faq>.faq-connections{z-index:0}#faq>div{position:relative;z-index:1}.faq-invitation{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:wrap}.glass-question{display:block;width:94px;height:112px;flex:0 0 94px;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:none;animation:question-hover 5.5s ease-in-out infinite}.question-glass{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 10px #b77afc55)}.vessel-caustic{animation:question-caustic 5s ease-in-out infinite alternate}.faq-own-question{font-size:12px;gap:15px}.faq-hub{fill:#d5aeff;filter:drop-shadow(0 0 6px #b983ff)}.faq-branch-open{stroke:#d3a9f5;opacity:.5}.faq-branch{stroke:#a58bdd}.faq-path-active{stroke:#edd4ff;stroke-width:1.8}
@keyframes question-hover{0%,100%{transform:translateY(6px) rotate(-3deg)}50%{transform:translateY(-11px) rotate(3deg)}}@keyframes question-caustic{to{transform:translateY(-35px) translateX(14px);opacity:.2}}
#quote-form,.contact-chapter .form{background:linear-gradient(145deg,#21172eb0,#110d18);border:1px solid #b38bc247;border-radius:20px;padding:34px;box-shadow:inset 0 1px 0 #ffffff0b;position:relative;isolation:isolate;overflow:hidden;transition:box-shadow .4s,border-color .4s}#quote-form:hover,#quote-form:focus-within,.contact-chapter .form:hover,.contact-chapter .form:focus-within{border-color:#cab8ff99;box-shadow:0 0 42px #a37cff26,inset 0 0 30px #cab8ff0c}.form h3{font-size:25px;font-weight:500;margin:0 0 8px}.form label{font-size:11px;font-weight:400}.form input,.form select,.form textarea{font-family:Arial,Helvetica,sans-serif;font-size:12px}.form .field-shell input,.form .field-shell select,.form .field-shell textarea{background:#110d18;border-color:#ffffff1f}.form .field-shell{min-width:0;width:100%}.form .checkbox{align-items:flex-start;gap:10px;line-height:1.6;font-size:10px}.form .checkbox input{width:15px;min-width:15px;height:15px;margin:2px 0 0;accent-color:#bd96ee}.form .checkbox a{text-decoration:underline;text-underline-offset:3px}.form .button{width:100%;justify-content:space-between}.form .quote-particles{opacity:.2}.form:hover .quote-particles,.form:focus-within .quote-particles{opacity:1}.contact-copy .mini-ribbon{display:block;margin-top:50px}.contact-chapter{align-items:center;grid-template-columns:1fr 1fr;gap:90px;max-width:1280px}.contact-chapter>div{align-self:center}.contact-chapter h2{font-size:clamp(40px,4.8vw,67px);margin-bottom:25px}.contact-chapter>div>p{font-size:15px;line-height:1.8;max-width:380px}.contact-chapter .form{width:100%}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1fr;gap:35px;padding-bottom:45px}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-main h2{font-size:10px;letter-spacing:.16em;font-weight:500;margin-bottom:9px;color:#bba8ca}.footer-main p,.footer-main a:not(.brand),.footer-main span[data-email],.footer-main span[data-location]{font-size:12px;color:#b2a2bf}.footer-main .brand{font-size:29px;color:#f8f7ff}.footer-main p{margin:6px 0 0;line-height:1.8}.footer-main .brand-dot{color:#bb9aff}.footer-main a:hover{color:#e1c1ff}.footer-main a[aria-disabled=true]{cursor:default;opacity:.5}.footer-bottom{font-family:Arial,Helvetica,sans-serif}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused .scroll-lift{animation:none}
@media(max-width:1100px){.specialties .container{width:calc(100% - 64px);gap:15px}.specialties strong{font-size:12px}.benefit-grid{gap:65px}.contact-chapter{gap:45px}#methode .process{grid-template-columns:repeat(2,1fr)}#methode .process article.card{min-height:230px}.footer-main{gap:25px}}
@media(max-width:800px){.specialties .container{width:calc(100% - 40px);flex-wrap:wrap;justify-content:center;gap:10px 16px}.specialties .container>span:first-child{width:100%;max-width:none;text-align:center}.specialties .divider{display:none}.benefit-grid{grid-template-columns:1fr;gap:38px}.benefits article,.benefits article:first-child{margin-left:12px;padding:22px}.benefit-grid h2{font-size:42px}.glass-lever{max-width:330px}.contact-chapter{grid-template-columns:1fr;gap:35px}.contact-chapter>div{max-width:560px;width:100%;margin-inline:auto;text-align:center}.contact-chapter>div>p{margin-inline:auto}.contact-chapter .form{max-width:600px;margin-inline:auto}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.glass-question{width:75px;height:90px;flex-basis:75px}.contact-copy .mini-ribbon{width:75%;margin-top:35px;height:50px}.faq-invitation{gap:18px}.hero-art .glass-scene{mask-image:radial-gradient(ellipse,#000 35%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 70%)}}
@media(max-width:500px){#methode .process{gap:12px}#methode .process article.card{padding:23px 16px;min-height:250px}#methode .process article.card h3{font-size:21px}#methode .process article.card p{font-size:12px}.method-progress-caption{font-size:9px}#quote-form,.contact-chapter .form{padding:25px 20px}.form-row{grid-template-columns:1fr}.form .checkbox{font-size:10px}.specialties strong{font-size:12px}.footer-main{gap:30px 20px}.footer-main span[data-email]{font-size:10px;overflow-wrap:anywhere}.benefits h3{font-size:20px}.benefits p{font-size:12px}.contact-chapter h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.specialties:before,.specialties:after,.glass-question,.lever-beam,.lever-caustic,.lever-shadow,.vessel-caustic,.method-progress-track>span:after,.hero-art .eye-float img{animation:none!important}.scroll-lift.is-visible{animation:none}.field-shell:before,.quote-particles i{animation:none}.benefit-current{animation:none!important}.method-progress-track>span{transition:none}}

/* Same animation when the live renderer is unavailable. */
.glass-video{position:absolute;left:0;top:50%;width:100%;height:auto;aspect-ratio:3/2;transform:translateY(-50%);opacity:0;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 39%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 39%,transparent 72%)}
.video-ready .glass-video{opacity:1}.video-ready>img{opacity:0}.video-ready .glass-scene{opacity:0}
.glass-play-button{position:absolute;right:20px;bottom:75px;z-index:4;border:1px solid #d1b1ff66;border-radius:30px;padding:10px 17px;background:#24162d;color:#e9d6ff;font-size:12px}.glass-play-button[hidden]{display:none}
@media(max-width:760px){.glass-video{mask-image:radial-gradient(ellipse,#000 35%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 70%)}.glass-play-button{bottom:55px}}