/* GalaksiPay-inspired visual layer. Page copy, imagery and navigation stay in place. */
:root{--navy:#07162d;--ink:#102b46;--paper:#f5f9fc;--white:#fff;--line:#dce8f0;--muted:#62788d;--teal:#4fddd5;--teal-dark:#087f85;--soft-teal:#e9f9f8}
html{background:var(--paper)}
body{background:var(--paper);color:var(--ink)}
.shell{width:min(1280px,calc(100% - 72px))}
.site-header{background:#07162d;border-bottom:1px solid rgba(255,255,255,.12);color:#e7f2fb}
.nav-wrap{min-height:82px;grid-template-columns:260px 1fr auto;gap:28px}
.logo-link{display:inline-flex;align-items:center;width:230px;min-height:54px;padding:7px 12px;border-radius:9px;background:#fff}
.logo-link img{width:100%}
.main-nav{font-size:14px;font-weight:650;gap:clamp(18px,2.5vw,40px)}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--teal)}
.header-actions{display:flex;align-items:center;gap:24px}
.header-cta{min-height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.3);border-radius:24px;color:#fff}
.header-cta:hover,.header-cta:focus-visible{background:var(--teal);border-color:var(--teal);color:var(--navy)}
.language-switcher a{color:#d5e5f0}
.language-switcher a:hover,.language-switcher a:focus-visible{color:var(--teal);outline:2px solid transparent;outline-offset:2px}
.language-switcher a:focus-visible{outline-color:var(--teal)}
.language-switcher a[aria-current="page"]{color:var(--teal)}
.hero,.sub-hero,.pos-revamp-hero{background:radial-gradient(ellipse at 83% 36%,#173d62 0%,transparent 52%),var(--navy);color:#fff;border-bottom:0}
.pos-revamp-hero .pos-revamp-copy h1{color:#fff}
.pos-revamp-hero .pos-revamp-copy h1 span{color:#c9d6e4}
.pos-revamp-hero .pos-revamp-copy .lead{color:#d5e3ef}
.pos-revamp-hero .pos-proof-row{color:#e4eef6}
.pos-revamp-hero .pos-proof-row li::before{color:#7eefe8}
.hero-grid{min-height:660px;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);border:0;gap:44px}
.hero-copy{padding:90px 0 80px}
.hero h1,.sub-hero h1{font-weight:700;letter-spacing:-.055em;line-height:1.02}
.hero h1{font-size:clamp(54px,5.7vw,82px)}
.hero h1 span,.sub-hero h1 span{color:var(--teal)}
.hero-text,.sub-hero .lead{color:#bdcfde;font-size:18px;line-height:1.65}
.overline,.hero .section-label,.sub-hero .eyebrow,.pos-revamp-hero .eyebrow{color:#76e3de}
.overline::before{display:none}
.hero-actions{gap:14px;flex-wrap:wrap}
.primary-button,.primary-link,.pos-primary-cta{min-width:0;min-height:54px;justify-content:center;gap:20px;background:var(--teal);border:1px solid var(--teal);border-radius:9px;color:var(--navy);font-weight:750;padding:0 22px}
.primary-button:hover,.primary-link:hover,.pos-primary-cta:hover{background:#a5f4ed;color:var(--navy)}
a.outline-link.pos-primary-cta:hover,a.outline-link.pos-primary-cta:focus-visible{background:#a5f4ed;border-color:#a5f4ed;color:var(--navy)}
.hero .text-link,.sub-hero .outline-link{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid rgba(255,255,255,.28);border-radius:9px;color:#fff}
.hero .text-link:hover,.sub-hero .outline-link:hover{background:rgba(255,255,255,.1)}
.brand-stage{min-height:0;align-self:center;height:460px;border:1px solid #42617e;border-radius:22px;background:linear-gradient(135deg,#163b5c,#0d2948 70%,#0b213b);box-shadow:0 26px 58px rgba(0,0,0,.22)}
.brand-stage::after{bottom:65px;background:rgba(255,255,255,.18)}
.brand-stage img{padding:15px;border-radius:24px;background:#fff;box-shadow:0 20px 45px rgba(1,10,28,.25)}
.stage-meta{color:#bbd3e3}
.hero-index{min-height:72px;border:0;border-top:1px solid rgba(255,255,255,.12);color:#d4e3ed}
.hero-index span+span::before{background:var(--teal)}
.breadcrumb{color:#4d6278}
.breadcrumb a:hover{color:var(--teal-dark)}
.sub-hero{padding-bottom:92px}
.sub-hero .detail-product-logo[src*="galaksipay-logo"],
.sub-hero .detail-product-logo[src*="galaksiproperty-logo"],
.sub-hero .detail-product-logo[src*="galaksidoc-logo"]{
  box-sizing:border-box;
  width:min(440px,86%);
  padding:12px 16px;
  border-radius:12px;
  background:#fff;
}
.sub-hero-grid{min-height:530px;gap:60px}
.sub-hero h1{font-size:clamp(48px,5.5vw,76px)}
.visual-panel,.solution-hero-image,.afc-hero-image,.pos-revamp-hero-visual{overflow:hidden;border:1px solid rgba(137,190,222,.35);border-radius:20px;box-shadow:0 24px 56px rgba(0,5,22,.23)}
.pos-revamp-hero-grid{align-items:center}
.kozen-device-grid{align-items:stretch;padding-top:0;height:100%}
.kozen-device-item{height:100%;grid-template-rows:270px minmax(0,1fr);align-items:stretch}
.kozen-device-item figcaption{align-self:end;margin-top:0}
.kozen-device-item img,.kozen-device-item:nth-child(2) img,.kozen-device-item:nth-child(3) img{height:270px}
.kozen-device-item:nth-child(2) img{width:118%;max-width:none;object-fit:cover;object-position:center bottom}
@media(max-width:1120px){
  .kozen-device-item{grid-template-rows:330px minmax(0,1fr)}
  .kozen-device-item img,.kozen-device-item:nth-child(2) img,.kozen-device-item:nth-child(3) img{height:330px}
}
@media(max-width:680px){
  .kozen-device-item{grid-template-rows:280px auto}
  .kozen-device-item img,.kozen-device-item:nth-child(2) img,.kozen-device-item:nth-child(3) img{height:280px}
}
@media(min-width:1051px){
  .pos-revamp-hero-grid{gap:12px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}
.pos-revamp-hero-visual{display:block;width:100%;max-width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1062/941;align-self:center;margin:0;background:#f5f3f1}
.pos-revamp-hero-visual picture{display:block;width:100%;height:auto}
.pos-revamp-hero-visual img,.pos-revamp-hero-visual picture img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;object-position:center}
.visual-panel{background:#f2f8fb}
.visual-panel.dark{background:#102e4d}
.approach,.content-section.navy,.projects{background:#0a2542}
.approach h2 span,.projects-heading h2 span,.navy .section-head h2 span{color:#65dcd8}
.why-band,.product-index,.content-section.white,.trust{background:#fff}
.section-label,.eyebrow{color:#168b95}
.index-heading h2,.pay-copy h2,.story-copy h2,.projects-heading h2,.contact h2,.section-head h2,.intro-grid h2{font-weight:680;line-height:1.08}
.index-heading h2 span,.pay-copy h2 span,.story-copy h2 span,.section-head h2 span{color:#607f98}
.portfolio-approved-visual,.real-product-frame,.screen-frame,.device-frame,.product-image{overflow:hidden;border-radius:18px;border-color:var(--line);box-shadow:0 18px 46px rgba(9,41,69,.08)}
.pay-feature,.property-story,.systems,.content-section.soft{background:#f2f8fb}
.software-panel,.terminal-card,.link-card,.feature-grid article,.process-grid article,.seo-columns article,.project-card-with-image{border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(10,42,72,.055)}
.feature-grid,.process-grid{gap:16px;border:0}
.feature-grid article,.process-grid article{border:1px solid var(--line)}
.navy .process-grid article,.navy .process-grid article h3{color:var(--navy)}
.navy .process-grid p{color:#4e5d70}
.navy .process-grid small{color:#087f85}
.card-list{gap:18px}
.link-card{border:1px solid var(--line)}
.link-card:hover{background:var(--soft-teal)}
.systems-grid{gap:18px;border:0}
.systems article{border:1px solid var(--line);border-radius:18px;background:#fff}
.systems article+article{border-left:1px solid var(--line)}
.module-line span,.case-tags span,.tool-family span,.child-row b,.form-list span{border-radius:8px}
.outline-link{border-radius:9px}
.outline-link:hover{background:var(--navy)}
.contact,.page-contact{background:#44d9d1;color:var(--navy)}
.contact .section-label,.page-contact .section-label{color:#07505d}
.page-contact .outline-link{background:var(--navy);border-color:var(--navy);color:#fff}
.page-contact .outline-link:hover{background:#183b60}
.contact-form input,.contact-form select,.contact-form textarea{border-radius:8px}
footer{background:#061228}
@media(max-width:1100px){.nav-wrap{grid-template-columns:210px 1fr auto;gap:18px}.logo-link{width:205px}.main-nav{gap:18px}.header-actions{gap:12px}.hero-grid{gap:24px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:80px 0 48px}.brand-stage{min-height:0;height:350px;margin-bottom:44px}.sub-hero-grid{gap:36px}.shell{width:min(100% - 44px,1280px)}}
@media(max-width:680px){.shell{width:min(100% - 30px,1280px)}.nav-wrap{min-height:72px;grid-template-columns:1fr auto}.logo-link{width:172px;min-height:45px;padding:5px 8px}.header-actions,.main-nav{display:none}.mobile-nav{display:block;color:#fff}.mobile-nav summary{color:#fff}.mobile-nav nav{border-radius:10px;background:#102b46;border-color:#355575;color:#fff}.mobile-nav a{border-color:#355575}.hero-copy{padding:65px 0 38px}.hero h1{font-size:clamp(45px,11vw,64px)}.hero-text,.sub-hero .lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero .text-link{border-radius:9px}.brand-stage{height:290px;margin-bottom:30px}.hero-index{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px;padding:16px 0}.hero-index span+span::before{display:none}.sub-hero{padding:32px 0 68px}.sub-hero h1{font-size:clamp(43px,11vw,60px)}.visual-panel{min-height:300px}.feature-grid,.process-grid{gap:12px}}

/* The home opening keeps the original warm, light Galaksity palette. */
.hero{background:#f4f4f0;color:#0a1833;border-bottom:1px solid rgba(1,16,46,.16)}
.hero h1 span{color:#7b8392}
.hero-text{color:#566174}
.hero .overline{color:#11a8a0}
.hero .primary-button{background:#01102e;border-color:#01102e;color:#fff}
.hero .primary-button:hover{background:#0d2a56}
.hero .text-link{color:#0a1833;border-color:rgba(1,16,46,.22)}
.hero .text-link:hover{background:#e7f7f5}
.hero .brand-stage{background:#fff;border-color:rgba(1,16,46,.16);box-shadow:none}
.hero .brand-stage::after{background:rgba(1,16,46,.16)}
.hero .stage-meta{color:#566174}
.hero .hero-index{color:#657083;border-top-color:rgba(1,16,46,.16)}

/* The dropdown must sit above the hero and all page-specific media panels. */
.site-header{position:relative;z-index:1000}
.mobile-nav{position:relative;z-index:1001}
.mobile-nav[open]{z-index:1002}
.mobile-nav nav{z-index:1003}
@media(max-width:900px){
  .mobile-nav nav{top:calc(100% + 12px);right:0;min-width:230px;max-height:calc(100vh - 90px);overflow-y:auto;border:1px solid #355575;border-radius:10px;background:#102b46;color:#fff;box-shadow:0 22px 50px rgba(0,8,28,.35)}
  .mobile-nav nav a{color:#fff;border-color:#355575}
  .mobile-nav nav a:hover,.mobile-nav nav a:focus-visible{background:#1c4267;color:#91eee7}
}