/* AIKA R27 · cohesive premium finish. CSS-only progressive enhancement. No telemetry. */
:root{--r27-aqua:#a1efff;--r27-lavender:#ad99ff;--r27-stroke:rgba(130,191,255,.30)}
/* Keep showcase cards content-sized: a longer agent diagram must not stretch the penthouse card. */
.r22-gallery{align-items:flex-start;scroll-behavior:smooth}
.r22-gallery>.r22-card{align-self:flex-start;height:auto;flex-shrink:0;isolation:isolate}
.r22-card-info{flex:0 0 auto;min-height:0}
.r22-card-info p{min-height:0;margin-bottom:16px}
.r22-card-actions{margin-top:12px}
.r22-card>img{object-position:center center}
.r22-card-cover{background:linear-gradient(180deg,rgba(2,9,25,.88),rgba(2,9,25,0));padding:13px 16px}
.r22-card-cover span{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(151,227,255,.38);background:rgba(2,16,35,.76);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:99px;padding:6px 10px;box-shadow:0 4px 23px rgba(1,8,30,.32);color:#d8f7ff}
.r22-card-actions :is(button,a){transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.r22-card-actions :is(button,a):active{transform:translateY(1px) scale(.98)}
.r22-showcase-head{max-width:100%}
.r22-controls button{min-width:44px;min-height:44px}
.r22-gallery>.r22-card:focus-within{outline:1px solid rgba(155,234,255,.7);outline-offset:2px}
/* A unified visual grammar throughout the public site. */
.nav-shell{border-bottom:1px solid rgba(127,186,246,.14);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.nav-cta,.btn-main{box-shadow:0 6px 24px rgba(54,125,236,.16)}
.tile,.strip,.diplomat-art{transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.tile:hover{border-color:rgba(133,215,255,.54);box-shadow:0 24px 65px rgba(1,7,25,.43),0 0 24px rgba(46,138,236,.11)}.diplomat-art:hover{border-color:rgba(171,160,255,.61);box-shadow:0 22px 65px rgba(1,6,24,.44),0 0 31px rgba(126,85,244,.18)}}
/* Draw attention to transitions within these illustrative SVGs, never to purported activity. */
.aika-product-art[data-art="agents"] svg > g[fill="none"] path{stroke-dasharray:8 12;animation:r27-route 5.5s linear infinite;stroke-width:2.3;filter:drop-shadow(0 0 3px rgba(92,216,255,.33))}
.aika-product-art[data-art="core"] svg > g[fill="none"] path{stroke-dasharray:7 11;animation:r27-route 8s linear infinite}
.aika-product-art[data-art="core"] svg .aika-svg-flow rect{animation:r27-stage 5.5s ease-in-out infinite}
.aika-product-art[data-art="core"] svg .aika-svg-flow rect:nth-child(2){animation-delay:-1.4s}
.aika-product-art[data-art="core"] svg .aika-svg-flow rect:nth-child(3){animation-delay:-2.8s}
.aika-product-art[data-art="core"] svg .aika-svg-flow rect:nth-child(4){animation-delay:-4.2s}
.aika-product-art[data-art="agents"] svg g[font-family] rect{animation:r27-stage 6.8s ease-in-out infinite}
.aika-product-art[data-art="agents"] svg g[font-family] rect:nth-of-type(2){animation-delay:-1.3s}
.aika-product-art[data-art="agents"] svg g[font-family] rect:nth-of-type(3){animation-delay:-2.6s}
.aika-product-art[data-art="agents"] svg g[font-family] rect:nth-of-type(4){animation-delay:-3.9s}
.aika-product-art[data-art="agents"] svg g[font-family] rect:nth-of-type(5){animation-delay:-5.2s}
.diplomat-art svg > circle{animation:r27-ring 6s ease-in-out infinite;transform-origin:center}
.diplomat-art svg > circle:nth-of-type(2){animation-delay:-3s}
.diplomat-art svg > path[stroke-dasharray]{animation:r27-route 7s linear infinite}
@keyframes r27-route{to{stroke-dashoffset:-80}}
@keyframes r27-stage{0%,100%{stroke-opacity:.57;filter:drop-shadow(0 0 0 transparent)}50%{stroke-opacity:1;filter:drop-shadow(0 0 5px rgba(103,223,255,.43))}}
@keyframes r27-ring{0%,100%{stroke-opacity:.64}50%{stroke-opacity:1;filter:drop-shadow(0 0 7px rgba(128,211,255,.25))}}
/* Spatial Computing: an explicitly labeled concept image, not a falsified WebXR screenshot. */
.r27-spatial-art{position:relative;overflow:hidden;background:#07132d;aspect-ratio:16/9}
.r27-spatial-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.12) contrast(1.08);transition:transform 1s ease,filter 1s ease}
.r27-spatial-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,9,28,.36),transparent 32%,transparent 52%,rgba(1,8,25,.85)),linear-gradient(110deg,rgba(27,157,233,.11),transparent 54%,rgba(158,82,241,.15))}
.r27-spatial-art .r27-spatial-pill{position:absolute;top:14px;left:14px;z-index:2;border:1px solid rgba(135,223,255,.58);border-radius:40px;background:rgba(2,15,38,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:7px 10px;color:#e1f8ff;font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.09em}
.r27-spatial-art .r27-spatial-foot{position:absolute;bottom:15px;left:16px;right:16px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#eaf7ff;font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.07em;text-shadow:0 2px 9px rgba(0,0,0,.7)}
.r27-spatial-art .r27-spatial-foot i{display:inline-block;width:30px;height:1px;background:linear-gradient(90deg,#86ecff,#a28fff);box-shadow:0 0 12px rgba(104,225,255,.8)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){a.tile:hover .r27-spatial-art img{transform:scale(1.065);filter:saturate(1.25) contrast(1.09)}}
/* Compact mobile cards and more legible touch controls. */
@media(max-width:780px){.r22-gallery{align-items:flex-start;overscroll-behavior-inline:contain}.r22-card{scroll-snap-stop:always}.r22-card-info{padding:16px}.r22-card-info p{margin:0 0 10px}.r22-card-actions{margin-top:6px}.r22-showcase-head{align-items:flex-end}.r22-showcase-head p:not(.r22-kicker){max-width:39ch}.r22-controls button{width:44px;height:44px}.aika-product-grid .tile-pad{padding:23px 24px 25px}}
@media(max-width:560px){.r22-gallery{padding-bottom:12px}.r22-card{flex-basis:min(85vw,370px)}.r22-card>img{height:205px}.r22-card-info h3{font-size:21px}.r22-showcase-head{margin-top:31px}.r22-card-actions :is(button,a){min-height:44px}.r25-node{font-size:9px;letter-spacing:0}.r25-flow-caption{font-size:11px!important}.r27-spatial-art .r27-spatial-pill{font-size:9px;top:11px;left:11px}.r27-spatial-art .r27-spatial-foot{font-size:9px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.r22-gallery{scroll-behavior:auto!important}.r22-card-actions :is(button,a),.tile,.strip,.diplomat-art,.r27-spatial-art img{transition:none!important}.aika-product-art[data-art="agents"] svg > g[fill="none"] path,.aika-product-art[data-art="core"] svg > g[fill="none"] path,.aika-product-art[data-art="core"] svg .aika-svg-flow rect,.aika-product-art[data-art="agents"] svg g[font-family] rect,.diplomat-art svg > circle,.diplomat-art svg > path[stroke-dasharray]{animation:none!important;filter:none!important}}