/* Extend the established editorial system without changing its shared components. */
.enrichment{padding-top:28px;padding-bottom:88px}.enrichment .section-heading{max-width:970px}.enrichment .section-heading>p{max-width:810px}
.proof-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:44px;align-items:center}.proof-player{border-radius:22px;overflow:hidden;background:#f3f5f8;border:1px solid #e1e6ee;margin:0;min-width:0}.proof-player video{width:100%;display:block;aspect-ratio:16/10;object-fit:contain;background:#141414}.proof-player figcaption{padding:17px 22px;color:#626262;font-size:14px;line-height:1.5}.proof-copy>p{margin:0 0 25px}.proof-copy dl{margin:0}.proof-copy dl>div{display:grid;grid-template-columns:105px 1fr;gap:15px;border-top:1px solid #dedede;padding:16px 0}.proof-copy dt{font-size:15px;font-weight:650;color:#086de8}.proof-copy dd{font-size:15px;line-height:1.6;margin:0;color:#555}
.page-vertical .proof-layout{grid-template-columns:.7fr 1fr;max-width:990px;margin:auto}.page-vertical .proof-player{max-width:360px}.page-vertical .proof-player video{aspect-ratio:9/16;max-height:540px}.page-estate .proof-layout{display:block}.page-estate .proof-player video{aspect-ratio:2.15}.page-estate .proof-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:28px}.page-campaign .proof-layout{grid-template-columns:1fr 1.5fr}.page-campaign .proof-player{order:2}
.scene-lab{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #d7e2f1;border-radius:24px;overflow:hidden;background:#fff}.lab-visual{position:relative;background:#f3f7fc;min-height:380px;padding:42px;display:flex;align-items:center;justify-content:center;overflow:hidden}.diagram-caption{position:absolute;left:24px;bottom:19px;font-size:13px;color:#626262}.lab-controls{padding:34px;min-width:0}.lab-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.lab-options button{border:1px solid #ccd9ec;border-radius:30px;min-height:44px;padding:10px 16px;font-size:14px;background:white;color:#333;transition:background .2s,color .2s}.lab-options button[aria-pressed=true]{background:#086de8;border-color:#086de8;color:white}.lab-label{display:block;color:#086de8;font-size:12px;letter-spacing:1.1px;margin-bottom:17px}.lab-panel p{margin-bottom:0}.lab-panel:not([hidden]){animation:panel-enter .28s ease-out}.lab-panel[hidden]{display:none}.lab-panel{min-height:220px}
@keyframes panel-enter{from{opacity:.35;transform:translateX(8px)}to{opacity:1;transform:none}}
.scene-map,.motion-map{position:relative;width:100%;height:250px;border:1px solid #bfd2ed;border-radius:14px;overflow:hidden;background:#e8f2ff}.scene-horizon{position:absolute;inset:0 0 42%;background:linear-gradient(#d4e7ff,#f6fbff);border-bottom:1px solid #9cb6d7}.scene-road{position:absolute;left:-10%;right:-10%;bottom:18%;height:25%;background:#cad5e4;transform:rotate(-6deg)}.scene-object{position:absolute;left:35%;top:50%;width:30%;height:17%;border-radius:20px 28px 10px 10px;background:#086de8;box-shadow:inset 0 12px 0 #ffffff40;transition:transform .5s,top .5s}.scene-object:before,.scene-object:after{content:'';position:absolute;bottom:-6px;width:17px;height:17px;border-radius:50%;background:#233548}.scene-object:before{left:12%}.scene-object:after{right:12%}.scene-frame{position:absolute;inset:18px;border:1px dashed #497cb8;transition:inset .5s}.scene-map>span,.motion-map>span{position:absolute;bottom:13px;left:16px;font-size:13px;color:#455b77}.lab-scene[data-state="1"] .scene-object{transform:scale(1.65)}.lab-scene[data-state="2"] .scene-object{transform:scale(3.4);top:43%}.lab-scene[data-state="2"] .scene-frame{inset:30px}
.motion-background{position:absolute;inset:0;background:repeating-linear-gradient(105deg,#dceafa 0 40px,#edf5ff 40px 80px);transition:transform .6s}.motion-object{position:absolute;width:80px;height:115px;left:calc(50% - 40px);top:60px;border-radius:10px 10px 22px 22px;background:#086de8;box-shadow:inset 15px 0 #ffffff30;transition:transform .6s}.motion-object:before{content:'';position:absolute;width:38px;height:22px;top:-20px;left:21px;border:2px solid #086de8;border-radius:7px 7px 0 0}.motion-camera{position:absolute;inset:26px;border:1px dashed #31639d;border-radius:10px;text-align:right;padding:12px;font-size:13px;color:#31587e;transition:inset .6s}.lab-motion[data-state="0"] .motion-camera{inset:44px}.lab-motion[data-state="1"] .motion-object{transform:rotate(8deg)}.lab-motion[data-state="2"] .motion-background{transform:translateX(18px) scale(1.1)}
.story-map{display:flex;gap:12px;width:100%;align-items:center}.story-frame{position:relative;flex:1;min-width:0;height:175px;border:1px solid #b9cce7;border-radius:12px;background:white;opacity:.45;transition:opacity .35s,transform .35s,border-color .35s}.story-frame i{position:absolute;inset:30px 25% 45px;border-radius:12px;background:#cadffa}.story-frame:nth-child(2) i{transform:rotate(-12deg);background:#dbc7f1}.story-frame:nth-child(3) i{height:5px;top:65px;box-shadow:0 15px #cadffa,0 30px #cadffa}.story-frame span{position:absolute;bottom:13px;width:100%;text-align:center;font-size:11px;color:#456}.lab-story[data-state="0"] .story-frame:nth-child(1),.lab-story[data-state="1"] .story-frame:nth-child(2),.lab-story[data-state="2"] .story-frame:nth-child(3){opacity:1;transform:translateY(-8px);border-color:#086de8}
.phone-map{width:195px;aspect-ratio:9/16;border:5px solid #222;border-radius:27px;background:#fff;position:relative;overflow:hidden;box-shadow:0 18px 36px #1e42651a}.phone-caption{position:absolute;top:35px;left:20px;right:30px;padding:10px;font-size:13px;border:1px dashed #c2cbd6;border-radius:6px}.phone-subject{position:absolute;top:118px;bottom:80px;left:33px;right:42px;display:grid;place-content:center;text-align:center;border-radius:38px 38px 12px 12px;background:#e5effc;color:#456;font-size:14px;line-height:1.5}.phone-ui{position:absolute;right:10px;bottom:64px;display:grid;gap:10px}.phone-ui i{width:18px;height:18px;border-radius:50%;background:#d6dce5}.phone-bottom{position:absolute;bottom:12px;left:12px;right:12px;padding:12px 8px;background:#edf0f5;border-radius:7px;color:#626262;font-size:10px}.phone-map *{transition:background .3s,color .3s,border-color .3s}.lab-phone[data-state="0"] .phone-subject{background:#086de8;color:white}.lab-phone[data-state="1"] .phone-caption{border-color:#086de8;background:#e5efff;color:#075ac0}.lab-phone[data-state="2"] .phone-bottom,.lab-phone[data-state="2"] .phone-ui i{background:#dbc5ef;color:#492565}
.plan-map{position:relative;display:grid;grid-template-columns:.65fr 1fr;grid-template-rows:95px 145px;gap:8px;width:100%;max-width:390px;background:#fff;padding:12px;border:3px solid #586e85}.room{border:1px solid #b4c2d4;display:grid;place-items:center;font-size:14px;color:#52647a;background:#f5f7fa;transition:background .3s,color .3s}.room-entry{grid-row:1}.room-main{grid-column:2;grid-row:1/3}.room-detail{grid-column:1;grid-row:2}.lab-plan[data-state="0"] .room-entry,.lab-plan[data-state="1"] .room-main,.lab-plan[data-state="2"] .room-detail{background:#e3efff;border-color:#086de8;color:#086de8}.plan-door{position:absolute;width:45px;height:3px;background:#fff;left:20px;top:-3px}
.lab-prompt{grid-template-columns:1.2fr 1fr}.prompt-map{font-size:26px;line-height:1.85;color:#5d697a}.token{border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .3s,color .3s}.lab-prompt[data-state="0"] .token-0{background:#d7eaff;color:#0755af}.lab-prompt[data-state="1"] .token-1{background:#e8d8f7;color:#7535a6}.lab-prompt[data-state="2"] .token-2{background:#f6d7e7;color:#a42864}
.comparison{border:1px solid #dce3ed;border-radius:20px;overflow:hidden}.comparison-head,.comparison-row{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr}.comparison-head{background:#f1f6fd;font-size:14px;font-weight:650;color:#31587e}.comparison-row{border-top:1px solid #e1e6ee;font-size:16px;line-height:1.65}.comparison-row:nth-child(odd){background:#fcfdff}.comparison-head>div,.comparison-row>div{padding:23px 25px;min-width:0}.comparison-row [role=rowheader]{font-weight:600;color:#111}.comparison-row [role=cell]{color:#626262}
.editorial-notes{max-width:1050px}.editorial-notes article{display:grid;grid-template-columns:65px 1fr;gap:24px;border-top:1px solid #dce3ed;padding:30px 0}.editorial-notes article>span{font-family:'Hailuo Condensed',Arial,sans-serif;font-size:44px;line-height:1;color:#abc9ef}.editorial-notes p{margin:0;max-width:850px}.expansion-link{display:inline-block;margin-top:24px;font-size:16px;color:#086de8;line-height:1.6}.page-editorial .enrichment-compare{background:#f8fafc;padding-top:55px;margin-bottom:30px}.page-campaign .enrichment-notes .editorial-notes{margin-left:auto}.page-estate .enrichment-lab .section-heading{max-width:850px}
/* Animate the visible visual, never hide whole content sections. */
.enrichment{scroll-margin-top:96px}
.reveal-seen[data-reveal=proof] .proof-player{animation:proof-reveal .55s ease-out both}
.reveal-seen[data-reveal=lab] .lab-visual{animation:lab-reveal .45s ease-out both}
.reveal-seen[data-reveal=compare] .comparison-row{animation:panel-enter .35s both}
.reveal-seen[data-reveal=compare] .comparison-row:nth-child(3){animation-delay:.06s}
.reveal-seen[data-reveal=compare] .comparison-row:nth-child(4){animation-delay:.12s}
.reveal-seen .editorial-notes article{animation:panel-enter .4s both}
.reveal-seen .editorial-notes article:nth-child(2){animation-delay:.07s}
.reveal-seen .editorial-notes article:nth-child(3){animation-delay:.14s}
@keyframes proof-reveal{from{clip-path:inset(0 0 7% 0 round 22px);opacity:.7}to{clip-path:inset(0 round 22px);opacity:1}}
@keyframes lab-reveal{from{transform:translateX(-12px);opacity:.7}to{transform:none;opacity:1}}
@media(max-width:1000px){.proof-layout{gap:28px;grid-template-columns:1fr 1fr}.lab-visual{padding:24px}.lab-controls{padding:25px}.prompt-map{font-size:22px}.story-map{gap:7px}.story-frame{height:145px}.comparison-head>div,.comparison-row>div{padding:19px}.proof-copy dl>div{grid-template-columns:1fr;gap:5px}}
@media(max-width:767px){.enrichment{padding-top:12px;padding-bottom:55px}.proof-layout,.page-vertical .proof-layout,.page-campaign .proof-layout,.page-estate .proof-copy,.scene-lab,.lab-prompt{grid-template-columns:1fr;gap:24px}.page-campaign .proof-player{order:0}.page-vertical .proof-player{margin:auto;width:100%}.page-estate .proof-copy{gap:8px}.proof-player video,.page-estate .proof-player video{aspect-ratio:16/10}.proof-player figcaption{font-size:13px;padding:15px 18px}.proof-copy dl>div{grid-template-columns:95px 1fr}.scene-lab{gap:0;border-radius:18px}.lab-visual{min-height:300px;padding:24px 22px 42px}.lab-controls{padding:24px 22px}.lab-options{margin-bottom:22px;gap:7px}.lab-options button{padding:10px 13px;font-size:13px}.lab-panel{min-height:0}.lab-label{margin-bottom:12px}.scene-map,.motion-map{height:210px}.prompt-map{font-size:22px;line-height:1.8}.lab-phone .lab-visual{min-height:420px}.comparison-head{display:none}.comparison-row{grid-template-columns:1fr;gap:0;padding:18px 21px}.comparison-row>div{padding:8px 0}.comparison-row [role=cell]:before{content:attr(data-label);display:block;font-size:12px;letter-spacing:.3px;color:#086de8;margin-bottom:5px}.comparison-row [role=rowheader]{font-size:18px}.editorial-notes article{grid-template-columns:34px 1fr;gap:16px;padding:24px 0}.editorial-notes article>span{font-size:30px}.story-frame span{font-size:10px}.story-frame i{inset-inline:20%}.page-editorial .enrichment-compare{padding-top:35px}.expansion-link{margin-top:12px}}
@media(prefers-reduced-motion:reduce){[data-reveal].reveal-pending{opacity:1;transform:none;clip-path:none}.enrichment *{animation:none!important;transition:none!important}}