:root{--bg:#050505;--panel:#0d0c0a;--ink:#f8f4ea;--muted:#bcae96;--gold:#d5a43a;--gold2:#f3d583;--line:rgba(213,164,58,.29);--blue:#75b9ff;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(213,164,58,.13),transparent 25rem),radial-gradient(circle at 88% 36%,rgba(43,117,186,.09),transparent 28rem),#050505;color:var(--ink);font-family:var(--sans)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92vw);margin:auto}.top{position:sticky;top:0;z-index:40;background:rgba(5,5,5,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:var(--serif);color:var(--gold2);letter-spacing:.12em}.brand small{display:block;color:#8d8069;font-family:var(--sans);font-size:.62rem;letter-spacing:.22em;margin-top:4px}.links{display:flex;gap:22px;color:#cfbea0;font-size:.82rem}.hero{padding:90px 0 52px}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--gold2);font-size:.72rem}.hero h1,.section h2,.agent-info h1{font-family:var(--serif);font-weight:500}.hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.93;margin:16px 0;max-width:1020px}.hero p{font-size:1.14rem;line-height:1.8;color:#d2c5af;max-width:770px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:13px 18px;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem}.btn.primary{background:linear-gradient(135deg,#c3942f,#f0d07d);color:#171007;border:0;font-weight:800}.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:5px 0}.section-head p{color:var(--muted);max-width:560px;line-height:1.7}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.agent-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#0e0d0b,#070707);box-shadow:0 28px 90px rgba(0,0,0,.55);transition:.35s}.agent-card:hover{transform:translateY(-6px);border-color:rgba(243,213,131,.62)}.agent-visual{height:480px;position:relative;background:#080808}.agent-visual img{width:100%;height:100%;object-fit:cover}.agent-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(5,5,5,.92))}.agent-card-body{padding:26px}.agent-card h3{font-family:var(--serif);font-size:2.4rem;margin:6px 0 10px}.agent-card p{color:#c9bca5;line-height:1.7}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.7rem;color:#dbcba8}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{border:1px solid var(--line);border-radius:16px;padding:18px;background:rgba(255,255,255,.015)}.metric b{display:block;color:var(--gold2);font-family:var(--serif);font-size:1.2rem}.metric span{font-size:.74rem;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:40px 0 60px;color:#8e826c;font-size:.8rem}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
/* details */.agent-hero{padding:70px 0 36px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.agent-info h1{font-size:clamp(3rem,6vw,6rem);line-height:.92;margin:14px 0}.agent-info p{color:#cfc0a9;line-height:1.8;font-size:1.08rem}.crest{height:610px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#070707;box-shadow:0 34px 100px rgba(0,0,0,.6)}.crest img{width:100%;height:100%;object-fit:cover}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tab{border:1px solid var(--line);background:transparent;color:#cbbd9f;padding:10px 14px;border-radius:999px;cursor:pointer}.tab.active{background:#d3a23a;color:#171007;border-color:#d3a23a;font-weight:800}.panel{display:none}.panel.active{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.box{border:1px solid var(--line);border-radius:20px;padding:22px;background:rgba(255,255,255,.015)}.box h3{font-family:var(--serif);font-size:1.35rem;margin:0 0 10px}.box p,.box li{color:var(--muted);line-height:1.7}.box ul{padding-left:18px}.architecture{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.architecture img{width:100%;border-radius:24px;border:1px solid rgba(117,185,255,.28);box-shadow:0 28px 90px rgba(0,0,0,.55)}.architecture h2{font-family:var(--serif);font-size:3rem;margin:0 0 12px}.architecture p{color:var(--muted);line-height:1.8}.sequence{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.step{border:1px solid var(--line);border-radius:16px;padding:18px;min-height:140px}.step b{color:var(--gold2);font-family:var(--serif)}.step span{display:block;color:var(--muted);font-size:.8rem;line-height:1.5;margin-top:8px}.note{border:1px solid rgba(243,213,131,.42);border-radius:22px;padding:26px;background:linear-gradient(135deg,rgba(213,164,58,.1),rgba(255,255,255,.01));color:#d4c6ad}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.on{opacity:1;transform:none}@media(max-width:850px){.links{display:none}.agent-grid,.agent-hero,.architecture{grid-template-columns:1fr}.metric-row,.panel.active,.sequence{grid-template-columns:1fr 1fr}.crest{height:520px}}@media(max-width:560px){.metric-row,.panel.active,.sequence{grid-template-columns:1fr}.agent-visual{height:380px}.crest{height:430px}.section{padding:52px 0}}


/* V6 - artwork containment + premium frame */
body::before{content:"";position:fixed;inset:8px;z-index:9998;pointer-events:none;border:1px solid rgba(243,213,131,.72);box-shadow:0 0 0 3px rgba(5,5,5,.95),0 0 0 4px rgba(171,124,38,.45)}
body::after{content:"";position:fixed;inset:13px;z-index:9997;pointer-events:none;background:linear-gradient(135deg,rgba(243,213,131,.78),transparent 17px) left top/40px 40px no-repeat,linear-gradient(225deg,rgba(243,213,131,.78),transparent 17px) right top/40px 40px no-repeat,linear-gradient(45deg,rgba(243,213,131,.78),transparent 17px) left bottom/40px 40px no-repeat,linear-gradient(315deg,rgba(243,213,131,.78),transparent 17px) right bottom/40px 40px no-repeat;opacity:.52}
.agent-visual{height:330px}.agent-visual img{object-fit:contain;padding:14px;background:#070707}.agent-visual:after{background:linear-gradient(180deg,transparent 76%,rgba(5,5,5,.78))}.crest{height:430px;max-width:470px;justify-self:center}.crest img{object-fit:contain;padding:14px;background:#070707}.agent-hero{grid-template-columns:1.12fr .88fr;gap:38px}.architecture img{max-height:390px;object-fit:contain;background:#070707;padding:10px}
@media(max-width:850px){.crest{height:360px;max-width:420px}.agent-visual{height:300px}}@media(max-width:560px){body::before{inset:4px}body::after{inset:8px}.crest{height:310px}.agent-visual{height:270px}}


/* ===== V7 universal premium frame ===== */
html{background:#020202!important;color-scheme:dark}body{background-color:#030303!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
html::before{content:"";position:fixed;inset:0;z-index:10000;pointer-events:none;border:6px solid #8d641f;box-shadow:inset 0 0 0 1px #f2d386,inset 0 0 0 4px #3d2a0d}
html::after{content:"";position:fixed;inset:9px;z-index:9999;pointer-events:none;border:2px solid rgba(239,202,112,.82);box-shadow:inset 0 0 0 2px rgba(64,41,8,.92),inset 0 0 0 3px rgba(213,168,79,.34)}
body::after{content:"";position:fixed;inset:14px;z-index:9998;pointer-events:none;background:linear-gradient(135deg,rgba(243,217,143,.92),transparent 19px) left top/64px 64px no-repeat,linear-gradient(225deg,rgba(243,217,143,.92),transparent 19px) right top/64px 64px no-repeat,linear-gradient(45deg,rgba(243,217,143,.92),transparent 19px) left bottom/64px 64px no-repeat,linear-gradient(315deg,rgba(243,217,143,.92),transparent 19px) right bottom/64px 64px no-repeat;opacity:.62}
@media(max-width:600px){html::before{border-width:3px}html::after{inset:5px;border-width:1px}body::after{inset:8px;opacity:.42}}


/* V8 shared Versailles frame */
html{background:#020202!important;color-scheme:dark}
body{background-color:#030303!important;min-height:100vh}
html::before{content:"";position:fixed;inset:0;z-index:10000;pointer-events:none;background:url('../../assets/images/decor/versailles-frame.svg') center/100% 100% no-repeat;opacity:.94}
html::after{content:"";position:fixed;inset:18px;z-index:9999;pointer-events:none;border:1px solid rgba(244,218,151,.72);box-shadow:inset 0 0 0 2px rgba(60,38,8,.92),inset 0 0 0 3px rgba(213,168,79,.35)}
@media(max-width:600px){html::after{inset:9px}html::before{opacity:.76}}


/* V9 responsive hardening */
html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{overflow-x:hidden}.wrap,.agent-grid>*,.agent-hero>*,.architecture>*{min-width:0}img,video,svg{max-width:100%;height:auto}.btn,.tab,button,a{touch-action:manipulation}.btn,.tab,button{min-height:44px}@media(max-width:760px){.wrap{width:calc(100% - 22px)!important}.agent-info h1{font-size:clamp(2.3rem,11vw,3.8rem)!important}.crest{height:auto!important;max-width:520px}.crest img{height:auto;object-fit:contain}.panel.active,.metric-row,.sequence{grid-template-columns:1fr!important}.architecture{grid-template-columns:1fr!important}}@media(max-width:420px){.wrap{width:calc(100% - 16px)!important}.tabs{display:grid;grid-template-columns:1fr 1fr}.tab{padding:9px 8px}html::before{opacity:.66}}