:root{--color-primary: #2563eb;--color-primary-deep: #1d4ed8;--color-on-primary: #ffffff;--color-secondary: #3b82f6;--color-accent: #c2410c;--color-accent-soft: #ea580c;--color-on-accent: #ffffff;--color-background: #f4f7fb;--color-foreground: #0f172a;--color-muted: #e8eef7;--color-muted-foreground: #475569;--color-border: #d7e0ec;--color-card: #ffffff;--color-ring: #2563eb;--color-hero-from: #0b1f3a;--color-hero-via: #123a6b;--color-hero-to: #1e4d8c;--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius: .75rem;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--header-h: 4.25rem;--ease: cubic-bezier(.22, 1, .36, 1);--max: 72rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font-sans);color:var(--color-foreground);background:radial-gradient(1200px 600px at 10% -10%,rgba(37,99,235,.08),transparent 60%),radial-gradient(900px 500px at 100% 20%,rgba(194,65,12,.06),transparent 55%),linear-gradient(180deg,#eef3f9 0%,var(--color-background) 28%,#f8fafc 100%);line-height:1.55;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(100% - 2rem,var(--max));margin-inline:auto}@media(min-width:768px){.shell{width:min(100% - 3rem,var(--max))}}@media(min-width:1024px){.shell{width:min(100% - 4rem,var(--max))}}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:100;padding:.6rem 1rem;background:var(--color-primary);color:#fff;border-radius:.5rem}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:#f4f7fbb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(215,224,236,.7)}.header-inner{height:var(--header-h);display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;min-width:0;cursor:pointer}.brand-mark{width:2.25rem;height:2.25rem;color:var(--color-primary);flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.brand-text small{font-size:.68rem;color:var(--color-muted-foreground);font-weight:500}.nav-desktop{display:none;margin-left:auto;gap:1.5rem}.nav-desktop a{font-size:.92rem;font-weight:600;color:var(--color-muted-foreground);transition:color .18s var(--ease);cursor:pointer}.nav-desktop a:hover,.nav-desktop a:focus-visible{color:var(--color-primary)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.65rem}@media(min-width:900px){.nav-desktop{display:flex}.header-actions{margin-left:0}.nav-toggle{display:none}}.lang-switch{display:inline-flex;padding:.2rem;border:1px solid var(--color-border);border-radius:999px;background:#ffffffb3}.lang-btn{border:0;background:transparent;min-width:2.4rem;height:1.9rem;border-radius:999px;font-size:.75rem;font-weight:700;color:var(--color-muted-foreground);cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease)}.lang-btn.is-active{background:var(--color-primary);color:#fff}.lang-btn:focus-visible,.btn:focus-visible,.nav-toggle:focus-visible,.solution-link:focus-visible,.about-portal:focus-visible,.contact-item:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.nav-toggle{width:2.5rem;height:2.5rem;border:1px solid var(--color-border);border-radius:.65rem;background:#fff;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;cursor:pointer}.nav-toggle span{width:1rem;height:2px;background:var(--color-foreground);border-radius:2px;transition:transform .2s var(--ease)}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{position:absolute;inset:var(--header-h) 0 auto;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem 1.25rem;background:#fffffff5;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md)}.mobile-nav[hidden]{display:none}.mobile-nav a:not(.btn){padding:.75rem .5rem;font-weight:600;color:var(--color-foreground);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.85rem;padding:.7rem 1.25rem;border-radius:.65rem;font-weight:700;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn-sm{min-height:2.35rem;padding:.45rem .9rem;font-size:.85rem}.btn-accent{background:var(--color-accent);color:var(--color-on-accent);box-shadow:0 8px 20px #c2410c40}.btn-accent:hover{background:#9a3412}.btn-ghost{background:#ffffff1f;color:#fff;border-color:#ffffff59}.btn-ghost:hover{background:#fff3}.header-actions .btn-accent{display:none}@media(min-width:640px){.header-actions .btn-accent{display:inline-flex}}.hero{position:relative;min-height:calc(100svh - var(--header-h));display:grid;align-items:end;overflow:hidden;color:#f8fafc;background:linear-gradient(145deg,var(--color-hero-from),var(--color-hero-via) 48%,var(--color-hero-to))}.hero-visual{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(147,197,253,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(147,197,253,.08) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 72%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(50px)}.hero-glow-a{width:42vw;height:42vw;max-width:520px;max-height:520px;right:-8%;top:8%;background:#60a5fa59;animation:drift 12s ease-in-out infinite alternate}.hero-glow-b{width:36vw;height:36vw;max-width:420px;max-height:420px;left:-6%;bottom:0;background:#fb923c38;animation:drift 14s ease-in-out infinite alternate-reverse}.hero-network{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.9}.node-pulse{transform-origin:center;animation:pulse 2.8s ease-in-out infinite}.hero-content{position:relative;z-index:1;padding:clamp(3.5rem,10vh,6.5rem) 0 clamp(3rem,8vh,5rem);max-width:44rem;margin-left:max(1rem,calc((100% - var(--max)) / 2));margin-right:auto}@media(min-width:768px){.hero-content{margin-left:max(1.5rem,calc((100% - var(--max)) / 2))}}@media(min-width:1024px){.hero-content{margin-left:max(2rem,calc((100% - var(--max)) / 2))}}.hero-brand{margin:0 0 .85rem;font-size:clamp(2.4rem,7vw,4.4rem);font-weight:800;letter-spacing:-.045em;line-height:1;color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.25)}.hero-title{margin:0 0 1rem;max-width:18ch;font-size:clamp(1.35rem,3.2vw,2rem);font-weight:700;letter-spacing:-.025em;line-height:1.25;color:#dbeafe}.hero-lead{margin:0 0 1.75rem;max-width:38rem;font-size:1.02rem;color:#e2e8f0e6}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(18px,-22px,0)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.section{padding:clamp(3.5rem,8vw,5.5rem) 0}.section-head{max-width:40rem;margin-bottom:2.5rem}.eyebrow{margin:0 0 .65rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.eyebrow-on-dark{color:#fdba74}.section h2{margin:0 0 .85rem;font-size:clamp(1.7rem,3.4vw,2.35rem);line-height:1.15;letter-spacing:-.03em}.section-lead,.about-copy>p,.pillar p,.solution p{margin:0;color:var(--color-muted-foreground);font-size:1.02rem}.dx-pillars{display:grid;gap:1.5rem}@media(min-width:800px){.dx-pillars{grid-template-columns:repeat(3,1fr);gap:2rem}}.pillar{padding:.25rem 0}.pillar-icon{width:2.75rem;height:2.75rem;margin-bottom:1rem;color:var(--color-primary)}.pillar-icon svg{width:100%;height:100%}.pillar h3{margin:0 0 .5rem;font-size:1.12rem;letter-spacing:-.02em}.section-solutions{background:linear-gradient(180deg,transparent,rgba(37,99,235,.035) 20%,transparent 90%)}.product-grid{display:grid;gap:1.25rem}@media(min-width:700px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;border:1px solid var(--color-border);border-radius:1rem;background:#ffffffb8;overflow:hidden;cursor:pointer;color:inherit;font:inherit;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.product-card:hover,.product-card:focus-visible{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:var(--shadow-md);outline:none}.product-card:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.product-cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#dbeafe}.product-cover img{width:100%;height:100%;object-fit:cover;transition:transform .42s var(--ease)}.product-card:hover .product-cover img{transform:scale(1.04)}.product-badge{position:absolute;left:.75rem;bottom:.75rem;padding:.3rem .65rem;border-radius:999px;background:#0f172ac7;color:#fff;font-size:.72rem;font-weight:700}.product-body{display:grid;gap:.55rem;padding:1.1rem 1.15rem 1.25rem}.product-code{font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-primary)}.product-body h3{margin:0;font-size:1.08rem;letter-spacing:-.02em;line-height:1.3}.product-body p{margin:0;color:var(--color-muted-foreground);font-size:.94rem;line-height:1.5}.product-cta{margin-top:.35rem;font-size:.88rem;font-weight:700;color:var(--color-accent)}.about-grid{display:grid;gap:2rem;max-width:44rem}.detail-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:end center}@media(min-width:800px){.detail-layer{place-items:center;padding:1.5rem}}.detail-layer[hidden]{display:none}.detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a8c;cursor:pointer}.detail-panel{position:relative;z-index:1;width:min(100%,52rem);max-height:min(92svh,900px);background:#fff;border-radius:1.1rem 1.1rem 0 0;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}@media(min-width:800px){.detail-panel{border-radius:1.1rem}}.detail-close{position:absolute;top:.85rem;right:.85rem;z-index:2;width:2.5rem;height:2.5rem;border:0;border-radius:999px;background:#ffffffeb;color:var(--color-foreground);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm)}.detail-close:hover{background:#fff}.detail-scroll{overflow:auto;overscroll-behavior:contain}.detail-hero{position:relative;aspect-ratio:16 / 9;background:#0f172a}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-main{display:grid;gap:1.35rem;padding:1.35rem 1.25rem 2rem}@media(min-width:800px){.detail-main{padding:1.6rem 1.75rem 2.25rem}}.detail-code{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-primary)}.detail-main h2{margin:.2rem 0 0;font-size:clamp(1.35rem,3vw,1.85rem);letter-spacing:-.03em;line-height:1.2}.detail-badge{display:inline-flex;width:fit-content;margin-top:.55rem;padding:.35rem .7rem;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:.8rem;font-weight:700}.detail-body{margin:0;color:var(--color-muted-foreground);font-size:1.02rem;line-height:1.6}.detail-main h3{margin:0 0 .65rem;font-size:.95rem;letter-spacing:-.01em}.detail-highlights{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}.detail-highlights li{position:relative;padding-left:1.15rem;font-weight:560}.detail-highlights li:before{content:"";position:absolute;left:0;top:.55rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--color-accent-soft)}.detail-gallery{display:grid;gap:.85rem}@media(min-width:700px){.detail-gallery{grid-template-columns:repeat(2,1fr)}}.detail-shot{margin:0;border-radius:.75rem;overflow:hidden;border:1px solid var(--color-border);background:#f8fafc}.detail-shot img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top center}.detail-shot figcaption{padding:.65rem .8rem .8rem;font-size:.85rem;color:var(--color-muted-foreground)}.detail-actions{display:flex;flex-wrap:wrap;gap:.65rem}body.detail-open{overflow:hidden}.about-points{margin:1.35rem 0 0;padding:0;list-style:none;display:grid;gap:.75rem}.about-points li{position:relative;padding-left:1.25rem;font-weight:560;color:var(--color-foreground)}.about-points li:before{content:"";position:absolute;left:0;top:.55rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-accent-soft)}.about-panel{padding:1.75rem;border-radius:var(--radius);background:linear-gradient(160deg,#0f2747,#1d4ed8);color:#eff6ff;box-shadow:var(--shadow-md)}.about-panel-label{margin:0 0 .5rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#93c5fd}.about-portal{display:inline-block;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;letter-spacing:-.03em;color:#fff;cursor:pointer}.about-portal:hover{text-decoration:underline}.about-panel-note{margin:.85rem 0 0;color:#dbeafed9}.section-contact{padding-bottom:clamp(4rem,9vw,6rem)}.contact-wrap{display:grid;gap:2rem;padding:clamp(1.75rem,4vw,2.75rem);border-radius:1.1rem;background:radial-gradient(600px 240px at 100% 0%,rgba(234,88,12,.28),transparent 55%),linear-gradient(135deg,#0b1f3a,#123a6b 55%,#1e3a8a);color:#f8fafc;box-shadow:var(--shadow-md)}@media(min-width:860px){.contact-wrap{grid-template-columns:1.1fr 1fr;align-items:center}}.contact-copy h2{color:#fff}.contact-copy p:not(.eyebrow){color:#e2e8f0e0}.contact-details{display:grid;gap:.85rem}.contact-item{display:grid;gap:.2rem;padding:1rem 1.1rem;border-radius:.8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);transition:background .18s var(--ease)}a.contact-item{cursor:pointer}a.contact-item:hover{background:#ffffff24}.contact-label{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fdba74}.contact-item strong{font-size:1.05rem;letter-spacing:-.01em}.site-footer{border-top:1px solid var(--color-border);padding:1.5rem 0 2rem;background:#ffffff8c}.footer-inner{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.footer-brand{display:grid;gap:.2rem}.footer-brand strong{font-size:1rem}.footer-brand span,.footer-links a{font-size:.88rem;color:var(--color-muted-foreground)}.footer-links{display:flex;gap:1.25rem}.footer-links a{font-weight:600;cursor:pointer}.footer-links a:hover{color:var(--color-primary)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .42s var(--ease),transform .42s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.hero-brand,.hero-title,.hero-lead,.hero-cta{opacity:0;transform:translateY(16px);animation:rise .7s var(--ease) forwards}.hero-brand{animation-delay:80ms}.hero-title{animation-delay:.18s}.hero-lead{animation-delay:.28s}.hero-cta{animation-delay:.38s}@keyframes rise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal,.hero-brand,.hero-title,.hero-lead,.hero-cta{opacity:1;transform:none;animation:none}.hero-glow-a,.hero-glow-b,.node-pulse{animation:none}}