/* Recovery compositions for secondary marketing pages only. No source-image crops. */
.recovery-page{--r-paper:#f0eee7;--r-ink:#1b2932;--r-muted:#aebecf;--r-line:#ffffff20;--r-mint:#91d8c5;background:#0b131f;color:#eaf1fa}
.recovery-page main{overflow:clip}
.recovery-page .wrap{width:min(1440px,calc(100% - 96px));max-width:none}
.recovery-page main img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.recovery-page main h1{font-size:clamp(40px,4.1vw,65px);line-height:1.06;letter-spacing:-.047em;font-weight:650;text-wrap:balance;margin:18px 0 24px}
.recovery-page main h2{font-size:clamp(27px,2.4vw,38px);font-weight:600;line-height:1.12;letter-spacing:-.035em;margin:12px 0 18px;text-wrap:balance}
.recovery-page main h3{font-weight:600;letter-spacing:-.02em}
.recovery-page main p{line-height:1.6;color:var(--r-muted)}
.recovery-page main a:not(.button){color:#c8e5f4;text-underline-offset:5px}
.recovery-page main :is(a,button,summary):focus-visible{outline:2px solid #c3eef9;outline-offset:5px}
.recovery-page main :is(section,[id]){scroll-margin-top:100px}
.r-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.2fr);align-items:center;gap:64px;min-height:640px;padding-block:60px 76px}
.r-hero-copy{max-width:555px}
.r-back{display:block;font-size:12px;margin-bottom:34px;text-decoration:none;color:#8ea8bf!important}
.r-hero .eyebrow,.r-how-intro .eyebrow{font-size:12px;letter-spacing:.13em;color:#a6c9db;margin:0}
.recovery-page .r-lede{font-size:clamp(17px,1.45vw,21px);line-height:1.55;max-width:610px;margin:0 0 30px}
.recovery-page .actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.recovery-page .actions>a:not(.button){font-size:13px;text-decoration:none}
.recovery-page .r-fine{font-size:12px;line-height:1.6;color:#9cafc3;margin:20px 0 0}
.r-hero-visual{position:relative;min-width:0}
.r-label{display:block;color:#97b9ce;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}
.r-art{margin:0;min-width:0}
.r-art img{filter:drop-shadow(0 18px 20px #0003)}
.r-art figcaption{font-size:11px;line-height:1.5;color:#93a9bd;margin-top:12px;text-align:center}
.r-chapters{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:20px;font-size:12px;color:#c6d6e3}
.r-chapters span+span:before{content:'→';margin-right:14px;color:#6f8ba4}
.r-asset-story .r-art{transform:rotate(1.3deg)}
.r-source-study{padding:24px 28px;background:radial-gradient(ellipse at 40% 45%,#1b3145 0,transparent 70%);border-bottom:1px solid var(--r-line)}
.r-source-svg{width:100%;height:auto;display:block;margin:10px 0}
.r-source-points{display:flex;justify-content:space-between;gap:14px;color:#d5e8f2;font-size:13px}
.r-source-points span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--r-mint);border-radius:50%;margin-right:8px;vertical-align:2px}
.r-ui-composition{padding-top:6px}
.r-art-family{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px;width:86%;margin:0 0 -18px auto}
.r-direction{margin:0;align-self:center;transform:rotate(-5deg);border:2px solid #e4dfd4;box-shadow:0 15px 20px #0004}
.r-components{margin:0;align-self:center}
.r-art-arrow{position:absolute;top:38%;left:47%;color:#a7c3d6;font-size:25px}
.r-family-labels{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:-20px;color:#9db7c9;font-size:10px;padding:0 5%}
.r-ui-result{position:relative;z-index:1;transform:rotate(1.5deg);margin-top:22px}
.r-engine-choice{border-top:1px solid var(--r-line);padding-block:55px 65px}
.r-section-heading{max-width:650px;margin-bottom:30px}
.r-engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.r-engine-grid article{min-width:0}
.r-engine-grid img{margin-bottom:20px}
.r-engine-grid h3{font-size:27px;margin:14px 0 8px}
.r-engine-grid p{font-size:15px;max-width:480px;margin:0 0 22px}
.r-engine-grid small{display:block;font-size:12px;color:#95adbf;margin-top:15px;line-height:1.5}
.r-tutorial{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:70px;padding-block:48px 65px;border-top:1px solid var(--r-line)}
.r-tutorial-cover{display:block;position:relative;overflow:hidden;border-radius:4px;box-shadow:0 18px 45px #0003}
.r-play{position:absolute;inset:0;margin:auto;display:grid;place-content:center;width:65px;height:65px;padding-left:4px;background:#eff6f2;color:#132334;border:1px solid #fff;border-radius:50%;font-size:24px;box-shadow:0 3px 30px #0009}
.r-cover-caption{position:absolute;bottom:0;left:0;right:0;padding:10px 15px;font-size:11px;background:#0b131fdf;color:#d2e1eb}
.r-tutorial>div>p{max-width:440px;font-size:16px;margin-bottom:24px}
.r-tutorial .r-chapters{max-width:360px;margin-top:32px}
.r-qa-composition{position:relative;padding-bottom:15px}
.r-finding{width:78%;margin:0 0 0 auto;position:relative;border-left:3px solid #e7bc92;background:var(--r-paper);padding:21px 26px;box-shadow:0 15px 25px #0003;color:var(--r-ink);transform:rotate(-1.2deg)}
.r-finding .r-label{color:#806045}.recovery-page .r-finding h2{font-size:25px;margin:8px 0 12px}
.r-finding ol{padding-left:18px;font-size:13px;line-height:1.6;margin:0 0 12px}
.recovery-page .r-finding p{color:#495c67;font-size:12px;margin:8px 0 0}
.r-paper-scene{position:relative;padding:28px 0 12px;min-width:0}
.r-paper-scene>.r-label{margin-bottom:18px}
.r-paper{background:var(--r-paper);color:var(--r-ink);box-shadow:0 20px 32px #0003;border-radius:2px}
.r-brief{padding:30px 36px 42px;width:87%;transform:rotate(-2.5deg)}
.r-document-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#4e6975;padding-bottom:16px;border-bottom:1px solid #79899240}
.r-document-top span{color:#6c807e}
.recovery-page .r-paper h2{font-size:31px;line-height:1.1;margin:24px 0 14px}
.recovery-page .r-paper p{font-size:14px;line-height:1.5;color:#49606b;margin:0 0 20px}
.r-paper-rule{width:36px;height:3px;background:#799782;margin-bottom:24px}
.r-paper h3{font-size:15px;margin:0 0 12px}
.r-paper ul{padding-left:18px;font-size:13px;line-height:1.85}
.r-next{position:relative;width:71%;padding:23px 26px;margin:-24px 0 0 auto;transform:rotate(2deg);background:#dbe5dc}
.r-next .r-document-top{margin-bottom:20px}
.r-artifact{border-top:1px solid #79899260;padding-top:15px;display:grid;gap:5px;font-size:11px;color:#4c675c}
.r-artifact strong{font-size:14px;color:#2a483a;font-weight:500}.r-artifact small{font-size:10px}
.r-action-example{padding:28px;border:1px solid var(--r-line);background:#101d2a;border-radius:8px}
.r-action-row{display:grid;grid-template-columns:1fr 20px 1.15fr;align-items:center;gap:16px;margin-top:28px}
.r-player-action{background:#e9e0d2;border-radius:5px;padding:20px;text-align:center;color:#384b50}
.r-player-action>span,.r-server>span,.r-action-result div>span{display:block;font-size:11px;color:#809cad}
.r-player-action>span{color:#756c5e}.r-player-action strong{display:block;font-size:17px;font-weight:500;margin-top:12px}
.r-item-symbol{width:85px;max-width:100%;margin:12px auto 0}.r-item-symbol svg{display:block;width:100%}
.r-flow-arrow{color:#83b9d1}.recovery-page .r-server h2{font-size:25px;margin:10px 0 20px}
.r-server code{display:block;font-size:10px;color:#a9dacb;border-top:1px solid var(--r-line);padding:14px 0 9px;overflow-wrap:anywhere}
.r-server small{color:#92a8bc;font-size:11px}
.r-action-result{display:flex;align-items:center;gap:18px;padding:24px 0 0 15px;color:#9ad6bf}.r-action-result>span{font-size:35px}.r-action-result strong{display:block;color:#c2e6da;font-size:18px;font-weight:500;margin-top:6px}
.r-bottom{display:grid;grid-template-columns:.95fr 1fr;gap:100px;border-top:1px solid var(--r-line);padding-block:55px 75px}
.r-bottom>div{min-width:0}.recovery-page .r-bottom h2{font-size:29px;max-width:380px}
.r-kit-list{margin:22px 0;max-width:530px}.r-kit-list>a{display:flex;justify-content:space-between;gap:25px;align-items:center;text-decoration:none;border-bottom:1px solid var(--r-line);padding:17px 0}
.r-kit-list strong{font-weight:500;font-size:15px}.r-kit-list span{font-size:11px;color:#97aec4;text-align:right}
.r-bottom>div>a{font-size:13px}.r-fit>h2{margin-top:0!important}
.r-fit details,.r-config{border-bottom:1px solid var(--r-line);padding:17px 0}.r-fit summary,.r-config summary{cursor:pointer;font-size:15px;font-weight:500}.r-fit details p,.r-config p{font-size:13px;line-height:1.7;margin:18px 0 0}
.r-first-request{margin-top:30px;border-left:2px solid #587b90;padding:0 0 0 20px}.r-first-request p{font-size:16px;color:#d1deea!important;margin:9px 0 0}
.r-outcome-choices{padding-block:50px 65px;border-top:1px solid var(--r-line)}
.r-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.r-choice-grid a{text-decoration:none;border-bottom:1px solid var(--r-line);padding-bottom:18px}.r-choice-grid img{margin-bottom:18px}.r-choice-grid strong{display:flex;justify-content:space-between;font-size:16px;font-weight:500}
.r-uefn-task{display:grid;grid-template-columns:1fr 1.2fr;gap:0 60px;align-items:center;padding-block:40px 55px;border-top:1px solid var(--r-line)}.r-uefn-task .r-fine{grid-column:2;margin-top:0}
.r-how-intro{padding-block:55px 35px;text-align:center}.r-how-intro h1{max-width:1000px;margin-inline:auto!important}.r-how-intro .r-lede{margin-inline:auto}.r-how-intro .actions{justify-content:center}
.r-mechanism{padding-bottom:55px}.r-mechanism-scenes{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:65px;margin:15px 0 34px}
.r-mechanism-left{padding-left:40px}.r-request-panel{padding:24px;background:#eae9e1;color:#293c45;border-radius:6px;transform:rotate(-2deg);box-shadow:0 15px 30px #0002}
.r-request-panel .r-label{color:#68786f}.r-request-panel p{color:#263f49!important;font-size:21px;line-height:1.4!important;margin:13px 0 22px}.r-request-panel>span:last-child{display:block;font-size:11px;color:#68786f}
.r-connection{position:relative;padding:31px 0 25px 27px;margin:0 0 0 24px;border-left:1px solid #669baa}.r-connection strong{font-size:21px;letter-spacing:-.025em}.r-connection small{display:block;font-size:11px;color:#9bb4c6;margin-top:5px}.r-connection:after{content:'';position:absolute;left:-4px;top:39px;width:7px;height:7px;border-radius:50%;background:#97d9de}
.r-selected-kit{padding:20px 24px;background:#152b3e;border:1px solid #426e87;border-radius:6px;transform:rotate(1deg)}
.r-selected-kit>span{display:block;font-size:10px;color:#93b3c8}.r-selected-kit a{display:block;font-size:22px;margin:8px 0;text-decoration:none}.r-selected-kit small{display:block;font-size:11px;color:#adc6d7}
.r-setup-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--r-line);gap:10px}.r-setup-tabs button{border:0;border-bottom:2px solid transparent;padding:17px 8px;background:transparent;color:#9eb7cb;font:inherit;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer}.r-setup-tabs button[aria-selected=true]{border-color:#99d8d0;color:#eff8ff}.r-setup-detail{text-align:center;font-size:14px;margin-top:18px!important}
.r-config code,.r-config pre{font:11px/1.8 ui-monospace,monospace;color:#bad8e3;white-space:pre-wrap;overflow-wrap:anywhere}.r-config>code{display:block;margin:20px 0 12px}.r-config a{font-size:13px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.r-tutorial-cover .r-play{transition:transform .2s}.r-tutorial-cover:hover .r-play{transform:scale(1.08)}.r-mechanism [data-scene]{transition:filter .2s,opacity .2s}.r-mechanism[data-active-step] [data-scene]{opacity:.55}.r-mechanism[data-active-step=task] [data-scene=task],.r-mechanism[data-active-step=connect] [data-scene=connect],.r-mechanism[data-active-step=kit] [data-scene=kit],.r-mechanism[data-active-step=review] [data-scene=review]{opacity:1}}
@media(min-width:1900px){.recovery-page .wrap{width:min(1600px,calc(100% - 160px))}.r-hero{min-height:690px;gap:90px}.recovery-page main h1{font-size:70px}.r-hero-copy{max-width:590px}.r-mechanism-scenes{grid-template-columns:.7fr 1.3fr;gap:100px}.r-bottom{gap:160px}}
@media(max-width:1100px){.recovery-page .wrap{width:calc(100% - 64px)}.r-hero{gap:32px;min-height:560px}.recovery-page main h1{font-size:46px}.r-bottom{gap:50px}.r-tutorial{gap:40px}.r-engine-grid{gap:35px}.r-finding{width:92%;padding:20px}.r-action-example{padding:22px}.r-action-row{gap:10px}.r-player-action{padding:14px}.r-brief{padding:25px}.r-next{width:82%;padding:20px}.r-mechanism-scenes{gap:30px}.r-mechanism-left{padding-left:0}.r-uefn-task{gap:0 35px}}
@media(max-width:760px){.recovery-page .wrap{width:calc(100% - 40px)}.r-hero{grid-template-columns:1fr;gap:30px;padding-block:30px 40px;min-height:0}.r-hero-copy{max-width:610px}.r-back{margin-bottom:20px}.recovery-page main h1{font-size:42px;max-width:620px;margin:14px 0 20px}.recovery-page .r-lede{font-size:17px;line-height:1.55;margin-bottom:23px}.r-hero-visual{width:100%;max-width:650px;justify-self:center}.recovery-page .r-fine{font-size:11px;margin-top:17px}.r-art-family{width:80%;margin-right:6px}.r-family-labels{font-size:9px}.r-ui-result{margin-top:27px;transform:rotate(.6deg)}.r-art figcaption{font-size:10px}.r-engine-grid{grid-template-columns:1fr;gap:45px}.r-engine-choice{padding-block:35px 40px}.r-engine-grid h3{font-size:25px}.r-engine-grid img{max-width:600px}.r-tutorial{grid-template-columns:1fr;gap:30px;padding-block:35px 40px}.r-tutorial>div>p{font-size:15px;margin-bottom:18px}.r-tutorial .r-chapters{margin-top:24px}.r-bottom{grid-template-columns:1fr;gap:42px;padding-block:37px 48px}.r-bottom>div>h2{font-size:28px}.r-kit-list{max-width:none}.r-finding{width:91%;max-width:480px;transform:rotate(-.6deg);padding:20px 22px}.r-paper-scene{max-width:600px;padding-top:0}.r-brief{padding:26px 30px;width:88%}.r-next{width:76%;padding:23px}.r-action-example{padding:24px}.r-player-action{padding:18px}.r-action-row{gap:14px}.r-choice-grid{grid-template-columns:1fr;gap:30px}.r-choice-grid a{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.r-choice-grid img{margin:0}.r-choice-grid strong{display:block;line-height:1.5}.r-outcome-choices{padding-block:35px 40px}.r-uefn-task{grid-template-columns:1fr;gap:5px;padding-block:30px 40px}.r-uefn-task .r-fine{grid-column:1;margin-top:20px}.r-uefn-task .r-chapters{flex-wrap:wrap;justify-content:start}.r-source-study{padding:16px 8px}.r-source-points{font-size:11px;gap:8px}.r-source-points span:before{width:5px;height:5px;margin-right:5px}.r-how-intro{padding-block:35px 15px;text-align:left}.r-how-intro .actions{justify-content:flex-start}.r-mechanism-scenes{grid-template-columns:1fr;gap:26px;margin-top:20px}.r-mechanism-left{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:0 20px}.r-request-panel{grid-row:1/3;padding:20px}.r-request-panel p{font-size:19px}.r-selected-kit{padding:14px}.r-selected-kit a{font-size:20px}.r-connection{border-left:0;padding:6px 0 20px;margin:0}.r-connection:after{display:none}.r-connection strong{font-size:18px}.r-setup-tabs{grid-template-columns:1fr 1fr;gap:0 15px}.r-setup-tabs button{font-size:13px;padding:14px 4px;text-align:left}.r-setup-detail{text-align:left}.r-mechanism{padding-bottom:35px}}
@media(max-width:380px){.recovery-page .wrap{width:calc(100% - 32px)}.recovery-page main h1{font-size:37px}.recovery-page .actions{gap:16px}.r-chapters{font-size:10px;gap:7px}.r-chapters span+span:before{margin-right:7px}.r-finding{width:96%;padding:18px}.r-brief{padding:22px}.r-next{width:86%}.r-action-example{padding:16px}.r-action-row{gap:9px}.r-player-action{padding:10px}.recovery-page .r-server h2{font-size:20px}.r-action-result strong{font-size:16px}.r-kit-list>a{gap:16px}.r-kit-list strong{font-size:14px}.r-mechanism-left{gap:0 14px}.r-request-panel{padding:15px}.r-request-panel p{font-size:17px}.r-family-labels{margin-top:-25px}}
@media(prefers-reduced-motion:reduce){.recovery-page main *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.recovery-page .r-prerequisite{font-size:12px;color:#b5d3d9;margin:-13px 0 24px}.r-art-family{grid-template-columns:1.4fr .8fr;width:76%;gap:35px}.r-components{max-width:180px}.r-art-arrow{left:59%}.r-family-labels{margin-top:-12px}

.r-runtime-boundary{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--r-line);font-size:12px;color:#c6dfeb}.r-runtime-boundary b{color:#7fcedc;font-weight:400}.r-native-inspection{perspective:1400px}.r-native-inspection img{transform:rotateY(-3deg) rotateZ(.5deg)}.r-art figcaption{font-size:12px}.r-hero .actions{justify-content:flex-start}
@media(max-width:760px){.r-runtime-boundary{font-size:11px;gap:8px}.r-art figcaption{font-size:11px}.r-native-inspection img{transform:none}}

html:has(.recovery-page){scroll-padding-top:20px}.recovery-page main :is(section,[id]){scroll-margin-top:0}.r-native-inspection+.r-source-points{margin-top:22px;justify-content:center;gap:24px;flex-wrap:wrap}.r-engine-grid article{border-top:1px solid #547688;padding-top:16px}.r-art>a{display:block;perspective:1400px}.r-art .r-inspect-link{display:inline;font-size:12px;margin-left:12px}.r-art>a img{transition:transform .22s ease-out}@media(hover:hover) and (prefers-reduced-motion:no-preference){.r-art>a:hover img{transform:rotateY(-3deg) rotateX(1deg)}}

.r-engine-grid .r-standalone{font-size:12px;margin-top:16px;color:#9ab4c6}