@media(max-width:767px){/* Infinitium v2 — mobile layer (390px) */

.root .wrap{padding:0 16px}
.root .h1{font-size:36px;line-height:1.08}
.root .h2{font-size:27px;line-height:1.15}
.root .h3{font-size:18px}
.root .lead{font-size:16.5px;line-height:1.62}
.root .p{font-size:15px;line-height:1.65}
.root .sec{padding:64px 0}
.root .sec-h{margin-bottom:28px;gap:14px}
.root .btn{min-height:52px}
.root .cta{padding:36px 22px;border-radius:20px;gap:22px}
.root .ph2{padding:22px 0 40px}
.root .ph2-g{margin-top:24px;gap:18px}
.root .ph2::before{-webkit-mask-image:radial-gradient(ellipse 80% 60% at 90% 20%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 90% 20%,#000 0%,transparent 75%)}
.root .crumb{font-size:13px;gap:8px}
.root .crumb li{gap:8px}

/* header */
.mh{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;background:#F7F8FA;border-bottom:1px solid #E3E7EE;font-family:'DM Sans',system-ui,sans-serif}
.mh .brand img{height:28px}
.mh .brand-t strong{font-size:17px}
.mh .brand-t span{font-size:8.5px}
.mh-r{display:flex;gap:8px;align-items:center}
.mib{width:44px;height:44px;border-radius:10px;border:1px solid #D5DCE6;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#0E1726;cursor:pointer;padding:0;transition:background-color .6s,border-color .6s,color .6s}
.mib .sun{color:#E8962E}
.mib svg{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mib:active svg{transform:rotate(40deg)}
.dkm .mh{background:#0B1220;border-color:#1E2A40}
.dkm .mib{background:#111A2B;border-color:#26354F;color:#E6EBF3}
.dkm .mib .moon{color:#BFD3FF}

/* horizontal scrollers */
.msc{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px 10px;scrollbar-width:none}
.msc::-webkit-scrollbar{display:none}
.msc>*{flex:none;scroll-snap-align:start}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #D9DFE8;border-radius:9px;background:#fff;font-family:Manrope,sans-serif;font-weight:700;font-size:14px;color:#1A2333}
.dkm .pill{background:#111A2B;border-color:#26354F;color:#E6EBF3}

/* list rows */
.mrow{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #DCE2EA;color:#1A2333}
.mrow .ph{width:72px;height:72px;flex:none;border-radius:10px}
.mrow .ph::after{inset:5px}
.mrow strong{font-family:Manrope,sans-serif;font-size:16px;color:#0E1726;line-height:1.3}
.dkm .mrow{border-color:#24324C;color:#E6EBF3}.dkm .mrow strong{color:#F4F6FA}

/* vertical process */
.vflow{position:relative;list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:26px}
.vflow::before{content:'';position:absolute;left:23px;top:8px;bottom:8px;width:2px;background:#24324C}
.vflow::after{content:'';position:absolute;left:23px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#05C4FD,#3289ED,#7A28D4);transform-origin:top;animation:sigv 2.6s cubic-bezier(.65,0,.35,1) .3s both}
.vflow li{position:relative;z-index:1;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start}
.vnode{width:48px;height:48px;border-radius:12px;background:#0E1726;border:1.5px solid #34466A;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-weight:800;font-size:14px;color:#fff}
.vpk{position:absolute;left:20px;top:0;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(5,196,253,.9);z-index:2;animation:vpk 6s linear 2.8s infinite}
@keyframes vpk{from{top:0}to{top:calc(100% - 8px)}}

/* compact matrix */
.mm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.mm>*{padding:18px 16px;min-height:96px;gap:8px}

/* mobile cards */
.mcard{width:300px;background:#fff;border:1px solid #E1E6ED;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:16px}
.dkm .mcard{background:#111A2B;border-color:#1E2A40}
.root .prj .ph,.root .prj-ov{height:200px}
.root .tb{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.root .tb>div{padding:12px 14px}
.root .lg2{width:150px;height:72px}
.root .lgw,.root .lgw img{height:18px}

/* footer */
.mft{background:#0B1322;color:#AEB8C9;padding:48px 16px 28px;position:relative;overflow:hidden;font-family:'DM Sans',system-ui,sans-serif}
.mft h5{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8C97AB;margin:0 0 6px;font-weight:500}
.mfl{display:flex;flex-direction:column;border-top:1px solid #1E2A40}
.mfl a{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid #1E2A40;color:#D5DCE8;font-family:Manrope,sans-serif;font-weight:600;font-size:15px}
.dkm .mft{background:#060A13}

/* menu screen */
.mmenu{position:relative;width:390px;height:844px;overflow:hidden;display:flex;flex-direction:column;background:#F7F8FA;font-family:'DM Sans',system-ui,sans-serif;color:#1A2333}
.mm-body{flex:1;overflow-y:auto;padding:8px 16px 16px}
.mtop{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;border:0;border-bottom:1px solid #DCE2EA;background:none;padding:0;font-family:Manrope,sans-serif;font-weight:700;font-size:19px;color:#0E1726;cursor:pointer;text-align:left}
.mtop.cur{color:#1C66C9}
.mcats{display:flex;flex-direction:column;gap:8px;padding:12px 0 16px;border-bottom:1px solid #DCE2EA}
.mcat{background:#fff;border:1px solid #E1E6ED;border-radius:12px;overflow:hidden;transition:border-color .3s}
.mcat.on{border-color:#3289ED}
.mcat-b{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 14px;border:0;background:none;cursor:pointer;text-align:left;font-family:Manrope,sans-serif;font-weight:700;font-size:15.5px;color:#0E1726}
.mcat-b .lb{flex:1}
.msubs{list-style:none;margin:0;padding:0 14px 10px 48px;display:flex;flex-direction:column;border-top:1px solid #EDF0F4;animation:cardIn .35s cubic-bezier(.2,.7,.2,1) both}
.msubs a{display:flex;align-items:center;justify-content:space-between;min-height:46px;color:#3A4558;font-size:15px;border-bottom:1px solid #F1F3F7}
.mseg{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #D5DCE6;border-radius:10px;overflow:hidden;background:#fff}
.mseg button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;background:transparent;font-family:Manrope,sans-serif;font-weight:600;font-size:13.5px;color:#2A3447;cursor:pointer;transition:color .3s}
.mseg button.on{color:#fff}
.mseg .knob{position:absolute;top:0;bottom:0;left:0;width:33.333%;background:#1C66C9;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mseg.s1 .knob{transform:translateX(100%)}.mseg.s2 .knob{transform:translateX(200%)}
.mlang{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border:1px solid #E1E6ED;border-radius:10px;background:#fff;color:#1A2333;font-family:Manrope,sans-serif;font-weight:600;font-size:15px}
.mlang.on{border-color:#3289ED}
.mm-foot{flex:none;padding:16px;border-top:1px solid #E3E7EE;background:#fff;display:flex;flex-direction:column;gap:12px}
.dkm.mmenu{background:#0B1220;color:#E6EBF3}
.dkm .mtop{color:#F4F6FA;border-color:#24324C}.dkm .mtop.cur{color:#5FD3FC}
.dkm .mcats{border-color:#24324C}
.dkm .mcat{background:#111A2B;border-color:#1E2A40}.dkm .mcat.on{border-color:#3289ED}.dkm .mcat-b{color:#F4F6FA}
.dkm .msubs{border-color:#1E2A40}.dkm .msubs a{color:#C9D2E0;border-color:#1E2A40}
.dkm .mseg{background:#111A2B;border-color:#26354F}.dkm .mseg button{color:#C9D2E0}.dkm .mseg button.on{color:#fff}
.dkm .mlang{background:#111A2B;border-color:#26354F;color:#E6EBF3}.dkm .mlang.on{border-color:#3289ED}
.dkm .mm-foot{background:#111A2B;border-color:#1E2A40}
}
@media(min-width:768px) and (max-width:1100px){/* header */
.mh{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;background:#F7F8FA;border-bottom:1px solid #E3E7EE;font-family:'DM Sans',system-ui,sans-serif}
.mh .brand img{height:28px}
.mh .brand-t strong{font-size:17px}
.mh .brand-t span{font-size:8.5px}
.mh-r{display:flex;gap:8px;align-items:center}
.mib{width:44px;height:44px;border-radius:10px;border:1px solid #D5DCE6;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#0E1726;cursor:pointer;padding:0;transition:background-color .6s,border-color .6s,color .6s}
.mib .sun{color:#E8962E}
.mib svg{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mib:active svg{transform:rotate(40deg)}
.dkm .mh{background:#0B1220;border-color:#1E2A40}
.dkm .mib{background:#111A2B;border-color:#26354F;color:#E6EBF3}
.dkm .mib .moon{color:#BFD3FF}

/* menu screen */
.mmenu{position:relative;width:390px;height:844px;overflow:hidden;display:flex;flex-direction:column;background:#F7F8FA;font-family:'DM Sans',system-ui,sans-serif;color:#1A2333}
.mm-body{flex:1;overflow-y:auto;padding:8px 16px 16px}
.mtop{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;border:0;border-bottom:1px solid #DCE2EA;background:none;padding:0;font-family:Manrope,sans-serif;font-weight:700;font-size:19px;color:#0E1726;cursor:pointer;text-align:left}
.mtop.cur{color:#1C66C9}
.mcats{display:flex;flex-direction:column;gap:8px;padding:12px 0 16px;border-bottom:1px solid #DCE2EA}
.mcat{background:#fff;border:1px solid #E1E6ED;border-radius:12px;overflow:hidden;transition:border-color .3s}
.mcat.on{border-color:#3289ED}
.mcat-b{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 14px;border:0;background:none;cursor:pointer;text-align:left;font-family:Manrope,sans-serif;font-weight:700;font-size:15.5px;color:#0E1726}
.mcat-b .lb{flex:1}
.msubs{list-style:none;margin:0;padding:0 14px 10px 48px;display:flex;flex-direction:column;border-top:1px solid #EDF0F4;animation:cardIn .35s cubic-bezier(.2,.7,.2,1) both}
.msubs a{display:flex;align-items:center;justify-content:space-between;min-height:46px;color:#3A4558;font-size:15px;border-bottom:1px solid #F1F3F7}
.mseg{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #D5DCE6;border-radius:10px;overflow:hidden;background:#fff}
.mseg button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;background:transparent;font-family:Manrope,sans-serif;font-weight:600;font-size:13.5px;color:#2A3447;cursor:pointer;transition:color .3s}
.mseg button.on{color:#fff}
.mseg .knob{position:absolute;top:0;bottom:0;left:0;width:33.333%;background:#1C66C9;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mseg.s1 .knob{transform:translateX(100%)}.mseg.s2 .knob{transform:translateX(200%)}
.mlang{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border:1px solid #E1E6ED;border-radius:10px;background:#fff;color:#1A2333;font-family:Manrope,sans-serif;font-weight:600;font-size:15px}
.mlang.on{border-color:#3289ED}
.mm-foot{flex:none;padding:16px;border-top:1px solid #E3E7EE;background:#fff;display:flex;flex-direction:column;gap:12px}
.dkm.mmenu{background:#0B1220;color:#E6EBF3}
.dkm .mtop{color:#F4F6FA;border-color:#24324C}.dkm .mtop.cur{color:#5FD3FC}
.dkm .mcats{border-color:#24324C}
.dkm .mcat{background:#111A2B;border-color:#1E2A40}.dkm .mcat.on{border-color:#3289ED}.dkm .mcat-b{color:#F4F6FA}
.dkm .msubs{border-color:#1E2A40}.dkm .msubs a{color:#C9D2E0;border-color:#1E2A40}
.dkm .mseg{background:#111A2B;border-color:#26354F}.dkm .mseg button{color:#C9D2E0}.dkm .mseg button.on{color:#fff}
.dkm .mlang{background:#111A2B;border-color:#26354F;color:#E6EBF3}.dkm .mlang.on{border-color:#3289ED}
.dkm .mm-foot{background:#111A2B;border-color:#1E2A40}
}