.cxo-privacy,.cxo-privacy *{box-sizing:border-box}.cxo-privacy{--c:#29d9f3;--v:#9c36ff;--m:#aebbd0;background:radial-gradient(circle at 10% 10%,#09234a 0,transparent 24%),radial-gradient(circle at 90% 75%,#1b0c42 0,transparent 27%),#020914;color:#fff;padding:34px 22px 65px;font-family:Arial,sans-serif}.cxo-wrap{max-width:1320px;margin:auto;position:relative;padding-left:38px}.cxo-rail{position:absolute;left:8px;top:20px;bottom:20px;width:1px;background:linear-gradient(transparent,var(--c),#17608b,transparent)}.cxo-card,.mini,.cta{border:1px solid rgba(83,142,213,.28);border-radius:16px;background:linear-gradient(110deg,rgba(7,25,48,.97),rgba(4,13,28,.97));box-shadow:0 18px 45px rgba(0,0,0,.13)}.cxo-card{position:relative;display:grid;grid-template-columns:100px 1fr;gap:25px;align-items:center;padding:25px 30px;margin-bottom:12px;min-height:145px}.intro{grid-template-columns:100px 1fr 315px}.dot{position:absolute;left:-35px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c)}.num{font-size:52px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(55,131,255,.65);letter-spacing:-4px}.cxo-card h2,.mini h2{margin:0 0 11px;text-transform:uppercase;font-size:19px}.cxo-card h2:after,.mini h2:after{content:"";display:block;width:38px;height:2px;margin-top:9px;background:linear-gradient(90deg,var(--c),var(--v))}.cxo-card p,.mini p,.cta p{color:var(--m);font-size:13px;line-height:1.6;margin:0 0 7px}.intro aside,.update aside{border-left:1px solid rgba(86,139,205,.25);padding-left:25px;display:grid;gap:5px}.intro aside small,.update aside small{font-size:8px;color:var(--c);letter-spacing:1.3px;margin-top:5px}.intro aside strong,.intro aside a{font-size:12px;color:#fff;text-decoration:none}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.tiles span{display:flex;flex-direction:column;gap:5px;text-align:center;padding:14px 12px;border:1px solid rgba(63,134,220,.2);border-radius:11px;background:rgba(12,44,84,.25);color:var(--m);font-size:11px;line-height:1.4}.tiles b{color:var(--c);font-size:11px}.three{display:grid;grid-template-columns:.95fr 1fr 1.05fr;gap:12px;margin-bottom:12px}.mini{position:relative;padding:23px;min-height:275px}.mini .num{display:block;font-size:46px;margin-bottom:18px}.mini ul{list-style:none;padding:0;margin:12px 0 18px}.mini li{color:#c9d7e9;font-size:12px;margin:6px 0;padding-left:20px;position:relative}.mini li:before{content:"✓";position:absolute;left:0;color:var(--c)}.btn{display:block;padding:13px 16px;border:1px solid #6267ff;border-radius:9px;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:800;background:linear-gradient(100deg,#0d3265,#3a174f)}.update{grid-template-columns:100px 1fr 235px}.update aside strong{color:var(--c);font-size:17px}.cta{display:grid;grid-template-columns:1fr 260px;gap:25px;align-items:center;padding:20px 25px;margin-top:18px}.cta h3{color:var(--c);font-size:16px;margin:0 0 5px}.gradient{text-align:center;background:linear-gradient(100deg,#09bde9,#376aff 55%,#a22cef);border:0}
@media(max-width:1024px){.intro,.update{grid-template-columns:80px 1fr}.cxo-card{grid-template-columns:80px 1fr}.intro aside,.update aside{grid-column:2;border-left:0;border-top:1px solid rgba(86,139,205,.25);padding:14px 0 0}.three{grid-template-columns:1fr}.mini{min-height:0}.cta{grid-template-columns:1fr}.cta .btn{max-width:300px}}
@media(max-width:640px){.cxo-privacy{padding:18px 10px 40px}.cxo-wrap{padding-left:20px}.cxo-rail{left:1px}.dot{left:-24px}.cxo-card,.intro,.update{display:block;padding:19px 17px;min-height:0}.num{display:block;font-size:41px;margin-bottom:15px}.cxo-card h2,.mini h2{font-size:16px}.cxo-card p,.mini p{font-size:12px}.intro aside,.update aside{margin-top:16px}.tiles{grid-template-columns:1fr}.three{display:block}.mini{margin-bottom:12px;padding:19px 17px}.mini .num{font-size:40px}.cta{display:block;padding:18px}.cta .btn{margin-top:15px;max-width:none;width:100%}}


/* === CXO Privacy v1.1 — premium motion & readability === */
.cxo-privacy{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 12% 12%,rgba(0,190,255,.15),transparent 25%),
    radial-gradient(circle at 88% 68%,rgba(151,43,255,.15),transparent 30%),
    linear-gradient(180deg,#010713 0%,#020a18 52%,#030817 100%);
}
.cxo-privacy:before{
  content:"";position:absolute;inset:-25%;pointer-events:none;
  background:radial-gradient(circle,rgba(43,210,255,.08) 0,rgba(95,66,255,.035) 28%,transparent 58%);
  animation:cxoNebula 14s ease-in-out infinite alternate;
}
@keyframes cxoNebula{
  from{transform:translate3d(-5%,-2%,0) scale(1)}
  to{transform:translate3d(7%,4%,0) scale(1.12)}
}
.cxo-wrap{z-index:1}
.cxo-rail{width:2px;box-shadow:0 0 8px rgba(41,217,243,.65),0 0 22px rgba(41,217,243,.25)}
.dot{animation:cxoPulse 2.6s ease-in-out infinite}
@keyframes cxoPulse{
  0%,100%{box-shadow:0 0 7px var(--c),0 0 0 0 rgba(41,217,243,.28)}
  50%{box-shadow:0 0 18px var(--c),0 0 0 7px rgba(41,217,243,0)}
}
.cxo-card,.mini,.cta{
  position:relative;overflow:hidden;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.cxo-card:before,.mini:before,.cta:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.65;
  background:linear-gradient(115deg,rgba(41,217,243,.055),transparent 28%,transparent 70%,rgba(156,54,255,.055));
}
.cxo-card:hover,.mini:hover,.cta:hover{
  transform:translateY(-3px);
  border-color:rgba(72,205,255,.52);
  box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 30px rgba(42,142,255,.07);
}
.num{
  position:relative;z-index:1;
  text-shadow:0 0 22px rgba(37,140,255,.16);
  transition:filter .25s ease,transform .25s ease;
}
.cxo-card:hover .num,.mini:hover .num{filter:drop-shadow(0 0 9px rgba(41,217,243,.32));transform:translateY(-2px)}
.cxo-card h2,.mini h2{font-size:21px;letter-spacing:-.2px;position:relative;z-index:1}
.cxo-card p,.mini p,.cta p{font-size:14px;line-height:1.7;position:relative;z-index:1}
.tiles span{
  position:relative;overflow:hidden;
  min-height:82px;justify-content:center;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.tiles span:before{
  content:"";position:absolute;left:-100%;top:0;width:55%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);
  transform:skewX(-20deg);transition:left .55s ease;
}
.tiles span:hover{transform:translateY(-2px);border-color:rgba(41,217,243,.42);background:rgba(14,54,101,.34)}
.tiles span:hover:before{left:145%}
.tiles b{font-size:12px;letter-spacing:.5px}
.intro aside,.update aside{position:relative;z-index:1}
.mini:nth-child(3){
  border-color:rgba(119,73,255,.45);
  background:linear-gradient(145deg,rgba(6,27,53,.98),rgba(24,9,55,.96));
  box-shadow:inset 0 0 35px rgba(89,61,255,.045),0 18px 45px rgba(0,0,0,.16);
}
.btn{
  position:relative;z-index:2;overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.btn:before{
  content:"";position:absolute;top:-40%;left:-50%;width:35%;height:180%;
  transform:rotate(20deg);background:rgba(255,255,255,.18);transition:left .45s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(78,79,255,.25);filter:brightness(1.12)}
.btn:hover:before{left:125%}
.gradient{box-shadow:0 8px 25px rgba(53,104,255,.15)}
.cta{border-color:rgba(46,173,239,.34)}
.cta h3{font-size:18px;letter-spacing:.2px;position:relative;z-index:1}

/* Desktop: denser and easier to read */
@media(min-width:1025px){
  .cxo-privacy{padding-top:42px;padding-bottom:78px}
  .cxo-card{padding:29px 34px;min-height:155px}
  .intro{min-height:190px}
  .mini{padding:27px;min-height:300px}
}

/* Tablet */
@media(min-width:641px) and (max-width:1024px){
  .cxo-card h2,.mini h2{font-size:19px}
  .cxo-card p,.mini p,.cta p{font-size:13.5px}
  .tiles{grid-template-columns:repeat(3,1fr)}
  .tiles span{min-height:92px}
}

/* Mobile: motion reduced, no hover dependency */
@media(max-width:640px){
  .cxo-privacy:before{animation:none;opacity:.6}
  .cxo-card:hover,.mini:hover,.cta:hover{transform:none}
  .cxo-card h2,.mini h2{font-size:17px}
  .cxo-card p,.mini p,.cta p{font-size:13px;line-height:1.65}
  .tiles span{min-height:0;text-align:left;padding:14px}
  .btn{min-height:46px;display:flex;align-items:center;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .cxo-privacy:before,.dot{animation:none!important}
  .cxo-card,.mini,.cta,.btn,.tiles span{transition:none!important}
}