/* ===== Voxiyo v5: blue-only theme, dock, footer, text FX, arcade ===== */
:root,[data-theme="light"]{--bg:#F3F6FF;--ink:#07104A;--paper:#FFFFFF;--soft:#E4ECFF;--muted:#475590;--line:#07104A;--shadow:#1F46FF;--grid:rgba(31,70,255,.08)}
[data-theme="dark"]{--bg:#050A2A;--ink:#EAF0FF;--paper:#0B1448;--soft:#0F1B5C;--muted:#9DB0F0;--line:#7DA2FF;--shadow:#1F46FF;--grid:rgba(120,160,255,.12)}
.sfoot{background:#050A2A}[data-theme="dark"] .sfoot{background:#030720}
/* text effects */
.vx-js .vw{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em .02em .14em;margin-bottom:-.14em}
.vx-js .vw>span{display:inline-block;-webkit-transform:translateY(112%) rotate(4deg);transform:translateY(112%) rotate(4deg);transition:transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i)*55ms)}
.vx-js .vx-in .vw>span,.vx-js .vw.vx-in>span{-webkit-transform:none;transform:none}
.vx-js .vx-rv{opacity:0;-webkit-transform:translateY(24px);transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
.vx-js .vx-rv.vx-in{opacity:1;-webkit-transform:none;transform:none}
.tagline{background:-webkit-linear-gradient(90deg,var(--blue),#5B9BFF,var(--blue));background:linear-gradient(90deg,var(--blue),#5B9BFF,var(--blue));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:vxSh 5s linear infinite;animation:vxSh 5s linear infinite}
.tagline i{-webkit-text-fill-color:initial}
@-webkit-keyframes vxSh{to{background-position:-200% 0}}@keyframes vxSh{to{background-position:-200% 0}}
/* floating dock */
.vx-dock{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:90;display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.vx-dock a{position:relative;display:flex;align-items:center;gap:10px;height:56px;min-width:56px;padding:0 16px;border-radius:99px;color:#fff;text-decoration:none;font-weight:700;font-size:14px;background:-webkit-linear-gradient(135deg,#1F46FF,#0A1A8C);background:linear-gradient(135deg,#1F46FF,#0A1A8C);box-shadow:0 12px 30px rgba(10,26,140,.45),inset 0 0 0 1px rgba(255,255,255,.25);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.vx-dock a:hover{-webkit-transform:translateY(-4px) scale(1.04);transform:translateY(-4px) scale(1.04)}
.vx-dock a svg{width:24px;height:24px;flex:none}.vx-dock a span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .4s}.vx-dock a:hover span,.vx-dock a:focus-visible span{max-width:150px}
.vx-dock .d-wa::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(91,155,255,.7);-webkit-animation:vxPing 2.4s infinite;animation:vxPing 2.4s infinite}
@-webkit-keyframes vxPing{to{box-shadow:0 0 0 20px rgba(91,155,255,0)}}@keyframes vxPing{to{box-shadow:0 0 0 20px rgba(91,155,255,0)}}
.vx-dock .d-call{background:#07104A;box-shadow:0 12px 30px rgba(7,16,74,.4),inset 0 0 0 1px rgba(125,180,255,.5)}
@media(max-width:640px){.vx-dock a{height:52px;min-width:52px;padding:0 14px}.vx-dock a span{display:none}}
html.has-quest .vx-dock{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
/* creative footer */
.vxf{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;padding:0 0 clamp(32px,5vw,56px);margin-bottom:clamp(28px,4vw,44px);border-bottom:1px solid rgba(160,195,255,.2)}
.vxf-k{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#7DB4FF;font-weight:700}
.vxf-h{font:400 clamp(30px,5vw,64px)/1.05 var(--serif);margin:10px 0 0;color:#fff}.vxf-h em{font-style:normal;background:-webkit-linear-gradient(90deg,#CFE1FF,#5B9BFF);background:linear-gradient(90deg,#CFE1FF,#5B9BFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vxf-r{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.vxf-b{display:inline-block;padding:15px 24px;border-radius:99px;border:1px solid rgba(160,195,255,.45);color:#fff;text-decoration:none;font-weight:700;transition:background .3s,color .3s,transform .2s}
.vxf-b.wa,.vxf-b:hover{background:#fff;color:#07104A}
.vxf-st{display:flex;flex-wrap:wrap;gap:10px 22px;color:#9DB0F0;font-size:14px;margin:-12px 0 28px}.vxf-st b{color:#fff;font-variant-numeric:tabular-nums}
.vxf-st .dt{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5B9BFF;margin-right:8px;-webkit-animation:vxPing 2s infinite;animation:vxPing 2s infinite}
.vxf-mq{overflow:hidden;margin:0 -9999px 26px;padding:14px 9999px;border-top:1px solid rgba(160,195,255,.15);border-bottom:1px solid rgba(160,195,255,.15)}
.vxf-mq div{display:inline-flex;white-space:nowrap;-webkit-animation:lxMq 40s linear infinite;animation:lxMq 40s linear infinite}.vxf-mq span{font:400 clamp(24px,4vw,44px) var(--serif);color:transparent;-webkit-text-stroke:1px rgba(160,195,255,.55);padding:0 26px;transition:color .3s}.vxf-mq span:hover{color:#5B9BFF}
.sfoot{--fx:50%;--fy:30%}.sfoot::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(520px circle at var(--fx) var(--fy),rgba(47,107,255,.28),transparent 60%);pointer-events:none}
.sf-col a{position:relative;display:inline-block;transition:transform .3s,color .3s}.sf-col a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:#5B9BFF;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:transform .35s}
.sf-col a:hover{color:#CFE1FF;-webkit-transform:translateX(6px);transform:translateX(6px)}.sf-col a:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1)}
.sf-big{-webkit-transition:opacity .4s,transform .6s;transition:opacity .4s,transform .6s}.sfoot:hover .sf-big{opacity:1;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media(max-width:800px){.vxf{grid-template-columns:1fr}.vxf-r{justify-content:flex-start}}
/* slider: blue luxury + entrance */
.lx-sl{--gold:#7DB4FF;--champ:#CFE1FF}
.lx-doors{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;pointer-events:none}
.lx-doors i{flex:1;background:-webkit-linear-gradient(180deg,#02051A,#07104A);background:linear-gradient(180deg,#02051A,#07104A);transition:transform 1.5s cubic-bezier(.77,0,.18,1) .9s}
.lx-doors i:first-child{border-right:1px solid rgba(125,180,255,.6)}
.lx-sl.open .lx-doors i:first-child{-webkit-transform:translateX(-101%);transform:translateX(-101%)}.lx-sl.open .lx-doors i:last-child{-webkit-transform:translateX(101%);transform:translateX(101%)}
.lx-em{position:absolute;top:50%;left:50%;z-index:31;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#CFE1FF;letter-spacing:.5em;font-size:13px;font-weight:700;pointer-events:none;transition:opacity .6s .5s}
.lx-em b{display:block;font:400 clamp(30px,6vw,64px) var(--serif);letter-spacing:.14em;color:#fff;margin-bottom:10px;-webkit-animation:lxEm 1.4s ease both;animation:lxEm 1.4s ease both}
@keyframes lxEm{from{opacity:0;letter-spacing:.7em}to{opacity:1;letter-spacing:.14em}}
.lx-sl.open .lx-em{opacity:0}.lx-sl.done .lx-doors,.lx-sl.done .lx-em{display:none}
.lx-orbit{position:absolute;right:max(2%,0px);top:50%;width:min(640px,58vw);margin-top:calc(min(640px,58vw)/-2);opacity:.55;pointer-events:none;-webkit-transform:translate(calc(var(--px,0)*-18px),calc(var(--py,0)*-18px));transform:translate(calc(var(--px,0)*-18px),calc(var(--py,0)*-18px));transition:transform .3s}
.lx-orbit .r1{-webkit-animation:lxSpin 60s linear infinite;animation:lxSpin 60s linear infinite}.lx-orbit .r2{-webkit-animation:lxSpin 40s linear infinite reverse;animation:lxSpin 40s linear infinite reverse}
.lx-orbit g,.lx-orbit text{transform-box:fill-box;transform-origin:center}.lx-orbit .r1 text{-webkit-animation:lxSpin 60s linear infinite reverse;animation:lxSpin 60s linear infinite reverse}.lx-orbit .r2 text{-webkit-animation:lxSpin 40s linear infinite;animation:lxSpin 40s linear infinite}
@-webkit-keyframes lxSpin{to{-webkit-transform:rotate(360deg)}}@keyframes lxSpin{to{transform:rotate(360deg)}}
.lx-track{z-index:2}.lx-t h2 .lw{display:inline-block;opacity:0;-webkit-transform:perspective(600px) rotateX(-80deg) translateY(28px);transform:perspective(600px) rotateX(-80deg) translateY(28px);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i)*80ms + .3s),opacity .9s calc(var(--i)*80ms + .3s)}
.lx-track .sl.on .lw{opacity:1;-webkit-transform:none;transform:none}
.lx-t h2 em .lw{background:-webkit-linear-gradient(90deg,#CFE1FF,#5B9BFF);background:linear-gradient(90deg,#CFE1FF,#5B9BFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lx-t h2 em{background:none;-webkit-text-fill-color:initial}
.lx-track .sl .lx-k,.lx-track .sl .lx-t>p,.lx-track .sl .lx-b{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .8s .6s}.lx-track .sl.on .lx-k,.lx-track .sl.on .lx-t>p,.lx-track .sl.on .lx-b{opacity:1;-webkit-transform:none;transform:none}
.lx-track .sl .lx-v{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.77,0,.18,1) .25s,-webkit-clip-path 1.1s cubic-bezier(.77,0,.18,1) .25s}.lx-track .sl.on .lx-v{-webkit-clip-path:inset(-40px);clip-path:inset(-40px)}
.lx-b .gold{color:#07104A!important;background:-webkit-linear-gradient(135deg,#DCE8FF,#6EA8FF)!important;background:linear-gradient(135deg,#DCE8FF,#6EA8FF)!important}
@media(prefers-reduced-motion:reduce){.lx-doors,.lx-em{display:none}.lx-t h2 .lw,.lx-track .sl .lx-k,.lx-track .sl .lx-t>p,.lx-track .sl .lx-b{opacity:1;transform:none;transition:none}.lx-orbit *{animation:none!important}}
/* arcade: matching colours per pair */
.mg-card .mg-back{background-color:var(--blue)!important}
.mg-card .mg-front{border-color:var(--pc,var(--line));background:-webkit-linear-gradient(160deg,#fff 40%,var(--pc,#fff));background:linear-gradient(160deg,var(--paper) 35%,var(--pc,var(--paper)))}
.mg-card .mg-front::before{content:attr(data-pn);position:absolute;top:8px;left:10px;width:22px;height:22px;border-radius:50%;background:var(--pc);color:#fff;font:700 12px/22px var(--sans);text-align:center}
.mg-card[data-pn] .mg-front .lbl{color:#07104A;font-weight:700}
.mg-card.done .mg-front{box-shadow:0 0 0 3px var(--pc),0 0 26px var(--pc)!important;border-color:var(--pc)!important}
.sv-hero,.cc-wrap,.mg-stage{background:-webkit-linear-gradient(150deg,#06104F,#1F46FF 70%,#5B9BFF)!important;background:linear-gradient(150deg,#06104F,#1F46FF 70%,#5B9BFF)!important}
.cc-wrap,.mg-stage{box-shadow:8px 8px 0 #7DB4FF!important}
body[data-intro="The Voxiyo Arcade"]{background-image:radial-gradient(circle at 12% 8%,rgba(31,70,255,.22),transparent 40%),radial-gradient(circle at 88% 18%,rgba(91,155,255,.22),transparent 42%)!important}
.btn.blue{background:-webkit-linear-gradient(90deg,#0A1A8C,#2F6BFF)!important;background:linear-gradient(90deg,#0A1A8C,#2F6BFF)!important}
.tt:hover{box-shadow:0 14px 0 -4px #2F6BFF,0 18px 30px rgba(10,26,140,.25)!important;border-color:#2F6BFF!important}



/* ===== portfolio rail ===== */
.pr-hero,.sx-hero,.in-hero{position:relative;overflow:hidden;color:#fff;padding:clamp(56px,8vw,110px) 0 clamp(40px,6vw,72px);background:radial-gradient(700px 400px at 85% 10%,rgba(91,155,255,.45),transparent 60%),linear-gradient(160deg,#050A2A,#0A1A8C 75%,#1F46FF)}
.pr-hero h1,.sx-hero h1,.in-hero h1{font:400 clamp(36px,6vw,80px)/1.02 var(--serif);margin:12px 0;max-width:16ch;color:#fff}.pr-hero .lede,.sx-hero .lede,.in-hero .lede{color:#CFE1FF;max-width:640px}
.pr-hero .tagline,.sx-hero .tagline,.in-hero .tagline{-webkit-text-fill-color:#CFE1FF;color:#CFE1FF;background:none;-webkit-animation:none;animation:none}
.pr{padding:32px 0 56px}.pr-top{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-bottom:22px}.pr-n{color:var(--muted);font-weight:700}
.pr-f{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 0;scrollbar-width:none}.pr-f::-webkit-scrollbar{display:none}
.pr-f button{flex:none;padding:10px 16px;border-radius:99px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font-weight:600;cursor:pointer;transition:all .25s}.pr-f button small{opacity:.6}.pr-f button:hover{background:var(--soft)}.pr-f button.on{background:#1F46FF;border-color:#1F46FF;color:#fff}
.pr-wrap{position:relative}.pr-rail{display:flex;gap:22px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px max(20px,calc((100vw - 1280px)/2 + 20px)) 28px;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;outline:none}.pr-rail::-webkit-scrollbar{display:none}.pr-rail.drag{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}
.pxc{flex:none;width:min(82vw,380px);scroll-snap-align:center;background:var(--paper);border:2px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:8px 8px 0 var(--shadow);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.pxc:hover{-webkit-transform:translateY(-8px) rotate(-.6deg);transform:translateY(-8px) rotate(-.6deg)}
.px-shot{position:relative;display:block;height:300px;overflow:hidden;background:#0A1A8C}.px-shot img{position:absolute;top:0;left:0;width:100%;height:auto;opacity:0;transition:opacity .6s,transform 6s linear;-webkit-user-drag:none}.px-shot img.ok{opacity:1}.pxc:hover .px-shot img.ok{-webkit-transform:translateY(calc(-100% + 300px));transform:translateY(calc(-100% + 300px))}
.px-poster{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;background:linear-gradient(150deg,#06104F,#1F46FF)}.px-poster.p1{background:linear-gradient(150deg,#0A1A8C,#5B9BFF)}.px-poster.p2{background:linear-gradient(150deg,#050A2A,#2F6BFF)}.px-poster.p3{background:linear-gradient(150deg,#1B3BB5,#7DB4FF)}.px-poster b{font:400 28px/1.1 var(--serif)}.px-poster i{font-style:normal;opacity:.8}
.pf-body{position:relative;padding:20px}.pf-no{position:absolute;top:-30px;right:16px;font:400 46px var(--serif);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}.pf-cat{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pf-body h3{margin:6px 0;font:400 24px var(--serif)}.pf-body p{margin:0 0 12px;color:var(--muted);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pf-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pf-tags span{font-size:12px;padding:4px 10px;border-radius:99px;background:var(--soft)}.pf-go{display:inline-block;font-weight:700;color:var(--blue);text-decoration:none;border-bottom:2px solid currentColor}
.pr-ctl{display:flex;align-items:center;gap:12px;margin-top:6px}.pr-bar{flex:1;height:4px;border-radius:4px;background:var(--soft);overflow:hidden}.pr-bar i{display:block;height:100%;width:6%;background:linear-gradient(90deg,#1F46FF,#5B9BFF);transition:width .2s}
.pr-ctl button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font-size:22px;cursor:pointer;transition:all .25s}.pr-ctl button:hover{background:#1F46FF;color:#fff;border-color:#1F46FF}.pr-hint{color:var(--muted);font-size:13px;margin:12px 0 0}
/* ===== services explorer ===== */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sx-stats{display:flex;gap:clamp(20px,5vw,56px);margin:26px 0}.sx-stats b{display:block;font:400 clamp(30px,4vw,48px) var(--serif);color:#CFE1FF}.sx-stats small{color:#9DB0F0}
.sx-search input{width:100%;max-width:560px;padding:16px 22px;border-radius:99px;border:1.5px solid rgba(207,225,255,.5);background:rgba(255,255,255,.1);color:#fff;font-size:16px;-webkit-appearance:none;appearance:none}.sx-search input::placeholder{color:#9DB0F0}.sx-search input:focus{outline:2px solid #7DB4FF;background:rgba(255,255,255,.16)}
.sx{padding:0 0 64px}.sx-bar{position:-webkit-sticky;position:sticky;top:64px;z-index:20;background:var(--bg);border-bottom:1px solid var(--soft);padding:12px 0;margin-bottom:28px}
.sx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.sv-card{position:relative;display:flex;flex-direction:column;padding:24px;border:2px solid var(--line);border-radius:20px;background:var(--paper);overflow:hidden;transition:transform .25s,box-shadow .3s;will-change:transform}.sv-card::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(47,107,255,.18),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.sv-card:hover{box-shadow:8px 8px 0 #2F6BFF}.sv-card:hover::before{opacity:1}
.sc-n{font:400 40px/1 var(--serif);color:#2F6BFF}.sv-card h3{margin:8px 0 6px;font:400 23px/1.15 var(--serif)}.sv-card>p{margin:0 0 14px;color:var(--muted);font-size:15px;flex:1}.sc-c{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.sc-c span{font-size:12px;padding:4px 10px;border-radius:99px;background:var(--soft)}
.sc-a{display:flex;justify-content:space-between;align-items:center;gap:10px}.sc-a button{padding:11px 18px;border-radius:99px;border:0;background:#1F46FF;color:#fff;font-weight:700;cursor:pointer}.sc-a a{color:var(--blue);font-weight:700;text-decoration:none}
.sx-empty{text-align:center;color:var(--muted);padding:40px 0}.sx-cta{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;margin:44px 0;padding:32px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#06104F,#1F46FF)}.sx-cta h2{margin:0 0 6px;font:400 clamp(24px,3vw,36px) var(--serif);color:#fff}.sx-cta p{margin:0;color:#CFE1FF}
.sx-gh{font:400 24px var(--serif);margin:0 0 14px}.sx-guides{display:flex;flex-wrap:wrap;gap:10px}.sx-guides a{padding:9px 16px;border-radius:99px;background:var(--soft);color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}.sx-guides a:hover{background:#1F46FF;color:#fff}
.sx-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:rgba(5,10,42,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:flex-end;align-items:stretch;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.sx-sheet.on{visibility:visible;opacity:1}
.sh-p{position:relative;width:min(520px,100%);height:100%;overflow:auto;-webkit-overflow-scrolling:touch;background:var(--paper);padding:30px 26px calc(30px + env(safe-area-inset-bottom,0px));-webkit-transform:translateX(100%);transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.sx-sheet.on .sh-p{-webkit-transform:none;transform:none}
.sh-x{position:absolute;top:14px;right:16px;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font-size:24px;cursor:pointer}.sh-b h3{font:400 30px/1.1 var(--serif);margin:6px 0}.sh-b h4{margin:18px 0 6px;color:var(--blue)}.sh-b ul{margin:0;padding-left:20px;color:var(--muted)}.sh-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(max-width:640px){.sx-sheet{align-items:flex-end}.sh-p{width:100%;height:auto;max-height:88vh;border-radius:24px 24px 0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}.sx-bar{top:56px}.sx-grid{grid-template-columns:1fr}}
/* ===== industries ===== */
.bz{padding:36px 0 24px}.ind-t{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ind{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;border:2px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);font:600 15px/1.2 var(--sans);cursor:pointer;text-align:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s,box-shadow .3s}
.ind .ii{width:54px;height:54px;color:#1F46FF;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.ind:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:6px 6px 0 #2F6BFF}.ind:hover .ii{-webkit-transform:rotate(-8deg) scale(1.18);transform:rotate(-8deg) scale(1.18)}.ind.on{background:linear-gradient(150deg,#0A1A8C,#1F46FF);color:#fff;box-shadow:6px 6px 0 #7DB4FF}.ind.on .ii{color:#CFE1FF}
.ind-p{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(20px,4vw,48px);margin-top:26px;padding:clamp(22px,3vw,40px);border:2px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:10px 10px 0 var(--shadow);opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}.ind-p.go{opacity:1;-webkit-transform:none;transform:none;transition:all .6s cubic-bezier(.2,.8,.2,1)}
.ip-i{width:84px;height:84px;color:#1F46FF}.ip-l h3{font:400 clamp(28px,3.4vw,42px)/1.05 var(--serif);margin:10px 0}.ip-t{font-weight:700;color:var(--blue)}.ip-l p{color:var(--muted)}.ip-l h4,.ip-r h4{margin:20px 0 8px}.ip-r h4 small{font-weight:400;color:var(--muted);margin-left:6px}
.ip-w{display:flex;flex-wrap:wrap;gap:8px}.ip-w span{padding:8px 14px;border-radius:99px;background:var(--soft);font-size:14px;font-weight:600}
.tln{list-style:none;margin:0;padding:0 0 0 22px;position:relative}.tln::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(#1F46FF,#7DB4FF)}
.ind-p.go .tln li{-webkit-animation:vxIn .6s both;animation:vxIn .6s both;animation-delay:var(--d)}@keyframes vxIn{from{opacity:0;transform:translateX(18px)}}
.tln li{position:relative;margin-bottom:12px}.tln li::before{content:"";position:absolute;left:-22px;top:20px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid #1F46FF;transition:background .3s,transform .3s}.tln li.on::before{background:#1F46FF;-webkit-transform:scale(1.3);transform:scale(1.3)}
.tln li>button{display:flex;gap:14px;align-items:center;width:100%;text-align:left;padding:14px 16px;border:1.5px solid var(--soft);border-radius:16px;background:var(--bg);color:var(--ink);cursor:pointer;font:inherit;transition:all .25s}.tln li>button:hover{border-color:#2F6BFF;-webkit-transform:translateX(4px);transform:translateX(4px)}.tln li.on>button{background:#E4ECFF;border-color:#1F46FF}
.tln b{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1F46FF;color:#fff}.tln span{flex:1}.tln strong{display:block}.tln em{font-style:normal;color:var(--muted);font-size:14px}.tln button i{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid #1F46FF;position:relative}.tln li.on button i::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #1F46FF;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.tln li>a{display:inline-block;margin:6px 0 0 16px;font-size:13px;font-weight:700;color:var(--blue);text-decoration:none}
.ip-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:18px;padding:16px 18px;border-radius:16px;background:#07104A;color:#fff}.ip-bar b{font:400 28px var(--serif);color:#7DB4FF}
.in-rm{padding:48px 0 64px}.in-rm h2{font:400 clamp(28px,4vw,48px)/1.05 var(--serif);margin:10px 0}
@media(max-width:900px){.ind-t{grid-template-columns:repeat(2,1fr)}.ind-p{grid-template-columns:1fr}}

/* ===== vs hero: immersive service slider ===== */
.vsh{position:relative;overflow:hidden;height:calc(100vh - 72px);height:calc(100svh - 72px);min-height:620px;max-height:960px;color:var(--fg,#fff);background:#050A2A;outline:none;-webkit-user-select:none;user-select:none;--px:0;--py:0}
.vs-stage{position:absolute;top:0;right:0;bottom:0;left:0}
.vs-slide{--fg:#fff;--mu:#CFE1FF;--st:rgba(207,225,255,.55);position:absolute;top:0;right:0;bottom:0;left:0;color:var(--fg);background:-webkit-linear-gradient(135deg,var(--c1),var(--c2));background:linear-gradient(135deg,var(--c1),var(--c2));visibility:hidden;-webkit-clip-path:circle(0% at var(--cx,50%) var(--cy,60%));clip-path:circle(0% at var(--cx,50%) var(--cy,60%));z-index:1}
.vs-slide.lt{--fg:#07104A;--mu:#2C418C;--st:rgba(7,16,74,.45)}
.vs-slide.prev{visibility:visible;-webkit-clip-path:circle(150% at var(--cx,50%) var(--cy,60%));clip-path:circle(150% at var(--cx,50%) var(--cy,60%));z-index:2}
.vs-slide.on{visibility:visible;z-index:3;-webkit-clip-path:circle(150% at var(--cx,50%) var(--cy,60%));clip-path:circle(150% at var(--cx,50%) var(--cy,60%));-webkit-transition:-webkit-clip-path 1.1s cubic-bezier(.77,0,.18,1);transition:-webkit-clip-path 1.1s cubic-bezier(.77,0,.18,1),clip-path 1.1s cubic-bezier(.77,0,.18,1)}
.vs-slide::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at 70% 50%,#000,transparent 70%);mask-image:radial-gradient(circle at 70% 50%,#000,transparent 70%)}
.vs-in{position:relative;max-width:1360px;height:100%;margin:0 auto;padding:0 var(--pad) 70px calc(var(--pad) + 170px);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,3vw,48px);align-items:center}
.vs-no{display:block;font:400 clamp(90px,15vw,220px)/.8 var(--serif);color:transparent;-webkit-text-stroke:2px var(--st);margin-bottom:10px;opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px);transition:all 1s cubic-bezier(.2,.8,.2,1) .5s}
.vs-copy h2{font:400 clamp(32px,5vw,70px)/1.02 var(--serif);margin:0 0 16px;max-width:14ch}.vs-copy h2 .vw2{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}.vs-copy h2 .vw2>span{display:inline-block;-webkit-transform:translateY(115%);transform:translateY(115%);transition:transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i)*90ms + .55s)}
.vs-copy>p{max-width:480px;font-size:clamp(15px,1.4vw,19px);line-height:1.6;color:var(--mu);margin:0 0 20px}.vs-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.vs-tags span{padding:7px 14px;border-radius:99px;border:1px solid var(--st);font-size:13px;font-weight:600}
.vs-copy>p,.vs-tags,.vs-act{opacity:0;-webkit-transform:translateY(22px);transform:translateY(22px);transition:all .9s cubic-bezier(.2,.8,.2,1) 1s}
.vs-slide.on .vs-no,.vs-slide.on .vs-copy>p,.vs-slide.on .vs-tags,.vs-slide.on .vs-act{opacity:1;-webkit-transform:none;transform:none}.vs-slide.on .vw2>span{-webkit-transform:none;transform:none}
.vs-act{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.vs-btn{display:inline-flex;gap:10px;align-items:center;padding:16px 28px;border-radius:99px;background:var(--fg);color:var(--c1);font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s}.vs-btn i{font-style:normal;transition:transform .3s}.vs-btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.3)}.vs-btn:hover i{-webkit-transform:translateX(5px);transform:translateX(5px)}
.vs-gh{padding:15px 24px;border-radius:99px;border:1.5px solid var(--st);color:var(--fg);text-decoration:none;font-weight:700;transition:background .3s}.vs-gh:hover{background:rgba(255,255,255,.14)}
.vs-art{position:relative;width:min(100%,520px);margin:0 auto;aspect-ratio:1/1;color:var(--fg);-webkit-transform:translate(calc(var(--px)*-26px),calc(var(--py)*-26px));transform:translate(calc(var(--px)*-26px),calc(var(--py)*-26px));transition:transform .3s}
.vs-art svg{display:block;width:100%;height:100%;overflow:visible}.vs-art svg *{transform-box:fill-box;transform-origin:center}
.rg1{-webkit-animation:lxSpin 50s linear infinite;animation:lxSpin 50s linear infinite}.rg2{-webkit-animation:lxSpin 30s linear infinite reverse;animation:lxSpin 30s linear infinite reverse}
.vs-art .tile{-webkit-transform:scale(.6) rotate(-20deg);transform:scale(.6) rotate(-20deg);opacity:0;transition:all 1.1s cubic-bezier(.34,1.56,.64,1) .7s}.vs-slide.on .tile{-webkit-transform:none;transform:none;opacity:1}
.vs-art .ic{stroke-dasharray:1;stroke-dashoffset:1}.vs-slide.on .ic{stroke-dashoffset:0;transition:stroke-dashoffset 1.8s ease 1.1s}
.vs-chip{position:absolute;padding:9px 16px;border-radius:99px;font-size:13px;font-weight:700;background:rgba(255,255,255,.14);border:1px solid var(--st);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;-webkit-transform:scale(.6);transform:scale(.6);transition:all .7s cubic-bezier(.34,1.56,.64,1) calc(1.3s + var(--k)*.12s)}.vs-slide.on .vs-chip{opacity:1;-webkit-transform:none;transform:none;-webkit-animation:lxFl 5s ease-in-out calc(2s + var(--k)*.4s) infinite;animation:lxFl 5s ease-in-out calc(2s + var(--k)*.4s) infinite}
.vs-nav{position:absolute;left:var(--pad);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:2px;max-height:86%}
.vs-nav button{display:flex;align-items:center;gap:10px;padding:5px 0;border:0;background:none;color:#fff;font:inherit;font-size:12px;cursor:pointer;opacity:.55;transition:opacity .3s,transform .3s;text-align:left;mix-blend-mode:normal}.vs-nav button i{font-style:normal;font-variant-numeric:tabular-nums;font-weight:700;width:22px}.vs-nav button span{white-space:nowrap;max-width:0;overflow:hidden;transition:max-width .4s}
.vs-nav button::after{content:"";width:14px;height:2px;background:currentColor;transition:width .4s}.vs-nav button:hover,.vs-nav button.on{opacity:1}.vs-nav button:hover span,.vs-nav button.on span{max-width:130px}.vs-nav button.on::after{width:34px}.vs-nav button:hover{-webkit-transform:translateX(4px);transform:translateX(4px)}
.vsh.lt-on .vs-nav button{color:#07104A}
.vs-foot{position:absolute;left:calc(var(--pad) + 170px);bottom:22px;z-index:6;display:flex;align-items:center;gap:12px}.vs-cnt{font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-right:6px}.vs-cnt b{font:400 26px var(--serif)}
.vs-foot button{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:rgba(255,255,255,.08);color:#fff;font-size:18px;cursor:pointer;transition:all .25s}.vs-foot button:hover{background:#fff;color:#07104A}.vs-hint{font-size:12px;opacity:.6;margin-left:8px}
.vs-prog{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:7;background:rgba(255,255,255,.15)}.vs-prog i{display:block;height:100%;width:100%;background:#7DB4FF;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%}.vs-prog i.run{-webkit-animation:vsRun 8s linear forwards;animation:vsRun 8s linear forwards}.vsh.paused .vs-prog i{animation-play-state:paused}
@-webkit-keyframes vsRun{to{-webkit-transform:scaleX(1)}}@keyframes vsRun{to{transform:scaleX(1)}}
.vs-cur{position:fixed;top:0;left:0;z-index:60;width:92px;height:92px;border-radius:50%;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#07104A;background:rgba(220,232,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s,width .25s,height .25s}.vs-cur.show{opacity:1}.vs-cur.sm{width:18px;height:18px}.vs-cur.sm span{display:none}
@media(max-width:900px){.vsh{height:auto;min-height:calc(100svh - 56px);max-height:none}.vs-stage{position:relative;height:calc(100svh - 56px);min-height:700px}.vs-in{grid-template-columns:1fr;padding:24px var(--pad) 150px;align-content:center;gap:12px}.vs-art{width:min(62%,260px);order:-1;margin:0 auto 0 0}.vs-no{font-size:clamp(70px,22vw,120px)}.vs-nav{top:auto;bottom:70px;left:0;right:0;-webkit-transform:none;transform:none;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;padding:0 var(--pad);max-height:none;scrollbar-width:none}.vs-nav::-webkit-scrollbar{display:none}.vs-nav button{flex:none;padding:9px 14px;border:1px solid rgba(255,255,255,.4);border-radius:99px;opacity:.8}.vs-nav button span{max-width:none}.vs-nav button i,.vs-nav button::after{display:none}.vs-nav button.on{background:#fff;color:#07104A;opacity:1}.vs-foot{left:var(--pad);bottom:16px}.vs-hint,.vs-cur{display:none}.vs-chip{font-size:11px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.vs-slide,.vs-slide.on{transition:none}.vs-art *,.vs-chip{animation:none!important}.vs-no,.vs-copy>p,.vs-tags,.vs-act,.vs-copy h2 .vw2>span,.vs-art .tile,.vs-chip{opacity:1;transform:none;transition:none}.vs-art .ic{stroke-dashoffset:0}}

.vsh.lt-on .vs-foot{color:#07104A}.vsh.lt-on .vs-foot button{border-color:rgba(7,16,74,.5);background:rgba(7,16,74,.06);color:#07104A}.vsh.lt-on .vs-foot button:hover{background:#07104A;color:#fff}.vsh.lt-on .vs-prog i{background:#1F46FF}.vsh.lt-on .vs-nav button{color:#07104A}@media(max-width:900px){.vsh.lt-on .vs-nav button{border-color:rgba(7,16,74,.4)}.vsh.lt-on .vs-nav button.on{background:#07104A;color:#fff}}
.vsh .vs-art svg g[transform]{transform-box:view-box;transform-origin:0 0}
@media(max-width:900px){.vsh .vs-in{padding-top:56px}.vsh .vs-art{width:min(50%,210px)}.vsh .vs-nav{padding-right:84px}}



/* ===== company profile ===== */
.cp-bar{background:#050A2A;color:#fff;padding:14px 0;position:-webkit-sticky;position:sticky;top:64px;z-index:15}.cp-bar .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.cp-bar .wrap>div{display:flex;gap:10px;flex-wrap:wrap}.cp-bar .btn{padding:10px 18px;font-size:14px}.cp-bar button.btn{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.cp{background:var(--bg)}.cp-pg{position:relative;padding:clamp(40px,6vw,84px) 0;border-bottom:1px solid var(--soft)}.cp-in{max-width:1180px;margin:0 auto;padding:0 var(--pad)}.cp-no{position:absolute;right:var(--pad);bottom:18px;font:400 14px var(--serif);color:var(--muted)}
.cp-pg.dk{color:#fff;background:linear-gradient(150deg,#050A2A,#0A1A8C 80%,#1F46FF)}.cp-pg.dk .cp-no{color:#9DB0F0}.cp-pg.dk .cp-k{color:#7DB4FF}
.cp-k{display:inline-block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--blue)}
.cp h1,.cp h2,.cp h3{font-family:var(--serif);font-weight:400}.cp-h h2{font-size:clamp(28px,4vw,50px);line-height:1.05;margin:8px 0 10px}.cp-h p{color:var(--muted);max-width:680px;margin:0 0 24px}.cp-pg.dk .cp-h p{color:#CFE1FF}
.cp em{font-style:normal;background:linear-gradient(90deg,#CFE1FF,#5B9BFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cp-cover{min-height:min(88vh,760px);display:flex;align-items:center;overflow:hidden}.cp-cover .cp-in{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:clamp(28px,6vw,70px)}.cp-logo{color:#0000F8;width:210px;padding:14px 20px;border-radius:16px;background:#fff}.cp-logo svg{display:block;width:100%;height:auto}
.cp-cv h1{font-size:clamp(40px,7vw,96px);line-height:1.02;margin:14px 0}.cp-cv p{font-size:clamp(16px,1.8vw,22px);color:#CFE1FF;max-width:640px}
.cp-cf{display:flex;flex-wrap:wrap;gap:12px 40px;color:#CFE1FF;font-size:14px}.cp-cf b{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7DB4FF;margin-bottom:2px}
.cp-orb{position:absolute;right:-6%;top:50%;width:min(720px,70vw);margin-top:calc(min(720px,70vw)/-2);opacity:.6}
.cp-two{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}.cp-p{color:var(--muted);line-height:1.7}
.cp-st{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cp-st div{padding:22px;border:2px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:6px 6px 0 var(--shadow)}.cp-st b{display:block;font:400 clamp(34px,4vw,52px)/1 var(--serif);color:var(--blue)}.cp-st small{color:var(--muted)}
.cp-pts{display:grid;gap:14px;margin-top:22px}.cp-pt{display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:18px;background:var(--paper);border:1.5px solid var(--soft)}.cp-pt i{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#0A1A8C,#2F6BFF);color:#fff;font:400 22px var(--serif);font-style:normal}.cp-pt b{display:block;font-size:18px}.cp-pt span{color:var(--blue);font-size:13px;font-weight:700}.cp-pt p{margin:2px 0 0;color:var(--muted);font-size:14px}
.cp-vm{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);margin-bottom:36px}.cp-vm h3{font-size:clamp(22px,2.8vw,36px);line-height:1.2;margin:10px 0 0}
.cp-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cp-vals div{padding:18px;border:1px solid rgba(160,195,255,.35);border-radius:16px;background:rgba(255,255,255,.06)}.cp-vals b{font:400 22px var(--serif)}.cp-vals p{margin:6px 0 0;color:#CFE1FF;font-size:14px}
.cp-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cp-g4.g2{grid-template-columns:repeat(2,1fr)}.cp-g4.g3{grid-template-columns:repeat(3,1fr)}
.cp-c,.cp-i,.cp-w,.cp-d,.cp-e{padding:18px;border:1.5px solid var(--line);border-radius:16px;background:var(--paper)}.cp-c span,.cp-d span{font:400 26px var(--serif);color:#2F6BFF}.cp-c b,.cp-i b,.cp-w b,.cp-e b{display:block;margin:4px 0;font-size:16px}.cp-c p,.cp-i p,.cp-w p,.cp-e p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.cp-d h4{margin:4px 0 8px;font:400 22px var(--serif)}.cp-d ul{margin:0;padding:0;list-style:none}.cp-d li{font-size:13px;color:var(--muted);padding:4px 0;border-top:1px solid var(--soft)}.cp-d li b{color:var(--ink)}
.cp-i svg{width:46px;height:46px;color:#1F46FF;margin-bottom:8px}.cp-w span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:700}.cp-w i{font-style:normal;font-size:12px;color:#2F6BFF}
.cp-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cp-3>div{padding:22px;border-radius:18px;color:#fff;background:linear-gradient(150deg,#0A1A8C,#2F6BFF)}.cp-3 span{font-size:12px;letter-spacing:.18em;font-weight:700;color:#CFE1FF}.cp-3 b{display:block;font:400 24px var(--serif);margin:6px 0}.cp-3 p{margin:0;color:#DCE8FF;font-size:14px}
.cp-sub{font-size:24px;margin:28px 0 12px}.cp-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cp-tg{display:flex;flex-wrap:wrap;gap:8px}.cp-tg span{padding:9px 16px;border-radius:99px;background:var(--paper);border:1.5px solid var(--line);font-weight:700;font-size:14px}.cp-wy{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cp-wy div{padding:16px;border-left:4px solid #2F6BFF;background:var(--paper);border-radius:0 12px 12px 0}.cp-wy b{display:block}.cp-wy p{margin:4px 0 0;color:var(--muted);font-size:13px}
.cp-ct{min-height:min(70vh,560px);display:flex;align-items:center}.cp-cta h2{font-size:clamp(36px,6vw,80px);line-height:1.04;margin:12px 0}.cp-cta p{color:#CFE1FF;font-size:18px;max-width:560px}.cp-cc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.cp-cc div{padding:18px;border:1px solid rgba(160,195,255,.4);border-radius:16px}.cp-cc b{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7DB4FF;margin-bottom:6px}.cp-cc span{font-size:15px}
@media(max-width:900px){.cp-two,.cp-vm{grid-template-columns:1fr}.cp-g4,.cp-g4.g3{grid-template-columns:repeat(2,1fr)}.cp-3,.cp-g3,.cp-vals{grid-template-columns:1fr}.cp-cc{grid-template-columns:1fr 1fr}.cp-bar{top:56px}}
@media(max-width:560px){.cp-g4,.cp-g4.g2,.cp-g4.g3,.cp-wy,.cp-cc{grid-template-columns:1fr}}
@page{size:A4 landscape;margin:0}
@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}header,footer,.vx-dock,#loader,.cp-bar,.qd,.vsh,.skip,.mnav,.cur,.vs-cur{display:none!important}html,body{background:#fff!important;overflow:visible!important}
.vx-js .vx-rv,.vx-js .vw>span{opacity:1!important;transform:none!important;transition:none!important}.vx-js .vw{overflow:visible}
.cp-pg{width:297mm;height:209.5mm;padding:11mm 0;overflow:hidden;page-break-after:always;break-after:page;border:0;box-sizing:border-box;display:block}.cp-in{max-width:none;padding:0 14mm}.cp-no{bottom:6mm;right:14mm}
.cp-cover,.cp-ct{display:flex;min-height:0}.cp-cover .cp-in{gap:12mm}.cp-cv h1{font-size:54px}.cp-orb{width:150mm;margin-top:-75mm}
.cp-h h2{font-size:30px;margin:4px 0 6px}.cp-h p{font-size:12px;margin:0 0 10px}.cp-p{font-size:12.5px;line-height:1.55}.cp-two{gap:12mm}.cp-st div{padding:12px;box-shadow:3px 3px 0 var(--shadow)}.cp-st b{font-size:32px}.cp-pts{gap:8px;margin-top:10px}.cp-pt{padding:8px 12px}.cp-pt i{width:42px;height:42px;font-size:16px}.cp-pt p{font-size:11.5px}
.cp-vm h3{font-size:22px}.cp-vm{margin-bottom:10mm}.cp-vals div{padding:12px}.cp-vals b{font-size:18px}.cp-vals p{font-size:11.5px}
.cp-g4{gap:8px}.cp-c,.cp-i,.cp-w,.cp-d,.cp-e{padding:10px 12px}.cp-c span,.cp-d span{font-size:18px}.cp-c b,.cp-i b,.cp-w b,.cp-e b{font-size:13px}.cp-c p,.cp-i p,.cp-w p,.cp-e p{font-size:10px;line-height:1.4}.cp-d h4{font-size:16px;margin:2px 0 4px}.cp-d li{font-size:9.5px;padding:2px 0}.cp-i svg{width:34px;height:34px}
.cp-3 b{font-size:18px}.cp-3 p{font-size:11px}.cp-3>div{padding:12px}.cp-sub{font-size:18px;margin:10px 0 8px}.cp-g3{gap:8px}.cp-tg span{padding:6px 12px;font-size:11px}.cp-wy div{padding:10px}.cp-wy p{font-size:10.5px}
.cp-cta h2{font-size:56px}.cp-cc{margin-top:12mm}.cp-cc span{font-size:13px}
.cp-g4{grid-template-columns:repeat(4,1fr)}.cp-g4.g2{grid-template-columns:repeat(2,1fr)}.cp-g4.g3{grid-template-columns:repeat(3,1fr)}.cp-two{grid-template-columns:1.25fr 1fr}.cp-vm{grid-template-columns:1fr 1fr}.cp-3,.cp-g3,.cp-vals{grid-template-columns:repeat(3,1fr)}.cp-cc{grid-template-columns:repeat(4,1fr)}.cp-wy{grid-template-columns:1fr 1fr}}
/* v8: shared responsive fixes */
.vxf>*{min-width:0}.vxf-r{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:620px){.vxf-h{font-size:clamp(28px,8.6vw,40px);overflow-wrap:break-word}.vxf-r .vxf-b{flex:1 1 auto;text-align:center}}
.sfoot>.wrap{width:100%;min-width:0}