@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/cairo-1.woff2) format('woff2');
unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/cairo-3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/fonts/cairo-1.woff2) format('woff2');
unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/fonts/cairo-3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/cairo-1.woff2) format('woff2');
unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/cairo-3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/fonts/cairo-1.woff2) format('woff2');
unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/fonts/cairo-3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body{margin:0;background:#FBF8F2;color:#141B3D;font-family:'Cairo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
h1,h2,h3{font-family:var(--disp);margin:0;letter-spacing:-.02em}
p{margin:0}
a{color:#2B4BFF;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #12B8F2;outline-offset:3px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2B4BFF}
.pad{padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:700;font-size:16px;border:2px solid transparent;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}@media (hover:hover){.btn:hover{transform:translateY(-3px)}}
.btn.pri{background:#2B4BFF;color:#fff;box-shadow:0 14px 30px -10px rgba(43,75,255,.6)}@media (hover:hover){.btn.pri:hover{box-shadow:0 20px 34px -10px rgba(43,75,255,.7)}}
.btn.sec{background:#fff;color:#141B3D;border-color:#141B3D}@media (hover:hover){.btn.sec:hover{background:#B8F23C;border-color:#141B3D}}
.btn .ar{transition:transform .25s}@media (hover:hover){.btn:hover .ar{transform:translateX(4px)}}
.navlink{color:#141B3D;font-weight:500;font-size:15px;padding:10px 6px;background-image:linear-gradient(#2B4BFF,#2B4BFF);background-size:0 2px;background-repeat:no-repeat;background-position:0 90%;transition:background-size .3s}@media (hover:hover){.navlink:hover{background-size:100% 2px}}
@keyframes rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes popin{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
@keyframes flow{to{stroke-dashoffset:-26}}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bar{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.62)}}
@keyframes asm{from{opacity:0;transform:translate(-40px,30px) rotate(-6deg) scale(.7)}to{opacity:1;transform:none}}
@keyframes dash{to{stroke-dashoffset:0}}
@keyframes ring{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes cue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}
@keyframes rv{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
@keyframes drw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.h1a{display:block;animation:rise .9s cubic-bezier(.2,.8,.2,1) both}
.h1b{display:block;animation:rise .9s .12s cubic-bezier(.2,.8,.2,1) both}
.h1c{animation:rise .9s .28s cubic-bezier(.2,.8,.2,1) both}
.h1d{animation:rise .9s .42s cubic-bezier(.2,.8,.2,1) both}
.h1e{animation:rise .9s .56s cubic-bezier(.2,.8,.2,1) both}
.grad{background:linear-gradient(100deg,#2B4BFF 10%,#7048F0 55%,#12B8F2 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cue{animation:cue 2s ease-in-out infinite}
.stage{position:relative;touch-action:pan-y}
.stage svg{overflow:visible}
.tilt{transform:translate(calc(var(--rx,0)*1px),calc(var(--ry,0)*1px));transition:transform .3s ease-out}
.stage .pin{transform-box:fill-box;transform-origin:center;animation:popin .8s cubic-bezier(.2,1.3,.4,1) both}
.stage .sp,.stage .grp,.stage .hub,.stage .badge{transform-box:fill-box;transform-origin:center}
.stage .sp{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .6s}
.stage .grp{transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.stage .fl{transform-box:fill-box;transform-origin:center;animation:fl 6s ease-in-out infinite}
.stage .fl2{animation-delay:-2s;animation-duration:7s}
.stage .fl3{animation-delay:-4s;animation-duration:5.5s}
.stage .flow{stroke-dasharray:4 9;animation:flow 1.6s linear infinite}
.stage .lk{opacity:.8;transition:stroke-width .5s,opacity .5s}
.stage .hub{animation:breathe 4.5s ease-in-out infinite;transition:opacity .6s}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.stage .bar{transform-box:fill-box;transform-origin:bottom;animation:bar 3.2s ease-in-out infinite}
.stage .bar2{animation-delay:-1s}.stage .bar3{animation-delay:-2s}
.stage .build{opacity:0;transform:scale(.35)}
.stage .create{opacity:0}
.stage .create.c1{transform:translate(0,8px) scale(.18)}
.stage .create.c2{transform:translate(-75px,-284px) scale(.18)}
.stage .create.c3{transform:translate(95px,-8px) scale(.18)}
.stage .store{transform:translate(0,12px) scale(.2)}
.stage .store,.stage .m365,.stage .sec,.stage .cn,.stage .badge{opacity:0;pointer-events:none;transition:opacity .6s}
.stage .uni{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.stage .secdraw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.5,0,.2,1)}
.stage .scan{transform-box:fill-box;transform-origin:center;animation:spin 7s linear infinite}
.stage:not([data-scene="0"]) .sp{transform:scale(.3);opacity:0}
.stage:not([data-scene="0"]) .build{opacity:1;transform:none}
.stage:is([data-scene="3"],[data-scene="4"]) .hub{opacity:0}
.stage:is([data-scene="1"],[data-scene="2"]) .spt{transform:scale(.8);opacity:1}
.stage[data-scene="2"] .sec{opacity:1}
.stage[data-scene="2"] .secdraw,.stage[data-svc="security"] .secdraw{stroke-dashoffset:0}
.stage:is([data-scene="3"],[data-scene="4"]) .sec{opacity:.3}
.stage:is([data-scene="3"],[data-scene="4"]) .secdraw{stroke-dashoffset:0}
.stage[data-scene="2"] .s-security{transform:scale(1.18);opacity:1}
.stage:is([data-scene="3"],[data-scene="4"]) .create{opacity:1;transform:none}
.stage[data-scene="4"] .store,.stage[data-scene="4"] .badge{opacity:1;transform:none}
.stage[data-scene="4"] .uni{opacity:1;animation:dash 1.6s ease forwards}
.stage[data-scene="4"] .lk{stroke-width:3;opacity:.9}
.stage:is([data-scene="3"],[data-scene="4"]) .create.c2{transition-delay:.15s}
.stage:is([data-scene="3"],[data-scene="4"]) .create.c3{transition-delay:.3s}
.stage .create,.stage .store{transition:opacity .7s ease,transform 1.1s cubic-bezier(.2,.9,.25,1)}
.sovl{position:static;max-width:none;margin-bottom:8px;pointer-events:none}
@media (max-width:1100px){.sovl{position:static;max-width:none;margin-bottom:6px}}
.w3{display:inline-block;transition:opacity .5s,transform .5s;opacity:.3}
.w3.on{opacity:1;transform:translateY(-3px)}
.pn{transition:transform 1.2s cubic-bezier(.65,0,.25,1)}
.pn .col{opacity:0;transition:opacity .8s .4s}
.patch[data-u="1"] .pn .col{opacity:1}
.patch .ul{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s .7s ease}
.patch[data-u="1"] .ul{stroke-dashoffset:0}
.patch .hubq{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .6s 1.2s,transform .8s 1.2s cubic-bezier(.2,1.3,.4,1)}
.patch[data-u="1"] .hubq{opacity:1;transform:none}
.patch .gap{opacity:1;transition:opacity .5s}
.patch[data-u="1"] .gap{opacity:0}
.pn1{transform:translate(50px,150px)}.pn2{transform:translate(530px,60px)}.pn3{transform:translate(545px,300px)}.pn4{transform:translate(330px,365px)}.pn5{transform:translate(70px,330px)}.pn6{transform:translate(215px,40px)}
.patch[data-u="1"] .pn1{transform:translate(300px,70px)}.patch[data-u="1"] .pn2{transform:translate(413px,135px)}.patch[data-u="1"] .pn3{transform:translate(413px,265px)}.patch[data-u="1"] .pn4{transform:translate(300px,330px)}.patch[data-u="1"] .pn5{transform:translate(187px,265px)}.patch[data-u="1"] .pn6{transform:translate(187px,135px)}
.stage:not([data-svc=""]) .grp{opacity:.16;transform:scale(.94)}
.stage[data-svc="cloud"] .s-cloud,.stage[data-svc="security"] .s-security,.stage[data-svc="software"] .s-software,.stage[data-svc="web"] .s-web,.stage[data-svc="infra"] .s-infra,.stage[data-svc="m365"] .s-m365{opacity:1;transform:scale(1.1)}
.stage[data-svc="security"] .sec{opacity:1}
.stage[data-svc="m365"] .m365{opacity:1}
.stage[data-svc="cloud"] .cn,.stage[data-svc="infra"] .cn{opacity:1}
.stage[data-svc="software"] .create{animation:asm .9s cubic-bezier(.2,.9,.3,1) both}
.stage[data-svc="software"] .c2{animation-delay:.15s}.stage[data-svc="software"] .c3{animation-delay:.3s}
.stage[data-svc="web"] .store{animation:asm .9s cubic-bezier(.2,.9,.3,1) both}
.stage[data-svc="infra"] .s-infra.dashp{transform:scale(1.4) translate(14px,-10px)}
.stage[data-svc="security"] .sec ellipse{animation:ring 2.6s ease-in-out infinite}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 18px;border-radius:24px;background:#fff;border:1.5px solid #D9D5CB;font-weight:600;font-size:15px;line-height:1.25;text-align:start;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s}@media (hover:hover){.chip:hover{transform:translateY(-3px);border-color:#2B4BFF}}
.chip.on{background:#141B3D;color:#fff;border-color:#141B3D}
.chip .dot{width:10px;height:10px;border-radius:50%}
.pill{min-height:44px;padding:0 16px;border-radius:999px;background:transparent;border:0;font-weight:700;font-size:14px;color:#4A5478;display:inline-flex;align-items:center;gap:8px}
.pill .num{font-size:12px;letter-spacing:.08em}
.pill.on{background:#fff;color:#141B3D;box-shadow:0 8px 20px -8px rgba(43,75,255,.4)}
.progress{position:fixed;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,#2B4BFF,#12B8F2,#7048F0);transform-origin:0 50%;transform:scaleX(0);z-index:50}
@supports (animation-timeline: view()){
.progress{animation:prog linear both;animation-timeline:scroll(root)}
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
.rv.d2{animation-range:entry 8% entry 68%}
.rv.d3{animation-range:entry 16% entry 76%}
.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:drw linear both;animation-timeline:view();animation-range:entry 25% cover 42%}
}
.node rect{transition:transform .3s cubic-bezier(.2,.8,.2,1),stroke-width .3s}@media (hover:hover){.node:hover rect{stroke-width:3.5}}
.eco-wrap{overflow-x:auto;padding-bottom:12px}
.srow{display:flex;align-items:center;gap:20px;width:100%;min-height:76px;padding:12px 8px;background:transparent;border:0;border-top:1.5px solid #D9D5CB;text-align:left;transition:padding .35s cubic-bezier(.2,.8,.2,1),background .3s}
.srow:last-child{border-bottom:1.5px solid #D9D5CB}@media (hover:hover){.srow:hover{padding-inline-start:26px;background:rgba(255,255,255,.7)}}
.srow.on{padding-inline-start:26px;background:#fff}
.srow .sn{font-size:13px;font-weight:700;color:#4A5478;min-width:28px}
.srow .st{font-family:var(--disp);font-weight:700;font-size:clamp(22px,2.4vw,32px);flex:1;letter-spacing:-.02em}
.srow .sa{transition:transform .3s}.srow.on .sa{transform:translateX(6px)}@media (hover:hover){.srow:hover .sa{transform:translateX(6px)}}
.map .edge{stroke:#C9C5BA;stroke-width:2;fill:none;transition:stroke .4s,stroke-width .4s}
.map .nd{opacity:.4;transition:opacity .4s}
.map .nd circle{transition:r .4s}
.map[data-svc=""] .nd{opacity:1}
.map[data-svc="cloud"] .n-cloud,.map[data-svc="security"] .n-security,.map[data-svc="software"] .n-software,.map[data-svc="web"] .n-web,.map[data-svc="infra"] .n-infra,.map[data-svc="m365"] .n-m365{opacity:1}
.map[data-svc="cloud"] .e-cloud,.map[data-svc="security"] .e-security,.map[data-svc="software"] .e-software,.map[data-svc="web"] .e-web,.map[data-svc="infra"] .e-infra,.map[data-svc="m365"] .e-m365{stroke:#2B4BFF;stroke-width:4}
.itab{min-height:48px;padding:0 20px;border-radius:999px;background:transparent;border:1.5px solid #D9D5CB;font-weight:700;font-size:15px;transition:all .25s}@media (hover:hover){.itab:hover{border-color:#141B3D}}
.itab.on{background:#141B3D;color:#fff;border-color:#141B3D}
.isat{position:relative;padding:14px 20px;background:#fff;border-radius:14px;font-weight:700;font-size:15px;box-shadow:0 14px 30px -14px rgba(20,27,61,.3);animation:rise .6s both}
.isowrap{perspective:1400px;height:520px;display:flex;align-items:center;justify-content:center}
.iso{position:relative;width:300px;height:300px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-38deg);margin-top:40px}
.slab{position:absolute;inset:0;border-radius:20px;border:2px solid rgba(255,255,255,.95);background-image:linear-gradient(rgba(43,75,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(43,75,255,.1) 1px,transparent 1px),linear-gradient(135deg,rgba(255,255,255,.92),rgba(210,225,255,.62));background-size:30px 30px,30px 30px,100% 100%;box-shadow:0 40px 50px -10px rgba(43,75,255,.22);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s;display:flex;align-items:flex-end;padding:18px}
.slab span{font-family:var(--disp);font-weight:800;font-size:24px;color:#141B3D}
.slab.l0{transform:translateZ(0)}
.slab.l1{transform:translateZ(80px)}
.slab.l2{transform:translateZ(160px)}
.iso .slab{opacity:.62}
.iso[data-layer="0"] .l0,.iso[data-layer="1"] .l1,.iso[data-layer="2"] .l2{opacity:1;background-color:#fff}
.iso[data-layer="0"] .l0{transform:translateZ(30px)}
.iso[data-layer="1"] .l1{transform:translateZ(110px)}
.iso[data-layer="2"] .l2{transform:translateZ(190px)}
.isn{position:absolute;width:26px;height:26px;border-radius:50%}
.lbtn{display:flex;gap:14px;align-items:flex-start;width:100%;padding:18px 4px;background:transparent;border:0;border-top:1.5px solid #D9D5CB;text-align:left;transition:padding .3s}@media (hover:hover){.lbtn:hover{padding-inline-start:14px}}
.lbtn.on{padding-inline-start:14px}
.proj{display:flex;gap:18px;align-items:center;padding:18px 0;border-top:1.5px solid #D9D5CB;transition:padding .3s}@media (hover:hover){.proj:hover{padding-inline-start:12px}}
.field{display:flex;flex-direction:column;gap:8px;flex:1 1 220px}
.field label{font-weight:700;font-size:14px}
.field input,.field textarea{font:inherit;font-size:16px;padding:14px 16px;border-radius:12px;border:1.5px solid #CFCAC0;background:#fff;color:#141B3D;min-height:52px}
.field input::placeholder,.field textarea::placeholder{color:#6B7392}
[data-lang]{--disp:'Cairo',system-ui,sans-serif;--body:'Cairo',system-ui,sans-serif;font-family:'Cairo',system-ui,sans-serif}
[dir="rtl"] *{letter-spacing:0 !important;text-transform:none !important}@media (hover:hover){[dir="rtl"] .btn:hover .ar{transform:translateX(-4px)}}[dir="rtl"] .srow.on .sa{transform:translateX(-6px)}@media (hover:hover){[dir="rtl"] .srow:hover .sa{transform:translateX(-6px)}}
[dir="rtl"] .h1b,[dir="rtl"] .h1a{line-height:1.2}
.lg{position:relative;display:block;width:78px;aspect-ratio:365/408;overflow:hidden;mix-blend-mode:multiply}
.lg img{position:absolute;width:175.3%;left:-37%;top:-17.2%;max-width:none;height:auto;display:block}
.lgf{width:84px}
@media (max-width:600px){.lg{width:58px}}
.faq{border-top:1.5px solid #D9D5CB}
.faq:last-of-type{border-bottom:1.5px solid #D9D5CB}
.faq summary{cursor:pointer;list-style:none;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--disp);font-weight:700;font-size:clamp(18px,2vw,24px);padding:14px 4px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pl{flex:none;width:36px;height:36px;border-radius:50%;background:#fff;border:1.5px solid #141B3D;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;transition:transform .3s,background .2s}
.faq[open] summary .pl{transform:rotate(45deg);background:#B8F23C}
.faq p{padding:0 4px 24px;font-size:17px;line-height:1.7;color:#4A5478;max-width:820px}
.patch text{paint-order:stroke;stroke:#fff;stroke-width:7px;stroke-linejoin:round}
.stage .xl{transition:opacity .6s}
.stage:not([data-scene="0"]) .xl{opacity:0}
.vc{container-type:inline-size;width:100%}
.vbox{position:relative;width:100%;height:calc(640px*var(--cq,1)*var(--hk,1))}
.vin{position:absolute;left:50%;top:0;width:640px;height:640px;margin-left:-320px;transform-origin:50% 0;transform:scale(calc(var(--cq,1)*var(--hk,1)))}
@container (max-width:639px){.vbox,.vin{--cq:.9}}
@container (max-width:559px){.vbox,.vin{--cq:.78}}
@container (max-width:479px){.vbox,.vin{--cq:.66}}
@container (max-width:399px){.vbox,.vin{--cq:.56}}
.hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"copy scene" "card scene";column-gap:36px;row-gap:10px;align-items:center}
.hcopy{grid-area:copy;align-self:end}
.hcard{grid-area:card;align-self:start}
.hcardin{max-width:470px;min-height:206px}
.hscene{grid-area:scene}
@media (max-width:1000px){.hgrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "scene" "card";row-gap:16px}.hcardin{min-height:0}}
.chipsrow{display:none;gap:8px;margin-top:14px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity}
.chipsrow .chip{flex:none;scroll-snap-align:start;white-space:nowrap}
@media (max-width:1100px){.chipsrow{display:flex}}
.cap3{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;margin-top:6px;min-height:66px}
.cap3 .cn1{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2B4BFF}
.cap3 strong{font-family:var(--disp);font-size:22px;font-weight:800}
.cap3 .ct{font-size:14.5px;color:#4A5478;line-height:1.45;max-width:420px}
.wcard{background:#fff;border-radius:22px;box-shadow:0 24px 50px -24px rgba(43,75,255,.38);padding:20px 22px;border:1.5px solid #EEF1FB}
.wrow{display:flex;gap:14px;align-items:flex-start;position:relative}
.wrow+.wrow{margin-top:16px}
.wrow:not(:last-child)::after{content:'';position:absolute;inset-inline-start:21px;top:48px;height:16px;border-inline-start:2px dotted #B9C5EE}
.wic{flex:none;width:44px;height:44px;border-radius:50%;background:#E8EEFF;display:flex;align-items:center;justify-content:center}
.wrow .wt{display:block;margin:0;font-family:var(--disp);font-size:17px;font-weight:800;line-height:1.2}
.wrow p{margin:2px 0 0;font-size:14px;color:#4A5478;line-height:1.45}
.iso3{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.iso3 .ob{transition:opacity .8s,transform 1s cubic-bezier(.2,.9,.3,1)}
.iso3 .cn{fill:none;stroke:#8FA6F5;stroke-width:2.2;stroke-dasharray:3 7;stroke-linecap:round;transition:opacity .8s;opacity:.35}
.iso3 .pl{fill:none;stroke:url(#gUni);stroke-width:4;stroke-linecap:round;stroke-dasharray:18 600;stroke-dashoffset:40;opacity:0}
.iso3 .nd .plt{opacity:.9}
.iso3 .ob2,.iso3 .ob3,.iso3 .ob4,.iso3 .ob5,.iso3 .ob6{opacity:0;transform:translateY(-34px)}
.stage:is([data-scene="1"],[data-scene="2"],[data-scene="3"],[data-scene="4"]) .iso3 .ob2,.stage:is([data-scene="1"],[data-scene="2"],[data-scene="3"],[data-scene="4"]) .iso3 .ob3{opacity:1;transform:none}
.stage:is([data-scene="2"],[data-scene="3"],[data-scene="4"]) .iso3 .ob4{opacity:1;transform:none}
.stage:is([data-scene="3"],[data-scene="4"]) .iso3 .ob5,.stage:is([data-scene="3"],[data-scene="4"]) .iso3 .ob6{opacity:1;transform:none}
.stage:is([data-scene="1"],[data-scene="2"],[data-scene="3"],[data-scene="4"]) .iso3 .cn2,.stage:is([data-scene="1"],[data-scene="2"],[data-scene="3"],[data-scene="4"]) .iso3 .cn3,.stage:is([data-scene="2"],[data-scene="3"],[data-scene="4"]) .iso3 .cn4,.stage:is([data-scene="3"],[data-scene="4"]) .iso3 .cn5,.stage:is([data-scene="3"],[data-scene="4"]) .iso3 .cn6,.iso3 .cn1{opacity:1;stroke:#2B4BFF;animation:flow 1.6s linear infinite}
.stage[data-scene="0"] .iso3 .unit{animation:drop .8s cubic-bezier(.2,1.1,.4,1) both;animation-delay:var(--d)}
@keyframes drop{from{opacity:0;transform:translateY(-46px)}to{opacity:1;transform:none}}
.iso3 .cloud{transform-box:fill-box;transform-origin:50% 100%}
.stage[data-scene="0"] .iso3 .cloud{animation:cloudin 1.1s .95s cubic-bezier(.2,1.2,.4,1) both}
@keyframes cloudin{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
.iso3 .led,.iso3 .dot{fill:#C3CDF0;transition:fill .4s;transition-delay:var(--d,0s)}
.stage:is([data-scene="1"],[data-scene="2"],[data-scene="3"],[data-scene="4"]) .iso3 .led,.stage:is([data-scene="1"],[data-scene="2"],[data-scene="3"],[data-scene="4"]) .iso3 .dot{fill:#2BE3C1}
.iso3 .env{transform-box:fill-box;transform-origin:center}
.stage[data-scene="1"] .iso3 .env{animation:pop .7s .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes pop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
.iso3 .dome{opacity:0;transition:opacity .8s}
.iso3 .dome .dr{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s cubic-bezier(.5,0,.2,1)}
.stage[data-scene="2"] .iso3 .dome{opacity:1}
.stage:is([data-scene="2"],[data-scene="3"],[data-scene="4"]) .iso3 .dome .dr{stroke-dashoffset:0}
.stage:is([data-scene="3"],[data-scene="4"]) .iso3 .dome{opacity:.35}
.stage[data-scene="2"] .iso3 .shield{animation:pop .8s .3s cubic-bezier(.2,1.4,.4,1) both;transform-box:fill-box;transform-origin:center}
.stage[data-scene="2"] .iso3 .lock{animation:lockin .7s .9s cubic-bezier(.2,1.2,.4,1) both}
@keyframes lockin{from{opacity:0;transform:translate(-70px,-90px)}to{opacity:1}}
.iso3 .pnl{transition:opacity .8s var(--d,0s),transform 1s var(--d,0s) cubic-bezier(.2,.9,.3,1)}
.iso3 .ob5 .pnl,.iso3 .ob6 .pnl{opacity:0;transform:translate(40px,-34px) scale(.85)}
.stage:is([data-scene="3"],[data-scene="4"]) .iso3 .ob5 .pnl,.stage:is([data-scene="3"],[data-scene="4"]) .iso3 .ob6 .pnl{opacity:1;transform:none}
.iso3 .cart{transition:opacity .6s .6s,transform .8s .6s cubic-bezier(.2,1.4,.4,1);opacity:0;transform:translate(44px,-60px) scale(.3)}
.stage:is([data-scene="3"],[data-scene="4"]) .iso3 .cart{opacity:1;transform:translate(44px,-96px)}
.iso3 .ring{transform-box:fill-box;transform-origin:center;opacity:0}
.stage[data-scene="4"] .iso3 .ring{animation:ringp 3s ease-out infinite}
.stage[data-scene="4"] .iso3 .ring.r2{animation-delay:1.5s}
@keyframes ringp{0%{opacity:.8;transform:scale(.45)}100%{opacity:0;transform:scale(1.6)}}
.stage[data-scene="4"] .iso3 .pl{opacity:1;animation:travel 2.8s linear infinite;animation-delay:calc(var(--i)*-.45s)}
@keyframes travel{from{stroke-dashoffset:40}to{stroke-dashoffset:-260}}
.iso3 .hublogo{transform-box:fill-box;transform-origin:50% 100%}
.stage[data-scene="4"] .iso3 .hublogo{animation:breathe 3.6s ease-in-out infinite}
.stage:not([data-svc=""]) .iso3 .ob{opacity:.2 !important;filter:saturate(.5)}
.stage[data-svc="cloud"] .iso3 .ob1,.stage[data-svc="infra"] .iso3 .ob2,.stage[data-svc="m365"] .iso3 .ob3,.stage[data-svc="security"] .iso3 .ob4,.stage[data-svc="software"] .iso3 .ob5,.stage[data-svc="web"] .iso3 .ob6{opacity:1 !important;filter:none;transform:translateY(-8px)}
.stage:not([data-svc=""]) .iso3 .cn{opacity:.18}
.stage[data-svc="cloud"] .iso3 .cn1,.stage[data-svc="infra"] .iso3 .cn2,.stage[data-svc="m365"] .iso3 .cn3,.stage[data-svc="security"] .iso3 .cn4,.stage[data-svc="software"] .iso3 .cn5,.stage[data-svc="web"] .iso3 .cn6{opacity:1;stroke-width:3.4}
.stage[data-svc="security"] .iso3 .dome{opacity:1}
.hs{position:absolute;width:176px;height:190px;background:transparent;border:0;padding:0;cursor:pointer;border-radius:24px}
.hs:focus-visible{outline:3px solid #12B8F2;outline-offset:2px}
.hs .tg{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);white-space:nowrap;background:#fff;border:1.5px solid #D9D5CB;border-radius:999px;padding:3px 12px;font-weight:700;font-size:13.5px;color:#141B3D;box-shadow:0 6px 14px -8px rgba(43,75,255,.4);transition:background .2s,color .2s,transform .2s}.hs.on .tg{background:#141B3D;color:#fff;transform:translateX(-50%) translateY(-3px)}@media (hover:hover){.hs:hover .tg{background:#141B3D;color:#fff;transform:translateX(-50%) translateY(-3px)}}
@container (max-width:559px){.hs .tg{display:none}}
svg{direction:ltr}
[data-lang="en"] svg text.ar,[data-lang="ar"] svg text.en{display:none}
svg text{font-family:var(--body) !important}
.eco-wrap{direction:ltr}
.langbtn{width:46px;height:46px;padding:0;border-radius:50%;background:#fff;border:1.5px solid #141B3D;font-family:'Cairo',sans-serif;font-weight:800;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}@media (hover:hover){.langbtn:hover{background:#B8F23C;transform:translateY(-2px)}}
@media (max-width:900px){
.isowrap{height:440px}
.iso{transform:rotateX(58deg) rotateZ(-38deg) scale(.82)}
}
@media (max-width:600px){
.btn{min-height:48px;padding:0 22px;font-size:15px}
.isowrap{height:340px}
.iso{transform:rotateX(58deg) rotateZ(-38deg) scale(.6);margin-top:20px}
.srow{min-height:68px;gap:12px}
.isat{padding:12px 16px;font-size:14px}
.proj{flex-wrap:wrap}
.chip{font-size:14px;padding:6px 14px}
.cue{display:none}
h1{overflow-wrap:anywhere}
}
@media (max-width:1100px){
#top > div:first-of-type + div{max-width:none}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
.stage .uni{stroke-dashoffset:0;opacity:1}
}
@media (min-width:1001px){
#top{padding-bottom:24px !important}
.cap3{min-height:0}
@media (max-height:900px){.vc{--hk:.92}.hcardin{min-height:0}}
@media (max-height:820px){.vc{--hk:.8}.hcopy h1{font-size:clamp(32px,3.6vw,52px) !important}.hcopy .h1d{margin-top:14px !important}.hcopy .h1e{margin-top:18px !important}}
@media (max-height:780px){.vc{--hk:.7}.hcopy h1{font-size:clamp(30px,3.2vw,44px) !important}.hcopy .h1d{font-size:16px !important;line-height:1.5 !important}.cap3 .ct{display:none}.wrow+.wrow{margin-top:10px}}
@media (max-height:700px){.vc{--hk:.6}.hcopy .h1d{margin-top:10px !important}}
@media (max-height:620px){.vc{--hk:.52}}
@media (max-width:1180px){.hcopy h1{font-size:clamp(28px,3.4vw,40px) !important}.hcopy .h1d{font-size:15px !important}.wrow p{font-size:13px}.wrow+.wrow{margin-top:8px}.hcopy .h1e{margin-top:14px !important}}
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img,video,iframe{max-width:100%;height:auto}
.pad{padding-left:max(clamp(20px,5vw,72px),env(safe-area-inset-left));padding-right:max(clamp(20px,5vw,72px),env(safe-area-inset-right))}
.navlink{display:inline-flex;align-items:center;min-height:44px;min-width:44px;white-space:nowrap}
.navlink[aria-current="page"]{color:#2B4BFF;font-weight:700;background-size:100% 2px}
a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px}
.lnav a{min-height:44px !important}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:12px;position:relative}
.brand{display:block;line-height:0;flex:none}
.mainnav{display:flex;flex-wrap:wrap;align-items:center;gap:6px clamp(14px,1.7vw,24px)}
.navcta{min-height:46px;padding:0 22px;font-size:15px}
.hdr-actions{display:none;align-items:center;gap:10px}
.burger{width:48px;height:48px;border-radius:50%;border:1.5px solid #141B3D;background:#fff;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;position:relative;z-index:70}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:#141B3D;transition:transform .25s,opacity .2s}
.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open .burger span:nth-child(2){opacity:0}
.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.navbg{position:fixed;inset:0;background:rgba(20,27,61,.45);opacity:0;pointer-events:none;transition:opacity .25s;z-index:55;display:none}
@media (max-width:1100px){
.hdr-actions{display:flex}
.mainnav .langbtn{display:none}
.navbg{display:block}
.mainnav{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(88vw,380px);height:100dvh;background:#fff;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:2px;padding:calc(84px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));box-shadow:-24px 0 60px -20px rgba(20,27,61,.35);transform:translateX(105%);visibility:hidden;transition:transform .3s,visibility 0s .3s;z-index:60;overflow-y:auto;overscroll-behavior:contain}
[dir="rtl"] .mainnav{transform:translateX(-105%);box-shadow:24px 0 60px -20px rgba(20,27,61,.35)}
.menu-open .mainnav{transform:none;visibility:visible;transition:transform .3s}
.mainnav .navlink{min-height:54px;font-size:18px;border-bottom:1px solid #EEF1FB;background-image:none}
.mainnav .navcta{margin-top:18px;justify-content:center;min-height:54px;font-size:16px}
.menu-open .navbg{opacity:1;pointer-events:auto}
html.menu-open{overflow:hidden}
}
@media (max-width:480px){.langbtn{width:48px;height:48px}}
.eco-stack{display:none}
@media (max-width:1000px){.hscene{padding-top:40px}}
@media (max-height:500px) and (max-width:1000px){.lg{width:50px}.site-header{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:6px}.mainnav{padding-top:calc(72px + env(safe-area-inset-top))}}
@media (max-width:768px){
.eco-wrap{display:none}
.eco-stack{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:520px}
.es-biz{background:#141B3D;color:#fff;border-radius:20px;padding:18px 22px;display:flex;flex-direction:column;gap:2px}
.es-biz strong{font-family:var(--disp);font-size:22px;font-weight:800}
.es-biz span{font-size:16px;color:#C9D3FF}
.es-arrow{height:34px;width:0;margin:0 auto;border-inline-start:3px dotted #8FA6F5;position:relative}
.es-layer{border:2.5px solid var(--c);border-radius:18px;background:#fff;padding:16px 20px}
.es-layer h3{margin:0 0 8px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 55%,#141B3D);font-weight:800}
.es-layer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.es-layer li{font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px}
.es-layer li::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--c);flex:none}
}
@media (max-width:600px){
.map svg text{font-size:22px}
.patch svg text{font-size:22px}
}
@media (max-width:768px){
.hs .tg{font-size:14px}
.cap3 .ct,.wrow p,.field label,.isat,.itab,.chip,.btn,.legal p,.legal li,.fdesc,.frights,.fcol a,.crumbs ol{font-size:16px}
.fnote,.fnote a,.lnav a{font-size:16px !important}
[style*="font-size:13px"]:not(.eyebrow),[style*="font-size:14px"],[style*="font-size:14.5px"],[style*="font-size:15px"]{font-size:16px !important}
}
.phead{padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(36px,5vw,64px);background:linear-gradient(120deg,#E8EEFF,#EFE9FF 55%,#E3F8FF)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin:0 0 10px;padding:0;font-size:14px;color:#4A5478}
.crumbs li+li::before{content:'/';margin-inline-end:10px;opacity:.5}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:#2B4BFF;font-weight:600;text-decoration:underline}
.crumbs li[aria-current]{font-weight:700;color:#141B3D}
.phead h1{font-size:clamp(38px,5.4vw,76px);line-height:1.02;font-weight:800;margin:0}
.phead .sub{font-size:clamp(18px,1.7vw,23px);color:#2A3358;line-height:1.55;max-width:760px;margin:18px 0 0}
.sect{padding-top:clamp(52px,7vw,92px);padding-bottom:clamp(52px,7vw,92px);position:relative}
.sect.alt{background:#fff}
.shead{max-width:820px}
.h2{font-size:clamp(30px,3.8vw,54px);line-height:1.05;font-weight:800;margin:14px 0 0}
.h3{font-size:clamp(24px,2.6vw,34px);font-weight:800;margin:0 0 6px}
.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.7;color:#4A5478;max-width:800px;margin:18px 0 0}
.introrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px 64px;align-items:start}
.morerow{margin:36px 0 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px;margin-top:40px}
.card{position:relative;background:#fff;border:1.5px solid #E4E0D6;border-radius:24px;padding:26px 26px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#141B3D;text-decoration:none}
.sect.alt .card{background:#FBF8F2}
.card h3{font-size:clamp(20px,1.8vw,25px);font-weight:800;line-height:1.2}
.card p{margin:0;color:#4A5478;line-height:1.65;font-size:16px}
.card .num{font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.1em;color:color-mix(in srgb,var(--c,#4A5478) 55%,#141B3D)}
.card .bar{width:44px;height:4px;border-radius:4px;background:var(--c,#2B4BFF)}
.card .go{margin-top:auto;font-weight:700;color:#2B4BFF;display:inline-flex;align-items:center;gap:8px;min-height:44px}
a.card{transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .25s}
@media (hover:hover){a.card:hover{transform:translateY(-4px);border-color:#2B4BFF}}
.chiprow{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.chiprow .chip,.fjump .chip{text-decoration:none;color:#141B3D}
.detail{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px 64px;padding:44px 0;border-top:1.5px solid #D9D5CB;align-items:start;scroll-margin-top:16px}
.detail.flip .d-vis{order:2}
.d-vis{background:linear-gradient(160deg,#F3F5FF,#EFE9FF 60%,#E3F8FF);border-radius:28px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:240px;justify-content:center;position:relative;overflow:hidden}
.d-vis .num{font-family:var(--disp);font-weight:800;font-size:clamp(56px,6vw,88px);line-height:1;color:color-mix(in srgb,var(--c) 55%,#141B3D)}
.d-vis h3{font-size:clamp(22px,2.2vw,30px);font-weight:800;line-height:1.15}
.tagc{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;background:#141B3D;color:#fff;font-size:14px;font-weight:600}
.d-vis .orb{width:132px;height:132px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--disp);font-weight:800;font-size:19px;text-align:center;padding:16px;line-height:1.1}
.vhead{margin:6px 0 0;font-family:var(--disp);font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.2}
.d-body h3{font-size:clamp(26px,2.8vw,38px);font-weight:800;margin:0 0 10px}
.d-body h4{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--c,#2B4BFF) 55%,#141B3D);margin:26px 0 8px}
.d-body h4:first-child{margin-top:0}
.d-body p{font-size:17px;line-height:1.7;color:#4A5478;margin:8px 0}
.d-body .relp{font-size:15px}
.chk{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.chk li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.55;color:#141B3D}
.chk li::before{content:'';flex:none;width:10px;height:10px;border-radius:50%;background:var(--c,#2B4BFF);margin-top:.5em}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills span{padding:8px 16px;border-radius:999px;background:#141B3D;color:#fff;font-size:14px;font-weight:500}
.fjump{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.fjump>span{font-weight:700;color:#4A5478;margin-inline-end:4px}
.fgroup{margin-top:36px;scroll-margin-top:16px;max-width:900px}
.fgroup .h3{margin-bottom:10px}
.askrow{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px 72px;align-items:start}
.dl{margin:28px 0 0;display:grid;gap:18px}
.dl dt{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#4A5478}
.dl dd{margin:4px 0 0;font-size:18px;font-weight:600;line-height:1.5}
.dl a{display:inline-flex;align-items:center;min-height:44px;color:#2B4BFF;text-decoration:underline}
.nsteps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:22px}
.nsteps li{display:flex;gap:18px;align-items:flex-start}
.nsteps .num{font-family:var(--disp);font-weight:800;font-size:32px;line-height:1;color:#2B4BFF;min-width:44px}
.nsteps h3{font-size:22px;font-weight:800;margin:0 0 4px}
.nsteps p{margin:0;color:#4A5478;line-height:1.65;font-size:16.5px}
@media (max-width:860px){
.introrow{grid-template-columns:1fr}
.detail{grid-template-columns:1fr;gap:22px;padding:36px 0}
.detail.flip .d-vis{order:0}
.d-vis{min-height:0;padding:26px}
}
.site-footer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.4fr);gap:36px 56px;padding-top:48px;padding-bottom:calc(32px + env(safe-area-inset-bottom));background:#FBF8F2;border-top:1.5px solid #E4E0D6}
.fdesc{font-size:14.5px;line-height:1.7;color:#4A5478;margin:16px 0 0;max-width:420px}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px 32px}
.fcol h2{font-family:var(--disp);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#141B3D;margin:0 0 6px}
.fcol ul{list-style:none;margin:0;padding:0}
.fcol a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:#4A5478;font-size:15.5px;text-decoration:none}
@media (hover:hover){.fcol a:hover{color:#2B4BFF;text-decoration:underline}}
.frights{grid-column:1/-1;font-size:14px;color:#4A5478;margin:0;padding-top:20px;border-top:1.5px solid #E4E0D6}
@media (max-width:860px){.site-footer{grid-template-columns:1fr}}
.langbtn{color:#141B3D;text-decoration:none}
.skip{position:absolute;inset-inline-start:8px;top:8px;transform:translateY(-300%);background:#141B3D;color:#fff;padding:10px 16px;border-radius:8px;z-index:100}
.skip:focus{transform:none}
.legal{max-width:820px;margin:0 auto;padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(56px,8vw,96px)}
.legal h1{font-size:clamp(34px,5vw,56px);line-height:1.08;font-weight:800;margin:10px 0 0}
.legal .meta{color:#4A5478;font-size:14px;margin:12px 0 0}
.legal .lead{font-size:19px;line-height:1.65;color:#2A3358;margin:22px 0 0}
.legal h2{font-size:clamp(20px,2.4vw,26px);font-weight:800;margin:40px 0 10px}
.legal p,.legal li{font-size:17px;line-height:1.75;color:#2A3358;margin:10px 0}
.legal ul{padding-inline-start:22px;margin:10px 0}
.nf{max-width:620px;margin:0 auto;text-align:center;padding-top:clamp(40px,8vw,96px);padding-bottom:clamp(64px,10vw,120px)}
.nf img{width:120px;height:auto}
.nf h1{font-size:clamp(34px,5vw,56px);line-height:1.08;font-weight:800;margin:16px 0 0}
.nf p{font-size:18px;line-height:1.6;color:#4A5478;margin:14px 0 24px}
.nf .row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.fnote{font-size:13.5px;color:#4A5478;margin:12px 0 0;line-height:1.55}
.fnote a{font-weight:700;text-decoration:underline;display:inline-flex;align-items:center;min-height:44px}
.lnav{display:flex;flex-wrap:wrap;gap:4px 20px;flex:1 1 100%}
.lnav a{color:#4A5478;font-size:15px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}
#cdone[hidden]{display:none}
.hs.on .tg{background:#141B3D;color:#fff}
.fmsg{font-size:14px;color:#B3261E;margin:0;min-height:20px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}