/* Public site: clean editorial layout, legible contrast, restrained motion. */
:root{--site-ink:#12233b;--site-muted:#53677f;--site-line:#dce5ef;--site-surface:#fff;--site-blue:#1477dc;--site-navy:#07182c;--site-gold:#f4b51b}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{color:var(--site-ink);background:#f5f8fc}
.topbar{background:rgba(5,19,36,.96)}
.navlinks a{transition:color .18s ease,border-color .18s ease}
.hero{padding-top:52px;padding-bottom:34px;min-height:610px;gap:42px}
.hero h1{font-size:clamp(42px,4.6vw,72px);line-height:1.01;letter-spacing:-.04em}
.hero h2{color:#f0f5fb;line-height:1.24}
.hero .lead{max-width:690px;color:#d3deea;font-size:17px;line-height:1.72}
.hero-proof{gap:16px}
.proof{align-items:center;min-width:0;color:#c4d1df;line-height:1.45}
.proof b{margin-bottom:2px;color:#fff;font-size:12px}
.proof .pi{display:block;flex:0 0 21px;width:21px;height:21px;background-position:center;background-repeat:no-repeat;background-size:19px;filter:brightness(0) invert(1);opacity:.9;font-size:0}
.pi-speed{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/zap.svg")}
.pi-shield{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/shield-check.svg")}
.pi-support{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/headset.svg")}
.pi-globe{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/globe-2.svg")}
.hero-visual .visual-frame{background:#081a30;border:1px solid #25649a;box-shadow:0 22px 60px rgba(0,0,0,.22)}
.hero-visual img{aspect-ratio:3/2;object-fit:cover}
.capability-strip{box-shadow:0 12px 28px rgba(3,23,45,.14)}
.capability{min-height:82px;padding:16px 17px}
.capability .ci{display:block;flex:0 0 22px;width:22px;height:22px;background-position:center;background-repeat:no-repeat;background-size:20px;filter:brightness(0) invert(1);opacity:.92;font-size:0}
.ci-users{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/users-round.svg")}
.ci-orders{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/clipboard-list.svg")}
.ci-services{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/layers-2.svg")}
.ci-language{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/languages.svg")}
.ci-secure{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/shield-check.svg")}
.capability b{color:#f7faff;font-size:13px}
.capability div>span{display:block;color:#c4d2e1;font-size:11px;line-height:1.45}
.workflow-section{padding:58px 0 48px}
.workflow-section .section-title{text-align:center;max-width:820px;margin:0 auto 25px}
.workflow-section .section-title h2{color:#13243a}
.workflow-section .section-title p{color:#5d6f83;line-height:1.7}
.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.workflow-card{position:relative;padding:23px 22px 22px;border:1px solid #e1e8f0;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(22,46,75,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.workflow-card:hover{transform:translateY(-3px);border-color:#b8d2f0;box-shadow:0 12px 26px rgba(22,46,75,.09)}
.workflow-card h3{margin:15px 0 7px;color:#172940;font-size:17px;letter-spacing:-.015em}
.workflow-card p{margin:0;color:#5b6d82;font-size:14px;line-height:1.65}
.workflow-icon{display:block;width:42px;height:42px;border:1px solid #dbe8f8;border-radius:11px;background-color:#f2f7fd;background-position:center;background-repeat:no-repeat;background-size:21px}
.workflow-services{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/layers-2.svg")}
.workflow-orders{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/clipboard-list.svg")}
.workflow-support{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/headset.svg")}
.home-section{padding-top:58px;padding-bottom:58px}
.section-title h2{color:#172940}
.section-title p{color:#5b6d82;line-height:1.7}
.platform-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:12px}
.platform-card{min-width:0;padding:17px 11px 15px;border-color:#e0e7ef;border-radius:12px;background:#fff;color:#172940;box-shadow:0 4px 13px rgba(19,47,79,.04)}
.platform-card:hover{border-color:#b7d3f2;box-shadow:0 10px 22px rgba(19,47,79,.09)}
.platform-card .logo{background:#f4f7fb!important;border:1px solid #e5ebf2;color:#253a53}
.platform-card .logo img{width:21px;height:21px;object-fit:contain}
.platform-card b{color:#172940}
.platform-card span{color:#5c7088;line-height:1.5}
.feature-banner:not(.light){color:#f4f8fc;background:linear-gradient(140deg,#092544,#06172b)}
.feature-banner:not(.light) h3{color:#f6f9fd}
.feature-banner:not(.light) p{color:#c3d1e0;line-height:1.65}
.feature-banner.light h3{color:#172940}
.feature-banner.light p{color:#586b81;line-height:1.65}
.pay-chip{color:#f3f7fc;background:#0d2a4b}
.pay-chip b{color:#fff}
.pay-chip span{color:#d0dcea}
.feature-points{gap:13px}
.feature-point{min-height:82px;border:1px solid #e0e7ef;border-radius:11px;background:#fff;box-shadow:0 3px 10px rgba(19,47,79,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.feature-point:hover{border-color:#bbd4f0;box-shadow:0 8px 18px rgba(19,47,79,.07);transform:translateY(-2px)}
.feature-point b{color:#1b2d44}
.feature-point span:not(.fp){color:#607187;line-height:1.5}
.feature-point .fp{display:block;flex:0 0 24px;width:24px;height:24px;border:0!important;border-radius:0!important;background-color:transparent!important;background-position:center;background-repeat:no-repeat;background-size:21px;filter:none!important;font-size:0!important;color:transparent!important}
.fp-language{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/languages.svg")}
.fp-search{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/search-check.svg")}
.fp-security{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/shield-check.svg")}
.fp-support{background-image:url("https://cdn.jsdelivr.net/npm/lucide-static@0.468.0/icons/headset.svg")}
.lang-strip{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;padding:15px 17px;border:1px solid #dfe7f0;border-radius:11px;background:#fff;color:#283c54}
.lang-strip b{color:#1b2d44}
.lang-strip .muted{flex:1 1 100%;color:#5e7084;line-height:1.6}
.lang-chip{padding:6px 10px;border:1px solid #e1e8f0;border-radius:999px;background:#f7f9fc;color:#344a62;font-size:12px}
.design-reference{margin-top:28px;overflow:hidden;border:1px solid #dce5ef;border-radius:13px;background:#fff}
.design-reference img{display:block;width:100%;height:auto}
.btn{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}
.btn:active{transform:translateY(0)}
:focus-visible{outline:3px solid rgba(34,127,224,.55);outline-offset:3px}
.footer{color:#d3deeb}
.footer a{color:#d3deeb}
.footer a:hover{color:#fff}
@media(max-width:1180px){.platform-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{gap:28px}.brand{min-width:220px}.brand img{width:220px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:36px}.hero-visual{max-width:760px;margin:0 auto}.hero-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.capability{border-bottom:1px solid #245b8e}.capability:nth-child(2n){border-right:0}.capability:last-child{grid-column:1/-1;border-bottom:0}.workflow-grid{grid-template-columns:1fr}.workflow-card{padding:19px}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){html{scroll-padding-top:70px}.hero{padding-top:24px;gap:22px}.hero h1{font-size:clamp(37px,11vw,54px)}.hero h2{font-size:21px}.hero .lead{font-size:15px}.hero-visual .visual-frame{padding:5px;border-radius:14px}.hero-visual img{border-radius:10px}.hero-proof{gap:7px}.proof{padding:9px 7px;font-size:11px}.hero-actions .btn{width:100%}.capability-strip{grid-template-columns:1fr;border-radius:12px}.capability,.capability:nth-child(2n){border-right:0;border-bottom:1px solid #245b8e}.capability:last-child{grid-column:auto;border-bottom:0}.workflow-section,.home-section{padding-top:38px;padding-bottom:38px}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-card{min-height:118px}.split-features{grid-template-columns:1fr}.feature-banner{padding:18px}.feature-points{grid-template-columns:1fr}.lang-strip{align-items:flex-start}.footergrid{gap:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.workflow-card,.platform-card,.feature-point,.btn{transition:none}.workflow-card:hover,.platform-card:hover,.feature-point:hover{transform:none}}
/* Light, transform-only movement keeps the landing visual smooth on modest phones. */
.hero-visual .visual-frame{animation:hero-float 9s ease-in-out infinite;will-change:transform}
@keyframes hero-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-4px,0)}}
@media(max-width:600px){.hero-visual .visual-frame{animation-duration:12s}}
@media(prefers-reduced-motion:reduce){.hero-visual .visual-frame{animation:none;will-change:auto}}