/* AIKA public presentation cards — isolated, static-first, minimal JS. */
:root{color-scheme:dark;--ink:#020916;--ice:#eaf8ff;--blue:#83d9ff;--muted:#a9c5df;--violet:#b5abff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:300px;background:#020715;color:var(--ice);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}
a{color:inherit}button,a{touch-action:manipulation}button{font:inherit}
:focus-visible{outline:3px solid #9ae9ff;outline-offset:4px}
.card-shell{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse 80% 80% at 75% 15%,#103264 0%,#08152d 45%,transparent 80%),#020918}
.card-shell:before{position:absolute;inset:0;content:"";z-index:-2;pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 20% 15%,#c1eaff 0 1px,transparent 1.5px),radial-gradient(circle at 80% 66%,#99c4ff 0 1px,transparent 1.5px),radial-gradient(circle at 30% 75%,#c0c7ff 0 1px,transparent 1.5px);background-size:149px 173px,251px 277px,313px 229px}
.card-shell:after{position:absolute;inset:auto -20% 0;content:"";height:28%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 60% 100%,rgba(67,157,245,.19),transparent 70%)}
.card-header{position:relative;z-index:5;max-width:1240px;margin:auto;padding:25px clamp(20px,4vw,56px);display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand{font-weight:760;font-size:24px;letter-spacing:.19em;text-decoration:none}
.brand small{font-weight:500;letter-spacing:.16em;font-size:9px;display:block;color:#7dabc7}
.header-nav{display:flex;align-items:center;gap:clamp(12px,2.2vw,27px)}
.header-nav a{font-size:12px;font-weight:600;letter-spacing:.025em;text-decoration:none;color:#b5cce2;min-height:44px;display:inline-flex;align-items:center}
.header-nav a[aria-current="page"],.header-nav a:hover{color:#fff}
.header-nav .nav-accent{border:1px solid rgba(148,223,255,.33);padding:0 16px;border-radius:50px;background:rgba(47,96,156,.12)}
.card-main{position:relative;max-width:1240px;margin:auto;padding:clamp(30px,6vh,75px) clamp(20px,4vw,56px) 50px;min-height:590px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
.card-main:before{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-80px;top:-65px;border:1px solid rgba(107,201,250,.12);border-radius:50%;box-shadow:0 0 0 65px rgba(69,126,232,.025),0 0 0 145px rgba(93,109,235,.022);pointer-events:none}
.card-copy{position:relative;z-index:3;max-width:630px}
.card-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:29px;font-size:11px;font-weight:700;letter-spacing:.21em;text-transform:uppercase;color:#81ddf7}
.card-eyebrow:before{content:"";width:24px;height:1px;background:#7bdeff;box-shadow:0 0 15px rgba(135,238,255,.72)}
h1{font-weight:670;font-size:clamp(48px,5.5vw,85px);line-height:.99;letter-spacing:-.069em;max-width:10ch;margin:0 0 26px;text-wrap:balance}
h1 em{font-style:normal;background:linear-gradient(100deg,#92e9ff 12%,#91aaff 64%,#c2afff 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.card-lead{color:#c7d9eb;font-size:clamp(16px,1.5vw,20px);line-height:1.65;max-width:39ch;margin:0 0 30px}
.focus-labels{color:#8dabc6;font-size:13px;letter-spacing:.015em}
.focus-labels span{color:#66d8ff;padding:0 8px}
.action-row{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}
.action{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 20px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:650;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.action:hover{transform:translateY(-2px)}
.action.primary{color:#001323;background:linear-gradient(105deg,#8ce8ff,#70b9ff 55%,#aea6ff);border:1px solid #a9eeff;box-shadow:0 12px 38px rgba(65,160,248,.19)}
.action.secondary{color:#e1f1ff;background:rgba(9,28,58,.55);border:1px solid rgba(151,221,255,.4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.action.tertiary{color:#b4d8ed;padding:10px 2px;border:0;background:transparent;min-height:44px}
.card-note{font-size:12px;color:#829fb8;min-height:20px}
.card-note[data-state="success"]{color:#80f0d0}
.card-note[data-state="error"]{color:#f5b4b4}
.card-globe{position:relative;min-height:540px;display:grid;place-items:center;overflow:visible}
.card-globe:before{content:"";position:absolute;inset:10%;background:radial-gradient(circle at center,rgba(46,145,255,.20),rgba(8,27,68,.11) 38%,transparent 66%);filter:blur(18px)}
.globe-img{display:block;position:relative;z-index:1;width:min(100%,555px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 45px rgba(55,143,242,.25));animation:earthFloat 13s ease-in-out infinite}
.orbit{position:absolute;z-index:2;border:1px solid rgba(108,199,255,.33);width:95%;aspect-ratio:1;border-radius:50%;transform:rotateX(65deg) rotateZ(-24deg);box-shadow:0 0 15px rgba(76,156,248,.09);pointer-events:none}
.orbit.two{width:115%;transform:rotateX(59deg) rotateZ(36deg);border-color:rgba(155,144,250,.18)}
.globe-tag{position:absolute;z-index:3;bottom:25px;right:12px;padding:15px 18px;background:rgba(5,19,47,.55);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(155,214,251,.25);border-radius:14px;color:#b9e5ff;font-size:12px;letter-spacing:.04em}
.globe-tag strong{display:block;color:#fff;font-size:16px;font-weight:600;margin-bottom:3px}
.agent-version .card-shell{background:radial-gradient(ellipse 80% 70% at 70% 12%,#222454 0%,#0b1631 50%,transparent 90%),#030715}
.agent-version .card-eyebrow{color:#bfadff}
.agent-version .card-eyebrow:before{background:#ac92ff}
.agent-version .card-main:before{box-shadow:0 0 0 70px rgba(94,73,196,.02),0 0 0 155px rgba(144,100,231,.023)}
.agent-version .globe-img{filter:drop-shadow(0 0 47px rgba(112,117,255,.28)) hue-rotate(13deg)}
.agent-version .card-lead{max-width:39ch}
.agent-version .action.primary{background:linear-gradient(105deg,#b9b2ff,#80dcff);border-color:#c3b5ff}
.public-spec{margin-top:26px;width:min(500px,100%);padding:16px 19px;background:rgba(6,17,41,.53);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(169,161,249,.28);border-radius:15px}
.spec-row{display:flex;justify-content:space-between;gap:20px;padding:7px 0;color:#9fb9d2;font-size:12px}
.spec-row span:last-child{color:#e0e5ff;text-align:right}
.spec-row+.spec-row{border-top:1px solid rgba(155,179,231,.09)}
.card-footer{max-width:1240px;padding:20px clamp(20px,4vw,56px) 40px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7795af;font-size:11px}
.card-footer a{color:#b8d4e8;text-decoration:none}
.card-footer a:hover{text-decoration:underline}
@keyframes earthFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@media(max-width:900px){.card-main{grid-template-columns:1fr;gap:0;padding-top:48px;min-height:0}.card-copy{max-width:600px}.card-globe{min-height:430px;max-width:520px;margin:-24px auto -26px;grid-row:1;opacity:.87}.globe-img{width:min(88vw,440px)}.card-main:before{right:0;width:90vw;height:90vw}.card-copy{grid-row:2}.globe-tag{bottom:45px}}
@media(max-width:540px){.card-header{padding:18px 21px}.brand{font-size:20px}.header-nav{gap:13px}.header-nav a{font-size:11px}.header-nav .nav-accent{display:none}.card-main{padding:0 24px 35px}.card-globe{min-height:272px;max-width:360px;margin:0 auto -18px}.globe-img{width:min(72vw,310px)}.orbit{width:78%}.orbit.two{width:96%}.globe-tag{bottom:5px;right:-4px;padding:8px 12px;font-size:10px}.globe-tag strong{font-size:12px}.card-eyebrow{font-size:10px;margin-bottom:21px}h1{font-size:clamp(41px,11.5vw,61px);line-height:1.05;margin-bottom:18px;max-width:12ch}.card-lead{font-size:15px;margin-bottom:16px}.focus-labels{font-size:12px}.action-row{gap:9px;margin:24px 0 10px}.action{flex:1 0 auto;min-height:49px;padding:11px 14px;font-size:13px}.action.tertiary{flex:0 0 100%;justify-content:flex-start}.card-footer{padding:16px 24px 28px;flex-direction:column;align-items:flex-start;font-size:10px}.public-spec{margin-top:19px;padding:12px 14px}.spec-row{font-size:11px}.agent-version .globe-tag{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.globe-img{animation:none}.action{transition:none}.action:hover{transform:none}}

/* Final art-review: remove the square texture boundary of the Earth. */
.globe-img{mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle,black 54%,transparent 74%);mask-image:radial-gradient(circle,black 54%,transparent 74%)}
@media(max-width:540px){.card-globe{min-height:236px;margin:-10px auto -8px}.globe-img{width:min(69vw,286px)}.globe-tag{display:none}.action-row .action.tertiary{flex:0 0 auto}}

/* Circular fade follows actual sphere, not original square image bounds. */
.globe-img{-webkit-mask-image:radial-gradient(circle closest-side at center,black 55%,transparent 98%);mask-image:radial-gradient(circle closest-side at center,black 55%,transparent 98%)}

/* R8: collaboration is concrete, no false claims of live agent protocols. */
.r8-agent-actions{margin-top:22px;padding:21px 0 0;border-top:1px solid rgba(161,187,255,.19)}
.r8-step-label{font-size:11px;font-weight:750;letter-spacing:.18em;color:#bcadff;margin:0 0 9px}
.r8-agent-actions ol{margin:0 0 12px;padding-left:23px;color:#c0d3ea;font-size:13px;line-height:1.7}
.r8-agent-actions li{padding-left:4px}
.r8-agent-actions li::marker{color:#88d9ff}
.r8-inline-actions{display:flex;gap:17px;flex-wrap:wrap;margin:17px 0 14px}
.r8-inline-actions a{text-decoration:none;font-size:13px;color:#c9dfff;border-bottom:1px solid rgba(143,223,255,.43);padding:2px 0 5px}
.r8-inline-actions a:hover,.r8-inline-actions a:focus-visible{color:white;border-color:white}
.r8-technical{border-top:1px solid rgba(155,178,228,.15);font-size:12px;color:#a9c2dd;padding-top:9px}
.r8-technical summary{cursor:pointer;min-height:38px;display:flex;align-items:center;gap:10px;color:#b1cae7}
.r8-technical summary:hover{color:white}
.r8-technical p{line-height:1.65;margin:7px 0 0;max-width:58ch}
.agent-version .card-copy{max-width:650px}
.agent-version .card-main{min-height:650px}
.agent-version .card-globe{align-self:center}
@media(max-width:900px){.agent-version .card-main{min-height:0}.agent-version .card-globe{min-height:300px}}
@media(max-width:540px){
 .agent-version .card-main{padding-top:0}
 .agent-version .card-globe{min-height:186px;margin:-25px auto 0}
 .agent-version .globe-img{width:min(58vw,244px)}
 .agent-version .card-copy{margin-top:-6px}
 .agent-version h1{font-size:clamp(42px,10.4vw,56px);margin-bottom:16px}
 .agent-version .card-lead{margin-bottom:11px}
 .r8-agent-actions{margin-top:15px;padding-top:16px}
 .r8-agent-actions ol{margin-bottom:10px}
 .r8-inline-actions{gap:14px;margin:10px 0 8px}
 .r8-agent-actions .r8-technical{font-size:12px}
}

/* Small composited visual motion for the public introduction (no 3D engine). */
.orbit{animation:r8-orbit-blue 24s linear infinite;will-change:transform}
.orbit.two{animation:r8-orbit-violet 33s linear infinite reverse}
.orbit:after{content:"";position:absolute;left:10%;top:18%;width:7px;height:7px;border-radius:50%;background:#a9f5ff;box-shadow:0 0 9px 2px rgba(124,230,255,.65);pointer-events:none}
.orbit.two:after{background:#cbb9ff;box-shadow:0 0 10px 2px rgba(165,127,255,.5)}
@keyframes r8-orbit-blue{
 from{transform:rotateX(65deg) rotateZ(-24deg)}
 to{transform:rotateX(65deg) rotateZ(336deg)}
}
@keyframes r8-orbit-violet{
 from{transform:rotateX(59deg) rotateZ(36deg)}
 to{transform:rotateX(59deg) rotateZ(396deg)}
}
@media(max-width:540px){.orbit:after{width:5px;height:5px}}
@media(prefers-reduced-motion:reduce){
 .orbit,.orbit.two{animation:none!important;will-change:auto!important}
}

/* AIKA R9 / public agent guide: editorial layout, no new external assets. */
.agent-hub{--hub-border:rgba(146,194,244,.19);--hub-text:#e4f4ff}
.hub-container{width:min(100%,1240px);margin-inline:auto;padding-inline:clamp(21px,4vw,56px)}
.hub-hero{padding:clamp(30px,7vh,72px) 0 72px;border-bottom:1px solid var(--hub-border)}
.hub-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center}
.hub-intro{position:relative;z-index:3}
.hub-intro h1{max-width:12ch;font-size:clamp(47px,6vw,88px);line-height:1;letter-spacing:-.075em}
.hub-intro .card-lead{max-width:40ch}
.hub-trust{display:flex;flex-wrap:wrap;gap:10px 17px;font-size:12px;color:#b5cbdf}
.hub-trust span{display:inline-flex;align-items:center;gap:7px}
.hub-trust span:before{content:"";width:5px;height:5px;background:#80d9f4;border-radius:50%;box-shadow:0 0 11px #76dff8}
.hub-globe{min-height:450px;max-height:510px}
.hub-globe .globe-img{width:min(100%,475px)}
.hub-globe .globe-tag{bottom:22px}
.hub-section{padding:clamp(65px,7vw,105px) 0;border-bottom:1px solid var(--hub-border)}
.hub-label{font-size:11px;letter-spacing:.16em;color:#9edcff;font-weight:760;margin-bottom:17px}
.hub-section h2{font-size:clamp(35px,4vw,57px);letter-spacing:-.06em;font-weight:650;line-height:1.06;margin:0 0 38px}
.hub-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hub-resource{position:relative;min-height:220px;border:1px solid rgba(141,192,236,.24);border-radius:19px;padding:30px 25px;background:linear-gradient(145deg,rgba(26,49,101,.55),rgba(7,19,47,.71));text-decoration:none;display:flex;flex-direction:column;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.hub-resource:hover,.hub-resource:focus-visible{transform:translateY(-5px);border-color:rgba(146,229,255,.65);box-shadow:0 18px 45px rgba(7,50,120,.26)}
.hub-resource>span{font-size:11px;letter-spacing:.13em;font-weight:750;color:#98dafa;margin-bottom:30px}
.hub-resource strong{font-size:22px;line-height:1.24;letter-spacing:-.045em;font-weight:650;color:#f4fcff;margin:0 0 12px}
.hub-resource small{color:#b7ccdf;font-size:13px;line-height:1.55;max-width:28ch}
.hub-resource i{position:absolute;right:22px;top:25px;font-size:17px;color:#98defc;font-style:normal}
.hub-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;margin-bottom:42px}
.hub-flow article{border-top:1px solid rgba(124,191,251,.33);padding-top:18px}
.hub-flow article>span{font-family:ui-monospace,monospace;font-size:11px;color:#a4caff}
.hub-flow h3{font-size:25px;font-weight:620;letter-spacing:-.04em;margin:22px 0 8px}
.hub-flow p{font-size:15px;line-height:1.65;color:#aabed5;max-width:32ch;margin:0}
.hub-summary{padding:30px;border:1px solid rgba(140,213,245,.26);border-radius:19px;background:linear-gradient(90deg,rgba(29,66,125,.4),rgba(9,28,58,.4));display:flex;align-items:center;justify-content:space-between;gap:20px}
.hub-summary strong{font-size:19px;font-weight:640}
.hub-summary p{font-size:13px;color:#acccdf;line-height:1.6;max-width:58ch;margin:7px 0 0}
.hub-summary .action{flex-shrink:0}
.hub-details{border-bottom:1px solid var(--hub-border);margin-top:30px;padding-bottom:15px;color:#bbd1e8}
.hub-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;color:#c7dbf0}
.hub-details p{font-size:13px;line-height:1.7;max-width:90ch;margin:0 0 12px}
.agent-hub .card-footer{padding-top:27px}
/* Living planet: subtle atmospheric motion rather than unrealistic rotation. */
.card-globe:after{content:"";position:absolute;inset:19%;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 22% 16%,rgba(129,224,255,.14),transparent 42%);mix-blend-mode:screen;animation:planetAtmosphere 14s ease-in-out infinite}
.orbit{animation:orbitalGlow 15s ease-in-out infinite}
.orbit.two{animation-delay:-7s}
@keyframes planetAtmosphere{0%,100%{opacity:.22;transform:scale(.99)}50%{opacity:.75;transform:scale(1.06)}}
@keyframes orbitalGlow{0%,100%{border-color:rgba(97,177,253,.15);opacity:.65}50%{border-color:rgba(130,225,255,.47);opacity:1}}
@media(max-width:900px){.hub-hero-grid{display:flex;flex-direction:column-reverse;align-items:stretch}.hub-globe{min-height:320px;height:320px;max-width:510px;margin:-40px auto 0}.hub-intro{max-width:680px}.hub-resources{gap:10px}.hub-resource{padding:22px 19px}}
@media(max-width:680px){.hub-hero{padding:12px 0 50px}.hub-globe{height:204px;min-height:204px;max-width:300px;margin:-10px auto -2px}.hub-globe .globe-img{width:245px}.hub-globe .globe-tag{display:none}.hub-intro h1{font-size:clamp(40px,10.8vw,62px);margin-bottom:18px}.hub-intro .card-lead{font-size:15px;line-height:1.55}.hub-trust{font-size:11px;gap:6px 12px}.hub-intro .action-row{margin:23px 0 9px}.hub-resources,.hub-flow{grid-template-columns:1fr}.hub-resource{min-height:155px;padding:23px}.hub-resource>span{margin-bottom:14px}.hub-flow{gap:17px}.hub-flow h3{margin:13px 0 7px}.hub-summary{flex-direction:column;align-items:flex-start;padding:23px}.hub-summary .action{width:100%}.hub-section h2{margin-bottom:23px}.hub-section{padding:65px 0}.agent-hub .card-footer{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.hub-resource{transition:none}.hub-resource:hover{transform:none}.card-globe:after,.orbit{animation:none}}

/* R12: keyboard and touch accessibility for public digital cards. */
.card-skip {position:absolute;top:-100px;left:16px;z-index:500;
 display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;
 border-radius:9px;background:#8ae4fc;color:#031324;font-weight:800;text-decoration:none}
.card-skip:focus {top:12px}
.header-nav a {min-width:44px;justify-content:center;padding-inline:7px}
.card-footer a {display:inline-flex;align-items:center;min-height:44px;
 padding:8px 6px;border-radius:5px;vertical-align:middle}
.card-footer a:focus-visible {background:rgba(114,212,255,.13)}
.r8-technical a {display:inline-flex;align-items:center;min-height:44px;padding-block:10px}
.hub-details summary {min-height:44px}
@media(prefers-reduced-motion:reduce){
 .card-skip {scroll-behavior:auto}
}

/* R12 precision tap-target pass */
.r8-inline-actions a {
 display:inline-flex;align-items:center;min-height:44px;
 padding-block:10px;line-height:1.45;border-radius:7px;
}
.r8-technical summary {min-height:44px;display:flex;align-items:center}
.card-footer a {min-width:44px;justify-content:center}
.card-footer a[href="/"] {justify-content:flex-start}
@media (max-width:540px) {
 .r8-inline-actions {row-gap:2px}
}