@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#031827;--bg2:#062438;--card:#082a3b;--gold:#e8b85d;--gold2:#ffda8b;--text:#edf5f7;--muted:#a9c0cc;--line:rgba(232,184,93,.26);--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 'Manrope',Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 85% 7%,#0a3950 0%,transparent 39%),radial-gradient(circle at 0 75%,#062b3b 0%,transparent 40%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:auto;padding:0 32px}.muted{color:var(--muted)}.gold{color:var(--gold)}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.26em;text-transform:uppercase}.section{padding:92px 0;position:relative}.section.alt{background:linear-gradient(180deg,#061e30,#031827)}.section-head{margin-bottom:36px}.section-head h2,h2{font-size:clamp(29px,4vw,46px);letter-spacing:-.045em;line-height:1.22;margin:10px 0 15px;font-weight:800}h1{font-size:clamp(40px,5.7vw,75px);letter-spacing:-.06em;line-height:1.1;margin:18px 0 24px;font-weight:800}h3{line-height:1.3}p{margin:0 0 14px}.section-head p{max-width:620px}.btn{border:1px solid var(--gold);display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 26px;border-radius:100px;font-size:13px;font-weight:800;transition:.25s;color:#071b26;background:linear-gradient(125deg,#fbd680,#e4a94a);box-shadow:0 9px 34px rgba(207,153,58,.15)}.btn:hover{transform:translateY(-2px);box-shadow:0 11px 32px rgba(232,184,93,.28)}.btn.outline{background:transparent;color:var(--gold);box-shadow:none}.btn.outline:hover{background:rgba(232,184,93,.09)}.btn svg{width:18px;height:18px}.nav{height:88px;border-bottom:1px solid rgba(255,255,255,.065);position:relative;z-index:20;background:rgba(2,21,34,.84);backdrop-filter:blur(18px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:inline-flex;flex-direction:column;line-height:.86;flex:none}.logo span{font-size:35px;letter-spacing:.03em;color:var(--gold);font-weight:800}.logo small{font-size:11px;letter-spacing:.48em;padding-left:4px;color:#d1b37a;margin-top:9px}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{font-weight:700;font-size:13px;color:#d7e2e9;transition:.2s}.nav-links a:hover,.nav-links a.current{color:var(--gold)}.nav-side{display:flex;gap:20px;align-items:center}.lang{font-size:12px;border:1px solid #345263;padding:7px 11px;border-radius:20px;color:#d7e2e9}.nav-toggle{display:none;background:none;border:0;color:#fff}.hero{min-height:660px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 46%,rgba(7,83,103,.5),transparent 35%)}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.2}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.hero-copy{position:relative;z-index:2;padding:55px 0}.hero-copy p{font-size:18px;color:#d1e0e7;max-width:475px;line-height:1.8}.hero-actions{margin-top:34px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.ghost-link{display:flex;gap:9px;align-items:center;font-size:13px;color:#c7d8e1;font-weight:700}.ghost-link span{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.hero-art{min-height:520px;position:relative;display:grid;place-items:center}.hero-art:before{content:'';position:absolute;width:440px;height:440px;border:1px solid rgba(232,184,93,.22);border-radius:50%;box-shadow:0 0 60px #0d4052, inset 0 0 70px rgba(11,71,93,.3);animation:orbit 18s linear infinite}.hero-art img{width:min(100%,585px);mix-blend-mode:screen;filter:drop-shadow(0 20px 50px rgba(6,127,165,.22));position:relative;z-index:1;mask-image:radial-gradient(ellipse,#000 50%,transparent 79%)}@keyframes orbit{to{transform:rotate(360deg)}}.tiny-meta{display:flex;gap:24px;margin-top:58px;color:#a4bdc8;font-size:12px}.tiny-meta span:before{content:'✦';color:var(--gold);margin-right:8px}.service-stack{display:grid;gap:16px;max-width:1060px}.flip-card{height:190px;perspective:1400px;cursor:pointer;outline:none}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.2,1)}.flip-card:hover .flip-inner,.flip-card.is-flipped .flip-inner{transform:rotateX(180deg)}.flip-side{position:absolute;inset:0;border:1px solid rgba(232,184,93,.28);border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(105deg,#092e40,#032234);display:grid;grid-template-columns:34% 1fr 70px;align-items:center}.flip-side img{width:100%;height:100%;object-fit:cover}.flip-content{padding:20px 35px}.flip-content h3{font-size:24px;line-height:1.3;margin:0 0 10px}.flip-content p{max-width:420px;color:var(--muted);margin:0}.round-arrow{display:grid;place-items:center;border:1px solid var(--gold);width:43px;height:43px;border-radius:50%;color:var(--gold);font-size:23px}.flip-back{transform:rotateX(180deg);grid-template-columns:1fr auto;background:linear-gradient(110deg,#0b3849,#041c2b);padding:25px 32px;gap:30px}.flip-back h3{color:var(--gold);margin:0 0 10px;font-size:23px}.flip-back p{max-width:650px;font-size:14px;color:#c8d9df}.flip-back .btn{white-space:nowrap}.small-note{color:#718e9e;font-size:12px;margin-top:18px}.process{overflow:hidden}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 110px;max-width:1000px;margin:auto;position:relative}.process-grid:before{content:'';position:absolute;left:50%;top:35px;bottom:35px;width:2px;background:linear-gradient(var(--gold),#237788,var(--gold));opacity:.5}.process-item{padding:25px 28px;border:1px solid transparent;border-radius:18px;display:flex;gap:18px;align-items:flex-start;min-height:155px;transition:background .5s,border .5s,box-shadow .5s;position:relative}.process-item:nth-child(even){transform:translateY(80px)}.process-item.is-active{background:#092e40;border-color:rgba(232,184,93,.5);box-shadow:0 0 26px rgba(232,184,93,.13)}.process-num{font-weight:800;color:var(--gold);font-size:12px}.process-icon{width:76px;height:76px;min-width:76px;border:1px solid rgba(232,184,93,.5);border-radius:50%;display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle,rgba(232,184,93,.1),transparent);transition:.45s}.process-icon svg{width:37px;height:37px;stroke:currentColor;fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.process-item.is-active .process-icon{background:var(--gold);color:#052334;box-shadow:0 0 0 7px rgba(232,184,93,.1),0 0 32px rgba(232,184,93,.35)}.process-item h3{font-size:17px;margin:5px 0}.process-item p{color:var(--muted);font-size:13px;margin:0}.process-item:nth-child(5){grid-column:1 / -1;max-width:440px;margin:65px auto 0}.map-section{background:linear-gradient(180deg,#041827,#06283a 75%,#031827)}.map-grid{display:grid;grid-template-columns:43% 57%;align-items:center;gap:30px}.map-art{width:100%;mix-blend-mode:screen;opacity:.9;filter:drop-shadow(0 0 26px rgba(232,184,93,.16));mask-image:radial-gradient(ellipse,#000 48%,transparent 85%)}.credibility{display:flex;gap:42px;margin-top:38px;flex-wrap:wrap}.credibility strong{font-size:34px;display:block;color:var(--gold);line-height:1.2}.credibility span{font-size:12px;color:var(--muted)}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.project{position:relative;border-radius:13px;overflow:hidden;aspect-ratio:1.18;background:#18384b;border:1px solid rgba(232,184,93,.13)}.project img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.07)}.project:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(1,14,25,.93))}.project span{position:absolute;bottom:15px;left:19px;z-index:1;font-weight:700;font-size:13px}.values{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.values img{max-width:100%;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 40%,transparent 80%)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:25px}.value-grid .value{border-left:1px solid rgba(232,184,93,.25);padding-left:24px}.value-grid .value:first-child{border-left:0;padding-left:0}.value svg{width:34px;height:34px;color:var(--gold);fill:none;stroke:currentColor;stroke-width:1.4}.value p{font-size:13px;color:#d5e3e9;margin:13px 0 0}.about-banner{border:1px solid rgba(232,184,93,.2);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 43%;background:linear-gradient(110deg,#08283b,#062032)}.about-copy{padding:55px}.about-banner img{height:100%;width:100%;object-fit:cover;mask-image:linear-gradient(to right,transparent 0,#000 25%)}.footer{padding:55px 0 25px;background:#01131f;border-top:1px solid rgba(232,184,93,.15)}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:60px}.footer p,.footer a{font-size:13px;color:#a9c0cc}.footer h4{font-size:14px;margin:0 0 15px}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:45px;display:flex;justify-content:space-between;font-size:12px;color:#72909c}.page-hero{padding:98px 0 75px;background:radial-gradient(circle at 75% 15%,#10425b,transparent 45%);border-bottom:1px solid rgba(232,184,93,.12)}.page-hero h1{font-size:clamp(40px,5vw,65px);max-width:810px}.page-hero p{max-width:670px;font-size:17px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-card{padding:32px 28px;border-radius:18px;background:linear-gradient(135deg,#092f41,#041e2e);border:1px solid rgba(232,184,93,.19)}.detail-card .number{color:var(--gold);font-size:12px;letter-spacing:.15em}.detail-card h3{font-size:21px;margin:18px 0 12px}.detail-card p{font-size:14px;color:var(--muted)}.detail-card ul{padding-left:19px;font-size:13px;color:#c7d7df}.detail-card li{margin:8px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-panel{background:linear-gradient(130deg,#0a3446,#052232);border:1px solid var(--line);border-radius:20px;padding:38px}.contact-row{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.09)}.contact-row:last-child{border:0}.contact-row small{display:block;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.contact-row a,.contact-row div{font-size:18px;font-weight:700}.callout{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(100deg,#123d4d,#082838);border:1px solid rgba(232,184,93,.3);border-radius:18px;padding:36px 42px}.callout h2{font-size:28px;margin:0 0 8px}.callout p{margin:0;color:var(--muted)}.contact-note{font-size:12px;color:#a5bfca;margin-top:18px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.in-view{opacity:1;transform:none}@media(max-width:900px){.nav-links{gap:15px}.nav-links a{font-size:12px}.nav .btn{display:none}.hero{min-height:570px}.hero-art{min-height:400px}.hero-art:before{width:290px;height:290px}.hero-copy p{font-size:15px}.flip-side{grid-template-columns:34% 1fr 60px}.flip-content h3{font-size:20px}.process-grid{gap:12px 30px}.projects-grid{grid-template-columns:repeat(2,1fr)}.value-grid{gap:12px}.footer-grid{gap:30px}}@media(max-width:680px){.wrap{padding:0 20px}.nav{height:74px}.logo span{font-size:29px}.logo small{font-size:9px}.nav-toggle{display:block;font-size:25px}.nav-side .lang{display:none}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#031b2b;padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{font-size:15px}.section{padding:62px 0}.hero{min-height:0}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:70px 0 10px}.hero-copy p{font-size:16px}.hero-art{min-height:300px;max-height:360px;margin-top:-15px}.hero-art img{max-width:430px}.hero-art:before{width:280px;height:280px}.tiny-meta{margin-top:35px;gap:15px;flex-wrap:wrap}.flip-card{height:205px}.flip-side{grid-template-columns:35% 1fr 42px}.flip-content{padding:12px 12px}.flip-content h3{font-size:15px}.flip-content p{font-size:11px;line-height:1.4}.round-arrow{width:29px;height:29px;font-size:17px}.flip-back{grid-template-columns:1fr;padding:18px}.flip-back h3{font-size:18px}.flip-back p{font-size:12px;margin-bottom:12px}.flip-back .btn{justify-self:start;padding:9px 14px;font-size:11px}.process-grid{display:block}.process-grid:before{left:36px}.process-item,.process-item:nth-child(even),.process-item:nth-child(5){transform:none;max-width:none;margin:12px 0;min-height:auto;padding:16px 12px}.process-icon{width:58px;height:58px;min-width:58px}.process-icon svg{width:28px;height:28px}.process-item h3{font-size:15px}.map-grid,.values,.about-banner,.contact-grid{grid-template-columns:1fr}.map-art{max-width:550px}.credibility{gap:20px}.credibility strong{font-size:26px}.projects-grid{gap:11px}.project span{font-size:11px;left:10px;bottom:10px}.value-grid{grid-template-columns:repeat(2,1fr);gap:25px}.value-grid .value:nth-child(3){border:0;padding-left:0}.values img{max-width:480px;margin:auto}.about-copy{padding:28px}.about-banner img{max-height:240px;mask-image:linear-gradient(to bottom,transparent 0,#000 20%)}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:8px;flex-direction:column}.detail-grid{grid-template-columns:1fr}.contact-panel{padding:25px}.callout{flex-direction:column;align-items:flex-start;padding:25px}.callout h2{font-size:23px}.page-hero{padding:70px 0 48px}.page-hero p{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Touch-safe 3D cards and keyboard navigation */
@media (hover: none) {
  .flip-card:not(.is-flipped):hover .flip-inner { transform: none; }
  .flip-card.is-flipped .flip-inner { transform: rotateX(180deg); }
}
.flip-card:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; border-radius: 16px; }
.process-item { cursor: pointer; }
.process-item:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
@media (max-width: 680px) {
  .flip-card { height: 225px; }
  .flip-back { overflow-y: auto; }
  .flip-back p { line-height: 1.45; }
  .flip-side img { min-height: 100%; }
}