/* CR8RLABS CAPABILITIES FLAGSHIP — V18 precision refinement. Section-scoped only. */
.cr8r-capabilities-flagship{position:relative;isolation:isolate}
.cr8r-capabilities-flagship .cr8r-cap3d{position:relative;height:820px;margin-top:64px;overflow:hidden;border:1px solid rgba(148,176,235,.15);border-radius:28px;background:radial-gradient(circle at 50% 48%,rgba(38,104,222,.18),transparent 25%),radial-gradient(circle at 14% 76%,rgba(0,200,255,.07),transparent 27%),radial-gradient(circle at 86% 72%,rgba(240,34,185,.07),transparent 27%),linear-gradient(145deg,#050b18,#02050d 58%,#070311);box-shadow:inset 0 0 110px rgba(20,74,170,.08),0 28px 90px rgba(0,0,0,.24);perspective:1500px;transform-style:preserve-3d}
.cr8r-capabilities-flagship .cap3d-surface,.cr8r-capabilities-flagship .cap3d-grid,.cr8r-capabilities-flagship .cap3d-plane,.cr8r-capabilities-flagship .cap3d-axis,.cr8r-capabilities-flagship .cap3d-particles{position:absolute;inset:0;pointer-events:none}
.cr8r-capabilities-flagship .cap3d-surface{transform-style:preserve-3d;z-index:0}
.cr8r-capabilities-flagship .cap3d-grid{inset:-15%;opacity:.42;background-image:linear-gradient(rgba(78,126,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(78,126,220,.07) 1px,transparent 1px);background-size:56px 56px;transform:perspective(850px) rotateX(67deg) translateY(39%) scale(1.4);transform-origin:center bottom;mask-image:linear-gradient(to top,rgba(0,0,0,.85),transparent 78%)}
.cr8r-capabilities-flagship .cap3d-plane{left:10%;right:10%;top:12%;bottom:15%;border:1px solid rgba(76,127,231,.1);border-radius:50%;transform:rotateX(66deg) rotateZ(-7deg) scaleY(.58);box-shadow:0 0 80px rgba(26,95,255,.055)}
.cr8r-capabilities-flagship .plane-b{left:20%;right:20%;top:23%;bottom:25%;border-color:rgba(240,34,185,.1);transform:rotateX(66deg) rotateZ(12deg) scaleY(.5)}
.cr8r-capabilities-flagship .cap3d-axis{left:50%;top:50%;opacity:.5}
.cr8r-capabilities-flagship .axis-h{width:78%;height:1px;background:linear-gradient(90deg,transparent,rgba(45,128,255,.23),rgba(240,34,185,.17),transparent)}
.cr8r-capabilities-flagship .axis-v{width:1px;height:70%;background:linear-gradient(180deg,transparent,rgba(80,130,255,.16),rgba(240,34,185,.13),transparent)}
.cr8r-capabilities-flagship .cap3d-particles{z-index:1;width:100%;height:100%}
.cr8r-capabilities-flagship .cap3d-hud{position:absolute;z-index:30;top:22px;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;font-size:.5rem;letter-spacing:.2em;color:#72809a;text-transform:uppercase}
.cr8r-capabilities-flagship .cap3d-hud b{color:#dce5f5;font-weight:600}
.cr8r-capabilities-flagship .cap3d-depth-label{position:absolute;z-index:30;font-size:.45rem;letter-spacing:.2em;color:#53627b}.cr8r-capabilities-flagship .depth-tl{left:28px;bottom:22px}.cr8r-capabilities-flagship .depth-br{right:28px;bottom:22px}

/* Central control: compact enough to breathe, deep enough to read as an object. */
.cr8r-capabilities-flagship .cap3d-hub{position:absolute;z-index:18;left:50%;top:50%;width:272px;height:272px;transform:translate(-50%,-50%) translateZ(100px);display:grid;place-items:center;align-content:center;text-align:center;border-radius:50%;border:1px solid rgba(170,204,255,.35);background:radial-gradient(circle at 35% 26%,rgba(58,128,239,.3),rgba(8,17,39,.93) 48%,rgba(2,5,14,.985) 75%);box-shadow:inset 0 0 72px rgba(43,118,255,.18),inset 0 -25px 60px rgba(238,26,184,.08),0 0 70px rgba(25,96,255,.15);transform-style:preserve-3d;transition:box-shadow .35s ease}
.cr8r-capabilities-flagship .hub-halo{position:absolute;inset:-70px;border-radius:50%;background:radial-gradient(circle,rgba(35,119,255,.2),rgba(239,34,185,.065) 42%,transparent 72%);filter:blur(9px);animation:capHalo 5.2s ease-in-out infinite;pointer-events:none}
.cr8r-capabilities-flagship .hub-ring{position:absolute;border-radius:50%;pointer-events:none}.cr8r-capabilities-flagship .ring-1{inset:13px;border:1px dashed rgba(255,255,255,.13);animation:capSpin 28s linear infinite}.cr8r-capabilities-flagship .ring-2{inset:29px;border:1px solid rgba(25,217,255,.3);border-right-color:transparent;border-bottom-color:rgba(240,34,185,.32);animation:capSpin 15s linear infinite reverse}.cr8r-capabilities-flagship .ring-3{inset:-18px;border:1px solid rgba(90,146,255,.17);border-top-color:rgba(25,217,255,.78);border-left-color:rgba(240,34,185,.6);animation:capSpin 20s linear infinite}
.cr8r-capabilities-flagship .hub-kicker{font-size:.49rem;letter-spacing:.2em;color:#7d8ba5;z-index:3}.cr8r-capabilities-flagship .cap3d-hub strong{z-index:3;font-size:1.78rem;letter-spacing:-.055em;line-height:.97;margin:12px 26px 9px}.cr8r-capabilities-flagship .cap3d-hub p{z-index:3;max-width:185px;margin:0;color:#8492aa;font-size:.7rem;line-height:1.45}.cr8r-capabilities-flagship .cap3d-hub b{z-index:3;margin-top:14px;font-size:.47rem;letter-spacing:.18em;color:#e1e8f5}.cr8r-capabilities-flagship .hub-beacon{position:absolute;z-index:4;top:26px;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 25px var(--cyan);animation:capBeacon 2.4s ease-in-out infinite}

/* Six spatial slabs. Fixed footprint + GPU transforms prevent reflow/judder. */
.cr8r-capabilities-flagship .cap3d-card{position:absolute;z-index:12;width:292px;height:190px;padding:24px 26px 21px;border:1px solid rgba(127,163,225,.24);border-radius:18px;color:#e8eef8;background:linear-gradient(145deg,rgba(10,27,50,.9),rgba(7,10,24,.95) 58%,rgba(22,5,31,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 -30px 50px rgba(0,0,0,.2),0 20px 46px rgba(0,0,0,.3);transform-style:preserve-3d;transition:border-color .3s ease,box-shadow .3s ease,filter .3s ease;will-change:transform;backface-visibility:hidden}
.cr8r-capabilities-flagship .cap3d-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(95,142,235,.095);border-radius:13px;pointer-events:none}.cr8r-capabilities-flagship .cap3d-card:after{content:"";position:absolute;left:18%;right:18%;bottom:-22px;height:30px;border-radius:50%;background:rgba(25,93,255,.13);filter:blur(18px);transform:translateZ(-42px);pointer-events:none}
.cr8r-capabilities-flagship .cap3d-card:hover,.cr8r-capabilities-flagship .cap3d-card:focus-visible,.cr8r-capabilities-flagship .cap3d-card.is-active{border-color:rgba(66,213,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 23px 54px rgba(0,0,0,.4),0 0 38px rgba(25,217,255,.1);filter:brightness(1.07);outline:none}
.cr8r-capabilities-flagship .card-index{display:block;font-size:.48rem;letter-spacing:.18em;color:#71819a}.cr8r-capabilities-flagship .card-icon{display:grid;place-items:center;width:25px;height:25px;margin:13px 0 17px;color:#25d9ff;text-shadow:0 0 18px currentColor}.cr8r-capabilities-flagship .icon-diamond{border:2px solid currentColor;transform:rotate(45deg);margin-left:4px!important}.cr8r-capabilities-flagship .icon-square{border:2px solid #8c63ff;box-shadow:0 0 12px rgba(140,99,255,.35)}.cr8r-capabilities-flagship .icon-bolt{font-size:28px;color:#ff9d22}.cr8r-capabilities-flagship .icon-arch{width:29px!important;height:20px!important;border:2px solid #a75dff;transform:skew(-18deg)}.cr8r-capabilities-flagship .icon-bars{background:repeating-linear-gradient(90deg,#2ff2ce 0 3px,transparent 3px 6px);border:1px solid #2ff2ce}.cr8r-capabilities-flagship .icon-ring{border:2px solid #ff27bd;border-radius:50%;box-shadow:inset 0 0 0 5px rgba(255,39,189,.08)}
.cr8r-capabilities-flagship .cap3d-card strong{display:block;max-width:245px;font-size:1.16rem;line-height:1.04;letter-spacing:-.035em}.cr8r-capabilities-flagship .cap3d-card p{max-width:245px;margin:10px 0 0;color:#8998b0;font-size:.67rem;line-height:1.42}.cr8r-capabilities-flagship .cap3d-card em{display:block;margin-top:12px;font-style:normal;font-size:.55rem;color:#dbe3ef;letter-spacing:.08em}.cr8r-capabilities-flagship .cap3d-card em span{margin-left:5px;color:#25d9ff}

/* Deliberately separated lanes: no card intersects the hub footprint. */
.cr8r-capabilities-flagship .cap3d-a{left:5%;top:10%;transform:translate3d(0,0,55px) rotateY(5deg) rotateX(1deg)}
.cr8r-capabilities-flagship .cap3d-b{right:5%;top:10%;transform:translate3d(0,0,35px) rotateY(-5deg) rotateX(1deg)}
.cr8r-capabilities-flagship .cap3d-c{left:2.5%;top:46%;transform:translate3d(0,0,15px) rotateY(5deg) rotateX(-1deg)}
.cr8r-capabilities-flagship .cap3d-d{right:2.5%;top:46%;transform:translate3d(0,0,15px) rotateY(-5deg) rotateX(-1deg)}
.cr8r-capabilities-flagship .cap3d-e{left:18%;bottom:5%;transform:translate3d(0,0,30px) rotateY(4deg) rotateX(-2deg)}
.cr8r-capabilities-flagship .cap3d-f{right:18%;bottom:5%;transform:translate3d(0,0,30px) rotateY(-4deg) rotateX(-2deg)}
.cr8r-capabilities-flagship .cap3d-status{position:absolute;z-index:30;left:50%;bottom:21px;transform:translateX(-50%);display:flex;gap:28px;font-size:.46rem;letter-spacing:.17em;color:#73829a}.cr8r-capabilities-flagship .cap3d-status i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#2ff2ce;box-shadow:0 0 14px #2ff2ce;animation:capBeacon 1.9s ease-in-out infinite}
@keyframes capSpin{to{transform:rotate(360deg)}}@keyframes capHalo{0%,100%{transform:scale(.97);opacity:.65}50%{transform:scale(1.045);opacity:1}}@keyframes capBeacon{0%,100%{transform:scale(.75);opacity:.7}50%{transform:scale(1.3);opacity:1}}

@media(max-width:1180px){.cr8r-capabilities-flagship .cr8r-cap3d{height:850px}.cr8r-capabilities-flagship .cap3d-card{width:276px}.cr8r-capabilities-flagship .cap3d-a{left:3%}.cr8r-capabilities-flagship .cap3d-b{right:3%}.cr8r-capabilities-flagship .cap3d-c{left:1.5%;top:46%}.cr8r-capabilities-flagship .cap3d-d{right:1.5%;top:46%}.cr8r-capabilities-flagship .cap3d-e{left:16%}.cr8r-capabilities-flagship .cap3d-f{right:16%}}
@media(max-width:900px){.cr8r-capabilities-flagship .cr8r-cap3d{height:1080px;margin-top:50px;border-radius:22px}.cr8r-capabilities-flagship .cap3d-card{width:42%;height:205px;padding:23px}.cr8r-capabilities-flagship .cap3d-card strong{font-size:1.08rem}.cr8r-capabilities-flagship .cap3d-card p{font-size:.65rem}.cr8r-capabilities-flagship .cap3d-a{left:3%;top:9%}.cr8r-capabilities-flagship .cap3d-b{right:3%;top:9%}.cr8r-capabilities-flagship .cap3d-c{left:3%;top:36%}.cr8r-capabilities-flagship .cap3d-d{right:3%;top:36%}.cr8r-capabilities-flagship .cap3d-e{left:3%;bottom:8%}.cr8r-capabilities-flagship .cap3d-f{right:3%;bottom:8%}.cr8r-capabilities-flagship .cap3d-hub{width:235px;height:235px}.cr8r-capabilities-flagship .cap3d-hub strong{font-size:1.48rem}.cr8r-capabilities-flagship .cap3d-status{bottom:17px}}
@media(max-width:600px){.cr8r-capabilities-flagship .cr8r-cap3d{height:1110px;min-height:0;padding-bottom:62px}.cr8r-capabilities-flagship .cap3d-hud{left:16px;right:16px;top:17px;font-size:.36rem}.cr8r-capabilities-flagship .cap3d-hud span:last-child{display:none}.cr8r-capabilities-flagship .cap3d-card{width:calc(50% - 11px);height:215px;min-height:0;padding:18px}.cr8r-capabilities-flagship .cap3d-card strong{font-size:.96rem}.cr8r-capabilities-flagship .cap3d-card p{font-size:.59rem;line-height:1.4}.cr8r-capabilities-flagship .cap3d-card em{font-size:.49rem;margin-top:10px}.cr8r-capabilities-flagship .cap3d-a{left:7px;top:8%}.cr8r-capabilities-flagship .cap3d-b{right:7px;top:8%}.cr8r-capabilities-flagship .cap3d-c{left:7px;top:34%}.cr8r-capabilities-flagship .cap3d-d{right:7px;top:34%}.cr8r-capabilities-flagship .cap3d-e{left:7px;bottom:8%}.cr8r-capabilities-flagship .cap3d-f{right:7px;bottom:8%}.cr8r-capabilities-flagship .cap3d-hub{top:25%;width:205px;height:205px}.cr8r-capabilities-flagship .cap3d-hub strong{font-size:1.22rem;margin-top:9px}.cr8r-capabilities-flagship .cap3d-hub p{font-size:.56rem;max-width:145px}.cr8r-capabilities-flagship .cap3d-hub b{font-size:.39rem}.cr8r-capabilities-flagship .hub-kicker{font-size:.39rem}.cr8r-capabilities-flagship .card-icon{margin:12px 0 15px}.cr8r-capabilities-flagship .cap3d-status{left:16px;right:16px;transform:none;justify-content:space-between;gap:0;font-size:.39rem}.cr8r-capabilities-flagship .cap3d-depth-label{display:none}}
@media(prefers-reduced-motion:reduce){.cr8r-capabilities-flagship .hub-halo,.cr8r-capabilities-flagship .hub-ring,.cr8r-capabilities-flagship .hub-beacon,.cr8r-capabilities-flagship .cap3d-status i{animation:none!important}.cr8r-capabilities-flagship .cap3d-card,.cr8r-capabilities-flagship .cap3d-hub{transition:none!important}.cr8r-capabilities-flagship .cap3d-particles{display:none}}


/* The flagship JS renderer owns the 3D transform; CSS transitions must not fight it. */
.cr8r-capabilities-flagship .cap3d-card{transition:border-color .3s ease,box-shadow .3s ease,filter .3s ease;}
.cr8r-capabilities-flagship .cap3d-hub{will-change:transform;}