
/* FMA Design — premium refinement, original interface */
:root{--lux-blue:#6bc9ff;--lux-edge:rgba(166,214,255,.17)}
html{scroll-behavior:smooth}body{overflow-x:hidden}
.top{background:rgba(4,17,35,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(165,209,255,.10)}
.dropdown-menu{padding:13px!important;border:1px solid rgba(155,204,248,.18)!important;box-shadow:0 26px 72px rgba(0,5,20,.55)!important;border-radius:18px!important}
.dropdown-menu a{padding:14px 16px!important;border-radius:11px!important}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;z-index:-1;left:-150px;top:0;width:650px;height:650px;background:radial-gradient(circle,rgba(38,111,200,.18),transparent 64%);pointer-events:none;animation:lumina 11s ease-in-out infinite alternate}
.hero:after{content:"";position:absolute;z-index:-1;right:-120px;bottom:-280px;width:700px;height:700px;border:1px solid rgba(143,210,255,.12);border-radius:50%;pointer-events:none}
.hero h1{letter-spacing:-.055em;line-height:1.05}.section h2{letter-spacing:-.035em}
.hero-visual .mock-large{box-shadow:0 32px 95px rgba(0,0,0,.30);transform:translateY(0);animation:float-lux 8s ease-in-out infinite}
.service-card{position:relative;isolation:isolate;border-radius:24px!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s!important;border:1px solid var(--lux-edge)!important}
.service-card:hover{transform:translateY(-9px);border-color:rgba(123,205,255,.58)!important;box-shadow:0 26px 65px rgba(0,9,28,.32)}
.service-card>img{height:220px!important;aspect-ratio:16/10;object-fit:cover!important;transition:transform .7s cubic-bezier(.2,.8,.2,1);filter:saturate(.9)}
.service-card:hover>img{transform:scale(1.035);filter:saturate(1.08)}
.service-card .content{position:relative;padding-top:32px!important}
.service-icon{position:absolute;top:-26px;left:20px;width:54px;height:54px;border:1px solid rgba(151,217,255,.45);background:linear-gradient(135deg,#def4ff,#85cefa);box-shadow:0 10px 24px rgba(0,7,25,.33);border-radius:15px;display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .45s}
.service-card:hover .service-icon{transform:translateY(-4px) rotate(-5deg)}
.service-icon img{display:block;width:29px!important;height:29px!important;object-fit:contain!important;filter:brightness(.24) sepia(.6) saturate(3) hue-rotate(160deg)}
.process{position:relative}.step{border:1px solid rgba(130,196,241,.2);border-radius:20px;transition:transform .3s,background .3s}.step:hover{transform:translateY(-5px);background:rgba(86,170,235,.085)}
.process-icon{width:57px;height:57px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(135,215,255,.27);background:rgba(97,177,229,.09);border-radius:17px;margin:12px 0 20px}
.process-icon img{height:31px;width:31px;object-fit:contain;filter:invert(75%) sepia(22%) saturate(880%) hue-rotate(167deg)}
.premium-intro{margin-bottom:32px}.preview-card{transition:transform .4s,border-color .35s}.preview-card:hover{transform:translateY(-6px)}
.button,.button-ghost,.button-white{transition:transform .28s,box-shadow .28s,background .28s}.button:hover,.button-white:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(23,119,215,.25)}
.footer .footgrid>div{min-width:0}.footer .footgrid>div a{display:block;width:fit-content}.footer .footgrid>div .brand{display:inline-flex}
@keyframes float-lux{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes lumina{from{transform:translate(0,0)}to{transform:translate(120px,70px)}}
@media(max-width:900px){.hero-visual .mock-large{animation:none}.service-card:hover,.preview-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero-visual .mock-large{animation:none!important}html{scroll-behavior:auto}}
