@font-face{font-family:CabinetBlackletter;src:url('/fonts/UnifrakturCook-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
body[data-companion]{--opp-primary:#e85a8b;--opp-accent:#e85a8b;--opp-on-primary:#19251d;--opp-surface:#f6e7e8;--opp-surface-hover:#edd5de;--opp-surface-line:#c6b5b7;--frame:#121914;--frame-dark:#050a07;--frame-light:#7f8367}
body[data-companion=ray]{--opp-primary:#d9927d;--opp-accent:#d9927d;--opp-surface:#f3e5df;--opp-surface-hover:#e5d4cc;--opp-on-primary:#202732}
body[data-companion=isopod]{--opp-primary:#bba0cc;--opp-accent:#bba0cc;--opp-surface:#eee5f2;--opp-surface-hover:#dfd0e7;--opp-on-primary:#292333}
body[data-companion=mushroom]{--opp-primary:#e89b87;--opp-accent:#e89b87;--opp-surface:#f6e7df;--opp-surface-hover:#ead4c8;--opp-on-primary:#203431}
body.art-pass.lagoon-pass[data-companion] .product-workspace .side-nav a{background:color-mix(in srgb,var(--opp-accent) 20%,var(--opp-base));border:1px solid color-mix(in srgb,var(--opp-accent) 45%,transparent);border-radius:0 12px 12px;margin-bottom:7px}
body.art-pass.lagoon-pass[data-companion] .product-workspace .side-nav a.active{background:var(--opp-accent)!important;color:var(--opp-on-primary)!important;border-color:var(--opp-accent)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .side-nav a.active .icon{color:inherit}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.btn.green,.chip.active,.tab.active,.filter-token,.pip-shortlist [aria-pressed=true]){background:var(--opp-accent)!important;color:var(--opp-on-primary)!important;border-color:var(--opp-accent)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.job-result.selected,.live-job-row.is-selected){background:var(--opp-surface-hover)!important;border-color:var(--opp-accent)!important;box-shadow:inset 4px 0 var(--opp-accent)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.focus-paper,.board-detail,.job-detail-body,.panel){background:var(--opp-surface);color:var(--opp-on-surface)}
body .companion-logo{object-fit:contain!important;aspect-ratio:1.5!important;flex-shrink:0}
body .v20-home .hero{min-height:690px;background:#15251f}
body .v20-home .hero-desk{object-fit:cover;object-position:center;opacity:.8!important;filter:none!important}
body .v20-home .hero-copy{z-index:2}
body .v20-home .hero-copy h1{font-family:Georgia,serif!important;font-size:clamp(42px,5.3vw,82px)!important;line-height:1.04;letter-spacing:-.035em;color:#f6ebdd!important}
body .v20-home .hero-copy h1 .blackletter{font-family:CabinetBlackletter,Georgia,serif!important;letter-spacing:0;font-size:1.15em;color:#f6ebdd!important}
body .v20-home .hero-copy .live-copy{margin-left:28px;max-width:410px;padding-top:18px}
body .v20-home .live-copy p{color:#f6e7e8!important;font-size:17px;line-height:1.65}
body .v20-home :is(.v20-cta,.cta){background:#e85a8b!important;color:#18281f!important;border:1px solid #17261e!important;border-radius:0 14px 14px!important}
body .v20-home .hero-art{aspect-ratio:552/566!important;height:auto!important}
body .v20-home .hero-art>.companion-atlas{width:100%!important;height:auto!important;aspect-ratio:552/566!important;max-height:none!important}
body .v20-home .specimens{align-items:end;padding:32px 20px 24px!important;gap:22px;background:#f6e7e8!important;color:#24342a;border:1px solid #cababc;border-radius:0 18px 18px}
body .v20-home .specimens figure{min-width:0;margin:0;overflow:visible}
body .v20-home .specimens .evolution-art{display:flex!important;align-items:end;justify-content:center;height:220px!important;aspect-ratio:auto!important;overflow:visible!important}
body .v20-home .specimens .evolution-art>.companion-atlas{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:var(--atlas-ratio)!important;flex:none}
body .v20-home .specimens figcaption{display:flex;flex-direction:column;gap:6px;position:static!important;text-align:center;min-height:70px;padding-top:18px;line-height:1.4!important;color:#23382b!important}
body .v20-home .specimens figcaption span{font:13px/1.4 system-ui!important;color:#526052!important;position:static!important}
.intro-video{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding:65px max(6vw,24px);background:#f6e7e8;color:#24362c}
.video-placeholder{min-height:245px;border:2px solid #344739;border-radius:0 18px 18px;background:#182c23;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#f6e7e8}
.video-placeholder>span{font-size:48px;color:#ed7399}.video-placeholder small{opacity:.7}.intro-video h2{font:42px/1.1 Georgia,serif;margin:12px 0 24px}.intro-video ol{padding-left:22px;line-height:1.6}.intro-video li{padding:7px 0}
body .v20-home .crew-head{gap:48px;align-items:start}.crew-head p{max-width:510px;line-height:1.7!important}
body .v20-home .v42-match-demo{background:#f6e7e8!important;color:#23382b!important;border-color:#ad999e!important}
body .v20-home .v42-demo-tabs button[aria-selected=true]{background:#e85a8b!important;color:#17251c!important}
body .v20-home .v40-paper-train{transform:translateX(calc((1 - var(--paper-progress,0))*-45px)) rotate(-3deg)!important;transition:none!important;z-index:2}
body .v20-home .v40-cas{transform:translateX(calc((1 - var(--paper-progress,0))*-65px))!important;bottom:0!important;z-index:3}
body .v20-home .v41-computer-scene{display:flex;align-items:center;justify-content:center;min-height:400px}
body .v20-home .zarathustra-desk{width:100%;max-width:550px;height:auto;object-fit:contain;filter:none!important}
body .v20-home .landing-extension{background:#29333e!important;color:#f1e5df!important}
body .v20-home .extension-preview{background:#f1e5df!important;color:#263441!important;border-color:#d9927d!important}
body .v20-home .extension-preview-action{background:#d9927d!important;color:#263441!important}.legal-placeholder{font:13px/1.6 system-ui;max-width:420px}.legal-placeholder summary{cursor:pointer}body .v20-home footer{display:flex;justify-content:space-between;gap:24px;padding:28px 6vw}
/* Carved black frames, individual crests retain each creature's identity. */
body.art-pass.lagoon-pass[data-companion] .product-workspace .tank-glass{border:11px ridge #20271e!important;box-shadow:0 0 0 2px #030704,0 0 0 5px #515947,0 0 0 9px #121a12,inset 0 0 30px #020803!important;margin:22px 12px 5px;width:calc(100% - 24px)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .room-scene{border:18px ridge #222b20!important;box-shadow:0 0 0 2px #050b05,0 0 0 5px #636b50,0 0 0 11px #111910,inset 0 0 36px #020803!important}
.cabinet-crest,.cabinet-mini-crest{color:#92967a!important;filter:drop-shadow(2px 3px 0 #020603) drop-shadow(-1px -1px 0 #353f2e)!important;stroke-width:3!important}.cabinet-rail{color:#6a7357!important;stroke-width:3!important;filter:drop-shadow(2px 2px 0 #050b05)}
body[data-companion=ray] .tank-glass{border-radius:45% 45% 9px 9px!important}body[data-companion=isopod] .tank-glass{border-radius:20% 20% 9px 9px!important}body[data-companion=mushroom] .tank-glass{border-radius:48% 48% 25% 25%!important}
/* Smaller search controls leave room for results. */
body .product-workspace .cabinet-search{padding:14px 18px!important;margin:0 0 14px!important;gap:8px!important}
body .product-workspace .board-source-controls{margin:0 0 9px!important;gap:8px!important}
body .product-workspace .live-job-search{padding:0!important;margin:0!important;gap:10px!important;grid-template-columns:minmax(180px,1.5fr) minmax(140px,1fr) auto auto!important}
body .product-workspace .live-job-search label{font-size:12px!important;gap:5px!important}body .product-workspace .live-job-search input:not([type=checkbox]){min-height:38px!important;padding:8px 12px!important}
body .product-workspace .board-filter-panel{margin:0!important;padding:6px 0!important}.active-board-filters{margin:0!important;gap:6px!important}.feed-source-help{margin:4px 0 0!important}.board-quality{font-size:11px;opacity:.8}.job-detail-body{padding:24px 28px!important;line-height:1.65}.posting-description{overflow-wrap:anywhere}
/* The paper stays the main event. Layout options live in the toolbar. */
body .product-workspace .studio-layout{grid-template-columns:250px minmax(0,1fr)!important}
body .product-workspace .studio-toolbar{flex-wrap:wrap;gap:6px;align-items:center}
body .product-workspace .studio-templates{height:auto!important;max-height:none!important;position:relative!important;top:auto!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;width:auto!important;margin-left:auto}
.layout-picker summary{cursor:pointer;padding:9px 12px;font-size:12px;border:1px solid #7f8673;border-radius:0 8px 8px}
body .product-workspace .layout-picker[open] .studio-template-list{position:absolute;z-index:20;right:0;top:44px;width:280px;display:grid!important;grid-template-columns:repeat(3,1fr);padding:14px;background:#f6e7e8;border:1px solid #b5a5a7;box-shadow:0 8px 30px #0003;border-radius:0 12px 12px}.layout-picker:not([open])>*:not(summary){display:none!important}.layout-picker .studio-help{display:none!important}
body .product-workspace .studio-template{width:auto!important;height:auto!important;min-width:0!important}.studio-template-thumb{height:75px!important}.studio-header{gap:18px}.studio-header>div:first-child>.btn{margin-bottom:10px}
body .product-workspace .studio-block{padding:0!important;margin:0!important;min-height:1em!important;border:0!important;background:transparent!important;box-shadow:none!important}
.document-group{padding:18px 22px!important}.document-group-actions>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.document-group-actions>div>span{margin-right:auto}.document-more{position:relative}.document-more summary{cursor:pointer;padding:9px}.document-more>div{position:absolute;right:0;top:100%;min-width:190px;background:var(--opp-surface);padding:12px;z-index:10;border:1px solid var(--opp-surface-line);box-shadow:0 8px 20px #0003}.document-more button{width:100%;text-align:left}.focus-paper{position:relative;padding:28px!important}.focus-match{padding-right:110px!important}.fit-score{position:absolute;right:20px;top:22px;font:bold 26px Georgia,serif;color:var(--opp-on-surface)}.fit-score small{display:block;font:11px system-ui;margin-top:4px}.fit-method{font-size:12px;line-height:1.5;margin-top:24px}.focus-document-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.focus-paper h4{margin:24px 0 10px}.focus-paper li{margin-bottom:9px;line-height:1.6}
.prime-memory-nudge{position:fixed;bottom:24px;right:24px;max-width:460px;background:#f6e7e8;color:#263a2c;border:1px solid #b49fa5;border-radius:0 14px 14px;box-shadow:0 8px 35px #0005;z-index:9999;padding:18px;display:flex;gap:10px;flex-wrap:wrap}.prime-memory-nudge>span{width:100%}
.priority-intro{margin:22px 0}.priority-intro h1{font:32px Georgia,serif}.priority-list{position:sticky;top:20px}.priority-research>div:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.priority-research>div>p,.priority-research-actions{grid-column:1/-1}.priority-person{margin:0!important;padding:16px!important;overflow-wrap:anywhere}.priority-stages{margin-bottom:24px!important}.priority-stages li.current{border-color:var(--opp-accent)!important;background:var(--opp-surface-hover)!important;color:var(--opp-on-surface)!important}
.app-loading{display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#15251f!important;color:#f6e7e8!important;font:18px Georgia,serif;min-height:140px}.loading-ornament{font-size:38px;letter-spacing:12px;color:#e85a8b;animation:cabinet-breathe 2s ease-in-out infinite}@keyframes cabinet-breathe{50%{opacity:.45;transform:translateY(-3px)}}
@media(max-width:750px){.intro-video{grid-template-columns:1fr;gap:25px;padding:35px 22px}.intro-video h2{font-size:34px}body .v20-home .hero-copy .live-copy{margin-left:12px}body .v20-home .specimens{gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:14px 8px!important}body .v20-home .specimens .evolution-art{height:90px!important}body .v20-home .specimens figcaption{font-size:11px;padding-top:10px}body .v20-home .specimens figcaption span{font-size:10px!important}body .product-workspace .live-job-search{grid-template-columns:1fr 1fr!important}.priority-research>div:not([hidden]){grid-template-columns:1fr}body .product-workspace .studio-layout{display:flex!important}.focus-match{padding-right:24px!important;padding-top:90px!important}.prime-memory-nudge{left:15px;right:15px;bottom:15px}body .v20-home footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.loading-ornament{animation:none}body .v20-home .v40-paper-train{transform:rotate(-3deg)!important}body .v20-home .v40-cas{transform:none!important}}
body.art-pass.lagoon-pass[data-companion] .product-workspace .studio-tools :is(label,.studio-help,.section-fold summary){color:var(--opp-on-surface)!important}body.art-pass.lagoon-pass[data-companion] .product-workspace .studio-tools :is(.section-ai,.section-ai-launch){background:var(--opp-surface-hover)!important;color:var(--opp-on-surface)!important;padding:12px;border-radius:0 10px 10px}
body .v20-home .v20-header .brand{color:#f6e7e8!important;font-family:Georgia,serif!important}body .v20-home .intro-video .eyebrow{color:#55694f!important}
body .product-workspace .cabinet-search .active-board-filters:has(>span:only-child){display:none}body .product-workspace .cabinet-search .feed-source-help{font-size:11px!important;padding:0!important;border:0!important}body .product-workspace .board-filter-panel>summary{font-size:12px!important}
body .product-workspace .mirror-shell{position:relative;width:100%;aspect-ratio:3/4;isolation:isolate}
body .product-workspace .mirror-frame-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;z-index:5;pointer-events:none}
body.art-pass.lagoon-pass[data-companion] .product-workspace .mirror-shell .tank-glass{position:absolute!important;inset:21% 17% 12%!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;border:0!important;border-radius:35% 35% 8% 8%!important;box-shadow:none!important}
body .product-workspace .carved-tank>.cabinet-mini-crest{display:none!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .mirror-shell .tank-label{bottom:6px;left:3px;right:3px;padding:4px;font-size:10px;z-index:4}
body .product-workspace .mirror-shell .pip-sprite{max-width:95%!important}
.extension-page-mark{width:150px;height:105px;object-fit:contain;display:block;margin:0 auto 20px}.loading-moth{width:140px;height:90px;color:#e85a8b;animation:cabinet-breathe 2s ease-in-out infinite}
body .v20-home #follow .v40-copy p{display:block!important;visibility:visible!important;opacity:1!important;color:#f0e7dc!important;font-size:17px!important;line-height:1.65!important}body .v20-home #follow .v40-copy strong{display:block!important;color:#e7a28b!important}
@media(prefers-reduced-motion:reduce){.loading-moth{animation:none}}
body.art-pass.lagoon-pass[data-companion] .product-workspace .cabinet-search .board-source-controls{margin:0 0 8px!important}body.art-pass.lagoon-pass[data-companion] .product-workspace .cabinet-search label{margin:0!important;line-height:1.3!important}body.art-pass.lagoon-pass[data-companion] .product-workspace .cabinet-search .board-filter-panel{border-top:0;padding:2px 0!important}body.art-pass.lagoon-pass[data-companion] .product-workspace .cabinet-search .feed-source-help{border-top:0;padding:0!important}
body .product-workspace .mirror-shell .pip-sprite{position:absolute!important;left:50%!important;top:auto!important;bottom:28px!important;transform:translateX(-50%)!important;width:min(94%,calc(85px * var(--pet-ratio,1)))!important;height:auto!important;aspect-ratio:var(--pet-ratio,1)!important}
body .product-workspace .mirror-shell .pip-facing,body .product-workspace .mirror-shell .pip-sprite-frame{display:block!important;width:100%!important;height:auto!important;aspect-ratio:var(--pet-ratio,1)!important}
body .product-workspace .mirror-shell .companion-atlas{width:100%!important;height:auto!important;aspect-ratio:var(--atlas-ratio)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .studio-tools small{color:#526052!important}
/* Animate the crop container, never the sheet inside it. */
body .v20-home .specimens .companion-atlas img{animation:none!important;transform:none!important}
body .v20-home .specimens figure:nth-child(-n+4) .companion-atlas{animation:v23-bob 3.6s ease-in-out infinite}
body .v20-home .specimens figure:nth-child(2) .companion-atlas{animation-delay:-.9s}body .v20-home .specimens figure:nth-child(3) .companion-atlas{animation-delay:-1.8s}body .v20-home .specimens figure:nth-child(4) .companion-atlas{animation-delay:-2.7s}
@media(prefers-reduced-motion:reduce){body .v20-home .specimens .companion-atlas{animation:none!important}}
/* September motion polish: one loading treatment, only while loading. */
@font-face{font-family:OppOldEnglish;src:url('/fonts/UnifrakturMaguntia-Book.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
body .v20-home .hero-copy h1 .blackletter{font-family:OppOldEnglish,serif!important;font-weight:400!important;font-synthesis:none;letter-spacing:0;font-size:1.15em}
body .app-loading{display:none!important}
body #legacy-root[data-loading]>.app-loading{display:block!important;position:fixed;inset:0;z-index:10000;min-height:100dvh;background:#15251f url('/art/moth-loading.png') center/cover no-repeat!important}
body #modal:has(.workspace-loading-art){position:fixed;inset:0;margin:0;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;background:#15251f!important;overflow:hidden}
body #modal:has(.workspace-loading-art)>:not(.modal-body):not(.workspace-loading-art){display:none!important}
body #modal:has(.workspace-loading-art) .modal-head{display:none!important}
body #modal .workspace-loading-art{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;background:#15251f url('/art/moth-loading.png') center/cover no-repeat!important}
body .product-workspace button,body .product-workspace :is(.btn,.side-nav a,.chip,.tab),body .v20-home :is(button,.v20-cta,.cta,.landing-sign-in,.feature-tour-cta){border-top-left-radius:0!important;border-bottom-right-radius:0!important}
/* Habitat rooms are simple rectangles; ornate mirrors belong to the sidebar tanks. */
body.art-pass.lagoon-pass[data-companion] .product-workspace .room-scene{border:0!important;border-radius:0!important;box-shadow:none!important;margin-top:24px!important}
body .product-workspace .cabinet-scene{padding:0!important;border:0!important;box-shadow:none!important}
body .product-workspace .cabinet-scene>:is(.cabinet-crest,.cabinet-rail,.cabinet-foot),body .product-workspace .cabinet-habitat-detail{display:none!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace:not(.nav-collapsed) .side-bottom{margin-top:0!important;padding-top:0!important;flex:1 0 auto!important;display:flex!important;flex-direction:column}
body.art-pass.lagoon-pass[data-companion] .product-workspace:not(.nav-collapsed) .sidebar-tank.lagoon-tank{margin-top:0!important;display:flex!important;flex-direction:column;flex:1 0 auto!important}
body .product-workspace:not(.nav-collapsed) .mirror-shell{aspect-ratio:auto;min-height:245px;flex:1 0 auto}
body .product-workspace:not(.nav-collapsed) .side-footer{flex:0 0 auto}
body .product-workspace:not(.nav-collapsed) .nav-collapse{margin-bottom:2px!important}
/* Pip arrives before the video. His five-stage lineup contains only artwork. */
body .v20-home .crew{overflow:visible!important;position:relative;padding-top:64px!important}
body .v20-home .crew-head{display:block!important;max-width:66%;margin:0 0 32px!important}
body .v20-home .crew-head p{margin-top:22px;max-width:640px}
body .v20-home .specimens{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;margin-top:42px!important;padding:24px 0 16px!important;position:relative;z-index:1}
body .v20-home .specimens figure{grid-template-rows:auto!important;border:0!important;box-shadow:none!important;padding:0!important}
body .v20-home .specimens :is(figcaption,figure:before,figure:after),body .v20-home .specimens:before,body .v20-home .specimens:after{display:none!important;content:none!important}
body .v20-home .specimens .evolution-art{margin-bottom:0!important}
body .landing-traveler{z-index:6;overflow:hidden!important;pointer-events:none;max-height:none!important;max-width:none!important}
.feature-tour{max-width:72%;padding:28px;background:#f6e7e8;color:#24362c;border:1px solid #c6b5b7;border-radius:0 18px 0 18px;box-shadow:0 12px 30px #17271f10}
.feature-tour-heading{margin-bottom:24px}.feature-tour-heading h3{font:32px/1.15 Georgia,serif;margin:10px 0}.feature-tour-heading>p:last-child{font-size:14px;color:#526052}
.feature-tour-body{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1.65fr);gap:24px}
.feature-tour-tabs{display:flex;flex-direction:column;gap:7px;border-right:1px solid #d5bfc5;padding-right:16px}
.feature-tour-tabs button{display:flex;gap:10px;align-items:center;text-align:left;min-height:48px;padding:12px;font:600 13px/1.4 system-ui;color:#34483b;border:1px solid transparent;border-radius:0 10px 0 10px}
.feature-tour-tabs button>span{font:22px Georgia,serif;min-width:24px;text-align:center}.feature-tour-tabs button[aria-selected=true]{background:#e85a8b;color:#15251f;border-color:#b74870}.feature-tour-tabs button:hover{border-color:#a87989}.feature-tour-tabs button:focus-visible,.feature-tour-panels section:focus-visible{outline:2px solid #7c354f;outline-offset:3px}
.feature-tour-panels{min-width:0;min-height:385px}.feature-tour-panels [hidden]{display:none!important}.feature-tour-panels h4{font:26px/1.15 Georgia,serif;margin:14px 0}.feature-tour-panels p{font:14px/1.65 system-ui;max-width:520px}.feature-example-label{font:10px/1.4 system-ui;letter-spacing:.06em;text-transform:uppercase;color:#6b5c61}
.feature-example{margin:20px 0;display:grid;gap:8px}.feature-example-row{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#fff8f5;border:1px solid #dcc8ce;border-radius:0 8px 0 8px;font:12px/1.4 system-ui}.feature-example-row>span{font:12px Georgia,serif;color:#99536b;border-right:1px solid #dcc8ce;padding-right:10px}.feature-example-row strong{font-weight:500}.feature-tour-cta{display:inline-flex;align-items:center;gap:18px;color:#27392d;border-bottom:1px solid #997b85;padding:5px 0;font:600 13px/1.4 system-ui}
/* Cas pulls the papers as one readable scene; paper corners stay inside its bounds. */
body .v20-home .v40-resume{overflow:hidden!important}
body .v20-home .resume-scene{height:540px;min-height:540px;overflow:visible!important;--paper-x:0px;--cas-x:0px;--paper-tilt:-3deg}
body .v20-home .v40-paper-train{inset:55px 4% auto 20%!important;height:340px;transform:translateX(var(--paper-x)) rotate(var(--paper-tilt))!important;transform-origin:50% 80%;z-index:2}
body .v20-home .v40-sheet{min-height:280px!important;padding:22px!important}
body .v20-home .v40-cas{left:0!important;bottom:6px!important;width:58%!important;transform:translateX(var(--cas-x))!important;z-index:3}
body .v20-home .v40-cas>.companion-atlas{width:100%!important;height:auto!important;aspect-ratio:403/270!important;max-height:none!important;transform-origin:50% 90%;animation:cas-scuttle 1.15s ease-in-out infinite!important}
body .v20-home .v40-cas img{animation:none!important;transform:none!important}
@keyframes cas-scuttle{0%,100%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-5px) rotate(1deg)}50%{transform:translateY(-1px) rotate(-.6deg)}75%{transform:translateY(-4px) rotate(.8deg)}}
/* Use the same surface, line and action colors as Ray's actual capture panel. */
body .v20-home .extension-preview{background:#17271f!important;color:#f6e7e8!important;border-color:#435779!important}
body .v20-home .extension-preview-head,body .v20-home .extension-preview>p{color:#bbcce4!important}
body .v20-home .extension-preview-tabs{border-color:#435779!important;color:#bbcce4!important}
body .v20-home .extension-preview-tabs span{animation:none!important;background:transparent!important;color:#bbcce4!important}
body .v20-home .extension-preview-tabs span:first-child,body .v20-home .extension-preview-action{background:#d9927d!important;color:#17271f!important}
body .v20-home .extension-preview-pet{border-color:#435779!important;background-color:#1b2b43!important}
@media(max-width:1000px){.feature-tour{max-width:72%;padding:22px}.feature-tour-body{grid-template-columns:1fr;gap:16px}.feature-tour-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid #d5bfc5;padding:0 0 16px}.feature-tour-panels{min-height:330px}}
@media(max-width:750px){body .v20-home .crew{padding-top:40px!important}body .v20-home .crew-head{max-width:100%}.feature-tour{max-width:100%;padding:20px}.feature-tour-tabs button{padding:10px;font-size:12px}.feature-tour-heading h3{font-size:27px}.feature-tour-panels h4{font-size:24px}body .v20-home .specimens .evolution-art{height:95px!important}body .v20-home .resume-scene{height:450px;min-height:450px}body .v20-home .v40-paper-train{inset:45px 8% auto 17%!important}body .v20-home .v40-sheet{padding:17px!important;min-height:255px!important}body .v20-home .v40-sheet b{font-size:17px}body .v20-home .v40-cas{bottom:0!important;width:62%!important}}
@media(prefers-reduced-motion:reduce){body .v20-home .v40-cas>.companion-atlas{animation:none!important}body .v20-home .v40-paper-train{transform:rotate(-3deg)!important}body .v20-home .v40-cas{transform:none!important}}
body .v20-home.motion-paused .v40-cas>.companion-atlas{animation-play-state:paused!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(button,.btn,.side-nav a,.chip,.tab,.pill,.tag,.level-pill){border-top-left-radius:0!important;border-bottom-right-radius:0!important}
body .v20-home .feature-tour .eyebrow{color:#66555d!important}
body .v20-home .landing-extension .v20-cta{background:#d9927d!important;color:#17271f!important}
body .v20-home .extension-preview :is(.extension-preview-action,.extension-preview-tabs span){border-top-left-radius:0!important;border-bottom-right-radius:0!important}
@media(max-width:750px){body .v20-home .hero-desk{object-position:78% center!important}}
/* Friendly goth: warm readable surfaces, creature accents, charcoal ornament. */
body[data-companion]{--opp-base:#f7f0e9;--opp-panel:#fff8f4;--opp-surface:#fff8f4;--opp-surface-hover:#f5e0e8;--opp-primary:#ee86a6;--opp-accent:#ee86a6;--opp-on-primary:#302b31;--opp-on-surface:#302b31;--opp-light:#302b31;--opp-muted:#70636b;--opp-line:#d9c3c9;--opp-surface-line:#d9c3c9;--opp-link:#884360;--friendly-nav:#29262d;--friendly-nav-text:#fff3e9;--study-edge:#302b31}
body[data-companion=ray]{--opp-base:#eef1f3;--opp-panel:#f8f5f0;--opp-surface:#f8f5f0;--opp-surface-hover:#f2ded5;--opp-primary:#ba4657;--opp-accent:#ba4657;--opp-on-primary:#fff8f4;--opp-on-surface:#29333e;--opp-light:#29333e;--opp-muted:#5f6b77;--opp-line:#c4cdd5;--opp-surface-line:#c4cdd5;--opp-link:#425e76;--friendly-nav:#282e38;--friendly-nav-text:#fff2e7;--study-edge:#29333e}
body[data-companion=isopod]{--opp-base:#f2edf4;--opp-panel:#fcf7fc;--opp-surface:#fcf7fc;--opp-surface-hover:#e9ddf0;--opp-primary:#bfa0d5;--opp-accent:#bfa0d5;--opp-on-primary:#342c3b;--opp-on-surface:#342c3b;--opp-light:#342c3b;--opp-muted:#72657c;--opp-line:#d3c4dd;--opp-surface-line:#d3c4dd;--opp-link:#715084;--friendly-nav:#2d2733;--friendly-nav-text:#f7ecff;--study-edge:#342c3b}
body[data-companion=mushroom]{--opp-base:#f5eee5;--opp-panel:#fff8ec;--opp-surface:#fff8ec;--opp-surface-hover:#f3dfcc;--opp-primary:#eaa38b;--opp-accent:#eaa38b;--opp-on-primary:#383028;--opp-on-surface:#383028;--opp-light:#383028;--opp-muted:#786751;--opp-line:#dccab5;--opp-surface-line:#dccab5;--opp-link:#80553f;--friendly-nav:#302c28;--friendly-nav-text:#fff2dc;--study-edge:#383028}
body.art-pass.lagoon-pass[data-companion] .product-workspace .sidebar{background:var(--opp-panel)!important;color:var(--opp-on-surface)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.side-nav a,.side-nav a.active,.side-nav a.active .icon){background:var(--opp-surface-hover)!important;color:var(--opp-on-surface)!important;border-color:var(--opp-line)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .side-nav a.active{background:var(--opp-accent)!important;border-color:var(--opp-on-surface)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.brand,.studio-tools h2,.section-ai>summary,.topbar h1,.page-head h1){color:var(--opp-on-surface)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.btn.quiet,.chip,.tab,input,textarea,select){background:var(--opp-panel);color:var(--opp-on-surface);border-color:var(--opp-line)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.note,.muted,.side-footer,.demo-label,.nav-collapse,.top-actions button){color:var(--opp-muted)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.panel,.priority-card,.workspace-card,.pip-queue){background:var(--opp-panel)!important;color:var(--opp-on-surface)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.btn.green,.btn.pink){background:var(--opp-primary)!important;color:var(--opp-on-primary)!important;border-color:var(--opp-on-primary)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .tank-label{background:var(--friendly-nav);color:var(--friendly-nav-text)}
body .v20-home{--pink:#ee86a6;--lime:#ee86a6;background:#f7f0e9;color:#302b31}
body .v20-home .v20-header{background:#29262d!important;color:#fff3e9!important;min-height:82px;padding:15px 4vw!important;border:solid transparent!important;border-width:8px 22px!important;border-image:url('/art/mirror-pip.png') 410 200 170 200 / 15px 26px 13px 26px stretch!important;box-shadow:0 4px 18px #211b2926;backdrop-filter:none}
body .v20-home .v20-header .brand{color:#fff3e9!important}
body .v20-home :is(.v20-cta,.cta){background:#ee86a6!important;color:#302b31!important;border-color:#302b31!important}
body .v20-home .v20-header .landing-sign-in{background:#fff3e9!important;color:#302b31!important;border-color:#d9c3c9!important}
body .v20-home .hero:after{background:linear-gradient(90deg,#29262ded 0%,#29262dbb 38%,#29262d00 72%)!important}
body .v20-home .hero h1{color:#fff3e9!important}
body .v20-home .hero .live-copy{margin-left:40px}
body .v20-home .hero .live-copy p{color:#fff3e9!important}
body .v20-home .crew{background:#f7f0e9!important;color:#302b31!important;padding-bottom:12px!important}
body .v20-home .crew-head{max-width:75%;margin-bottom:28px!important}
body .v20-home .crew-head h2{font-size:clamp(26px,3vw,40px);line-height:1.2;color:#302b31!important}
body .v20-home .intro-video{margin-top:0!important;padding-top:28px!important;padding-bottom:58px;background:#f7f0e9!important;color:#302b31!important;gap:36px}
body .v20-home .intro-video h2{font-size:clamp(25px,2.8vw,38px);line-height:1.2;color:#302b31!important}
body .v20-home .video-placeholder{background:#f5e0e8!important;color:#302b31!important;border-color:#d9c3c9!important;border-top-left-radius:0!important;border-bottom-right-radius:0!important}
body .v20-home .v40-resume{background:#f2edf4!important;color:#342c3b!important}
body .v20-home .v40-follow{background:#f5eee5!important;color:#383028!important}
body .v20-home .v40-extension{background:#eef1f3!important;color:#29333e!important}
body .v20-home .v40-ending{background:#29262d!important;color:#fff3e9!important}
body .v20-home :is(.v40-resume,.v40-follow,.v40-extension) :is(h2,p,strong){color:inherit!important}
body .v20-home .v40-resume h2 em{color:#715084!important}body .v20-home .v40-follow h2 em{color:#80553f!important}
body .v20-home .landing-employers{background:#fff8f4!important;color:#302b31!important}
body .v20-home .landing-employers h2{color:#302b31!important}
body .v20-home footer{background:#29262d!important;color:#fff3e9!important}
body .feature-tour{background:#fff8f4;color:#302b31;border-color:#d9c3c9}
.feature-tour-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.feature-tour-heading h3{font-size:29px}.tour-playback{flex:none;background:#f5e0e8;color:#302b31;border:1px solid #d9c3c9;padding:10px 12px;font:600 12px system-ui;border-radius:0 10px 0 10px;cursor:pointer}
body .feature-tour-tabs button{color:#302b31;background:transparent}body .feature-tour-tabs button[aria-selected=true]{background:#ee86a6;color:#302b31;border-color:#884360}.feature-tour-panels{min-height:445px}.feature-tour-panels h4{color:#302b31}.feature-tour-cta{color:#884360}.tour-stage{display:grid;gap:10px;margin:20px 0;min-height:240px;align-content:start;font:13px/1.45 system-ui;color:#302b31}.tour-stage p{font:13px/1.5 system-ui;margin:8px 0}.tour-stage small{font:10px/1.4 system-ui;letter-spacing:.06em;color:#70636b}.tour-card,.tour-document,.tour-browser{padding:16px;background:#f7f0e9;border:1px solid #d9c3c9;border-radius:0 12px 0 12px;display:grid;gap:8px}.tour-card>b,.tour-browser>b{font:23px Georgia,serif}.tour-tag,.tour-save{background:#f5e0e8;color:#633149;padding:7px 10px;max-width:100%;width:fit-content;border-radius:0 8px 0 8px}.tour-detail{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #d9c3c9}.tour-requirement{line-height:1.7}.tour-requirement mark{background:#f5e0e8;color:#633149}.tour-fields{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:12px;border:1px solid #d9c3c9}.tour-fields b{font-weight:500;overflow-wrap:anywhere}.tour-track{display:flex;gap:8px;justify-content:space-between}.tour-track>div{padding:8px;background:#f7f0e9}.tour-track .tour-applied{background:#f5e0e8}.tour-contacts{display:flex;gap:8px}.tour-contacts span{padding:10px;background:#f5e0e8;border-radius:0 8px 0 8px}.tour-sequence{display:grid;gap:12px}.tour-sequence>div{display:grid;gap:4px;padding:10px 12px;border-left:3px solid #ee86a6;background:#f7f0e9}.tour-enter{animation:tour-arrive .5s both}.tour-enter:nth-child(2){animation-delay:.3s}.tour-enter:nth-child(3){animation-delay:.65s}.tour-move{animation:tour-slide 1s both}.tour-paused *{animation-play-state:paused!important}@keyframes tour-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tour-slide{from{transform:translateX(-14px);opacity:.3}to{transform:translateX(0);opacity:1}}
@media(max-width:750px){body .v20-home .hero .live-copy{margin-left:12px}body .v20-home .crew-head{max-width:100%}body .v20-home .v20-header{padding:10px 12px!important;min-height:76px;border-width:7px 12px!important}body .v20-home .v20-header nav{gap:8px}body .v20-home .hero:after{background:linear-gradient(#29262de8 0%,#29262dbb 44%,transparent 85%)!important}.feature-tour-heading{flex-wrap:wrap}.feature-tour-panels{min-height:460px}body .v20-home .intro-video{padding-top:14px!important;gap:24px}.tour-detail{grid-template-columns:1fr;gap:4px}}
@media(prefers-reduced-motion:reduce){.tour-enter,.tour-move{animation:none!important}}
/* Keep paused/offscreen scenes legible and chapter copy on its intended paper. */
.tour-paused .tour-enter,.tour-paused .tour-move{animation:none!important;opacity:1;transform:none}
body .v20-home .v40-resume .v40-copy{color:#342c3b!important}
body .v20-home .v40-follow .v40-copy{color:#383028!important}
body .v20-home .v40-follow .v40-copy strong{color:#80553f!important}
body .v20-home .v40-resume{column-gap:48px}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.feed-status,.feed-source-help,.board-source-note,.studio-help){color:var(--opp-muted)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .tank-label :is(span,strong,small){color:var(--friendly-nav-text)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .side-nav a[aria-current=page]{background:var(--opp-accent)!important;color:var(--opp-on-primary)!important}