/* Scoped v13 Private AI delta over the verified v12 integration. */
.canimaps-v6.v6-private-page #v6-architecture{margin: 28px 22px 12px; padding: 36px; border: 1px solid rgba(108, 145, 178, 0.4); border-radius: 20px; background: radial-gradient(at 85% 0px, rgba(23, 53, 74, 0.533), transparent 48%), rgb(6, 24, 39); box-shadow: rgba(203, 228, 255, 0.094) 0px 1px 0px inset;}
.canimaps-v6.v6-private-page #v6-architecture .v6-section-heading{display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; padding: 4px 0px 30px; border-bottom: 1px solid rgba(135, 172, 202, 0.22); margin-bottom: 30px;}
.canimaps-v6.v6-private-page #v6-architecture .v6-section-heading > p{max-width: 510px; margin: 0px; padding-left: 24px; border-left: 2px solid rgb(169, 199, 229); color: rgb(208, 222, 237); font-size: 16px; line-height: 1.8;}
.canimaps-v6.v6-private-page .v6-operations{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.6fr); align-items: center; gap: 26px; padding: 36px 30px; min-height: 0px;}
.canimaps-v6.v6-private-page .v6-operations-scene{position: relative; inset: auto; grid-area: 1 / 2; width: 100%; height: auto; min-height: 240px; margin: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: center; overflow: visible;}
.canimaps-v6.v6-private-page .v6-operations-scene .v6-artwork{position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 3 / 2;}
.canimaps-v6.v6-private-page .v6-operations-scene .v6-sculpture-surface{inset: 0px;}
.canimaps-v6.v6-private-page .v6-ops-grid{grid-area: 2 / 1 / auto / -1; margin: 0px; gap: 16px; grid-template-columns: repeat(4, minmax(0px, 1fr)); align-self: auto;}
.canimaps-v6.v6-private-page .v6-ops-grid article{padding: 23px 20px;}
.canimaps-v6.v6-private-page .v6-ops-grid h3{font-size: 17px;}
.canimaps-v6.v6-private-page .v6-ops-grid p{font-size: 13px; line-height: 1.7;}
@media (max-width: 1000px) {.canimaps-v6.v6-private-page .v6-operations{grid-template-columns: 1fr;}
.canimaps-v6.v6-private-page .v6-operations-scene{grid-area: 2 / 1; min-height: 0px;}
.canimaps-v6.v6-private-page .v6-ops-grid{grid-row: 3; grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 700px) {.canimaps-v6.v6-private-page #v6-architecture{margin: 22px 0px 12px; padding: 24px 14px; border-radius: 17px;}
.canimaps-v6.v6-private-page #v6-architecture .v6-section-heading{grid-template-columns: 1fr; gap: 22px; padding: 0px 6px 25px;}
.canimaps-v6.v6-private-page #v6-architecture .v6-section-heading > p{font-size: 14px; padding-left: 16px;}
.canimaps-v6.v6-private-page .v6-operations{padding: 28px 20px; gap: 24px;}
.canimaps-v6.v6-private-page .v6-operations-scene{grid-template-columns: 1fr; gap: 0px;}
.canimaps-v6.v6-private-page .v6-operations-scene .v6-artwork{max-width: 330px; margin: auto;}
.canimaps-v6.v6-private-page .v6-ops-grid{grid-template-columns: 1fr;}
.canimaps-v6.v6-private-page .v6-operations-copy .v6-button{display: inline-flex; margin-top: 24px;}}
/* Keep the established page gutters; the architecture panel owns its inner padding. */
.canimaps-v6.v6-private-page>#v6-architecture{margin-left:0;margin-right:0;box-sizing:border-box;min-width:0}

/* Retain the hero copy and backdrop; put its reserved presenter area into the existing grid. */
.canimaps-v6.v6-private-page .v6-ai-hero>.v6-presenter-space{position:relative;inset:auto;align-self:center;width:100%;max-width:100%;min-width:0;height:auto;aspect-ratio:16/9;margin:0;padding:0;box-sizing:border-box;z-index:3;border:1px solid #8eabc538;border-radius:24px;background:radial-gradient(ellipse at 60% 65%,#19375188,transparent 70%),linear-gradient(135deg,#08192b99,#0c223466);box-shadow:inset 0 1px 0 #c9e4ff15;display:grid;place-items:center;overflow:hidden}
.canimaps-v6.v6-private-page .v6-presenter-guide{display:grid;justify-items:center;gap:15px;text-align:center;color:#bed1e4;padding:25px;box-sizing:border-box;max-width:100%}
.canimaps-v6.v6-private-page .v6-presenter-guide>span{font-size:22px;line-height:1.4;color:#bed1e4}
.canimaps-v6.v6-private-page .v6-presenter-guide>span em{font-family:'Canimaps V6 Serif',Georgia,serif;font-style:italic}
.canimaps-v6.v6-private-page .v6-presenter-guide small{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8eabc6}
.canimaps-v6.v6-private-page .v6-presenter-guide .v6-presenter-play{width:48px;height:48px;border:1px solid #92b4d465;border-radius:50%;display:grid;place-items:center;font-size:26px;line-height:1;color:#c7dbf1;background:#142b4377}

/* Each flip face keeps its opaque base, with the shared nebula and neural lines behind its content. */
.canimaps-v6.v6-private-page .v6-architecture-card .v6-card-face>.v6-architecture-ribbons{z-index:0;opacity:.2;background-position:center;pointer-events:none}
.canimaps-v6.v6-private-page .v6-architecture-card .v6-card-face>.v6-architecture-neural{z-index:1;opacity:.52;pointer-events:none;mix-blend-mode:screen}
.canimaps-v6.v6-private-page .v6-architecture-card .v6-card-face>.v6-artwork,.canimaps-v6.v6-private-page .v6-architecture-card .v6-card-face>.v6-architecture-copy,.canimaps-v6.v6-private-page .v6-architecture-card .v6-card-face>.v6-architecture-back{position:relative;z-index:2}
.canimaps-v6.v6-private-page .v6-architecture-card .v6-card-face[inert]>.v6-architecture-ribbons{animation-play-state:paused}

/* Both faces determine one shared rotor height, so translations cannot run into the CTA rail. */
.canimaps-v6.v6-private-page .v6-architecture-card .v6-card-rotor{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:450px;flex:1 0 auto}
/* Isolate each flat face so screen blends against its nebula inside the 3D rotor. */
.canimaps-v6.v6-private-page .v6-architecture-card .v6-card-face{position:relative;inset:auto;grid-area:1/1;align-self:stretch;min-width:0;isolation:isolate;transform-style:flat}
.canimaps-v6.v6-private-page .v6-architecture-card .v6-architecture-copy{padding-bottom:24px;min-width:0;overflow-wrap:break-word}
.canimaps-v6.v6-private-page .v6-architecture-card .v6-architecture-back{min-width:0;overflow-wrap:break-word}

/* Flow placement overrides the old absolute media composition at every breakpoint. */
.canimaps-v6.v6-private-page .v6-operations>.v6-operations-copy{grid-column:1;grid-row:1;min-width:0}
.canimaps-v6.v6-private-page .v6-operations-scene>.v6-artwork{min-height:0;max-width:100%;margin:0;box-sizing:border-box}
.canimaps-v6.v6-private-page .v6-operations-scene .v6-sculpture-surface{width:100%;height:100%;transform:none}
.canimaps-v6.v6-private-page .v6-operations>.v6-ops-grid{min-width:0}
/* Keep the complete 3:2 integration sculpture within the stage at every width. */
.canimaps-v6.v6-private-page .v6-integration-art{container-type:size}
.canimaps-v6.v6-private-page .v6-integration-art .v6-sculpture-surface{inset:auto;left:50%;top:50%;width:min(100cqw,150cqh);height:auto;aspect-ratio:3/2;transform:translate(-50%,-50%)}

/* Keep the hero sculpture solid, with the moving decoration behind it. */
.canimaps-v6.v6-home>.v6-home-hero>.v6-hero-sculpture,
.canimaps-v6.v6-home>.v6-home-hero .v6-sculpture-surface{mix-blend-mode:normal;isolation:isolate}
.canimaps-v6.v6-home>.v6-home-hero>.v6-neural-canvas{z-index:1}
/* Feather only the edges; poster, native video and Android frames use one mask. */
.canimaps-v6.v6-home>.v6-home-hero .v6-sculpture-surface>:is(img,video,.v6-android-video-frame){
 mask-image:radial-gradient(ellipse 56% 60% at 50% 50%,#000 60%,#000e 74%,transparent 98%),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);
 -webkit-mask-image:radial-gradient(ellipse 56% 60% at 50% 50%,#000 60%,#000e 74%,transparent 98%),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);
 mask-composite:intersect;
}

/* Bring the teaser sculpture toward the banner centre without sharing the CTA's space. */
.canimaps-v6.v6-home .v6-private-feature .v6-feature-art{left:75%;right:auto;top:8px;bottom:auto;width:34%;max-width:315px;height:210px;transform:translateX(-50%)}
.canimaps-v6.v6-home .v6-private-feature .v6-feature-art .v6-sculpture-surface{width:100%;height:auto;aspect-ratio:3/2}
@media(min-width:1400px){
 .canimaps-v6.v6-home .v6-private-feature .v6-card-front{display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr) 240px;gap:24px;padding:24px 34px}
 .canimaps-v6.v6-home .v6-private-feature .v6-card-front>.v6-feature-copy{width:100%;max-width:100%;min-width:0}
 .canimaps-v6.v6-home .v6-private-feature .v6-feature-art{position:relative;inset:auto;transform:none;width:100%;max-width:360px;height:auto;aspect-ratio:3/2;justify-self:center;align-self:center}
}
@media(min-width:701px) and (max-width:900px){
 .canimaps-v6.v6-home .v6-private-feature .v6-flip-toggle{right:8px;top:8px}
}
@media(max-width:1000px){
 .canimaps-v6.v6-private-page .v6-architecture-card .v6-card-rotor{min-height:480px}
}
@media(max-width:700px){
 .canimaps-v6.v6-home .v6-private-feature .v6-feature-art{left:50%;top:auto;bottom:10px;width:calc(100% - 48px);max-width:315px;height:auto;aspect-ratio:3/2}
 .canimaps-v6.v6-private-page .v6-ai-hero>.v6-presenter-space{flex:none;margin:28px 0;border-radius:15px}
 .canimaps-v6.v6-private-page .v6-presenter-guide{gap:9px;padding:15px}
 .canimaps-v6.v6-private-page .v6-presenter-guide>span{font-size:16px}
 .canimaps-v6.v6-private-page .v6-presenter-guide small{font-size:8px;letter-spacing:1px}
 .canimaps-v6.v6-private-page .v6-presenter-guide .v6-presenter-play{width:30px;height:30px;font-size:21px}
 .canimaps-v6.v6-private-page .v6-architecture-card .v6-card-rotor{min-height:485px}
 .canimaps-v6.v6-private-page .v6-operations-scene>.v6-artwork{max-width:330px;margin:auto}
}
