/* Isiqalo premium layer: calm, elegant motion. Loaded after site.css. */
:root{--gold-soft:#E7D28A;--navy-deep:#0F2347}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.01em}
/* header */
.navbar{border-bottom:1px solid rgba(201,162,39,.35)}
.topbar{background:var(--navy-deep)}
/* hero */
.hero.lux{position:relative;overflow:hidden;padding:5.5rem 0 5rem;background:radial-gradient(900px 520px at 82% 40%,rgba(201,162,39,.22),transparent 60%),radial-gradient(700px 500px at 8% 0%,rgba(46,92,138,.55),transparent 60%),linear-gradient(160deg,var(--navy-deep),var(--navy) 55%,#18305c)}
.hero.lux:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 38px);pointer-events:none}
.hero.lux .container{position:relative;z-index:1}
.hero.lux h1{font-size:clamp(2.1rem,5vw,3.6rem);font-weight:700;color:#fff;max-width:18ch}
.hero.lux h1 em{font-style:normal;color:var(--gold-soft)}
.hero.lux .eyebrow{display:inline-flex;align-items:center;gap:.6rem}
.hero.lux .eyebrow:before{content:"";width:2.2rem;height:2px;background:var(--gold)}
.badge-open{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(231,210,138,.6);color:var(--gold-soft);border-radius:999px;padding:.3rem .9rem;font-size:.85rem;margin-bottom:1rem;background:rgba(255,255,255,.05)}
.badge-open i{width:.55rem;height:.55rem;border-radius:50%;background:#4ade80;display:inline-block;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:pulse 2.4s infinite}
.crest-wrap{position:relative;display:inline-block}
.crest-wrap:before{content:"";position:absolute;inset:-12%;border-radius:50%;border:1px solid rgba(231,210,138,.45);box-shadow:0 0 70px rgba(201,162,39,.28),inset 0 0 40px rgba(201,162,39,.12)}
.crest-wrap:after{content:"";position:absolute;inset:-24%;border-radius:50%;border:1px dashed rgba(231,210,138,.25)}
.hero.lux .hero-crest{position:relative;max-width:min(100%,300px);background:#fff;border-radius:50%;padding:1.2rem;animation:floaty 7s ease-in-out infinite}
.btn-gold{position:relative;overflow:hidden;box-shadow:0 6px 18px rgba(201,162,39,.35);transition:transform .25s,box-shadow .25s}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(201,162,39,.45)}
.btn-gold:after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s}
.btn-gold:hover:after{left:130%}
.btn{transition:transform .25s,box-shadow .25s,background .25s}
.btn-light:hover,.btn-outline-light:hover,.btn-navy:hover,.btn-outline-primary:hover{transform:translateY(-2px)}
/* trust bar */
.trust{background:linear-gradient(#fff,var(--cream));position:relative;margin-top:-1px}
.trust li{transition:transform .3s}.trust li:hover{transform:translateY(-3px)}
.trust .num{font-family:Georgia,serif;font-size:1.7rem;color:var(--navy);font-weight:700;line-height:1}
/* headings */
section h2.center-gold:after,.text-center>h2:after{content:"";display:block;width:56px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:.7rem auto 0;width:96px}
/* cards */
.feature{transition:transform .35s,box-shadow .35s;border-radius:14px}
.feature:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(31,56,100,.18)}
.feature i{display:inline-flex;width:3.2rem;height:3.2rem;align-items:center;justify-content:center;border-radius:50%;background:var(--lb);font-size:1.5rem;transition:background .3s,color .3s}
.feature:hover i{background:var(--navy);color:var(--gold-soft)}
.steps li{transition:transform .3s,box-shadow .3s}.steps li:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(31,56,100,.14)}
.gthumb{transition:transform .35s,box-shadow .35s}.gthumb:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(31,56,100,.25)}
.cta-box{background:radial-gradient(500px 240px at 90% 0%,rgba(201,162,39,.25),transparent 60%),linear-gradient(150deg,var(--navy-deep),var(--navy));border:1px solid rgba(231,210,138,.25)}
.band-light{background:linear-gradient(180deg,var(--cream),#fbf9f3)}
/* motion */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease;transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.js .hero.lux .hero-in{opacity:0;transform:translateY(18px);animation:rise .9s ease forwards;animation-delay:var(--d,0s)}
@keyframes rise{to{opacity:1;transform:none}}
.anim-toggle{background:transparent;border:1px solid rgba(255,255,255,.35);color:#DCE6F1;border-radius:999px;padding:.2rem .8rem;font-size:.8rem}
.anim-toggle:hover{background:rgba(255,255,255,.1)}
/* animation off (visitor choice or device setting) */
.no-anim *,.no-anim *:before,.no-anim *:after{animation:none!important;transition:none!important}
.no-anim.js .reveal,.no-anim.js .hero.lux .hero-in{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal,.js .hero.lux .hero-in{opacity:1!important;transform:none!important}}
@media (max-width:575px){.hero.lux{padding:3rem 0 2.8rem}.hero.lux .hero-crest{max-width:200px}}
.d05{--d:.05s}
.d1{--d:.1s}
.d2{--d:.2s}
.d3{--d:.3s}
.d35{--d:.35s}
.d4{--d:.4s}
.d5{--d:.5s}
.trust .num,.trust .num span{font-size:1.9rem;color:var(--navy);font-family:Georgia,serif;font-weight:700;line-height:1.1}

/* inner pages */
.pagehead{position:relative;overflow:hidden;background:radial-gradient(600px 300px at 90% 0%,rgba(201,162,39,.22),transparent 60%),linear-gradient(160deg,var(--navy-deep),var(--navy) 60%,#18305c);padding:3.2rem 0}
.pagehead:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 38px);pointer-events:none}
.pagehead .container{position:relative}
.pagehead h1{font-weight:700}
.pagehead h1:after{content:"";display:block;width:64px;height:3px;background:var(--gold);margin-top:.7rem}
.js .pagehead .container{animation:rise .8s ease both}
.card.facts,.note,.table-feat{border-radius:12px}
.table-feat{overflow:hidden}
.prose h2{position:relative;padding-bottom:.4rem}
.prose h2:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:2px;background:var(--gold)}
.card:not(.feature){transition:transform .3s,box-shadow .3s}
.card:not(.feature):hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(31,56,100,.14)}
