:root{--navy:#102b66;--blue:#1b55ac;--orange:#f28c28;--cyan:#65d6e4;--ink:#14213c;--muted:#64728a;--paper:#f4f7fc;--line:#dfe6f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#081b48;color:#d5e1fa;font-size:11px;padding:7px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:12px}.topbar a{color:white}.header{position:sticky;top:0;z-index:100;background:#ffffffed;backdrop-filter:blur(15px);border-bottom:1px solid #dfe6f1}.navwrap{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:53px;height:53px;object-fit:contain;border-radius:50%}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand b{font:800 14px Manrope,sans-serif;letter-spacing:.05em;color:var(--navy)}.brand small{font-size:8px;letter-spacing:.08em;color:#7383a1;margin-top:4px}.nav{display:flex;align-items:center;gap:3px}.nav>a,.navbtn{border:0;background:none;padding:12px 9px;font-size:12px;font-weight:700;color:#263957;cursor:pointer;white-space:nowrap}.nav>a:hover,.navbtn:hover{color:var(--blue)}.navcta{background:var(--navy)!important;color:white!important;border-radius:8px;padding:12px 15px!important}.nav-toggle{display:none;border:0;background:none;font-size:24px;color:var(--navy)}.navitem{position:relative}.dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-45%);width:min(1050px,calc(100vw - 35px));max-height:calc(100vh - 125px);overflow:auto;background:white;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 22px 70px #0b285c25;grid-template-columns:205px 1fr;gap:20px}.navitem.open>.dropdown,.navitem:hover>.dropdown,.navitem:focus-within>.dropdown{display:grid}.dropintro{background:linear-gradient(145deg,#0b2359,#1d5bb5);color:white;border-radius:12px;padding:20px}.dropintro small{font-size:10px;letter-spacing:.14em;color:var(--cyan);font-weight:800}.dropintro h3{font:800 20px/1.25 Manrope;margin:12px 0}.dropintro>a{font-size:12px;font-weight:800;color:#ffb05c}.dropgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dropgroup>b{display:block;font:800 11px Manrope;color:var(--navy);padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:7px}.dropgroup a,.industrylinks a{display:block;font-size:10px;line-height:1.4;color:#52627e;padding:5px 0}.dropgroup a:hover,.industrylinks a:hover{color:var(--blue)}.industrylinks{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 15px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 42%,#2056aa,#112d6a 42%,#081943 80%);color:white;min-height:590px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff13 1px,transparent 1px),linear-gradient(90deg,#ffffff13 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:70px 0 60px}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--blue);margin-bottom:12px}.hero .eyebrow,.pagehero .eyebrow,.detailhero .eyebrow,.cta .eyebrow{color:var(--cyan)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.035em}.hero h1,.pagehero h1,.detailhero h1{font-size:clamp(40px,5.2vw,66px);line-height:1.08;margin:15px 0 22px;font-weight:800}.hero h1 em{font-style:normal;color:#ffac53}.hero p,.pagehero p,.detailhero p{font-size:16px;color:#d1def6;max-width:640px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin:25px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border-radius:8px;font-weight:800;font-size:12px;border:1px solid transparent;cursor:pointer}.orange{background:var(--orange);color:#17294c}.ghost{border-color:#8199c6;color:white;background:#ffffff08}.lightbtn{background:white;color:var(--navy)}.btn:hover{transform:translateY(-2px)}.proof{display:flex;gap:25px;border-top:1px solid #ffffff35;padding-top:20px;margin-top:32px}.proof span{display:flex;flex-direction:column}.proof b{font-size:13px}.proof small{font-size:10px;color:#a8bce0}.heroart,.detailart{position:relative;display:grid;place-items:center;min-height:400px}.orbit{position:absolute;border:1px solid #8bd8e34b;border-radius:50%;transform:rotate(-25deg)}.o1{width:330px;height:330px}.o2{width:420px;height:210px;transform:rotate(36deg);border-color:#f28c2877}.o3{width:260px;height:410px;transform:rotate(55deg);border-color:#ffffff20}.sapcard{position:relative;z-index:2;width:210px;height:235px;border:1px solid #ffffff55;border-radius:23px;background:linear-gradient(145deg,#ffffff27,#ffffff08);box-shadow:0 30px 90px #0005;backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transform:rotate(-5deg)}.sapcard small{font-size:9px;letter-spacing:.16em;color:#c9dcff}.sapcard strong{font-size:65px;line-height:1;letter-spacing:-.08em}.sapcard i{width:68px;height:3px;border-radius:3px;background:var(--orange)}.sapcard span{font-size:10px;color:#d8e7ff}.chip{position:absolute;z-index:3;background:#f7faff;color:var(--navy);border:1px solid #cad8ee;padding:9px 12px;border-radius:8px;font-size:10px;box-shadow:0 10px 25px #0003;animation:float 5s ease-in-out infinite}.c1{top:40px;left:1%}.c2{right:0;top:100px}.c3{left:0;bottom:55px}.c4{right:4%;bottom:40px}@keyframes float{50%{transform:translateY(-9px)}}.herofoot{position:absolute;bottom:15px;left:0;right:0;font-size:9px;letter-spacing:.16em;color:#8fa9d7;display:flex;justify-content:space-between}.section{padding:78px 0}.white{background:white}.dark{background:#091c49;color:white}.pale{background:#edf3fb}.secthead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.secthead h2,.split h2,.ctainner h2{font-size:clamp(29px,3.5vw,43px);line-height:1.15;margin:0;font-weight:800}.secthead>p{max-width:420px;color:var(--muted);margin:0}.cards{display:grid;gap:14px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.card{position:relative;display:flex;flex-direction:column;min-height:200px;padding:23px;border:1px solid var(--line);border-radius:14px;background:white;transition:.22s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 55px #15396d19;border-color:#b7cbe9}.card>small{font-size:10px;color:#e18b30;font-weight:800;margin-bottom:18px}.card h3{font-size:17px;line-height:1.3;color:var(--navy);margin:0 0 10px}.card p{font-size:12px;color:var(--muted);margin:0 0 12px}.card>b{font-size:11px;color:var(--blue);margin-top:auto;padding-top:12px}.industrycard{min-height:235px}.dark .eyebrow{color:var(--cyan)}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.dark .split p{color:#b7c8e8;max-width:550px}.textlink{display:inline-block;color:var(--blue);font-weight:800;font-size:12px;margin-top:12px}.dark .textlink{color:#8ce1ee}.steps{border-top:1px solid #ffffff35}.steps>div{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid #ffffff35}.steps b{color:var(--orange);font-size:12px}.steps span{display:flex;flex-direction:column}.steps strong{font:800 16px Manrope}.steps small{font-size:11px;color:#b7c8e8}.cta{background:linear-gradient(110deg,#174c9e,#0b2259);color:white;padding:48px 0}.ctainner{display:flex;justify-content:space-between;align-items:center;gap:25px}.ctainner h2{font-size:32px}.ctainner p{color:#c4d6f6;margin-bottom:0}.pagehero,.detailhero{background:linear-gradient(120deg,#081b49,#16499a 75%,#1e5cb5);color:white;padding:52px 0 68px;position:relative;overflow:hidden}.pagehero h1{max-width:850px}.pagehero p{max-width:740px}.crumb{font-size:11px;color:#b8c9e8;margin-bottom:24px}.crumb a:hover{color:white}.cataloggroup{margin-bottom:50px}.cataloggroup h2{font-size:28px;margin:0 0 18px;color:var(--navy)}.cataloggroup .card{min-height:175px}.arrow{position:absolute;right:20px;top:16px;color:var(--orange)}.detailhero{padding:30px 0 55px}.detailgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}.detailhero h1{font-size:clamp(40px,5vw,58px)}.detailart{min-height:330px}.detailart .sapcard{width:175px;height:175px}.detailart .sapcard strong{font-size:42px}.detailart .sapcard span{font-size:9px}.detailart .o1{width:280px;height:190px}.detailart .o2{width:230px;height:300px}.detailhero .ghost{margin-left:0}.checks{list-style:none;padding:0}.checks li{padding:12px 0 12px 28px;border-bottom:1px solid #d5e0ef;color:#445673;position:relative}.checks li:before{content:"✓";position:absolute;left:0;color:#118c9e;font-weight:900}.valuebox,.office{padding:23px;border-radius:14px;background:#eff5fd;border:1px solid #dce7f4}.valuebox h3{color:var(--navy)}.valuebox p{border-bottom:1px solid #d8e3f2;padding-bottom:9px}.contactgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}.contactgrid h2,.formpanel h2{font-size:30px;line-height:1.2;color:var(--navy);margin:0 0 12px}.contactgrid>div>p{color:var(--muted);font-size:14px}.contactline{padding:14px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.contactline small{font-size:9px;letter-spacing:.12em;color:#7d8ba3;font-weight:800}.contactline a{font-weight:700;color:var(--navy)}.office{margin-top:25px}.office b{font:800 14px Manrope;color:var(--navy)}.office p{font-size:12px;color:#52627e}.formpanel{background:white;border:1px solid var(--line);border-radius:17px;padding:28px;box-shadow:0 18px 55px #16386d0e}.formpanel h2{margin-bottom:3px}.formpanel>p{font-size:12px;color:var(--muted)}.inquiry{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.inquiry label{font-size:11px;font-weight:800;color:#293a58;display:flex;flex-direction:column;gap:7px}.inquiry input:not([type=checkbox]),.inquiry select,.inquiry textarea{width:100%;border:1px solid #d6e0ee;border-radius:8px;padding:12px;background:#fbfcff;font:12px "DM Sans",sans-serif;color:var(--ink);outline:none}.inquiry input:focus,.inquiry select:focus,.inquiry textarea:focus{border-color:#3474d0;box-shadow:0 0 0 3px #3474d01b}.inquiry textarea{resize:vertical}.inquiry .full{grid-column:1/-1}.inquiry .consent{font-weight:500;display:block}.consent input{vertical-align:middle;margin-right:7px}.formnote,.note{font-size:10px;color:#7b89a0}.legal{max-width:850px}.legal h2{font-size:22px}.legal p{color:var(--muted)}.success{max-width:700px;padding:55px 0;text-align:center}.success h1{color:var(--navy)}footer{background:#07183f;color:#bfd0ef;padding:50px 0 18px}.footgrid{display:grid;grid-template-columns:1.2fr .7fr .9fr 1.2fr;gap:30px}.footgrid>div{display:flex;flex-direction:column;align-items:flex-start}.footgrid p{font-size:11px;line-height:1.8;color:#b4c6e6}.footgrid>div>b{color:white;font:800 12px Manrope;margin:8px 0 12px}.footgrid>div>a:not(.brand){font-size:11px;margin:5px 0;color:#bfd0ef}.footbrand b{color:white}.footbrand small{color:#9bb0d5}.footbottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff24;margin-top:32px;padding-top:17px;font-size:10px;color:#91a7d0}.footbottom a{color:#d6e3fa}
@media(max-width:1100px){.nav>a,.navbtn{padding:10px 6px;font-size:11px}.brand img{width:45px;height:45px}.brand b{font-size:12px}.four{grid-template-columns:repeat(2,1fr)}.dropgrid{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.nav-toggle{display:block;cursor:pointer}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:12px 20px 20px;box-shadow:0 18px 30px #0b245018;max-height:calc(100vh - 110px);overflow:auto;align-items:stretch;flex-direction:column}.nav.mobileopen{display:flex}.nav>a,.navbtn{display:block;text-align:left;width:100%;padding:12px 5px;font-size:13px}.navitem{width:100%}.dropdown{position:static;transform:none;width:100%;max-height:none;box-shadow:none;grid-template-columns:1fr;padding:12px;margin-bottom:12px}.dropintro{display:none}.dropgrid,.industrylinks{grid-template-columns:repeat(2,1fr)}.hero-layout{grid-template-columns:1fr;padding:50px 0}.heroart{min-height:330px}.split,.detailgrid,.contactgrid{grid-template-columns:1fr;gap:30px}.detailart{max-width:470px;width:100%;margin:auto}.secthead{display:block}.secthead>p{margin-top:15px}.section{padding:60px 0}.pagehero h1,.detailhero h1{font-size:42px}.ctainner{align-items:flex-start;flex-direction:column}.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.wrap{width:calc(100% - 30px)}.topbar .wrap{justify-content:center;flex-wrap:wrap}.topbar .wrap:before{content:"";display:none}.brand img{width:41px;height:41px}.brand b{font-size:11px}.brand small{font-size:7px}.hero h1{font-size:41px}.heroart{min-height:290px;transform:scale(.9);margin:-5px 0}.o1{width:270px;height:270px}.o2{width:330px;height:170px}.o3{height:340px}.sapcard{width:175px;height:205px}.sapcard strong{font-size:53px}.chip{font-size:9px;padding:7px 9px}.proof{gap:12px}.proof small{font-size:9px}.four,.three{grid-template-columns:1fr}.pagehero h1,.detailhero h1{font-size:36px}.inquiry{grid-template-columns:1fr}.inquiry .full{grid-column:auto}.formpanel{padding:20px}.footgrid{grid-template-columns:1fr}.footbottom{flex-wrap:wrap;justify-content:flex-start}.dropgrid,.industrylinks{grid-template-columns:1fr}.contactgrid h2,.formpanel h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}