/* The card illustrations are self-contained; their text remains decorative. */
.context-scene.card-scene{--ca-ink:#40384f;--ca-muted:#8b819a;--ca-fill:rgba(254,253,255,.86);--ca-edge:rgba(255,255,255,.8);--ca-lilac:rgba(201,183,229,.8);--ca-mint:rgba(199,221,210,.9);--ca-shadow:rgba(63,40,99,.16);--ca-stroke:rgba(91,70,119,.21);width:100%;max-width:340px;min-width:0;margin:0;color:var(--ca-ink);font:400 14px/1.25 Arial,Helvetica,sans-serif;pointer-events:none}
.card-scene .cs-viewport{aspect-ratio:8/5;perspective:850px;overflow:visible}
.card-scene .cs-stage{transform-style:flat}
.context-scene.card-scene :is(div,span,i,b){box-sizing:border-box;min-width:0;letter-spacing:0;line-height:1.25}
.context-scene.card-scene :is(span,i,b){margin:0;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;color:inherit}
.context-scene.card-scene .cs-object.ca-object{position:absolute;border:1px solid var(--ca-edge);border-radius:4cqw;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 70%),var(--ca-fill);color:var(--ca-ink);box-shadow:inset 0 .35cqw .5cqw rgba(255,255,255,.3),0 .9cqw 0 -.3cqw var(--ca-stroke),0 4cqw 6cqw -3cqw var(--ca-shadow);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.context-scene.card-scene .cs-object.ca-object::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.3),transparent 28%,transparent 72%,rgba(255,255,255,.12));box-shadow:0 1px 0 rgba(255,255,255,.6) inset;pointer-events:none}
.context-scene.card-scene .cs-object.ca-object>*{position:relative;z-index:1}
.context-scene.card-scene .cs-object.ca-lilac{background-color:var(--ca-lilac)}
.context-scene.card-scene .cs-object.ca-mint{background-color:var(--ca-mint);color:#345c4b}
.card-scene .ca-ground{position:absolute;left:18%;right:14%;height:9%;bottom:5%;border-radius:50%;filter:blur(10px);background:var(--ca-shadow);opacity:.6}
.card-scene .ca-icon{display:block;width:8cqw;height:8cqw;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:none;overflow:visible}
.card-scene .ca-lines{display:flex;flex-direction:column;gap:2cqw;width:100%}
.card-scene .ca-lines i{display:block;height:1.7cqw;min-height:1px;border-radius:1cqw;background:var(--ca-muted);opacity:.3;width:100%}
.card-scene .ca-lines i:nth-child(2n){width:76%}.card-scene .ca-lines i:last-child{width:60%}
.card-scene .ca-tile{width:18%;aspect-ratio:1;display:grid;place-items:center;z-index:4;transform:rotateY(-9deg) rotateZ(7deg)}
.card-scene .ca-tile .ca-icon{width:9cqw;height:9cqw}
.card-scene .ca-topbar{height:8cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:0 3cqw;border-bottom:1px solid var(--ca-stroke)}
.context-scene.card-scene .ca-ui-label{font:500 2.8cqw/1 Arial,sans-serif;color:var(--ca-muted)}
.card-scene .ca-dots{display:flex;gap:1cqw}.card-scene .ca-dots i{display:block;width:1.3cqw;height:1.3cqw;border-radius:50%;background:var(--ca-muted);opacity:.45}
.card-scene .ca-browser{left:10%;top:14%;width:75%;height:66%;transform:rotateY(-8deg) rotateX(5deg) rotateZ(-5deg);overflow:hidden;z-index:2}
.card-scene .ca-window-body{display:flex;gap:3cqw;padding:3cqw;height:calc(100% - 8cqw)}
.card-scene .ca-sidebar{width:20%;border-right:1px solid var(--ca-stroke);padding-right:2cqw}.card-scene .ca-sidebar .ca-lines{gap:2.4cqw}.card-scene .ca-window-main{flex:1;display:flex;flex-direction:column;gap:2cqw}
.card-scene .ca-feature{display:block;width:100%;height:10cqw;border-radius:2cqw;background:var(--ca-lilac)}
.card-scene .ca-widget-row{display:flex;gap:2cqw}.card-scene .ca-widget-row i{display:block;width:30%;height:5cqw;border-radius:1.2cqw;background:var(--ca-muted);opacity:.19}
.card-scene .ca-floating-feature{left:71%;top:5%}.card-scene .ca-cursor{left:69%;top:65%;width:13%;height:22%;background:none!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 3px 2px var(--ca-shadow));z-index:6;transform:rotate(-8deg)}
.card-scene .ca-cursor::before{display:none}.card-scene .ca-cursor svg{height:100%;fill:var(--ca-lilac);stroke:var(--ca-edge);stroke-width:2;stroke-linejoin:round}
.card-scene .ca-phone{left:27%;top:4%;height:86%;width:35%;border-radius:5cqw!important;transform:rotateX(5deg) rotateY(-8deg) rotateZ(-8deg);overflow:hidden;z-index:2}
.context-scene.card-scene .ca-phone>.ca-phone-camera{position:absolute;left:36%;top:2.3cqw;width:29%;height:1.5cqw;background:var(--ca-ink);border-radius:4cqw;opacity:.75}
.card-scene .ca-phone-content{padding:8cqw 3cqw 4cqw;display:flex;flex-direction:column;gap:2.3cqw;height:100%}
.context-scene.card-scene .ca-phone>.ca-phone-home{position:absolute;bottom:2cqw;width:34%;height:1cqw;background:var(--ca-ink);opacity:.3;left:33%;border-radius:2cqw}
.card-scene .ca-app-avatar{display:grid;place-items:center;width:11cqw;height:11cqw;border-radius:4cqw;background:var(--ca-lilac)}
.card-scene .ca-phone-title{height:1.8cqw;width:76%;background:var(--ca-muted);border-radius:1cqw}.card-scene .ca-phone-card{width:100%;min-height:11cqw;border-radius:2.4cqw;background:var(--ca-mint)}
.card-scene .ca-phone-back{left:47%;top:8%;height:77%;transform:rotateY(-8deg) rotateZ(9deg);opacity:.65;z-index:1}
.card-scene .ca-notification{left:52%;top:65%;width:37%;height:22%;display:flex;gap:2cqw;align-items:center;padding:3cqw;transform:rotate(-4deg);z-index:5}.card-scene .ca-mini-bars{display:flex;flex-direction:column;gap:2cqw;flex:1}.card-scene .ca-mini-bars i{height:1.4cqw;border-radius:2cqw;background:currentColor;opacity:.3}.card-scene .ca-mini-bars i:last-child{width:65%}
.card-scene .ca-bubble{width:49%;padding:4cqw;border-radius:5cqw!important}.card-scene .ca-question{left:8%;top:12%;height:28%;transform:rotate(-7deg)}
.card-scene .ca-answer{left:45%;top:49%;height:36%;z-index:4;transform:rotate(5deg);background-color:var(--ca-lilac)!important}
.card-scene .ca-typing{display:flex;gap:1.5cqw;margin-bottom:3cqw!important}.card-scene .ca-typing i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:currentColor;animation:ca-type 2.4s ease-in-out infinite}.card-scene .ca-typing i:nth-child(2){animation-delay:.2s}.card-scene .ca-typing i:nth-child(3){animation-delay:.4s}
.card-scene .ca-bot-core{left:15%;top:44%;width:34%;height:41%;border-radius:9cqw!important;transform:rotateY(-15deg) rotateZ(-5deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw}
.card-scene .ca-bot-face{display:flex;gap:7cqw}.card-scene .ca-bot-face i{width:3cqw;height:5cqw;border-radius:2cqw;background:var(--ca-ink)}.card-scene .ca-bot-mouth{width:7cqw;height:3cqw;border-bottom:1.5px solid var(--ca-muted);border-radius:0 0 50% 50%}
.card-scene .ca-mini-phone{left:26%;width:39%;transform:rotateY(-9deg) rotateZ(-7deg)}.card-scene .ca-mini-app-title{display:flex;gap:2cqw;align-items:center;font-size:3.2cqw}.card-scene .ca-mini-app-title .ca-icon{width:5cqw;height:5cqw}
.card-scene .ca-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;margin-top:1cqw}.card-scene .ca-product-grid i{height:10cqw;border-radius:2cqw;background:var(--ca-lilac)}.card-scene .ca-product-grid i:nth-child(2n){background:var(--ca-mint)}
.card-scene .ca-mini-action{height:4cqw;width:100%;border-radius:2cqw;background:var(--ca-ink);opacity:.8}.card-scene .ca-mini-cube{left:67%;top:20%;width:23%}.card-scene .ca-mini-link{left:56%;top:72%;width:33%;height:19%;display:flex;align-items:center;justify-content:center;gap:3cqw;font-size:4cqw;transform:rotate(4deg);z-index:5}
.card-scene .ca-paper{left:24%;top:9%;width:43%;height:79%;padding:8cqw 5cqw 4cqw;border-radius:2cqw!important;transform:rotateZ(-8deg);z-index:2}
.card-scene .ca-paper-heading{display:block;background:var(--ca-lilac);height:3cqw;width:82%;margin-bottom:5cqw!important;border-radius:.7cqw}.card-scene .ca-paper .ca-lines{gap:3cqw}
.context-scene.card-scene .ca-paper>.ca-paper-fold{position:absolute;top:0;right:0;width:6cqw;height:6cqw;background:linear-gradient(45deg,var(--ca-lilac) 49%,transparent 51%)}
.card-scene .ca-paper-back{left:20%;top:12%;transform:rotate(-15deg);background-color:var(--ca-lilac)!important;z-index:1}.card-scene .ca-paper-front{transform:rotate(-5deg)}
.card-scene .ca-ai-source{left:12%;top:15%;width:32%;height:65%;transform:rotate(-14deg);z-index:1}.card-scene .ca-ai-lens{left:35%;top:11%;width:41%;aspect-ratio:1;border-radius:50%!important;transform:rotateY(-16deg) rotateX(8deg);z-index:3;display:grid;place-items:center;background:radial-gradient(circle at 31% 26%,rgba(255,255,255,.92),rgba(201,185,233,.55) 42%,rgba(137,110,176,.7))!important}
.context-scene.card-scene .ca-ai-lens>.ca-orbit{position:absolute;inset:11%;border:1px solid rgba(255,255,255,.65);border-radius:50%}.card-scene .ca-orbit-one{transform:rotateY(60deg) rotateZ(-30deg)}.card-scene .ca-orbit-two{transform:rotateX(55deg) rotateZ(30deg);animation:ca-orbit 15s linear infinite}
.card-scene .ca-ai-core{width:13cqw;height:13cqw;border-radius:50%;background:radial-gradient(circle at 32% 28%,#faf7ff,#c3acdf 55%,#77618e);box-shadow:0 0 7cqw #d5c2f055}.card-scene .ca-answer-strip{left:35%;top:76%;height:15%;width:52%;display:flex;gap:3cqw;align-items:center;padding:2cqw 4cqw;transform:rotate(-3deg);z-index:5}.card-scene .ca-ai-dot{width:3cqw;height:3cqw;border-radius:50%;background:var(--ca-ink);flex:none}.card-scene .ca-answer-strip .ca-lines{gap:1.2cqw}
.card-scene .ca-wires,.card-scene .ca-route-wire{position:absolute;inset:0;width:100%;height:100%;stroke-width:1.3;stroke:var(--ca-muted);opacity:.65}.card-scene .ca-wire-travel{stroke:var(--ca-ink);stroke-width:2.5;stroke-dasharray:12 170;animation:ca-flow 7s linear infinite}
.card-scene .ca-integration-input{left:10%;top:40%;width:22%}.card-scene .ca-integration-hub{left:37%;top:14%;width:34%;aspect-ratio:1;display:grid;place-items:center;transform:rotateY(-12deg) rotateZ(-8deg);z-index:2}.card-scene .ca-integration-hub b{font-size:6cqw;font-weight:500}.context-scene.card-scene .ca-integration-hub>.ca-hub-ring{position:absolute;inset:10%;border:1px solid var(--ca-edge);border-radius:50%}.card-scene .ca-integration-output{left:68%;top:59%;width:23%}
.card-scene .ca-small-window{left:8%;top:18%;width:66%;height:61%}.card-scene .ca-small-window .ca-window-body{display:block}.card-scene .ca-ticket{display:flex;gap:4cqw;align-items:center}.card-scene .ca-ticket .ca-icon{width:9cqw;height:9cqw}.card-scene .ca-order-status{display:flex;gap:2cqw;margin-top:5cqw}.card-scene .ca-order-status i{width:26%;height:3cqw;background:var(--ca-mint);border-radius:2cqw}.card-scene .ca-small-calc{left:66%;top:36%;width:26%;height:49%;padding:3cqw;transform:rotate(7deg);z-index:4}.card-scene .ca-small-check{left:64%;top:9%;width:15%}
.card-scene .ca-calc-screen{display:flex;align-items:center;justify-content:flex-end;height:8cqw;padding:1cqw 2cqw;border-radius:2cqw;background:var(--ca-fill);font-size:5cqw}.card-scene .ca-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;margin-top:3cqw}.card-scene .ca-keypad i{display:block;aspect-ratio:1;border-radius:1cqw;background:var(--ca-fill);box-shadow:0 .5cqw 0 var(--ca-stroke)}.card-scene .ca-keypad i:last-child{background:var(--ca-mint)}
.card-scene .ca-team-panel{height:49%;width:29%;padding:4cqw;transform:rotate(-6deg);z-index:2}.card-scene .ca-team-panel .ca-lines{margin-top:4cqw;gap:2cqw}.card-scene .ca-team-left{left:9%;top:32%}.card-scene .ca-team-center{left:37%;top:10%;z-index:3;transform:rotate(3deg)}.card-scene .ca-team-right{left:66%;top:37%;transform:rotate(8deg)}.card-scene .ca-team-rows{display:flex;gap:2cqw;margin-top:3cqw}.card-scene .ca-team-rows i{height:12cqw;flex:1;border-radius:1cqw;background:var(--ca-fill)}
.card-scene .ca-enterprise-floor{left:20%;width:57%;height:27%;display:flex;align-items:center;gap:4cqw;padding:3cqw 5cqw;transform:rotateX(33deg) rotateY(-10deg) rotateZ(-10deg);border-radius:3cqw!important}.card-scene .ca-floor-one{top:7%;z-index:3}.card-scene .ca-floor-two{top:33%;z-index:2}.card-scene .ca-floor-three{top:59%;z-index:1}.card-scene .ca-floor-lines{height:2cqw;background:var(--ca-muted);width:55%;border-radius:1cqw;opacity:.3}.card-scene .ca-floor-dots{display:flex;gap:3cqw}.card-scene .ca-floor-dots i{width:5cqw;height:5cqw;border-radius:2cqw;background:var(--ca-fill)}.card-scene .ca-access-badge{left:69%;top:43%;width:24%}
.card-scene .ca-legal-seal{left:64%;top:28%;width:25%}.card-scene .ca-legal-tab{left:45%;top:77%;height:15%;width:43%;display:flex;align-items:center;gap:3cqw;padding:2cqw 4cqw;z-index:4;transform:rotate(3deg)}.card-scene .ca-legal-tab .ca-icon{width:5cqw;height:5cqw}.card-scene .ca-tab-line{height:1.5cqw;background:currentColor;opacity:.25;width:15cqw;border-radius:1cqw}
.card-scene .ca-intake-window{left:16%;top:14%;width:60%;height:67%;overflow:hidden;transform:rotate(-5deg)}.card-scene .ca-inputs{display:flex;flex-direction:column;gap:3cqw;padding:4cqw}.card-scene .ca-inputs i{height:4cqw;border:1px solid var(--ca-stroke);background:var(--ca-fill);border-radius:1.6cqw}.card-scene .ca-inputs i:last-child{width:55%;background:var(--ca-lilac)}.card-scene .ca-intake-chat{left:70%;top:10%;width:22%}.card-scene .ca-intake-check{left:65%;top:67%;width:19%}
.card-scene .ca-calc-paper{left:15%;width:39%;height:69%;top:15%;transform:rotate(-10deg)}.card-scene .ca-calculator{left:47%;top:18%;width:38%;height:73%;padding:4cqw;transform:rotate(7deg);z-index:3}.card-scene .ca-calculator .ca-calc-screen{height:10cqw}.card-scene .ca-calculator .ca-keypad{gap:2cqw}.card-scene .ca-calc-check{left:68%;top:4%;width:17%;z-index:5}
.card-scene .ca-account-window{left:10%;top:16%;width:70%;height:65%}.card-scene .ca-account-window .ca-window-body{display:block}.card-scene .ca-account-profile{display:flex;align-items:center;gap:3cqw}.card-scene .ca-account-rows{display:flex;gap:2cqw;margin-top:4cqw}.card-scene .ca-account-rows i{height:8cqw;flex:1;border-radius:1.5cqw;background:var(--ca-lilac)}.card-scene .ca-account-file{left:69%;top:5%}.card-scene .ca-account-check{left:68%;top:65%;width:23%}
.card-scene .ca-folder-back{left:15%;top:18%;width:64%;height:63%;background-color:var(--ca-lilac)!important;transform:rotate(-6deg)}.card-scene .ca-folder-back>span{display:block;position:absolute!important;left:0;top:-3cqw;width:25cqw;height:5cqw;background:var(--ca-lilac);border-radius:2cqw 2cqw 0 0}.card-scene .ca-folder-paper{left:28%;top:7%;height:61%;width:39%;transform:rotate(4deg)}.card-scene .ca-folder-front{left:14%;top:39%;width:68%;height:46%;transform:rotateX(-15deg) rotateZ(-6deg);z-index:3}.card-scene .ca-folder-label{position:absolute!important;top:10cqw;left:7cqw;width:22cqw;height:2cqw;border-radius:1cqw;background:var(--ca-fill)}
.card-scene .ca-magnifier{left:63%;top:33%;width:22%;aspect-ratio:1;border-radius:50%!important;border:2.6cqw solid var(--ca-edge)!important;background:rgba(204,189,227,.2)!important;backdrop-filter:blur(1px)!important;transform:rotate(-17deg);z-index:5}.card-scene .ca-magnifier::after{content:"";position:absolute;width:4cqw;height:16cqw;border-radius:2cqw;background:var(--ca-lilac);top:92%;left:76%;transform:rotate(-32deg);transform-origin:top}.card-scene .ca-source-paper{left:24%;width:44%;transform:rotate(-6deg)}.card-scene .ca-source-link{left:12%;top:63%;width:19%}
.card-scene .ca-route-node{width:24%;transform:rotateX(24deg) rotateY(-8deg) rotateZ(-6deg)}.card-scene .ca-route-first{left:6%;top:48%}.card-scene .ca-route-center{left:37%;top:13%}.card-scene .ca-route-last{left:70%;top:44%}
.card-scene .ca-check-sheet{left:22%;top:10%;width:50%;height:78%;padding:7cqw 5cqw;transform:rotate(-8deg);z-index:2}.card-scene .ca-check-items{display:flex;flex-direction:column;gap:3cqw}.card-scene .ca-check-items span{display:flex;align-items:center;gap:3cqw}.card-scene .ca-check-items .ca-icon{width:5cqw;height:5cqw;color:#709f89}.card-scene .ca-check-items i{width:24cqw;height:1.8cqw;background:var(--ca-muted);opacity:.3;border-radius:1cqw}.card-scene .ca-check-badge{left:64%;top:48%;width:26%}
.card-scene .ca-wireframe{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;width:100%}.card-scene .ca-wireframe i{border:1px solid var(--ca-stroke);border-radius:2cqw;background:var(--ca-fill);height:10cqw}.card-scene .ca-wireframe i:first-child{background:var(--ca-lilac)}.card-scene .ca-prototype-code{left:64%;top:60%;width:24%}.card-scene .ca-prototype-plus{left:75%;top:7%;width:17%}
.card-scene .ca-server{left:19%;width:61%;height:44%;top:40%;padding:5cqw;transform:rotateY(-12deg) rotateZ(-6deg);z-index:3}.card-scene .ca-server-back{top:13%;left:15%;z-index:1}.card-scene .ca-server-lights{display:flex;gap:2cqw;margin-bottom:4cqw}.card-scene .ca-server-lights i{width:2cqw;height:2cqw;border-radius:50%;background:#93bea8;box-shadow:0 0 3cqw #93bea855;animation:ca-type 3s ease-in-out infinite}.card-scene .ca-server-lights i:nth-child(2){animation-delay:.6s}.card-scene .ca-server .ca-lines{width:72%;gap:2cqw}.card-scene .ca-launch-check{left:68%;top:39%;width:24%}
.card-scene .ca-book-leaf{width:33%;height:66%;top:16%;padding:6cqw 4cqw;border-radius:3cqw 1cqw 1cqw 3cqw!important}.card-scene .ca-book-left{left:16%;transform:rotateY(20deg) rotateZ(-7deg);transform-origin:right}.card-scene .ca-book-right{left:49%;transform:rotateY(-20deg) rotateZ(7deg);transform-origin:left;border-radius:1cqw 3cqw 3cqw 1cqw!important}.card-scene .ca-book-leaf .ca-lines{gap:3.5cqw}.card-scene .ca-book-ribbon{left:62%;top:4%;width:17%;height:39%;display:grid;place-items:center;transform:rotate(6deg);z-index:4;border-radius:2cqw!important}
.card-scene .ca-code-window{background-color:#393142!important;color:#ece4f5}.card-scene .ca-code-window .ca-ui-label{color:#b8a8cc}.card-scene .ca-terminal-lines{display:flex;flex-direction:column;gap:3cqw;padding:2cqw;width:100%}.card-scene .ca-terminal-lines span{display:flex;gap:2cqw}.card-scene .ca-terminal-lines i{width:12cqw;height:1.8cqw;border-radius:1cqw;background:#c4b0e0}.card-scene .ca-terminal-lines i:nth-child(2){width:19cqw;background:#9dbdad}.card-scene .ca-terminal-lines span:nth-child(2){margin-left:5cqw}.card-scene .ca-terminal-lines span:nth-child(3){margin-left:5cqw}.card-scene .ca-code-symbol{left:71%;top:9%;width:20%}.card-scene .ca-code-branch{left:60%;top:59%;width:22%}
.card-scene .ca-database{left:25%;top:52%;width:48%;height:30%;border-radius:50%/33%!important;transform:rotateY(-9deg) rotateZ(-7deg);z-index:1}.context-scene.card-scene .ca-database::before{inset:0 0 auto;height:51%;border-radius:50%;border-bottom:1px solid var(--ca-stroke);background:linear-gradient(130deg,rgba(255,255,255,.6),rgba(213,198,234,.15))}.card-scene .ca-db-middle{top:31%;z-index:2}.card-scene .ca-db-top{top:10%;z-index:3}.card-scene .ca-db-api{left:65%;top:53%;width:23%}
.card-scene .ca-finance-sheet{left:17%;width:41%;height:74%;top:12%}.card-scene .ca-finance-chart{left:48%;top:26%;width:35%;height:48%;padding:4cqw;transform:rotate(7deg);z-index:3}.card-scene .ca-chart-bars{display:flex;gap:2cqw;align-items:flex-end;height:100%}.card-scene .ca-chart-bars i{width:22%;height:45%;border-radius:1.5cqw 1.5cqw 0 0;background:var(--ca-fill)}.card-scene .ca-chart-bars i:nth-child(2){height:65%}.card-scene .ca-chart-bars i:nth-child(3){height:52%}.card-scene .ca-chart-bars i:nth-child(4){height:90%;background:var(--ca-mint)}.card-scene .ca-finance-equal{left:61%;top:68%;width:26%;height:20%;display:grid;place-items:center;font-size:11cqw;z-index:5;transform:rotate(-4deg)}
.card-scene .ca-loose-paper{width:31%;height:68%;padding:6cqw 4cqw}.card-scene .ca-loose-paper .ca-lines{gap:2.5cqw}.card-scene .ca-loose-one{left:10%;top:19%;transform:rotate(-15deg);z-index:1}.card-scene .ca-loose-two{left:37%;top:7%;transform:rotate(4deg);z-index:2}.card-scene .ca-loose-three{left:62%;top:27%;transform:rotate(12deg);z-index:3}
.card-scene .ca-diploma-paper{left:19%;top:18%;width:62%;height:59%;transform:rotate(-6deg);padding:7cqw}.card-scene .ca-diploma-paper .ca-lines{gap:2.5cqw}.card-scene .ca-diploma-seal{left:62%;top:54%;width:19%;aspect-ratio:1;border-radius:50%!important;z-index:3;display:grid;place-items:center}.card-scene .ca-diploma-seal span{width:10cqw;height:10cqw;border:1px solid var(--ca-edge);border-radius:50%}.card-scene .ca-diploma-seal::after{content:"";position:absolute;top:70%;left:30%;height:16cqw;width:8cqw;background:var(--ca-lilac);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);z-index:-1}
.card-scene .ca-blueprint{left:15%;top:17%;width:64%;height:65%;display:grid;place-items:center;transform:rotate(-8deg);overflow:hidden}.context-scene.card-scene .ca-blueprint>.ca-blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(var(--ca-stroke) 1px,transparent 1px),linear-gradient(90deg,var(--ca-stroke) 1px,transparent 1px);background-size:6cqw 6cqw;opacity:.4}.card-scene .ca-blueprint>.ca-icon{width:22cqw;height:22cqw;stroke-width:.7}.card-scene .ca-ruler{left:49%;top:75%;width:41%;height:9%;border-radius:1cqw!important;transform:rotate(-34deg);z-index:4}.card-scene .ca-ruler span{display:block;height:50%;background:repeating-linear-gradient(90deg,transparent 0,transparent 3cqw,var(--ca-muted) 3cqw,var(--ca-muted) calc(3cqw + 1px))}.card-scene .ca-engineer-code{left:72%;top:10%;width:17%}
.card-scene .ca-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;width:100%}.card-scene .ca-next-grid i{border:1px dashed var(--ca-stroke);border-radius:2cqw}.card-scene .ca-next-plus{left:64%;top:53%;width:25%}

/* Keep the same lighting language in both themes and on permanently dark cards. */
[data-theme=dark] .context-scene.card-scene,.segment.dark .context-scene.card-scene,.process-section .context-scene.card-scene{--ca-ink:#f0e8fa;--ca-muted:#c2b1d5;--ca-fill:rgba(68,55,85,.88);--ca-edge:rgba(229,211,250,.38);--ca-lilac:rgba(127,104,161,.76);--ca-mint:rgba(161,199,180,.87);--ca-shadow:rgba(0,0,0,.48);--ca-stroke:rgba(167,144,196,.24)}
.segment.dark .card-scene .ca-code-window{background-color:#211b2b!important}
@keyframes ca-flow{to{stroke-dashoffset:-364}}
@keyframes ca-type{0%,100%{opacity:.35;scale:.86}50%{opacity:1;scale:1}}
@keyframes ca-orbit{to{transform:rotateX(55deg) rotateZ(390deg)}}

/* Card layout: art lives in its own row, not over the readable content. */
.card-visual-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;margin-bottom:12px}
.card-visual-head>.card-scene{flex:1;min-width:0;max-width:280px}
.card-visual-head>:first-child:not(.card-scene){flex:none}
.directions-block .card-visual-head{margin-bottom:4px;min-height:180px}
.directions-block .card-visual-head>.num{min-width:116px}
.directions-block .card-visual-head>.num,.scenario-card .card-visual-head>.num,.legal-scenarios .card-visual-head>.num{font:400 30px/1.15 var(--code-font,monospace);letter-spacing:0}
.directions-block .card-visual-head>.num>span,.scenario-card .card-visual-head>.num>span,.legal-scenarios .card-visual-head>.num>span{display:block;margin-top:8px;font:400 12px/1.4 var(--code-font,monospace);letter-spacing:.025em}
.directions-block .card-visual-head>.card-scene{max-width:330px}
.capability-card .card-visual-head{display:block;margin-bottom:20px}
.capability-card .card-visual-head>.capability-index{display:block;margin-bottom:8px}
.capability-card .card-visual-head>.card-scene{width:100%;max-width:320px;margin:0 auto}
.step-visual{margin-bottom:0;align-self:start}
.step-visual>.step-number{font-size:36px;min-width:80px;line-height:1.2}
.step-visual>.step-number small{display:block;margin:4px 0 0;font-size:12px}
.step-visual>.card-scene{max-width:240px}
.example-columns .card-visual-head{flex-direction:column;align-items:flex-start;gap:6px}
.example-columns .card-visual-head>.card-scene{max-width:240px;align-self:center}
.scenario-card .card-visual-head>.num,.legal-scenarios .card-visual-head>.num{min-width:80px}
.scenario-card .card-visual-head>.card-scene,.legal-scenarios .card-visual-head>.card-scene{max-width:250px}
.fullstack-grid .card-visual-head,.handoff-grid .card-visual-head,.workflow-grid .card-visual-head{flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 18px}
.fullstack-grid .card-visual-head>.card-scene,.handoff-grid .card-visual-head>.card-scene,.workflow-grid .card-visual-head>.card-scene{max-width:260px;align-self:center;width:100%}
.shoditsya-art.has-card-art>.card-scene{max-width:310px;align-self:center;margin:0 auto 20px}
.shoditsya-art.has-card-art{gap:16px}
.story-next>.card-scene{max-width:340px;margin-bottom:25px}
.outcome.has-card-art{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:25px;align-items:center}
.outcome.has-card-art>.card-scene{grid-column:1;grid-row:1 / span 2;width:150px}
.outcome.has-card-art>strong,.outcome.has-card-art>p{grid-column:2}
.diploma-slots>div.has-card-art>.card-scene{max-width:160px;margin:0 auto 15px}
.diploma-slots>.future-education.has-card-art>.card-scene{max-width:240px}
.lab-panel.has-card-art>.card-scene{max-width:260px;margin:0 auto 22px}
.legal-proof-grid .card-visual-head{display:flex;flex-direction:column;align-items:flex-start}
.legal-proof-grid .card-visual-head>.card-scene{max-width:360px;align-self:center;width:100%}
@media(max-width:1100px) and (min-width:801px){.scenario-card .card-visual-head,.legal-scenarios .card-visual-head{display:block}.scenario-card .card-visual-head>.card-scene,.legal-scenarios .card-visual-head>.card-scene{margin:0 auto;width:100%}.step-visual{display:block}.step-visual>.card-scene{margin:0 auto}}
@media(max-width:600px){.directions-block .card-visual-head{min-height:0;margin-bottom:10px}.directions-block .card-visual-head>.num{min-width:85px}.directions-block .card-visual-head>.card-scene{max-width:230px}.card-visual-head{gap:8px}.step-visual>.step-number{min-width:68px;font-size:32px}.step-visual>.card-scene{max-width:210px}.capability-card .card-visual-head>.card-scene{max-width:290px}.outcome.has-card-art{grid-template-columns:1fr;gap:12px}.outcome.has-card-art>.card-scene{grid-row:auto;grid-column:1;width:180px;margin:0 auto}.outcome.has-card-art>strong,.outcome.has-card-art>p{grid-column:1}.scenario-card .card-visual-head>.num,.legal-scenarios .card-visual-head>.num{min-width:70px}}
@media(prefers-reduced-motion:reduce){.card-scene *,.card-scene *::after,.card-scene *::before{animation:none!important}.context-scene.card-scene .cs-object{opacity:1!important}}