:root{--ink:#060E22;--navy:#0B1B3F;--n2:#16306B;--g1:#EBC76B;--g2:#B98A1F;--bg:#F7F3EA;--card:#fff;--text:#13203F;--mut:#5C6682;--ln:#E4DCC8;--gd:linear-gradient(135deg,#EBC76B,#B98A1F)}
@media (prefers-color-scheme:dark){:root{--bg:#080F24;--card:#0F1E45;--text:#F1EEE4;--mut:#9DA9C9;--ln:#223463}}
body{background:var(--bg);color:var(--text);font:16px/1.65 Manrope,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;line-height:1.02;letter-spacing:-.01em;margin:0}
a{color:inherit}:focus-visible{outline:3px solid var(--g1)!important;outline-offset:3px}
.container{max-width:1140px}
svg.i{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pg{position:fixed;top:0;left:0;height:3px;background:var(--gd);z-index:1100;width:0}
.cur{position:fixed;inset:0;z-index:1090;background:linear-gradient(135deg,var(--ink),var(--n2));pointer-events:none;display:grid;place-items:center;color:var(--g1);font:700 clamp(28px,5vw,52px) "Cormorant Garamond",serif;animation:cr .8s .15s cubic-bezier(.7,0,.2,1) forwards}
.cur.out{animation:co .46s cubic-bezier(.7,0,.2,1) forwards}
@keyframes cr{to{transform:translateY(-100%)}}@keyframes co{from{transform:translateY(100%)}to{transform:none}}
.site-h{background:rgba(6,14,34,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(235,199,107,.2)}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font:700 23px/1 "Cormorant Garamond",serif}
.logo svg{width:36px;height:36px;color:var(--g1);stroke-width:1.4}
.logo small{display:block;font:600 9.5px Manrope;letter-spacing:.3em;color:var(--g1);margin-top:4px}
.navbar-nav .nav-link{color:#BFCAE8;font-weight:600;font-size:14px;padding:9px 16px;position:relative;transition:color .25s}
.navbar-nav .nav-link:after{content:"";position:absolute;left:16px;right:16px;bottom:3px;height:2px;background:var(--gd);transform:scaleX(0);transition:transform .35s}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#fff}
.navbar-nav .nav-link:hover:after,.navbar-nav .nav-link.active:after{transform:scaleX(1)}
.rv{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*100ms)}
.rv.v{opacity:1;transform:none}
.btn-gold,.btn-ghost{font:800 13px Manrope;letter-spacing:.14em;text-transform:uppercase;padding:16px 30px;border-radius:999px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.btn-gold{background:var(--gd);color:#1B1405;border:0}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 16px 30px -12px var(--g1);color:#1B1405}
.btn-gold:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .7s}
.btn-gold:hover:after{left:130%}
.btn-ghost{background:none;color:#fff;border:1.5px solid rgba(255,255,255,.35)}.btn-ghost:hover{color:#fff;border-color:var(--g1)}
.btn-ghost.dd{color:var(--text);border-color:var(--ln)}.btn-ghost.dd:hover{color:var(--text)}
.eb{color:var(--g1);font-weight:800;letter-spacing:.28em;text-transform:uppercase;font-size:12px;display:flex;align-items:center;gap:14px;margin-bottom:18px}
.eb:before{content:"";width:40px;height:1.5px;background:currentColor}
.hero,.ph,.dk{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.hero .container,.ph .container,.dk .container{position:relative}
.bl{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:dr 14s ease-in-out infinite alternate}
.bl.a{width:560px;height:560px;background:#1B3F9E;top:-160px;right:-80px}.bl.b{width:420px;height:420px;background:#B98A1F;opacity:.3;bottom:-160px;left:-100px;animation-delay:-6s}
@keyframes dr{to{transform:translate(-70px,60px) scale(1.15)}}
.hero{padding:84px 0 110px}
.hero h1{font-size:clamp(56px,9vw,124px);line-height:.9}
.ln{display:block;overflow:hidden;padding-bottom:.08em}
.ln span{display:block;transform:translateY(112%);animation:ln 1.1s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.9s + var(--i)*.14s)}
.ln.g span{background:var(--gd);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
@keyframes ln{to{transform:none}}
.fo{opacity:0;animation:fo 1s forwards}@keyframes fo{to{opacity:1}}
.hero .lead{color:#B9C6E8;font-size:19px;max-width:46ch;margin:26px 0 34px}
.gl{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(235,199,107,.35);border-radius:26px;padding:26px;max-width:460px;margin:auto;backdrop-filter:blur(10px);box-shadow:0 50px 90px -40px #000}
.gl b{font:800 11px Manrope;letter-spacing:.28em;color:var(--g1);text-transform:uppercase}
.gl .n{font:700 46px "Cormorant Garamond";margin:2px 0 6px}
.gl svg{width:100%;height:auto;display:block;overflow:visible}
.cv{fill:none;stroke:url(#gg);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:dl 2.4s 1.7s linear forwards}
.ar{fill:url(#ga);opacity:0;animation:fo 1.5s 2.9s forwards}@keyframes dl{to{stroke-dashoffset:0}}
.fc{position:absolute;background:#fff;color:var(--navy);border-radius:14px;padding:10px 16px;box-shadow:0 18px 40px rgba(0,0,0,.45);font-weight:800;line-height:1.25;animation:fl 5s ease-in-out infinite}
.fc small{display:block;font-weight:600;font-size:11px;color:#667;letter-spacing:.06em}
.fc.a{left:-30px;top:44%}.fc.b{right:-18px;bottom:-22px;animation-delay:1.5s}@keyframes fl{50%{transform:translateY(-12px)}}
.mq{background:var(--gd);color:#1B1405;overflow:hidden;white-space:nowrap;font:700 24px "Cormorant Garamond";font-style:italic}
.mq div{display:inline-block;padding:13px 0;animation:mq 34s linear infinite}.mq span{margin:0 22px}.mq i{font-style:normal;font-size:12px;opacity:.6}
@keyframes mq{to{transform:translateX(-50%)}}
.sec{padding:92px 0}
.sh{font-size:clamp(40px,5.6vw,68px);margin-bottom:14px}
.sub{color:var(--mut);max-width:56ch;margin:0 0 40px;font-size:18px}.dk .sub{color:#A9B7DB}
.gb{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}
.gb button{font:600 15px Manrope;padding:14px 24px;border-radius:999px;border:1.5px solid var(--ln);background:var(--card);color:var(--text);transition:.3s}
.gb button:hover{border-color:var(--g2);transform:translateY(-3px)}.gb button[aria-pressed=true]{background:var(--navy);color:var(--g1);border-color:var(--navy)}
.gp{background:linear-gradient(135deg,var(--navy),var(--n2));color:#fff;border-radius:24px;padding:36px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;min-height:140px}
.gp p{margin:0;font:600 clamp(22px,2.6vw,30px)/1.3 "Cormorant Garamond",serif;max-width:34ch}
.gp.sw{animation:up .6s both}@keyframes up{from{opacity:0;transform:translateY(20px)}}
.sc{--mx:50%;--my:50%;position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:32px 28px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-decoration:none;overflow:hidden;transition:transform .4s,border-color .4s;color:#fff}
.sc:before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx) var(--my),color-mix(in srgb,var(--c) 30%,transparent),transparent 60%);opacity:0;transition:opacity .4s}
.sc:hover{transform:translateY(-8px);border-color:var(--c);color:#fff}.sc:hover:before{opacity:1}.sc>*{position:relative}
.sc .ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;border:1.5px solid var(--c);color:var(--c);transition:.4s}
.sc:hover .ic{background:var(--c);color:var(--ink);transform:rotate(-8deg) scale(1.08)}
.sc h3{font-size:32px}.sc p{margin:0;color:#A9B7DB;font-size:15px}
.sc em{font:800 11px Manrope;letter-spacing:.2em;text-transform:uppercase;color:var(--c);font-style:normal;margin-top:auto;padding-top:10px}
.stats b{font:700 clamp(60px,8vw,96px) "Cormorant Garamond";line-height:1;display:block;background:var(--gd);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{color:var(--mut);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.cta{background:var(--navy);color:#fff;padding:72px 0;text-align:center}
.cta h2{font-size:clamp(34px,5vw,60px);margin-bottom:26px}.cta em{color:var(--g1)}
.ph{padding:84px 0 100px}.ph h1{font-size:clamp(52px,8vw,104px);line-height:.92}.ph h1 em{color:var(--g1)}
.ph p{color:#B9C6E8;max-width:54ch;margin:18px 0 0;font-size:19px}
.up{margin-top:-56px;position:relative;padding-bottom:90px}
.tb{gap:8px;overflow-x:auto}
.stab{display:flex;align-items:center;gap:14px;text-align:left;font:700 16px Manrope;color:var(--text);background:var(--card);border:1px solid var(--ln);border-radius:16px;padding:16px 18px;white-space:nowrap;transition:.3s}
.stab svg{color:var(--c)}.stab:hover{transform:translateX(6px)}
.stab.active{background:var(--navy);color:#fff;border-color:var(--c);box-shadow:0 18px 36px -22px var(--c)}
.dt{background:var(--card);border:1px solid var(--ln);border-radius:26px;padding:44px;position:relative;overflow:hidden}
.dt:before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(var(--c),transparent 70%);opacity:.22}
.dt>*{position:relative}.tab-pane.show .dt>*{animation:up .6s both}
.tab-pane.show .dt>*:nth-child(2){animation-delay:.07s}.tab-pane.show .dt>*:nth-child(3){animation-delay:.14s}.tab-pane.show .dt>*:nth-child(4){animation-delay:.21s}.tab-pane.show .dt>*:nth-child(n+5){animation-delay:.28s}
.dt .ic{width:74px;height:74px;border-radius:22px;background:var(--c);color:var(--ink);display:grid;place-items:center;margin-bottom:20px}.dt .ic svg{width:36px;height:36px}
.dt h2{font-size:clamp(40px,5vw,60px)}.dt .t{font:600 24px "Cormorant Garamond";font-style:italic;color:var(--g2);margin:6px 0 16px}
.dt p{color:var(--mut);max-width:58ch}.dt ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}
.dt li{display:flex;gap:12px;align-items:center;font-weight:600}
.dt li:before{content:"";width:22px;height:22px;border-radius:50%;background:var(--c) center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.5' fill='none' stroke='%23060E22' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.tag{display:inline-block;background:var(--navy);color:var(--g1);font:800 11px Manrope;letter-spacing:.2em;text-transform:uppercase;padding:9px 16px;border-radius:999px;margin-bottom:22px}
.bx{background:var(--card);border:1px solid var(--ln);border-radius:26px;padding:34px;height:100%}
.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg);padding:5px;border-radius:999px;border:1px solid var(--ln);margin-bottom:8px}
.tabs2 button{border:0;background:none;font:800 12px Manrope;letter-spacing:.16em;text-transform:uppercase;padding:14px;border-radius:999px;color:var(--mut);transition:.3s}
.tabs2 button[aria-selected=true]{background:var(--navy);color:var(--g1)}
.bx label.rl{display:flex;justify-content:space-between;font-weight:600;font-size:15px;margin:24px 0 10px}.bx label.rl span{color:var(--g2);font-weight:800}
.form-range::-webkit-slider-thumb{background:var(--g2)}.form-range::-moz-range-thumb{background:var(--g2)}
.out{background:linear-gradient(145deg,var(--ink),var(--n2));color:#fff;border-radius:26px;padding:40px;border:1px solid rgba(235,199,107,.4);height:100%}
.out small{color:#A9B7DB;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:800}
.out .p{font:700 clamp(56px,7vw,88px) "Cormorant Garamond";line-height:1;margin:8px 0 22px;background:var(--gd);-webkit-background-clip:text;background-clip:text;color:transparent}
.out dl{margin:0 0 20px}.out dl div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding:6px 0 10px}.out dd{margin:0;font-weight:800}
.pb{height:10px;border-radius:6px;background:var(--g1);overflow:hidden}.pb i{display:block;height:100%;background:#fff;width:50%;transition:width .7s cubic-bezier(.2,.8,.2,1)}
.nt{font-size:13px;color:#A9B7DB;margin:16px 0}
.pil{background:var(--card);border:1px solid var(--ln);border-radius:22px;padding:30px 24px;height:100%;transition:.4s}
.pil:hover{transform:translateY(-8px);border-color:var(--g2);box-shadow:0 26px 50px -30px var(--g2)}
.pil svg{color:var(--g2);width:38px;height:38px;margin-bottom:14px}.pil h3{font-size:28px;margin-bottom:8px}.pil p{margin:0;color:var(--mut);font-size:15px}
.tl{position:relative;display:grid;gap:20px;padding-left:62px;max-width:760px;margin-top:26px}
.tl:before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:2px;background:var(--gd);transform-origin:top;transform:scaleY(0);transition:transform 1.6s .3s cubic-bezier(.4,0,.2,1)}.tl.v:before{transform:none}
.tl>div{position:relative;background:var(--card);border:1px solid var(--ln);border-radius:18px;padding:22px 28px}
.tl>div:before{content:attr(data-n);position:absolute;left:-62px;top:18px;width:48px;height:48px;border-radius:50%;background:var(--navy);color:var(--g1);font:700 24px "Cormorant Garamond";display:grid;place-items:center;border:2px solid var(--g1)}
.tl h3{font-size:28px;margin-bottom:4px}.tl p{margin:0;color:var(--mut)}
.accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--ln);--bs-accordion-btn-bg:transparent;--bs-accordion-active-bg:transparent;--bs-accordion-btn-color:var(--text);--bs-accordion-active-color:var(--text);--bs-accordion-color:var(--mut);--bs-accordion-btn-focus-box-shadow:none;max-width:820px}
.accordion-button{font:700 26px "Cormorant Garamond";padding:20px 0;box-shadow:none!important}
.accordion-button:after{background-image:none!important;content:"+";font:400 32px Manrope;color:var(--g2);width:auto;height:auto;transform:none!important}
.accordion-button:not(.collapsed):after{content:"\2013"}.accordion-body{padding:0 0 20px}
.form-control,.form-select{background-color:var(--bg);color:var(--text);border:1.5px solid var(--ln);border-radius:14px;padding:14px 16px}
.form-control:focus,.form-select:focus{background-color:var(--bg);color:var(--text);border-color:var(--g2);box-shadow:0 0 0 4px rgba(185,138,31,.2)}
.form-label{font-weight:600;font-size:14px}
.done{display:none;text-align:center;padding:50px 10px}.done.s{display:block;animation:up .6s both}.done svg{width:96px;height:96px}
.done circle,.done path{fill:none;stroke:var(--g2);stroke-width:4;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;animation:dw 1s .1s forwards}.done path{animation-delay:.6s}@keyframes dw{to{stroke-dashoffset:0}}
.co{background:linear-gradient(145deg,var(--ink),var(--n2));color:#fff;border-radius:26px;padding:40px;border:1px solid rgba(235,199,107,.4);height:100%}
.co h3{font-size:36px;color:var(--g1);margin-bottom:18px}.co p{margin:0 0 16px;color:#C6D1EE}
.co b{display:block;color:var(--g1);font:800 11px Manrope;letter-spacing:.24em;text-transform:uppercase;margin-bottom:2px}
.site-f{background:#040A19;color:#8995B8;padding:44px 0;font-size:13px}.site-f b{color:var(--g1);font:700 26px "Cormorant Garamond";display:block;margin-bottom:8px}.site-f span{display:block;margin-top:10px}
@media(max-width:991px){.dt{padding:28px}.fc.a{left:-8px}.fc.b{right:-4px}.hero{padding-top:50px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01s!important;animation-delay:0s!important;transition:none!important}.rv{opacity:1;transform:none}.ln span{transform:none}.mq div{animation:none}.cur{display:none}}

/* ===== Testimonials slider + dynamic contact details ===== */
.co a{color:#C6D1EE;text-decoration:none}.co a:hover{color:var(--g1)}
.tms{background:radial-gradient(circle at 15% 0,#16306B,#060E22 62%);color:#fff;position:relative;overflow:hidden;padding:96px 0}
.tms .container{position:relative}
.gi{color:var(--g1);font-style:italic}
.tcar{max-width:1000px;margin:0 auto}
.tcar .row{min-height:340px}
.tph{width:220px;height:220px;border-radius:50%;padding:6px;background:linear-gradient(135deg,#EBC76B,#B98A1F);margin:auto;box-shadow:0 0 0 12px rgba(235,199,107,.1),0 30px 60px -20px rgba(0,0,0,.6)}
.tph img,.tin{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#0B1B3F}
.tin{display:grid;place-items:center;font:700 86px "Cormorant Garamond",serif;color:var(--g1)}
.tstars{color:var(--g1);letter-spacing:4px;font-size:20px;margin-bottom:16px}
.tq{font:600 clamp(22px,2.7vw,32px)/1.4 "Cormorant Garamond",serif;font-style:italic;margin:0 0 24px;position:relative;white-space:pre-wrap}
.tq:before{content:"\201C";position:absolute;left:-8px;top:-52px;font:700 130px/1 "Cormorant Garamond",serif;color:var(--g1);opacity:.22;z-index:-1}
.tnm{font:700 28px/1.1 "Cormorant Garamond",serif;color:var(--g1)}
.trl{color:#B9C6E8;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-top:4px}
.tnav{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:36px}
.tbtn{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(235,199,107,.5);background:none;color:var(--g1);font-size:20px;line-height:1;transition:.3s}
.tbtn:hover{background:var(--g1);color:#1B1405;transform:translateY(-2px)}
.tind{position:static!important;margin:0!important;gap:8px;width:auto;justify-content:center}
.tind button{width:34px!important;height:3px!important;background:rgba(255,255,255,.35)!important;border:0!important;margin:0!important;opacity:1!important;border-radius:2px;transition:.3s}
.tind button.active{background:var(--g1)!important;width:56px!important}
@media(max-width:767px){.tph{width:150px;height:150px}.tin{font-size:58px}.tcar .row{min-height:0}.tq:before{top:-44px;font-size:100px}}

/* ===== Careers ===== */
.job{background:var(--card);border:1px solid var(--ln);border-radius:26px;padding:34px;height:100%;position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s}
.job:before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(var(--c),transparent 70%);opacity:.22}
.job:hover{transform:translateY(-8px);box-shadow:0 28px 50px -30px var(--c)}
.job>*{position:relative}
.jt{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.job .ic{width:64px;height:64px;border-radius:18px;background:var(--c);color:#0B1B3F;display:grid;place-items:center;flex:none}.job .ic svg{width:30px;height:30px}
.job h3{font-size:38px;margin-top:6px}
.job .bd{display:inline-block;background:var(--navy);color:var(--g1);font:800 10px Manrope;letter-spacing:.2em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.job h4{font:800 11px Manrope;letter-spacing:.2em;text-transform:uppercase;color:var(--g2);margin:20px 0 8px}
.job p{color:var(--mut);margin:0}.job ul{margin:0;padding-left:18px;color:var(--mut)}.job li{margin-bottom:4px}
#apply{scroll-margin-top:90px}
