/* Secondary PlayKit buyer pages, September 2026. Artifacts lead; copy supports them. */
.outcome-page{background:#0b131f;color:#f4f7fc}.outcome-page main{overflow:hidden}.outcome-page .buyer-shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.outcome-page .buyer-hero{display:grid;grid-template-columns:minmax(270px,.74fr) minmax(0,1.35fr);gap:clamp(38px,6vw,92px);align-items:center;padding:72px 0 58px}.outcome-page .buyer-copy{max-width:480px}.outcome-page .buyer-back{display:inline-block;margin-bottom:42px;color:#8fa9bb;font-size:13px;text-decoration:none}.outcome-page .buyer-kicker,.outcome-page .artifact-label{color:#7bd6e4;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.outcome-page h1{margin:14px 0 20px;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.outcome-page .buyer-lede{margin:0;color:#bac8d5;font-size:18px;line-height:1.55}.outcome-page .buyer-meta{margin:22px 0 0;color:#8299aa;font-size:13px}.outcome-page .buyer-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px}.outcome-page .buyer-actions>a:not(.button){color:#bfe6eb;font-size:14px}.outcome-page .buyer-fine{margin:12px 0 0;color:#71899b;font-size:11px}.buyer-artifact{position:relative;min-width:0}.buyer-artifact figure{margin:0}.buyer-frame{overflow:hidden;border:1px solid #344b60;border-radius:14px;background:#142231;box-shadow:0 30px 70px #02070c99}.buyer-frame img{display:block;width:100%;height:auto}.buyer-caption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;color:#8199aa;font-size:11px;line-height:1.45}.buyer-caption a{color:#a9dce3}.buyer-band{padding:70px 0 82px;background:#101c29;border-block:1px solid #1d3042}.buyer-band-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(42px,7vw,100px);align-items:start}.outcome-page h2{margin:10px 0 16px;font-size:clamp(30px,3.8vw,48px);line-height:1.05;letter-spacing:-.04em}.buyer-intro{max-width:420px;color:#a9bac8;line-height:1.6}.buyer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.buyer-links a{padding:16px;border:1px solid #30465a;border-radius:9px;color:#e7f0f5;text-decoration:none;background:#152433}.buyer-links strong,.buyer-links span{display:block}.buyer-links strong{font-size:14px}.buyer-links span{margin-top:7px;color:#86a1b4;font-size:11px}.buyer-notes{display:grid;gap:0;border-top:1px solid #30465a}.buyer-note{display:grid;grid-template-columns:145px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid #30465a}.buyer-note strong{font-size:13px}.buyer-note p{margin:0;color:#aebdca;font-size:14px;line-height:1.55}.qa-sheet{background:#f4f1e8;color:#17232d;padding:20px;border-radius:14px;box-shadow:0 30px 70px #02070c99}.qa-sheet-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #c9c6bc}.qa-sheet-header strong{font-size:20px}.qa-sheet-header span{color:#68747b;font-size:11px;text-align:right}.qa-evidence{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;align-items:start}.qa-evidence img{width:100%;border-radius:9px;border:1px solid #c5c3ba}.qa-fact{padding:18px;background:#fff;border-left:4px solid #dc884f}.qa-fact h2{font-size:25px;letter-spacing:-.03em}.qa-fact p,.qa-fact li{font-size:13px;line-height:1.5}.qa-scope{margin-top:13px;color:#66737b;font-size:10px}.authority-map{padding:26px;border:1px solid #355069;border-radius:14px;background:radial-gradient(circle at 70% 10%,#1a4051,#111e2c 55%);box-shadow:0 30px 70px #02070c99}.authority-flow{display:grid;grid-template-columns:1fr 54px 1fr;gap:12px;align-items:center}.authority-node{padding:20px;border:1px solid #3e5d72;border-radius:10px;background:#172838}.authority-node.server{background:#173347;border-color:#67bfd0}.authority-node span{color:#7f9bae;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.authority-node strong{display:block;margin:8px 0;font-size:19px}.authority-node p{margin:0;color:#a9bac8;font-size:12px;line-height:1.45}.authority-arrow{text-align:center;color:#72d4e1;font-size:25px}.system-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.system-rack span{padding:10px;border:1px solid #314b5f;border-radius:7px;color:#bfd0dc;font-size:11px;text-align:center}.gdd-sheet{padding:30px;border-radius:4px;background:#f3f0e7;color:#1a2730;box-shadow:0 30px 70px #02070c99;transform:rotate(-1deg)}.gdd-sheet .doc-top{display:flex;justify-content:space-between;color:#65727a;font-size:10px}.gdd-sheet h2{font-family:Georgia,serif;font-size:34px;letter-spacing:-.03em}.loop-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.loop-row span{padding:12px 8px;border:1px solid #aeb7b8;text-align:center;font-size:11px}.build-plan{margin-top:18px;padding-top:16px;border-top:1px solid #bbc3c3}.build-plan strong{font-size:13px}.build-plan p{margin:7px 0 0;color:#56636a;font-size:12px}.gdd-links{display:flex;gap:18px;margin-top:18px}.gdd-links a{color:#1d6676;font-size:12px;font-weight:700}.interface-triptych{display:grid;grid-template-columns:.9fr .55fr 1.15fr;gap:14px;align-items:center}.interface-triptych img{display:block;width:100%;border-radius:8px}.interface-triptych .parts{filter:drop-shadow(0 15px 25px #0008)}.interface-triptych .engine{border:1px solid #3c5366;box-shadow:0 22px 50px #0008}.platform-board{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.platform-board img{width:100%;border-radius:10px;border:1px solid #395268}.capability-stack{display:grid;gap:10px}.capability-stack div{padding:17px;border:1px solid #334c60;border-radius:9px;background:#142535}.capability-stack strong,.capability-stack span{display:block}.capability-stack span{margin-top:5px;color:#93aabd;font-size:11px}.connection-demo{display:grid;grid-template-columns:.8fr 46px 1.2fr;gap:12px;align-items:center}.connection-card,.result-card{padding:24px;border:1px solid #355067;border-radius:12px;background:#152737}.connection-card strong,.result-card strong{display:block;font-size:18px}.connection-card p,.result-card p{margin:10px 0 0;color:#a9bdcb;font-size:12px;line-height:1.5}.connection-line{height:1px;background:#67c7d8;position:relative}.connection-line:after{content:'›';position:absolute;right:-2px;top:-15px;color:#67c7d8;font-size:24px}.result-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.result-list span{padding:10px;border:1px solid #365166;border-radius:7px;font-size:11px}.source-focus img{width:100%;display:block}.source-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.source-details span{padding:12px;border:1px solid #31495e;border-radius:7px;color:#adbfcc;font-size:11px}.environment-detail{display:grid;grid-template-columns:1.45fr .55fr;gap:14px;align-items:stretch}.environment-detail img{display:block;width:100%;border-radius:10px}.join-detail{display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid #355067;border-radius:10px;background:#142534}.join-detail strong{font-size:20px}.join-detail p{color:#a5b8c7;font-size:12px;line-height:1.55}.outcome-page a:focus-visible,.outcome-page button:focus-visible{outline:3px solid #a8efff;outline-offset:4px}
@media(max-width:900px){.outcome-page .buyer-hero,.buyer-band-grid{grid-template-columns:1fr}.outcome-page .buyer-copy{max-width:650px}.outcome-page .buyer-back{margin-bottom:26px}.buyer-links{grid-template-columns:1fr 1fr}.buyer-artifact{max-width:760px}.interface-triptych{grid-template-columns:1fr .55fr}.interface-triptych .engine{grid-column:1/3}.platform-board{grid-template-columns:1fr}.qa-evidence{grid-template-columns:.72fr 1.28fr}}
@media(max-width:620px){.outcome-page .buyer-shell{width:calc(100% - 40px)}.outcome-page .buyer-hero{padding:48px 0}.outcome-page h1{font-size:43px}.outcome-page .buyer-lede{font-size:16px}.outcome-page .buyer-band{padding:52px 0 60px}.buyer-links{grid-template-columns:1fr}.buyer-note{grid-template-columns:1fr;gap:7px}.qa-sheet{padding:14px}.qa-evidence,.authority-flow,.connection-demo,.environment-detail{grid-template-columns:1fr}.authority-arrow{transform:rotate(90deg)}.system-rack,.source-details{grid-template-columns:1fr 1fr}.loop-row{grid-template-columns:1fr 1fr}.gdd-sheet{padding:21px;transform:none}.gdd-sheet h2{font-size:29px}.interface-triptych{grid-template-columns:1fr}.interface-triptych .parts{width:62%;justify-self:center}.interface-triptych .engine{grid-column:auto}.connection-line{height:38px;width:1px;margin:auto}.connection-line:after{right:-7px;top:17px;transform:rotate(90deg)}.qa-sheet-header{display:block}.qa-sheet-header span{display:block;margin-top:6px;text-align:left}.qa-evidence{gap:13px}.source-details{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gdd-sheet{transform:none}}
/* Independent UI review: native document surfaces need explicit ink colors. */
.outcome-page .gdd-sheet p,.outcome-page .qa-sheet p,.outcome-page .qa-sheet li{color:#43545c}
.outcome-page .gdd-sheet h2,.outcome-page .qa-sheet h2{color:#172b35}
.outcome-page .gdd-sheet a{color:#175f70}
.outcome-page .qa-sheet .artifact-label{color:#536963}
.outcome-page .qa-evidence{grid-template-columns:1fr;gap:16px}
.outcome-page .qa-evidence>img{max-height:255px;object-fit:contain;background:#16323a}
.outcome-page .qa-fact h2{font-size:27px;line-height:1.15;margin:10px 0 15px}
.outcome-page .qa-fact ol{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-left:18px}
.outcome-page .qa-fact .qa-scope{font-size:12px;color:#526369}
@media(max-width:620px){.outcome-page .qa-fact ol{grid-template-columns:1fr;gap:8px}.outcome-page .qa-fact h2{font-size:23px}}
/* A native editor is the result, never a thumbnail competing with source art. */
.interface-triptych{grid-template-columns:.9fr .7fr;gap:20px;max-width:720px}
.interface-triptych>img:first-child{max-width:250px;justify-self:center;transform:rotate(-3deg)}
.interface-triptych .parts{max-width:210px;justify-self:center}
.interface-triptych .engine{grid-column:1/-1;transform:perspective(1400px) rotateY(-4deg);transition:transform .25s}
.interface-triptych .engine:hover{transform:perspective(1400px) rotateY(0deg)}
.artifact-inspect{display:inline-block;color:#a9dce3;font-size:14px;margin-top:15px;text-decoration:underline;text-underline-offset:4px}
.outcome-page .wrap{max-width:1240px;width:calc(100% - 64px);margin-inline:auto}
.outcome-page .buyer-fine{font-size:14px;line-height:1.5;color:#9eb4c4}
.outcome-page .buyer-caption,.outcome-page .buyer-meta{font-size:14px;line-height:1.5;color:#a5b8c6}
.outcome-page .buyer-links{grid-template-columns:1fr;gap:0;margin-top:24px;border-top:1px solid #30465a}
.outcome-page .buyer-links a{display:flex;gap:20px;align-items:baseline;justify-content:space-between;padding:16px 0;border:0;border-bottom:1px solid #30465a;border-radius:0;background:transparent}
.outcome-page .buyer-links strong{font-size:16px}.outcome-page .buyer-links span{font-size:14px;color:#9db2c3;margin:0;text-align:right}
@media(max-width:620px){.outcome-page .wrap{width:calc(100% - 40px)}.interface-triptych{gap:16px}.interface-triptych .engine{grid-column:1/-1}.outcome-page .buyer-links a{flex-direction:column;gap:6px}.outcome-page .buyer-links span{text-align:left}}
@media(prefers-reduced-motion:reduce){.interface-triptych .engine,.interface-triptych .engine:hover,.interface-triptych>img:first-child{transform:none;transition:none}}

/* Document actions retain readable ink on the light sample page. */
.outcome-page .buyer-artifact .gdd-links a{color:#1d6676;text-decoration:underline;text-underline-offset:3px;font-size:14px}