/* AI story: original, tactile illustrations in the portfolio's existing palette. */
#rj-experience .ais-entry{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:28px;padding:24px 30px;margin-top:40px;border:1px solid #524363;border-radius:24px;text-decoration:none;background:#231d2d;color:var(--rj-white);transition:border-color .2s,background .2s}
#rj-experience .ais-entry:hover{border-color:var(--rj-violet);background:#2b2239}
#rj-experience .ais-entry-art{position:relative;height:130px;display:block;perspective:600px}
#rj-experience .ais-entry-art i{position:absolute;left:31px;top:31px;width:115px;height:68px;border-radius:16px;transform:rotate(-12deg);background:var(--rj-violet);box-shadow:0 8px #664598;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
#rj-experience .ais-entry-art i:nth-child(2){background:#f4ebd2;box-shadow:0 8px #a49a80;top:16px;left:43px;transform:rotate(8deg);display:grid;place-items:center;color:#443151;font-style:normal;font-size:30px;font-weight:800}
#rj-experience .ais-entry-art b{position:absolute;left:151px;top:12px;color:var(--rj-yellow);font-size:30px;transition:transform .5s}
#rj-experience .ais-entry:is(:hover,:focus-visible) .ais-entry-art i:first-child{transform:translate(-8px,13px) rotate(-18deg)}
#rj-experience .ais-entry:is(:hover,:focus-visible) .ais-entry-art i:nth-child(2){transform:translate(4px,-14px) rotate(12deg)}
#rj-experience .ais-entry:is(:hover,:focus-visible) .ais-entry-art b{transform:rotate(90deg)}
#rj-experience .ais-entry-copy{display:block}
#rj-experience .ais-entry-copy .rj-eyebrow{display:block;margin-bottom:9px;color:var(--rj-violet)}
#rj-experience .ais-entry-copy strong{font-size:30px;letter-spacing:-.045em;line-height:1.2;display:block}
#rj-experience .ais-entry-copy>span:last-child{display:block;color:var(--rj-muted);font-size:13px;line-height:1.6;margin-top:9px;max-width:450px}
#rj-experience .ais-entry-arrow{display:grid;place-items:center;width:48px;height:48px;background:var(--rj-violet);color:#241832;border-radius:16px;font-size:25px;box-shadow:0 4px #664598}
#rj-experience .ais-intro{padding:28px 0 48px;border-bottom:1px solid var(--rj-line)}
#rj-experience .ais-intro>.rj-text-link{display:inline-flex;margin-bottom:27px;color:var(--rj-muted)}
#rj-experience .ais-intro h1{font-size:clamp(40px,6.5cqw,74px);max-width:870px}
#rj-experience .ais-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:44px;margin-top:24px}
#rj-experience .ais-intro-bottom p{max-width:520px;color:var(--rj-muted);font-size:17px;line-height:1.7;margin:0}
#rj-experience .ais-start{display:flex;gap:32px;justify-content:space-between;align-items:center;flex-shrink:0;border:1px solid #6d538e;border-radius:17px;padding:16px 20px;min-height:52px;background:#2d233b;color:var(--rj-violet);font-weight:800;font-size:14px;box-shadow:0 4px #0d0a10}
#rj-experience .ais-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:68px;align-items:start;margin-top:40px;position:relative}
#rj-experience .ais-pin{position:sticky;top:var(--ais-pin-top,20px);grid-column:2;grid-row:1;z-index:10;min-width:0}
#rj-experience .ais-copy{grid-column:1;grid-row:1;min-width:0}
#rj-experience .ais-stage{height:450px;border:1px solid #494051;border-radius:28px;background:#241e30;position:relative;overflow:hidden;isolation:isolate}
#rj-experience .ais-stage:before{content:'';position:absolute;pointer-events:none;width:320px;height:320px;border:1px solid #ffffff0d;border-radius:50%;left:calc(50% - 160px);top:60px;transform:rotate(-25deg) scaleY(.85)}
#rj-experience .ais-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;padding:18px 20px;color:var(--rj-violet);font-size:10px;letter-spacing:.075em;font-weight:800;line-height:20px}
#rj-experience .ais-stage-heading svg{width:19px;height:19px;color:var(--rj-yellow)}
#rj-experience .ais-panel{position:absolute;inset:58px 24px 20px;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
#rj-experience .ais-panel button{touch-action:manipulation}
#rj-experience .ais-button{border:0;min-height:46px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:15px;padding:12px 17px;background:var(--rj-violet);box-shadow:0 4px #654595;color:#241733;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s}
#rj-experience .ais-button:active,#rj-experience .ais-start:active{transform:translateY(3px);box-shadow:0 1px #654595}
#rj-experience .ais-button.ais-yellow-button{background:var(--rj-yellow);box-shadow:0 4px #9b7c2e;color:#362b0f}
#rj-experience .ais-caption{font-size:12px;line-height:1.5;color:#d8d1df;text-align:center;margin:2px 0 0;min-height:36px}
#rj-experience .ais-small-note{font-size:10px;line-height:1.45;color:#bcb3c6;text-align:center;margin:0}
#rj-experience .ais-story-rail{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--rj-ink);padding:9px 0 4px}
#rj-experience .ais-story-rail>button{width:44px;height:44px;border:1px solid var(--rj-line);border-radius:14px;color:var(--rj-white);background:var(--rj-surface);font-size:19px}
#rj-experience .ais-story-rail>button:disabled{opacity:.3;cursor:default}
#rj-experience .ais-story-rail>span{color:var(--rj-muted);font-size:10px;line-height:1.5;text-align:center}
#rj-experience .ais-story-rail b{color:var(--rj-violet);font-size:12px}
#rj-experience .ais-story-rail [data-ai-chapter-name]{display:block;color:var(--rj-white);font-size:11px;font-weight:600}
#rj-experience .ais-progress{display:flex;gap:4px;padding:3px 3px 10px;background:var(--rj-ink)}
#rj-experience .ais-progress i{height:3px;flex:1;border-radius:4px;background:#3b3343;transition:background .25s}
#rj-experience .ais-progress i.is-current{background:var(--rj-violet)}
#rj-experience .ais-progress i.is-past{background:#6b568a}
#rj-experience .ais-copy article{min-height:640px;padding:30px 0 100px;scroll-margin-top:50px}
#rj-experience .ais-copy h2{font-size:clamp(32px,4.1cqw,46px);line-height:1.1;letter-spacing:-.055em;margin:18px 0 24px}
#rj-experience .ais-copy article>p{font-size:15px;line-height:1.85;color:var(--rj-muted);margin:0 0 20px}
#rj-experience .ais-copy strong{color:var(--rj-white);font-weight:700}
#rj-experience .ais-copy p.ais-takeaway{color:var(--rj-green);border-left:2px solid #578668;padding-left:18px;margin-top:26px}
#rj-experience .ais-copy p.ais-try{display:flex;align-items:center;gap:8px;color:var(--rj-violet);font-size:12px}
#rj-experience .ais-try svg{width:17px;height:17px}
#rj-experience .ais-copy details{border-top:1px solid var(--rj-line);margin-top:22px;font-size:12px}
#rj-experience .ais-copy summary{cursor:pointer;padding:16px 0;min-height:44px;color:var(--rj-white)}
#rj-experience .ais-copy details p{font-size:13px;line-height:1.8}
#rj-experience .ais-copy details a{color:var(--rj-violet);text-underline-offset:4px}
#rj-experience .ais-outro{padding:55px 0 45px;border-top:1px solid var(--rj-line);text-align:center}
#rj-experience .ais-outro h2{font-size:clamp(35px,5cqw,57px);line-height:1.12;letter-spacing:-.055em;margin:15px 0 24px}
#rj-experience .ais-outro h2 span{color:var(--rj-green)}
#rj-experience .ais-outro>p:not(.rj-eyebrow){max-width:540px;margin:0 auto 24px;color:var(--rj-muted);font-size:15px;line-height:1.8}
#rj-experience .ais-outro>.rj-primary{display:table;margin:28px auto 16px;text-decoration:none}
#rj-experience .ais-outro>.rj-text-link{display:inline-flex}
#rj-experience .ais-outro>p.ais-outro-note{font-size:11px;margin-top:28px;max-width:330px}
#rj-experience .ais-finish-mark{width:66px;height:58px;background:var(--rj-green);color:#275840;display:grid;place-items:center;box-shadow:0 7px #4a8561;border-radius:22px;margin:0 auto 36px;transform:rotate(-8deg)}
#rj-experience .ais-finish-mark svg{width:30px;height:30px}
/* Scene 1: a lid, the model beneath it, and optional application tools. */
#rj-experience .ais-box-scene{position:relative;height:245px;flex-shrink:1;min-height:178px;perspective:800px}
#rj-experience .ais-box-orbit{position:absolute;inset:15px 0;border:1px solid #8d72b02b;border-radius:50%;transform:rotate(-20deg)}
#rj-experience .ais-engine{position:absolute;top:75px;left:calc(50% - 63px);width:126px;height:104px;border-radius:20px;background:var(--rj-violet);box-shadow:0 10px #644195;transform:rotate(-8deg);color:#332046;padding:14px}
#rj-experience .ais-engine>span{font-size:9px;font-weight:800;letter-spacing:.08em;display:block;text-align:center}
#rj-experience .ais-engine-dots{display:grid;grid-template-columns:repeat(3,13px);gap:8px;justify-content:center;margin:12px auto}
#rj-experience .ais-engine-dots i{width:13px;height:9px;border-radius:3px;background:#f3eaff;box-shadow:0 3px #8964b9}
#rj-experience .ais-app-lid{position:absolute;top:41px;left:calc(50% - 118px);width:236px;height:155px;border-radius:19px;background:#f3ead3;box-shadow:0 9px #aaa089;transform:rotate(5deg);color:#322a3d;padding:15px 20px;z-index:2;transform-origin:50% 100%}
#rj-experience .ais-window-dots{font-size:7px;color:#a29785;letter-spacing:3px}
#rj-experience .ais-app-lid>svg{position:absolute;right:21px;top:16px;width:17px;height:17px;color:#7b60a0}
#rj-experience .ais-app-lid strong{font-size:20px;letter-spacing:-.055em;display:block;line-height:1.2;margin:19px 0}
#rj-experience .ais-app-lid>span{display:flex;justify-content:space-between;align-items:center;border-radius:9px;background:#dfd5bc;color:#756978;font-size:10px;padding:8px}
#rj-experience .ais-app-lid b{color:#725692}
#rj-experience .ais-tool-tag{position:absolute;top:180px;padding:11px;border-radius:13px;display:flex;gap:6px;align-items:center;font-size:10px;font-weight:800;color:#2a4938;background:var(--rj-green);box-shadow:0 5px #518969;opacity:0;visibility:hidden}
#rj-experience .ais-tool-tag svg{width:16px;height:16px}
#rj-experience .ais-tag-left{left:0;transform:rotate(-12deg)}
#rj-experience .ais-tag-right{right:0;transform:rotate(9deg);background:var(--rj-yellow);box-shadow:0 5px #9d7b29;color:#554313}
/* Scene 2: a real one-parameter fit, with visible input and output. */
#rj-experience .ais-weight-examples{display:flex;gap:8px;justify-content:space-between}
#rj-experience .ais-weight-examples>span{flex:1;padding:12px 5px;background:#353026;border:1px solid #5a5039;border-radius:12px;font-size:10px;text-align:center;color:#d3c8b4}
#rj-experience .ais-weight-examples b{display:block;margin-top:4px;color:#f4dc90;font-size:14px}
#rj-experience .ais-equation{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 0 7px}
#rj-experience .ais-equation>span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:#ded4bf;min-width:60px}
#rj-experience .ais-equation b{font-size:34px;font-weight:800;letter-spacing:-.045em}
#rj-experience .ais-equation i{font-style:normal;color:#bdb29b;font-size:20px}
#rj-experience .ais-equation .ais-weight-value b{border-radius:15px;padding:8px 10px;background:var(--rj-yellow);box-shadow:0 5px #94762c;color:#3f3216;transform:rotate(-5deg)}
#rj-experience .ais-equation .ais-estimate b{color:var(--rj-green)}
#rj-experience .ais-slider-label{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#f3e9d4;line-height:1.4}
#rj-experience .ais-slider-label span{font-size:9px;color:#c5b89a}
#rj-experience #ais-weight{width:100%;min-height:44px;margin:-7px 0;accent-color:var(--rj-yellow);cursor:pointer}
/* Scene 3: actual token IDs from the named tokenizer. */
#rj-experience .ais-control-label{font-size:11px;font-weight:700;color:#dfd6e9}
#rj-experience #ais-sentence{width:100%;border:1px solid #635373;border-radius:12px;background:#30253e;color:var(--rj-white);font-family:inherit;font-size:14px;min-height:46px;padding:10px 30px 10px 12px}
#rj-experience .ais-token-tray{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:114px;padding:10px 0}
#rj-experience .ais-token-tray button{min-height:44px;min-width:44px;padding:8px 13px;border:2px solid transparent;border-radius:12px;box-shadow:0 5px #705197;background:#bfa1f3;color:#32233e;font-family:inherit;font-size:16px;font-weight:700;transition:transform .2s}
#rj-experience .ais-token-tray button:nth-child(3n+2){background:#f3d677;box-shadow:0 5px #9d8039}
#rj-experience .ais-token-tray button:nth-child(3n){background:#a5dfbd;box-shadow:0 5px #4e8967}
#rj-experience .ais-token-tray button[aria-pressed=true]{border-color:#fff8e4;transform:translateY(-4px)}
#rj-experience .ais-token-inspector{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#17111e;border-radius:14px;padding:16px;color:#c7b9d6;font-size:12px}
#rj-experience .ais-token-inspector>span:first-child{font-size:17px;color:#f0e5ff;font-weight:700;white-space:pre-wrap}
#rj-experience .ais-token-inspector b{color:var(--rj-violet);font-size:18px;margin-left:5px}
/* Scene 4: a deliberately small, branching text-generation illustration. */
#rj-experience .ais-reply-paper{position:relative;background:#f3ebd8;color:#372c44;padding:23px 20px;border-radius:17px;box-shadow:0 7px #aea08c;transform:rotate(-2deg);min-height:98px}
#rj-experience .ais-reply-paper>span{font-size:9px;color:#7b6e84;letter-spacing:.075em;font-weight:800}
#rj-experience .ais-reply-paper p{font-size:23px;line-height:1.25;letter-spacing:-.04em;font-weight:800;display:inline;margin:0}
#rj-experience .ais-reply-paper>span{display:block;margin-bottom:10px}
#rj-experience .ais-caret{display:inline-block;width:3px;height:22px;background:#9a72cb;vertical-align:middle;margin-left:5px}
#rj-experience .ais-next-options{display:flex;gap:8px;min-height:50px;margin-top:12px}
#rj-experience .ais-next-options button{display:flex;flex:1;min-height:50px;flex-direction:column;justify-content:center;align-items:center;border:1px solid #846b4b;border-radius:13px;background:#eac579;box-shadow:0 4px #8d6c3b;color:#3d2b1b;font-size:15px;font-weight:800}
#rj-experience .ais-next-options small{font-size:9px;font-weight:600;margin-top:4px;opacity:.7}
#rj-experience .ais-next-options>span{margin:auto;color:var(--rj-green);font-size:13px}
#rj-experience .ais-reset{align-self:center;border:0;min-height:44px;background:none;color:#d9c5ec;font-size:12px;font-weight:700;padding:9px}
/* Scene 5: contextual relationships, not a fake attention visualization. */
#rj-experience .ais-context-sentence{font-size:27px;font-weight:700;line-height:1.6;letter-spacing:-.035em;color:#eee7d8}
#rj-experience .ais-context-sentence mark{background:none;color:#bdb6a6;border-radius:7px;padding:1px 3px;transition:color .3s,background .3s}
#rj-experience .ais-context-sentence mark.is-related{color:#2c492f;background:var(--rj-green)}
#rj-experience .ais-context-sentence strong{color:var(--rj-yellow)}
#rj-experience .ais-it{border-bottom:2px solid var(--rj-violet);padding-bottom:2px}
#rj-experience .ais-context-thread{display:flex;align-items:center;gap:12px;justify-content:center;color:#d2b4f6;padding:8px;font-size:13px}
#rj-experience .ais-context-thread i{height:1px;width:45px;background:#826294}
#rj-experience .ais-segmented{display:flex;gap:5px;padding:4px;background:#151219;border:1px solid #493e53;border-radius:15px;flex-shrink:0}
#rj-experience .ais-segmented button{min-height:44px;flex:1;border:0;border-radius:10px;background:none;color:#c1b6cc;font-size:12px;font-weight:700;padding:9px 4px}
#rj-experience .ais-segmented button[aria-pressed=true]{background:var(--rj-violet);box-shadow:0 3px #654595;color:#30223e}
/* Scene 6: actual RGB values and explicit synthetic audio samples. */
#rj-experience .ais-media-experiment{display:flex;justify-content:center;align-items:center;height:176px;flex-shrink:0}
#rj-experience .ais-pixel-grid{display:grid;grid-template-columns:repeat(4,44px);gap:0;transform:rotate(-4deg);box-shadow:0 6px #0c2016;border-radius:8px;overflow:hidden}
#rj-experience .ais-pixel-grid button{width:44px;height:44px;border:2px solid transparent;padding:0;position:relative}
#rj-experience .ais-pixel-grid button[aria-pressed=true]{border-color:#fff;box-shadow:inset 0 0 0 2px #242127;z-index:1}
#rj-experience .ais-wave-grid{display:flex;align-items:center;flex-wrap:wrap;gap:4px;justify-content:center;width:284px;height:164px}
#rj-experience .ais-wave-grid button{position:relative;display:grid;place-items:center;width:44px;height:74px;padding:0;border:1px solid #506355;border-radius:10px;background:#223a2b}
#rj-experience .ais-wave-grid button:after{content:'';position:absolute;top:50%;height:1px;left:0;right:0;background:#849a8766}
#rj-experience .ais-wave-grid i{width:9px;height:var(--sample-height);border-radius:5px;background:#b494ff;transform:translateY(var(--sample-offset));box-shadow:2px 0 #6a498f}
#rj-experience .ais-wave-grid button[aria-pressed=true]{border:2px solid var(--rj-yellow)}
#rj-experience .ais-data-readout{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 11px;border-radius:12px;background:#16231b}
#rj-experience .ais-data-readout>span{font-size:9px;letter-spacing:.045em;color:#abd4b7}
#rj-experience .ais-data-readout>b{font-size:18px;color:#d9f2dc;white-space:nowrap}
#rj-experience .ais-data-readout i{font-size:12px;font-style:normal;color:#749d7e}
/* Scene 7: three arrangements, with the terms visible. */
#rj-experience .ais-buy-options button{font-size:11px}
#rj-experience .ais-purchase-card{border-radius:18px;background:#eed6a5;box-shadow:0 7px #96784d;color:#402f29;padding:21px 20px;position:relative;transform:rotate(-2deg);margin:8px 3px}
#rj-experience .ais-purchase-card>svg{position:absolute;right:20px;top:20px;width:26px;height:26px;color:#9e7250}
#rj-experience .ais-purchase-card>span{display:block;max-width:80%;font-size:8px;letter-spacing:.06em;font-weight:800;color:#82644b;line-height:1.6}
#rj-experience .ais-purchase-card h3{font-size:24px;line-height:1.2;letter-spacing:-.04em;margin:16px 0}
#rj-experience .ais-purchase-card ul{padding-left:15px;font-size:12px;line-height:1.6;margin:0}
#rj-experience .ais-purchase-card li+li{margin-top:5px}
/* Scene 8: questions a visitor can carry into a real decision. */
#rj-experience .ais-question-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#rj-experience .ais-question-grid button{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:9px 11px;border:1px solid #4e6658;border-radius:12px;background:#293d30;color:#c1d7c7;font-size:10px;font-weight:700;min-height:49px;text-align:left}
#rj-experience .ais-question-grid svg{width:17px;height:17px;flex-shrink:0}
#rj-experience .ais-question-grid button[aria-pressed=true]{background:var(--rj-green);color:#23422d;box-shadow:0 4px #4a825c}
#rj-experience .ais-question-card{background:#c3a6f0;color:#33253e;border-radius:19px;padding:23px 22px;box-shadow:0 7px #705294;transform:rotate(-2deg);margin:9px 2px}
#rj-experience .ais-question-card>span{font-size:9px;letter-spacing:.06em;font-weight:800;color:#664c81}
#rj-experience .ais-question-card h3{font-size:24px;line-height:1.15;letter-spacing:-.045em;margin:13px 0}
#rj-experience .ais-question-card p{font-size:13px;line-height:1.55;margin:0}
@container rjframe (min-width:621px){
 #rj-experience .ais-stage{height:clamp(450px,calc(100svh - 132px),850px)}
 #rj-experience .ais-stage:before{height:74%;top:13%;width:86%;left:7%}
 #rj-experience .ais-copy article{min-height:max(760px,calc(100svh - 64px));display:flex;flex-direction:column;justify-content:center;padding:55px 0 80px}
 #rj-experience .ais-box-scene{height:285px}
 #rj-experience .ais-panel{inset:64px 28px 35px}
 #rj-experience .ais-purchase-card{padding:30px 25px}
 #rj-experience .ais-purchase-card h3{font-size:28px}
 #rj-experience .ais-purchase-card ul{font-size:14px}
 #rj-experience .ais-context-sentence{font-size:32px}
 #rj-experience .ais-question-card{padding:30px 25px}
 #rj-experience .ais-question-card h3{font-size:29px}
 #rj-experience .ais-question-card p{font-size:14px}
}
@container rjframe (max-width:850px){
 #rj-experience .ais-layout{column-gap:30px}
 #rj-experience .ais-panel{left:18px;right:18px}
 #rj-experience .ais-context-sentence{font-size:24px}
 #rj-experience .ais-entry{grid-template-columns:145px 1fr auto;gap:18px;padding:20px}
 #rj-experience .ais-entry-art{transform:scale(.8);transform-origin:left center}
 #rj-experience .ais-intro-bottom{gap:25px}
}
@container rjframe (max-width:620px){
 #rj-experience .ais-entry{grid-template-columns:1fr 44px;gap:15px 10px;padding:22px;margin-top:32px}
 #rj-experience .ais-entry-art{grid-column:1 / -1;width:180px;height:103px;transform:scale(.85);transform-origin:center left}
 #rj-experience .ais-entry-copy strong{font-size:27px}
 #rj-experience .ais-entry-copy>span:last-child{font-size:12px}
 #rj-experience .ais-entry-arrow{width:44px;height:44px;border-radius:14px;align-self:end;margin-bottom:4px}
 #rj-experience .ais-intro{padding:12px 0 28px}
 #rj-experience .ais-intro>.rj-text-link{margin-bottom:22px}
 #rj-experience .ais-intro h1{font-size:clamp(35px,9.6cqw,57px)}
 #rj-experience .ais-intro-bottom{display:block;margin-top:22px}
 #rj-experience .ais-intro-bottom p{font-size:15px;line-height:1.8}
 #rj-experience .ais-start{width:100%;margin-top:22px}
 #rj-experience .ais-layout{display:block;margin-top:20px}
 #rj-experience .ais-stage-heading{padding:12px 15px;font-size:9px}
 #rj-experience .ais-panel{inset:46px 16px 14px;gap:9px}
 #rj-experience .ais-caption{font-size:11px;line-height:1.5;min-height:33px}
 #rj-experience .ais-small-note{font-size:9px}
 #rj-experience .ais-box-scene{height:223px}
 #rj-experience .ais-tool-tag{font-size:9px;padding:9px;top:175px}
 #rj-experience .ais-copy h2{font-size:36px;margin:15px 0 20px}
 #rj-experience .ais-copy article>p{font-size:15px;line-height:1.8}
 #rj-experience .ais-copy p.ais-takeaway{padding-left:15px}
 #rj-experience .ais-story-rail{padding-top:6px}
 #rj-experience .ais-token-tray{min-height:100px;gap:8px;padding:8px 0}
 #rj-experience .ais-token-tray button{font-size:14px;padding:8px 10px}
 #rj-experience #ais-sentence{font-size:16px}
 #rj-experience .ais-token-inspector{padding:12px 10px}
 #rj-experience .ais-context-sentence{font-size:26px;line-height:1.5}
 #rj-experience .ais-equation{gap:9px}
 #rj-experience .ais-equation b{font-size:31px}
 #rj-experience .ais-purchase-card{padding:18px}
 #rj-experience .ais-purchase-card h3{font-size:24px;margin:14px 0}
 #rj-experience .ais-purchase-card ul{font-size:12px}
 #rj-experience .ais-question-grid button{gap:6px;padding:8px;font-size:10px}
 #rj-experience .ais-question-card{padding:20px}
 #rj-experience .ais-question-card h3{font-size:25px}
 #rj-experience .ais-outro{padding:45px 0 25px}
 #rj-experience .ais-outro h2{font-size:37px}
}
@container rjframe (max-width:360px){
 #rj-experience .ais-app-lid{width:206px;left:calc(50% - 103px);padding:15px}
 #rj-experience .ais-app-lid strong{font-size:18px}
 #rj-experience .ais-context-sentence{font-size:23px}
 #rj-experience .ais-wave-grid{gap:2px;width:182px}
 #rj-experience .ais-wave-grid button{width:44px;min-height:44px;height:47px}
 #rj-experience .ais-wave-grid i{max-height:40px}
 #rj-experience .ais-equation{gap:5px}
 #rj-experience .ais-equation>span{min-width:56px}
 #rj-experience .ais-question-card{padding:17px}
 #rj-experience .ais-question-card h3{font-size:23px}
 #rj-experience .ais-question-card p{font-size:12px}
}
/* Choose a comfortable way in; all three paths belong to this one story. */
#rj-experience .ais-paths{padding:34px 0 24px;scroll-margin-top:24px}
#rj-experience .ais-paths-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:20px}
#rj-experience .ais-paths-heading h2{font-size:24px;letter-spacing:-.04em;margin:0}
#rj-experience .ais-paths-heading p{font-size:12px;color:var(--rj-muted);margin:0}
#rj-experience .ais-path-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#rj-experience .ais-path-options>button{--path-color:var(--rj-violet);--path-shadow:#675083;text-align:left;color:var(--rj-white);background:#211d28;border:1px solid #4b4058;box-shadow:0 5px #0d0b10;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:24px;transition:transform .2s,border-color .2s,background .2s;min-width:0}
#rj-experience .ais-path-options>button:nth-child(2){--path-color:var(--rj-yellow);--path-shadow:#8d742c}
#rj-experience .ais-path-options>button:nth-child(3){--path-color:var(--rj-green);--path-shadow:#4e8165}
#rj-experience .ais-path-options>button:is(:hover,:focus-visible){border-color:var(--path-color);transform:translateY(-3px)}
#rj-experience .ais-path-options>button:active{transform:translateY(3px);box-shadow:0 2px #0d0b10}
#rj-experience .ais-path-options>button[aria-pressed=true]{border-color:var(--path-color);background:#282130}
#rj-experience .ais-path-icon{width:46px;height:43px;background:var(--path-color);color:#30243a;border-radius:14px;box-shadow:0 5px var(--path-shadow);display:grid;place-items:center;transform:rotate(-7deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
#rj-experience .ais-path-icon svg{width:24px;height:24px}
#rj-experience .ais-path-options>button:is(:hover,:focus-visible) .ais-path-icon{transform:translateY(-4px) rotate(7deg)}
#rj-experience .ais-path-options>button>span:last-child{display:flex;flex:1;flex-direction:column;align-items:start;width:100%}
#rj-experience .ais-path-options small{font-size:9px;letter-spacing:.055em;line-height:1.6;color:var(--path-color);font-weight:800;min-height:28px}
#rj-experience .ais-path-options strong{font-size:25px;letter-spacing:-.055em;line-height:1.12;font-weight:800;margin:5px 0 13px}
#rj-experience .ais-path-options em{font-style:normal;font-size:12px;line-height:1.7;color:var(--rj-muted);margin-bottom:20px;max-width:245px}
#rj-experience .ais-path-options b{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;font-weight:700;color:var(--path-color);margin-top:auto}
#rj-experience .ais-path-options b span{font-size:20px}
#rj-experience .ais-paths-note{font-size:12px;color:var(--rj-muted);line-height:1.7;margin:22px 0 0}
#rj-experience .ais-path-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 0;border-top:1px solid var(--rj-line);border-bottom:1px solid var(--rj-line)}
#rj-experience .ais-path-bar>span{display:flex;align-items:baseline;gap:15px}
#rj-experience .ais-path-bar b{font-size:14px;font-weight:700;color:var(--rj-violet)}
#rj-experience .ais-path-bar small{font-size:11px;color:var(--rj-muted)}
#rj-experience .ais-path-bar button,#rj-experience .ais-explore-more{font-size:12px;font-weight:700;color:var(--rj-white);background:transparent;border:1px solid var(--rj-line);border-radius:13px;padding:10px 14px;min-height:44px}
#rj-experience .ais-explore-more{display:table;margin:0 auto 44px;color:var(--rj-violet)}
#rj-experience .ais-copy details pre{border:1px solid #4b4058;border-radius:14px;padding:16px;background:#201a29;color:#dbc5f6;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;margin:0 0 20px}
#rj-experience .ais-mobile-slot,#rj-experience .ais-continue{display:none}
#rj-experience .ais-enter-activity{display:flex;align-items:center;align-self:flex-start;min-height:44px;padding:0;border:0;background:transparent;color:var(--rj-violet);font:700 12px/1.5 Manrope,sans-serif;margin:-8px 0 18px}
/* Word pairs are counted, then their proportions become visible. */
#rj-experience .ais-pair-title{display:flex;align-items:center;justify-content:center;gap:22px;color:var(--rj-yellow);font-size:27px}
#rj-experience .ais-pair-title select{font-family:inherit;font-size:27px;font-weight:800;border:0;border-radius:16px;min-height:54px;color:#3d3219;background:var(--rj-yellow);box-shadow:0 5px #937632;padding:8px 34px 8px 17px;transform:rotate(-4deg)}
#rj-experience .ais-pair-title b{display:grid;place-items:center;width:53px;height:53px;background:#aa91cf;color:#30243a;border-radius:15px;box-shadow:0 5px #66507d;transform:rotate(5deg)}
#rj-experience .ais-pair-examples{display:flex;flex-direction:column;gap:6px;padding:12px 15px;background:#181610;border-radius:14px;margin-top:7px;min-height:133px}
#rj-experience .ais-pair-examples>span{display:flex;justify-content:center;gap:6px;color:#b5ac94;font-size:13px;line-height:1.5}
#rj-experience .ais-pair-examples mark{background:#efd37b;color:#3a3019;padding:0 4px;border-radius:4px}
#rj-experience .ais-pair-results{display:grid;gap:7px}
#rj-experience .ais-pair-results>div{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:37px;border-radius:10px;padding:8px 12px;background:#373128;font-size:12px;color:#f2e4bf}
#rj-experience .ais-pair-results>div:before{content:'';position:absolute;inset:0 auto 0 0;width:var(--pair-fill);background:#6a5a36;z-index:-1;transition:width .45s ease}
#rj-experience .ais-pair-results span{font-size:11px}
/* The application and its tool have separate jobs, with a visible access check. */
#rj-experience .ais-tool-flow{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 0 18px}
#rj-experience .ais-tool-flow span{display:grid;place-items:center;padding:10px 8px;border-radius:12px;min-height:43px;background:#372d43;color:#bcadce;font-size:11px;box-shadow:0 4px #17111f;transition:background .3s,transform .3s}
#rj-experience .ais-tool-flow span.is-active{background:var(--rj-violet);color:#2e223e;transform:translateY(-4px)}
#rj-experience .ais-tool-flow i{font-style:normal;color:#806a9b}
#rj-experience .ais-tool-ticket{background:#f0e6cd;color:#332a3e;padding:24px 23px;border-radius:19px;box-shadow:0 8px #9c917b;transform:rotate(-2deg);min-height:217px;margin:2px 5px 12px}
#rj-experience .ais-tool-ticket>span{font-size:9px;letter-spacing:.06em;font-weight:800;color:#735d8c}
#rj-experience .ais-tool-ticket h3{font-size:29px;line-height:1.15;letter-spacing:-.05em;margin:18px 0 15px;color:#332a3e}
#rj-experience .ais-tool-ticket p{font-size:13px;line-height:1.7;margin:0;color:#665b6b}
#rj-experience .ais-tool-ticket.is-blocked{background:#f1d1ad}
#rj-experience .ais-access-switch{display:flex;gap:10px;align-items:center;min-height:44px;font-size:11px;line-height:1.6;color:#d8cbe7;cursor:pointer}
#rj-experience .ais-access-switch input{width:22px;height:22px;flex-shrink:0;accent-color:var(--rj-green)}
/* A familiar folder and a three-step recipe, with optional code in the copy. */
#rj-experience .ais-script-folder{background:#e8ce84;color:#473a22;border-radius:18px;padding:18px 16px;box-shadow:0 7px #8f793e;transform:rotate(-3deg);margin:8px 4px 13px}
#rj-experience .ais-script-folder>span{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800;letter-spacing:.04em;line-height:1.5}
#rj-experience .ais-script-folder svg{width:19px;height:19px;flex-shrink:0}
#rj-experience .ais-script-folder>div{display:flex;gap:7px;justify-content:space-between;margin-top:18px}
#rj-experience .ais-script-folder i{font-style:normal;border:2px solid transparent;display:grid;place-items:center;min-height:53px;flex:1;font-size:10px;letter-spacing:-.02em;color:#725f34;border-radius:7px 12px 7px 7px;background:#f8ebc1;transition:background .3s,transform .3s}
#rj-experience .ais-script-folder i.is-picked{border-color:#396e4c;background:#b3e3bf;color:#24472e;transform:translateY(-4px)}
#rj-experience .ais-script-recipe{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:9px}
#rj-experience .ais-script-recipe li{display:flex;align-items:center;gap:12px;color:#aebcaf;font-size:13px;line-height:1.5}
#rj-experience .ais-script-recipe span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #536d59;border-radius:50%;font-size:10px;color:#8ba491;flex-shrink:0}
#rj-experience .ais-script-recipe li.is-done{color:#d9efdf}
#rj-experience .ais-script-recipe li.is-done span{background:var(--rj-green);color:#2a4f36;border-color:var(--rj-green)}
#rj-experience .ais-script-output{border:1px solid #47624e;background:#18291d;padding:15px;border-radius:14px;min-height:101px}
#rj-experience .ais-script-output>span{font-size:8px;font-weight:800;letter-spacing:.07em;color:#91b39a}
#rj-experience .ais-script-output samp{display:block;white-space:pre-wrap;font-size:13px;line-height:1.7;color:#b4e8c3;margin-top:8px;overflow-wrap:anywhere}
/* Phones and short windows use the document, never a second scrolling viewport. */
#rj-experience .ais-story.is-inline .ais-layout{display:block;max-width:600px;margin:0 auto}
#rj-experience .ais-story.is-inline .ais-pin{display:none}
#rj-experience .ais-story.is-inline .ais-enter-activity{display:none}
#rj-experience .ais-story.is-inline .ais-mobile-slot{display:block;margin:6px 0 26px}
#rj-experience .ais-story.is-inline .ais-stage{position:relative;height:auto;min-height:0;border-radius:22px}
#rj-experience .ais-story.is-inline .ais-panel{position:relative;inset:auto;margin:0;padding:7px 17px 20px;gap:12px;overflow:visible;justify-content:flex-start}
#rj-experience .ais-story.is-inline .ais-panel>*{flex-shrink:0}
#rj-experience .ais-story.is-inline .ais-stage-heading{padding:13px 17px 6px;font-size:9px}
#rj-experience .ais-story.is-inline .ais-stage-heading>span:last-child{font-size:20px;color:var(--rj-yellow)}
#rj-experience .ais-story.is-inline .ais-copy article{display:block;min-height:0;padding:38px 0 34px;scroll-margin-top:24px;border-bottom:1px solid var(--rj-line)}
#rj-experience .ais-story.is-inline .ais-copy article:last-child{border-bottom:0}
#rj-experience .ais-story.is-inline .ais-copy h2{font-size:clamp(31px,8.8cqw,42px);margin:14px 0 20px;line-height:1.13}
#rj-experience .ais-story.is-inline .ais-copy article>p{font-size:15px;line-height:1.8}
#rj-experience .ais-story.is-inline .ais-copy details{margin-top:16px}
#rj-experience .ais-story.is-inline .ais-copy details p{font-size:14px}
#rj-experience .ais-story.is-inline .ais-continue{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;font-size:12px;font-weight:700;text-align:left;min-height:48px;padding:13px 15px;border:1px solid #524360;border-radius:14px;background:#251f2e;color:var(--rj-violet);margin-top:22px;line-height:1.5}
#rj-experience .ais-story.is-inline .ais-caption{font-size:12px;line-height:1.6;min-height:0;margin:2px 0}
#rj-experience .ais-story.is-inline .ais-small-note{font-size:10px;line-height:1.6}
#rj-experience .ais-story.is-inline .ais-box-scene{height:224px;min-height:224px}
#rj-experience .ais-story.is-inline .ais-tool-ticket{padding:22px;min-height:225px}
#rj-experience .ais-story.is-inline .ais-tool-ticket h3{font-size:27px}
#rj-experience .ais-story.is-inline .ais-access-switch{font-size:12px}
#rj-experience .ais-story.is-inline .ais-equation{padding:16px 0 12px}
#rj-experience .ais-story.is-inline .ais-slider-label{font-size:12px}
#rj-experience .ais-story.is-inline .ais-slider-label span{font-size:10px}
#rj-experience .ais-story.is-inline .ais-outro{scroll-margin-top:24px}
@container rjframe (max-width:620px){
 #rj-experience .ais-paths{padding-top:28px}
 #rj-experience .ais-paths-heading{display:block}
 #rj-experience .ais-paths-heading h2{font-size:25px;margin-bottom:9px}
 #rj-experience .ais-path-options{grid-template-columns:1fr;gap:13px}
 #rj-experience .ais-path-options>button{flex-direction:row;gap:19px;padding:20px 18px;border-radius:20px}
 #rj-experience .ais-path-icon{width:39px;height:39px;flex-shrink:0;margin-top:5px;border-radius:12px}
 #rj-experience .ais-path-icon svg{width:22px;height:22px}
 #rj-experience .ais-path-options small{font-size:8px;min-height:0}
 #rj-experience .ais-path-options strong{font-size:23px;margin:8px 0 11px}
 #rj-experience .ais-path-options strong br{display:none}
 #rj-experience .ais-path-options strong br:after{content:' '}
 #rj-experience .ais-path-options em{font-size:12px;margin-bottom:13px}
 #rj-experience .ais-path-bar>span{display:block}
 #rj-experience .ais-path-bar b{font-size:13px;display:block;max-width:190px}
 #rj-experience .ais-path-bar small{font-size:10px;display:block;margin-top:5px}
 #rj-experience .ais-path-bar button{padding:10px;font-size:11px;flex-shrink:0}
}
@media (prefers-reduced-motion:reduce){
 #rj-experience .ais-entry *,#rj-experience .ais-story *{transition:none;scroll-behavior:auto}
 #rj-experience .ais-pair-results>div:before{transition:none}
}
/* Distinguish learned parameters, supplied context, and application memory. */
#rj-experience .ais-memory-model{background:#b59adf;color:#352641;border-radius:18px;padding:18px;text-align:center;box-shadow:0 6px #6d518e;transform:rotate(-2deg);margin:5px 6px 10px}
#rj-experience .ais-memory-model>span{font-size:9px;font-weight:800;letter-spacing:.06em}
#rj-experience .ais-memory-model>div{font-size:37px;line-height:1.5;color:#57406d}
#rj-experience .ais-memory-model>b{font-size:10px;display:block}
#rj-experience .ais-memory-context,#rj-experience .ais-memory-answer{background:#17151f;border:1px solid #655374;border-radius:14px;padding:16px 18px}
#rj-experience .ais-memory-context>span,#rj-experience .ais-memory-answer>span{display:block;color:#b2a0c4;letter-spacing:.06em;font-size:8px;font-weight:800;margin-bottom:9px}
#rj-experience .ais-memory-context p{font-size:13px;line-height:1.6;margin:0;color:#d2c6df}
#rj-experience .ais-memory-answer strong{display:block;font-size:19px;line-height:1.35;letter-spacing:-.035em;color:#b4e0c3}
#rj-experience .ais-memory-panel .ais-segmented button{font-size:11px}
/* A model's stages, opened one at a time. No invented numeric attention scores. */
#rj-experience .ais-transformer-machine{background:#191c29;border:1px solid #545573;border-radius:21px;padding:19px 21px;box-shadow:0 7px #141421}
#rj-experience .ais-machine-input,#rj-experience .ais-machine-output{padding:12px 15px;background:#2e3046;border:1px solid #5d5d80;border-radius:12px;color:#d3caef;transition:background .3s,transform .3s}
#rj-experience .ais-machine-input>span,#rj-experience .ais-machine-output>span{font-size:8px;letter-spacing:.07em;display:block;margin-bottom:6px}
#rj-experience .ais-machine-input>strong{font-size:19px;letter-spacing:-.04em}
#rj-experience .ais-machine-output>strong{font-size:12px;line-height:1.5}
#rj-experience .ais-machine-layers{padding:13px 11px;display:grid;justify-items:center;gap:5px}
#rj-experience .ais-machine-layers>div{padding:11px 12px;width:100%;font-size:11px;font-weight:750;border:1px solid #676080;border-radius:10px;background:#383147;color:#d6c8e7;text-align:center;box-shadow:0 3px #10101b;transition:background .3s,transform .3s}
#rj-experience .ais-machine-layers>i{font-style:normal;font-size:12px;color:#9586ad}
#rj-experience [data-transformer-phase="0"] .ais-machine-layers>div:nth-child(1),#rj-experience [data-transformer-phase="1"] .ais-machine-layers>div:nth-child(3),#rj-experience [data-transformer-phase="2"] .ais-machine-layers>div:nth-child(5){background:#baa0e8;color:#352346;transform:translateY(-2px)}
#rj-experience [data-transformer-phase="3"] .ais-machine-output{background:#afe0c2;color:#294b3a;transform:translateY(-2px)}
#rj-experience .ais-transformer-steps{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#rj-experience .ais-transformer-steps button{border:1px solid #6c6081;border-radius:12px;background:#292337;color:#c4b1df;font-size:11px;font-weight:750;min-height:44px;padding:9px 10px}
#rj-experience .ais-transformer-steps button[aria-pressed=true]{background:#b494e0;color:#30203f;box-shadow:0 3px #634881}
#rj-experience .ais-story:not(.is-inline) .ais-panel:is(.ais-memory-panel,.ais-transformer-panel){gap:10px}
#rj-experience .ais-story:not(.is-inline) .ais-stage:has(.ais-memory-panel:not([hidden]),.ais-transformer-panel:not([hidden])){min-height:580px}
@media(prefers-reduced-motion:reduce){#rj-experience .ais-machine-layers>div,#rj-experience .ais-machine-output{transition:none}}

#rj-experience .ais-skip-story{display:block;min-height:44px;border:0;background:transparent;color:var(--rj-violet);padding:10px 0;font:700 12px/1.7 Manrope,sans-serif;text-align:left;margin:0 0 10px}