/* ===== Nexora dark theme — shared shell for every page (tokens, header, cards, CTA, footer) ===== */
body.cd{--canvas:#030405;--ink:#F5F4F8;--muted:#939196;--line:rgba(255,255,255,.16);--accent:#6D52F8;--accent-d:#5B40F2;--shot:#0E0D12;
 background:var(--canvas);color:var(--ink);position:relative}
.cd .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.cd .skip{background:var(--accent)}
.cd main{position:relative;z-index:1}
/* header */
.cd .hd .wrap{border-bottom:0;height:98px}
.cd .logo img{width:196px;height:42px}
.cd .hpill{margin-left:auto;display:flex;align-items:center;height:50px;padding:0 5px 0 26px;border-radius:30px;background:#131216;border:1px solid rgba(255,255,255,.08)}
.cd .nav{margin:0;gap:26px;font-size:14px}.cd .nav a{color:var(--ink);padding:8px 0}
.cd .nav a:hover,.cd .nav a[aria-current]{color:#B9AAFF}
.cd .hd .lng{display:flex;gap:14px;margin-left:24px;padding-left:22px;border-left:1px solid rgba(255,255,255,.14);font-size:13px}
.cd .hd .lng a{color:var(--ink)}.cd .hd .lng a[aria-current]{color:#B9AAFF}
.cd .hd .btn{margin-left:20px;min-width:0;min-height:40px;height:40px;padding:0 16px 0 18px;gap:14px;font-size:14px;border-radius:20px}
.cd .hd .btn .ar{font-size:18px}
.cd .lcirc{display:none}
.cd .drawer .lng a{color:var(--ink)}
/* fallback grid (phones, no WebGL2, reduced motion) */
.cd .grid{gap:32px 22px;margin-top:28px}
.cd .card .shot{aspect-ratio:375/202;border-radius:6px;border:1px solid rgba(255,255,255,.13);background:var(--shot)}
.cd .card .shot img{object-fit:cover;object-position:top center}
.cd .lb{display:none}
.cd .meta{margin-top:14px;align-items:flex-start;gap:12px}.cd .meta>div{flex:1;min-width:0}
.cd .meta::after{content:"↗";flex:none;font-size:22px;line-height:1;margin:8px 4px 0 0;color:var(--ink);transition:transform .2s,color .2s}
.cd .card:hover .meta::after{transform:translate(2px,-2px);color:#B9AAFF}
.cd .meta h3{font-size:20px;font-weight:600;line-height:1.2}.cd .card:hover h3{color:#B9AAFF}
.cd .meta span{font-size:14px;color:#BDBBC2;margin-top:4px}
/* CTA band */
.cd .cband{height:20.1vw;min-height:260px;margin-top:36px;background:var(--canvas);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.cd .cband .art{position:absolute;top:0;right:0;bottom:0;width:59.3%;background:url(/assets/bg/cases-cta-art.webp) right center/cover no-repeat;
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
.cd .cband .wrap{position:relative;padding-top:max(32px,2.7vw)}
.cd .cband h2{font-weight:700;font-size:clamp(30px,3vw,54px);line-height:1.2}
.cd .cband .btn{margin-top:max(20px,1.8vw);min-height:42px;height:42px;padding:0 18px 0 20px;gap:18px;font-size:14px;border-radius:21px}
.cd .cband .btn .ar{font-size:18px}
.cd .cband .id{margin-top:14px;font-size:12px;color:var(--muted)}
/* footer */
.cd .cft{background:var(--canvas);color:var(--ink)}
.cd .cft .wrap{display:flex;align-items:center;gap:28px;padding:30px 0}
.cd .cft .fl{margin-right:auto;display:block}.cd .cft .flogo{width:160px;height:34px}
.cd .cft .cp{margin:0;font-size:13px;color:#BDBBC2}
.cd .cft nav{padding:0;gap:28px;font-size:13px}.cd .cft nav a{color:#E6E4EA}
@media (max-width:1199px){.cd .nav{gap:16px}.cd .hpill{padding-left:18px}.cd .hd .lng{margin-left:16px;padding-left:14px}}
@media (max-width:980px){.cd .hpill{display:none}
 .cd .lcirc{display:flex;align-items:center;justify-content:center;margin-left:auto;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.04);color:var(--ink);font:inherit;font-size:14px;cursor:pointer;padding:0}
 .cd .hd .mbtn{margin-left:18px;padding:8px 0}
 .cd .hd .mbtn i{position:relative;width:22px;height:16px;border-top:2px solid;border-bottom:2px solid}
 .cd .hd .mbtn i::after{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid}}
@media (max-width:767px){
 .cd .hd .wrap{height:64px}.cd .logo img{width:140px;height:30px}
 .cd .grid{gap:22px;margin-top:20px}
 .cd .card .shot{aspect-ratio:578/190}
 .cd .meta{margin-top:10px}.cd .meta h3{font-size:16px}.cd .meta span{font-size:13px;margin-top:3px}.cd .meta::after{font-size:18px;margin-top:6px}
 .cd .cband{height:auto;min-height:0;margin-top:40px;padding:26px 0 22px;border:0;background:var(--canvas) url(/assets/bg/cases-cta-m.webp) center/cover no-repeat}
 .cd .cband .art{display:none}
 .cd .cband .wrap{padding:0;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"t b" "i i";align-items:center;gap:10px 18px}
 .cd .cband h2{grid-area:t;font-size:6.4vw}
 .cd .cband .btn{grid-area:b;margin:0;width:100%;height:44px;justify-content:center;gap:12px;font-size:13px;padding:0 12px}
 .cd .cband .id{grid-area:i;margin:0;font-size:11px}
 .cd .cft{border-top:1px solid rgba(255,255,255,.08)}
 .cd .cft .wrap{flex-wrap:nowrap;gap:12px;padding:22px 0}.cd .cft .flogo{width:104px;height:22px}
 .cd .cft .cp{font-size:10px;white-space:nowrap}.cd .cft nav{flex-wrap:nowrap;gap:12px;font-size:11px;white-space:nowrap}
}
/* CTA line carried over from the previous home page */
.cd .cband{height:auto;min-height:max(260px,20.1vw);padding-bottom:30px}
.cd .cband .sub{margin:10px 0 0;font-size:clamp(15px,1.15vw,19px);line-height:1.4;color:#BDBBC2;max-width:none}
@media (max-width:767px){
 .cd .cband{min-height:0;padding:26px 0 22px}
 .cd .cband .wrap{grid-template-areas:"t b" "s s" "i i"}
 .cd .cband .sub{grid-area:s;margin:0;font-size:14px}
}

/* ===== inner pages ===== */
body.cd{overflow-x:clip}
.cd .lab{color:#BDBBC2}
.cd .h2{font-weight:700}
.cd:not(.home) .ph{position:relative;padding:clamp(56px,6vw,96px) 0 clamp(40px,4.2vw,64px);border-bottom:1px solid rgba(255,255,255,.3)}
.cd:not(.home) .ph::before{content:"";position:absolute;right:0;top:-160px;width:min(820px,62vw);height:560px;pointer-events:none;z-index:-1;
 background:radial-gradient(closest-side,rgba(109,82,248,.32),rgba(109,82,248,.09) 55%,rgba(3,4,5,0))}
.cd:not(.home) .ph .lab{font-size:14px;font-weight:400;color:#D9D7DE}
.cd:not(.home) .ph .h1{margin-top:16px;font-weight:700;font-size:clamp(40px,4.6vw,76px);line-height:1.14}
.cd:not(.home) .ph .sub{margin-top:18px;font-size:clamp(16px,1.3vw,21px);color:#E6E4EA;max-width:760px}
.cd .row{border-color:rgba(255,255,255,.16)}
.cd .row .n{color:#B9AAFF}
.cd .row p{color:#BDBBC2}
.cd a.row{position:relative;padding-right:48px;text-decoration:none;color:var(--ink);transition:color .18s}
.cd a.row .ar{position:absolute;right:6px;top:50%;margin-top:-13px;font-size:22px;line-height:26px;color:#E6E4EA;transition:transform .18s,color .18s}
.cd a.row:hover h3{color:#B9AAFF}.cd a.row:hover .ar{transform:translateX(4px);color:#B9AAFF}
.cd .ph+section>.rows:first-child{border-top:0;margin-top:0}
.cd .pkc .k{color:#B9AAFF}
.cd .pkc{background:#0E0D12;border-color:rgba(255,255,255,.12);color:var(--ink)}
.cd .pkc.pro{background:rgba(109,82,248,.14);border-color:rgba(109,82,248,.55)}
.cd .pkc p,.cd .pkc li{color:#BDBBC2}
.cd .adds span{background:transparent;border-color:rgba(255,255,255,.22);color:#E6E4EA}
.cd .ccard{background:#0E0D12;border:1px solid rgba(255,255,255,.12);max-width:640px;min-height:0}
.cd .cgrid{grid-template-columns:1fr}
.cd .prose p,.cd .prose li{color:#C9C7CF}
.cd .prose a{color:#B9AAFF}
.cd .prose b,.cd .prose strong,.cd .prose h2{color:var(--ink)}
.cd .xp{border-color:rgba(255,255,255,.16)}
.cd .xp p{color:#C9C7CF}
@media (max-width:767px){
 .cd:not(.home) .ph{padding:40px 0 32px}
 .cd:not(.home) .ph::before{top:-120px;width:90vw;height:380px}
 .cd:not(.home) .ph .h1{font-size:34px}
 .cd:not(.home) .ph .sub{font-size:16px}
 .cd a.row{padding-right:34px}.cd a.row .ar{font-size:18px}
 .cd .cft .wrap{flex-wrap:wrap;row-gap:10px}
 .cd .cft nav{flex-wrap:wrap;white-space:normal;width:100%;gap:8px 18px}
}