#difference .differencePanel{max-width:1280px;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
#difference .differencePanel h2{margin-bottom:28px}
#difference .capability-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;table-layout:auto}
#difference .capability-card{display:flex;flex-direction:column;min-width:0;padding:20px 17px 12px;background:#17192c;border:1px solid #303148;border-radius:15px;transition:transform .25s,border-color .25s,background .25s}
#difference .capability-icon{display:flex;align-items:center;gap:10px;height:30px;margin-bottom:18px;color:#c6a0ed;width:max-content}
#difference .capability-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
#difference .capability-icon span{height:4px;width:4px;border-radius:50%;background:#a6e1d0;box-shadow:8px 0 #4f535f}
#difference .capability-card h3{font-size:19px;line-height:1.25;min-height:48px;margin:0 0 10px;color:#f5f0ff}
#difference .capability-summary{font-size:13px;line-height:1.6;color:#bdb7ce;margin:0 0 16px;flex:1}
#difference .feature-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;border:0;border-top:1px solid #303148;background:transparent;padding:10px 0 0;text-align:left;color:#d1b5f2;cursor:pointer;font:500 12px "Avenir Next","Segoe UI",Arial,sans-serif}
#difference .feature-plus{font-size:21px}
#difference .capability-card:hover{transform:translateY(-3px);border-color:#777087}
#difference .capability-card:has(button[aria-expanded=true]){background:#1c1e30;border-color:#8f83a5}
#difference .capability-card:hover .capability-icon,#difference .capability-card:has(button[aria-expanded=true]) .capability-icon{animation:capability-nudge .7s ease both}
#difference .capability-card:hover .capability-icon span{animation:capability-signal .9s ease both}
#difference .feature-toggle:focus-visible{outline:2px solid #a6e1d0;outline-offset:4px}
#difference .capability-details{grid-column:1/-1;position:relative;padding-top:20px}
#difference .capability-details[hidden]{display:none}
#difference .capability-stem{position:absolute;left:var(--origin,50%);top:0;width:1px;height:20px;background:#a986cf;transform-origin:top;animation:capability-grow .25s both}
#difference .feature-leaves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative;padding-top:17px}
#difference .feature-leaves:before{content:"";position:absolute;top:0;left:min(var(--origin),16.666%);right:min(calc(100% - var(--origin)),16.666%);height:1px;background:#a986cf;animation:capability-spread .35s both}
#difference .feature-leaf{position:relative;background:#1b1d30;padding:18px;border-radius:12px;animation:capability-leaf .4s both;animation-delay:var(--delay)}
#difference .feature-leaf:before{content:"";position:absolute;left:50%;top:-17px;width:1px;height:17px;background:#a986cf}
#difference .feature-leaf strong{display:block;color:#ead9ff;font-size:16px;font-weight:600;margin-bottom:7px}
#difference .feature-leaf p{margin:0;color:#c2bbd1;font-size:13px;line-height:1.65}
@keyframes capability-nudge{0%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}70%{transform:translateY(1px)}}
@keyframes capability-signal{50%{box-shadow:8px 0 #a6e1d0}}
@keyframes capability-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes capability-spread{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes capability-leaf{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){#difference .capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#difference .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#difference .capability-card{padding:18px 15px 12px}#difference .capability-card h3{font-size:18px}}
@media(max-width:500px){#difference .capability-grid{grid-template-columns:1fr}#difference .capability-card h3{min-height:0}#difference .feature-leaves{grid-template-columns:1fr;padding-top:0;margin-left:0}#difference .feature-leaves:before,#difference .feature-leaf:before{display:none}#difference .capability-details{padding-top:0}#difference .capability-stem{display:none}}
@media(prefers-reduced-motion:reduce){#difference .capability-card,#difference .capability-card *,#difference .capability-details *{animation:none!important;transition:none!important}#difference .capability-card:hover{transform:none}}
/* Compact capability tiles: v46 */
#difference .capability-card{position:relative;justify-content:flex-start;padding:16px 14px;min-height:116px;background:#121524;border-color:#2b2d40;border-radius:10px}
#difference .capability-icon{margin-bottom:13px;height:22px;width:24px}
#difference .capability-icon svg{width:21px;height:21px}
#difference .capability-icon span{display:none}
#difference .capability-card h3{font-size:16px;line-height:1.35;min-height:0;margin:0;letter-spacing:-.025em!important}
#difference .capability-summary{display:none}
#difference .feature-toggle{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0;padding:0;border-radius:10px;display:block}
#difference .feature-cta{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#difference .feature-plus{position:absolute;right:13px;top:11px;font-size:20px;color:#c5b1d9}
#difference .capability-grid{gap:12px}
@media(max-width:760px){#difference .capability-card{padding:15px 13px;min-height:110px}#difference .capability-card h3{font-size:15px}}
@media(max-width:500px){#difference .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#difference .capability-card h3{font-size:14px}#difference .capability-card{min-height:112px;padding:15px 12px}}
@media(max-width:340px){#difference .capability-grid{grid-template-columns:1fr}#difference .capability-card{min-height:100px}}
/* Unified page ground; color belongs only to the capability tiles. */
html body #difference .differencePanel{background:transparent!important;background-image:none!important}
#difference .capability-card{--tile-bg:#1c2039;--tile-border:#424970;--tile-icon:#b5c4f2;background:var(--tile-bg);border-color:var(--tile-border)}
#difference .capability-card:nth-of-type(5n+2){--tile-bg:#1b252e;--tile-border:#3c4d59;--tile-icon:#b1c7cf}
#difference .capability-card:nth-of-type(5n+3){--tile-bg:#292139;--tile-border:#55436d;--tile-icon:#d1b5ee}
#difference .capability-card:nth-of-type(5n+4){--tile-bg:#30232e;--tile-border:#604451;--tile-icon:#e0b5cc}
#difference .capability-card:nth-of-type(5n+5){--tile-bg:#202b3b;--tile-border:#415771;--tile-icon:#b1d2eb}
#difference .capability-card .capability-icon,#difference .capability-card .feature-plus{color:var(--tile-icon)}
#difference .capability-card:hover,#difference .capability-card:has(button[aria-expanded=true]){background:var(--tile-bg);border-color:var(--tile-icon)}
/* Shorter expanded branch details: v50 */
#difference .capability-details{padding-top:10px}
#difference .capability-stem{height:10px}
#difference .feature-leaves{gap:10px;padding-top:10px}
#difference .feature-leaf{padding:11px 14px;border-radius:9px}
#difference .feature-leaf:before{top:-10px;height:10px}
#difference .feature-leaf strong{font-size:13px;margin-bottom:4px}
#difference .feature-leaf p{font-size:12px;line-height:1.45}
@media(max-width:500px){#difference .capability-details{padding-top:0}#difference .feature-leaves{gap:6px;padding-top:0}#difference .feature-leaf{padding:9px 12px}#difference .feature-leaf strong{margin-bottom:2px}}
/* Eight equal-height cards with always-visible short descriptions. */
#difference .capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}
#difference .capability-card{padding:17px 16px;min-height:0}
#difference .capability-card h3{font-size:17px;min-height:46px;margin-bottom:8px;line-height:1.35}
#difference .capability-summary{display:block;flex:1;font-size:13px;line-height:1.55;margin:0;color:#d0cbdc}
@media(max-width:900px){#difference .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){#difference .capability-card{padding:15px 13px}#difference .capability-card h3{font-size:15px;min-height:41px}#difference .capability-summary{font-size:12px}}
@media(max-width:340px){#difference .capability-grid{grid-template-columns:1fr}}
/* Animated mini-scenes and descriptions revealed within each card. */
#difference .capability-grid{align-items:start;grid-auto-rows:auto}
#difference .capability-card{padding:0;overflow:hidden;min-height:0}
#difference .capability-open{position:relative;display:block;width:100%;padding:19px 17px 18px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
#difference .capability-open h3{font-size:17px;line-height:1.35;min-height:46px;margin:16px 0 0;padding-right:17px}
#difference .capability-cue{position:absolute;right:15px;bottom:18px;color:var(--tile-icon);font-size:22px;line-height:1}
#difference .capability-open:focus-visible{outline:2px solid #b7dfd3;outline-offset:-4px}
#difference .capability-summary{padding:0 17px 19px;margin:0;font-size:13px;line-height:1.6}
#difference .capability-summary[hidden]{display:none!important}
#difference .capability-motion{position:relative;width:100%;height:64px;margin:0;display:flex;align-items:center;justify-content:center;background:#0d0f1e38;border-radius:9px;overflow:hidden}
#difference .capability-motion svg{width:31px;height:31px;position:relative;z-index:1;animation:mini-float 4s ease-in-out infinite}
#difference .capability-motion span{display:none}
#difference .capability-motion i{display:block;position:absolute;height:3px;width:17px;border-radius:3px;background:var(--tile-icon);opacity:.3;left:18%;top:20px;animation:mini-data 3.2s ease-in-out infinite}
#difference .capability-motion i:nth-last-child(2){top:31px;width:25px;animation-delay:.3s}
#difference .capability-motion i:last-child{top:42px;width:13px;animation-delay:.6s}
#difference .motion-1 i,#difference .motion-4 i{left:auto;right:14%;height:7px;width:7px;border-radius:50%}
#difference .motion-2 i{left:auto;right:16%;top:auto;bottom:14px;width:5px;height:14px;transform-origin:bottom;animation:mini-bar 3s ease-in-out infinite}
#difference .motion-2 i:nth-last-child(2){right:23%;height:25px;top:auto}
#difference .motion-2 i:last-child{right:30%;height:19px;top:auto}
#difference .motion-3 i,#difference .motion-7 i{height:1px;width:25px;left:auto;right:13%;transform-origin:left}
#difference .motion-5 i{left:auto;right:16%;width:20px;animation-name:mini-task}
#difference .motion-6 svg{animation:mini-nod 3.5s ease-in-out infinite}
@keyframes mini-float{50%{transform:translateY(-3px)}}
@keyframes mini-data{0%,100%{opacity:.2;transform:translateX(0)}50%{opacity:.75;transform:translateX(6px)}}
@keyframes mini-bar{50%{transform:scaleY(.5);opacity:.8}}
@keyframes mini-task{50%{opacity:.8;transform:translateY(-3px)}}
@keyframes mini-nod{0%,80%,100%{transform:rotate(0)}88%{transform:rotate(-7deg)}94%{transform:rotate(6deg)}}
@media(max-width:500px){#difference .capability-open{padding:15px 13px}#difference .capability-open h3{font-size:15px;min-height:41px}#difference .capability-summary{padding:0 13px 15px;font-size:12px}#difference .capability-motion{height:56px}}
@media(prefers-reduced-motion:reduce){#difference .capability-motion *{animation:none!important}}
/* Visual capability gallery inspired by the supplied reference. */
#difference .capability-grid{gap:12px}
#difference .richCard{background:linear-gradient(145deg,#20273d,#151a30);border:1px solid #3b4662;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff08;transition:border-color .3s,box-shadow .3s}
#difference .richCard:nth-of-type(3n){background:linear-gradient(145deg,#302342,#161b30)}
#difference .richCard:hover{transform:none;border-color:#8e83da;box-shadow:0 0 22px #6778e51c}
#difference .capability-open{height:221px;padding:18px 16px 12px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}
#difference .capability-motion{position:absolute;top:18px;left:16px;width:33px;height:33px;border-radius:10px;background:#6677d51a;overflow:visible}
#difference .capability-motion svg{width:23px;height:23px;animation:none}
#difference .capability-motion i{display:none}
#difference .capability-open h3{margin:0 0 0 45px;min-height:43px;font-size:16px;line-height:1.3;padding-right:0}
#difference .capability-cue{bottom:12px;right:13px;font-size:17px;border:1px solid #9587bc55;border-radius:50%;width:21px;height:21px;text-align:center;background:#171b2e}
#difference .capability-summary{border-top:1px solid #77719a35;padding-top:13px;margin:0 14px 0;padding-left:0;padding-right:0;animation:rich-reveal .3s both}
#difference .richScene{position:relative;height:132px;width:100%;margin-top:12px;pointer-events:none;color:#bca6fa}
#difference .richScene i{display:block;background:#9c9be1;border-radius:3px;height:4px}
#difference .sceneGrid{position:absolute;left:5%;right:5%;bottom:4px;height:35px;transform:perspective(100px) rotateX(40deg);background:linear-gradient(#7874c42b 1px,transparent 1px),linear-gradient(90deg,#7874c42b 1px,transparent 1px);background-size:17px 12px}
#difference .serverStack{position:absolute;left:17%;bottom:18px;width:58px;z-index:1;animation:rich-float 5s ease-in-out infinite}
#difference .serverStack i{height:16px;margin-top:4px;border:1px solid #7a9cf7;background:linear-gradient(135deg,#367ddd,#2b2a7b);box-shadow:0 0 13px #437dff33}
#difference .serverStack i:after{content:'••';color:#b3defb;font-size:10px;display:block;text-align:right;padding-right:7px}
#difference .cloudShape{position:absolute;left:46%;top:45px;width:76px;height:32px;background:linear-gradient(#a3a0ff,#574ee5);border:1px solid #ccc4ff;border-radius:30px;box-shadow:0 0 22px #6d6aff66;animation:rich-float 5s .5s ease-in-out infinite}
#difference .cloudShape:before{content:'';position:absolute;width:37px;height:37px;border-radius:50%;background:inherit;top:-18px;left:17px;border-top:1px solid #ccc4ff}
#difference .policyShield{position:absolute;right:7%;bottom:8px;padding:6px 9px;background:#252d60;border:1px solid #8899f5;border-radius:9px;color:#c1d9ff;font-size:28px;z-index:2}
#difference .scenarioSheet{position:absolute;width:84px;height:76px;left:13%;top:26px;background:#363d72;border:1px solid #6575bb;border-radius:8px;box-shadow:10px -8px 0 #4d519744,20px -16px 0 #6869d333;padding:18px 12px}
#difference .scenarioSheet i{margin-bottom:9px;width:75%}
#difference .scenarioTag{position:absolute;width:77px;padding:12px;border-radius:7px;background:linear-gradient(135deg,#8060ee,#4e43bd);box-shadow:0 0 18px #6555ff30;animation:rich-float 5s ease-in-out infinite}
#difference .scenarioTag i{margin:0 0 6px;background:#c1b5ff}
#difference .tagOne{top:17px;left:45%}#difference .tagTwo{top:75px;left:57%;background:linear-gradient(135deg,#197cc4,#394cad);animation-delay:.7s}
#difference .miniTrend{position:absolute;left:3%;top:29px;width:70%;height:81px;background:#142447;border:1px solid #445c9d;border-radius:8px;transform:rotate(-3deg);padding:8px}
#difference .miniTrend svg{height:100%;width:100%;overflow:visible}
#difference .trendGrid{fill:none;stroke:#7085c224;stroke-width:1}
#difference .trendGlow{fill:none;stroke:#a78bff;stroke-width:2.5;filter:drop-shadow(0 0 4px #9678ff);stroke-dasharray:240;animation:rich-chart 5s ease-in-out infinite}
#difference .miniReport{position:absolute;right:3%;top:23px;width:64px;height:99px;background:#202c51;border:1px solid #4b58a0;border-radius:8px;padding:10px}
#difference .miniDonut{width:36px;height:36px;border-radius:50%;background:conic-gradient(#ad85ef 0 65%,#4778c4 65%);position:relative;margin-bottom:12px}
#difference .miniDonut:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#202c51}
#difference .miniReport i{margin-top:6px}
#difference .causeScene svg,#difference .integrationScene svg{position:absolute;inset:0;width:100%;height:100%}
#difference .causeScene path{fill:none;stroke:#ce9ac8;stroke-width:1.5}
#difference .causeScene circle{fill:#ffd5a6;filter:drop-shadow(0 0 6px #ffa76b)}
#difference .causeNode{position:absolute;width:47px;height:22px;background:#37374f;border:1px solid #626283;border-radius:6px;left:3%;top:22px}
#difference .causeNode:after{content:'';display:block;height:4px;margin:8px;background:#8884ad;border-radius:2px}
#difference .nTwo{top:88px}#difference .nThree{left:auto;right:8%;top:16px;height:39px;width:39px;text-align:center;font-size:25px;line-height:37px;color:#ffd7a8;background:#533a4c;border-color:#ffc09d;box-shadow:0 0 19px #f49a7766;animation:rich-glow 4s ease-in-out infinite}
#difference .nThree:after{display:none}#difference .nFour{left:auto;right:0;top:94px;width:69px}
#difference .actionsScene{padding:9px 17px}
#difference .actionMini{display:flex;align-items:center;gap:11px;padding:9px 11px;background:#252b4a;border:1px solid #3e496d;border-radius:7px;margin:8px 0;height:29px}
#difference .actionMini b{font-size:11px;line-height:14px;text-align:center;width:14px;height:14px;background:#5b5b8f;border-radius:3px;color:#b0a7d4}
#difference .actionMini i{width:68%;opacity:.5}#difference .actionMini.active{background:#4a3888;border-color:#9d7df3;box-shadow:0 0 15px #9b72ed33;animation:rich-glow 4s ease-in-out infinite}
#difference .actionMini.active b{background:#c0a4ff;color:#553c8d}#difference .actionMini.active i{opacity:1;background:#bc9df5}
#difference .taskOrbit{position:absolute;inset:13px 15px 4px;border:1px dashed #8170aa;border-radius:50%}
#difference .personMini{position:absolute;width:29px;height:29px;border-radius:50%;background:#286dbc;border:1px solid #5fb1ff;left:13%;top:9px}
#difference .personMini:before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#bfddff;left:9px;top:5px}
#difference .personMini:after{content:'';position:absolute;width:16px;height:8px;border-radius:10px 10px 5px 5px;background:#bfddff;left:5px;top:15px}
#difference .pTwo{left:auto;right:12%;background:#257e71;border-color:#60cab0}#difference .pThree{top:auto;bottom:4px;background:#7045a4;border-color:#ae80e1}
#difference .taskMini{position:absolute;left:31%;top:53px;width:98px;height:49px;border:1px solid #9c8ec1;border-radius:7px;background:linear-gradient(120deg,#70558e,#3b3b63);box-shadow:0 0 17px #9b73d333;padding:13px 11px 9px 32px;animation:rich-float 5s ease-in-out infinite}
#difference .taskMini span{position:absolute;left:10px;top:12px;width:16px;height:23px;border-radius:9px;background:#beace0}#difference .taskMini i{margin:1px 0 7px;height:3px}
#difference .chatMini{position:absolute;left:4%;right:4%;top:21px;border:1px solid #468eca;background:linear-gradient(120deg,#12436b,#283c6b);border-radius:9px;padding:13px 12px;color:#c8e0f4;font-size:12px;box-shadow:0 0 13px #2184c533;z-index:2;display:flex;justify-content:space-between;gap:6px}
#difference .replyMini{position:absolute;left:14%;right:12%;top:69px;height:49px;background:#343376;border:1px solid #5b5bac;border-radius:7px;padding:10px 12px;animation:rich-float 5s ease-in-out infinite}
#difference .replyMini i{height:3px;margin:0 0 6px;width:75%}#difference .replyMini i:last-child{width:45%}
#difference .aiderMini{position:absolute;right:0;bottom:0;width:27px;height:27px;border-radius:9px;background:#8250b3;text-align:center;font-size:17px;color:#edceff;border:1px solid #bd93e2;z-index:3}
#difference .integrationScene path{fill:none;stroke:#7a71ce;stroke-width:1.5;filter:drop-shadow(0 0 3px #8c60df)}
#difference .integrationHub{position:absolute;left:calc(50% - 21px);top:44px;width:42px;height:42px;border:1px solid #58a4fa;border-radius:10px;background:#2c326c;color:#c5cbff;font-size:26px;text-align:center;line-height:40px;box-shadow:0 0 23px #416dff66;animation:rich-glow 4s ease-in-out infinite}
#difference .systemNode{position:absolute;width:35px;height:32px;line-height:28px;text-align:center;border:1px solid #5c8ab4;border-radius:8px;background:#1d4c6a;color:#b9dff9;font-size:21px}
#difference .sOne{left:3%;top:12px;background:#4b337b;border-color:#9d7ce2}#difference .sTwo{right:3%;top:12px}#difference .sThree{left:3%;bottom:0;background:#285451;border-color:#569b92}#difference .sFour{right:3%;bottom:0}
@keyframes rich-float{50%{transform:translateY(-4px)}}
@keyframes rich-glow{50%{filter:brightness(1.18)}}
@keyframes rich-chart{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:24}}
@keyframes rich-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){#difference .capability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#difference .capability-open h3{font-size:14px}#difference .capability-open{padding:16px 12px;height:217px}#difference .capability-motion{left:12px;top:16px;width:29px;height:29px}}
@media(max-width:900px){#difference .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#difference .capability-open h3{font-size:17px}}
@media(max-width:500px){#difference .capability-open{height:209px}#difference .capability-open h3{font-size:14px;margin-left:37px}#difference .richScene{transform:scale(.88);transform-origin:center;margin-top:8px;width:114%;margin-left:-7%}}
@media(max-width:340px){#difference .capability-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#difference .richScene *,#difference .capability-summary{animation:none!important}}
/* Click-to-flip: both faces keep a stable card size. */
#difference .richCard{perspective:1100px;overflow:visible;background:transparent!important;border:0;box-shadow:none}
#difference .richCard:hover{box-shadow:none}
#difference .capability-open{height:240px;padding:0;overflow:visible;border-radius:13px}
#difference .capability-rotor{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.25,1)}
#difference .is-flipped .capability-rotor{transform:rotateY(180deg)}
#difference .capability-front,#difference .capability-back{display:block;position:absolute;inset:0;border:1px solid #3b4662;border-radius:13px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(145deg,#20273d,#151a30);overflow:hidden;padding:18px 16px 12px}
#difference .richCard:nth-of-type(3n) .capability-front{background:linear-gradient(145deg,#302342,#161b30)}
#difference .capability-back{transform:rotateY(180deg);background:linear-gradient(145deg,#302743,#17243b);padding:24px 20px;display:flex;flex-direction:column;justify-content:center;gap:17px;border-color:#8172af}
#difference .capability-back>span:first-child{font-size:18px;font-weight:600;color:#efe5fb;line-height:1.3;letter-spacing:-.035em}
#difference .capability-back .capability-summary{display:block!important;border:0;padding:0;margin:0;color:#d8cfe5;font-size:14px;line-height:1.65;animation:none}
#difference .flip-return{font-size:11px;color:#b9a0d6;margin-top:auto;padding-top:5px}
#difference .capability-front .richScene{margin-top:16px;height:140px}
#difference .capability-open:focus-visible{outline-offset:4px}
@media(max-width:500px){#difference .capability-open{height:229px;padding:0}#difference .capability-front{padding:16px 12px}#difference .capability-back{padding:19px 14px;gap:11px}#difference .capability-back>span:first-child{font-size:16px}#difference .capability-back .capability-summary{font-size:12px;line-height:1.55}}
@media(prefers-reduced-motion:reduce){#difference .capability-rotor{transition:none}}
/* v71: slide reveal keeps every card's footprint stable. */
#difference .capability-rotor,#difference .is-flipped .capability-rotor{transform:none;transition:none;overflow:hidden;border-radius:13px}
#difference .capability-front,#difference .capability-back{backface-visibility:visible;-webkit-backface-visibility:visible;transition:transform .48s cubic-bezier(.22,.75,.25,1),opacity .38s ease}
#difference .capability-front{transform:translateY(0);opacity:1}
#difference .capability-back{transform:translateY(40px);opacity:0;pointer-events:none}
#difference .is-flipped .capability-front{transform:translateY(-45px);opacity:0;pointer-events:none}
#difference .is-flipped .capability-back{transform:translateY(0);opacity:1;pointer-events:auto}
@media(hover:hover) and (pointer:fine){#difference .flip-return{display:none}}
@media(prefers-reduced-motion:reduce){#difference .capability-front,#difference .capability-back{transition:none}}