/* Dark workspace, white reading surfaces. Scoped presentation overrides. */
.preview-hero{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:64px max(5vw,24px);background:radial-gradient(ellipse at 15% 90%,#294d39,transparent 65%),#101e18;color:#f4f8f1;overflow:hidden}
.preview-personality{color:#f093bf;font-size:20px;font-style:italic}.preview-hero h1{font:600 clamp(44px,6vw,88px)/1.03 Georgia,serif;letter-spacing:-.05em;margin:24px 0}.preview-hero-copy>p:not(.preview-personality){max-width:470px;font-size:19px;line-height:1.6}.preview-aside{opacity:.8;font-size:14px!important}.preview-pet{width:260px;height:140px;object-fit:cover;border-radius:80px;margin-top:12px;mask-image:linear-gradient(black 65%,transparent)}
.product-demo{background:#1c3026;border:1px solid #587563;border-radius:18px;box-shadow:0 24px 70px #0005;padding:22px;color:#f4f8f1;min-width:0}.demo-top{display:flex;justify-content:space-between;gap:12px;color:#bbd3c3;font-size:12px;border-bottom:1px solid #587563;padding-bottom:18px}.demo-top>span{color:#f093bf}.demo-job{padding:24px 0}.demo-job small{letter-spacing:.12em;color:#a3eca9}.demo-job h2{font:600 28px/1.2 system-ui;margin:12px 0}.demo-pay{font-size:14px;color:#a3eca9}.demo-sequence{display:grid;min-height:275px}.demo-sequence>section{grid-area:1/1;padding:24px;background:#f5f7f1;color:#1b3023;border-radius:10px;animation:demo-step 15s infinite;opacity:0;visibility:hidden}.demo-sequence>section:nth-child(2){animation-delay:5s}.demo-sequence>section:nth-child(3){animation-delay:10s}.demo-evidence{line-height:2.3;color:#285d39}.demo-document{margin:20px 0;background:#fff;border:1px solid #d5ded6;padding:18px;display:grid;gap:10px}.demo-document span{font-size:12px;color:#52665a}.demo-document i{height:5px;background:#ccd9ce;width:90%}.demo-document i:nth-of-type(2){width:70%}.demo-ready{display:block;padding:14px;background:#b7efbc;color:#183721;border-radius:8px}.product-demo>.text-button{margin-top:14px;color:#b7efbc;background:transparent;border:0;cursor:pointer}.demo-paused .demo-sequence>section{animation-play-state:paused}
@keyframes demo-step{0%,30%{opacity:1;visibility:visible;transform:translateY(0)}33%,100%{opacity:0;visibility:hidden;transform:translateY(8px)}}
body.art-pass.lagoon-pass .product-workspace .topbar{height:56px;min-height:56px}body.art-pass.lagoon-pass[data-page=board] .product-workspace .content{padding:18px 24px;gap:8px}body.art-pass.lagoon-pass .product-workspace .live-job-search{margin:0;gap:10px}body.art-pass.lagoon-pass .product-workspace .live-job-search label{font-size:12px;gap:4px}body.art-pass.lagoon-pass .product-workspace .live-job-search .remote-option{padding-bottom:10px}body.art-pass.lagoon-pass .product-workspace .board-filter-panel{padding:2px 0}body.art-pass.lagoon-pass .product-workspace .board-source-controls{margin:0;gap:8px}body.art-pass.lagoon-pass .product-workspace .board-source-controls .btn{font-size:12px;padding:7px 12px;min-height:32px}body.art-pass.lagoon-pass .product-workspace .feed-source-help{font-size:12px;margin:0}body.art-pass.lagoon-pass .product-workspace .board-quality{display:none}body.art-pass.lagoon-pass .product-workspace .feed-status{margin:4px 0;font-size:13px}body.art-pass.lagoon-pass .product-workspace .job-browser{grid-template-columns:minmax(260px,32%) minmax(0,68%);gap:16px;height:calc(100dvh - 300px);min-height:430px}body.art-pass.lagoon-pass .product-workspace .job-results{gap:0;padding:0;border:1px solid #3e5145;border-radius:12px;background:#18271f}body.art-pass.lagoon-pass .product-workspace .live-job-row{background:#18271f;color:#ecf3ec;border:0;border-bottom:1px solid #3e5145;border-radius:0;margin:0;box-shadow:none}body.art-pass.lagoon-pass .product-workspace .job-result{padding:14px 16px;border-radius:0;color:#ecf3ec}body.art-pass.lagoon-pass .product-workspace .job-result strong{font-size:15px;color:#eff6ee}body.art-pass.lagoon-pass .product-workspace .job-result span{color:#bdcec1;font-size:12px}body.art-pass.lagoon-pass .product-workspace .job-result b{font-size:13px;color:#a7eab0;margin-top:5px}body.art-pass.lagoon-pass .product-workspace .job-result.selected{background:#294b35;box-shadow:inset 4px 0 #95f29a}body.art-pass.lagoon-pass .product-workspace .live-job-row>.note{color:#aec8b6;font-size:11px;margin:0 16px 8px}body.art-pass.lagoon-pass .product-workspace .job-detail-head{padding:20px 24px}body.art-pass.lagoon-pass .product-workspace .job-detail-head h1{font-size:25px;line-height:1.25}body.art-pass.lagoon-pass .product-workspace .job-detail-body{padding:20px 24px}body.art-pass.lagoon-pass .product-workspace .company-mark{width:34px;height:34px}body.art-pass.lagoon-pass .product-workspace .company-initials{color:#d1f3d5;background:#355441}
body.art-pass.lagoon-pass[data-page=room] .room-scene{height:clamp(260px,34vh,380px)!important;min-height:260px!important;max-height:380px}body.art-pass.lagoon-pass[data-page=room] .page-head{margin-bottom:14px}body.art-pass.lagoon-pass .pip-queue{padding:24px 0}.pip-focus-desk{display:grid;grid-template-columns:minmax(190px,27%) minmax(0,1fr);gap:16px;margin-top:20px;align-items:start}.pip-shortlist{background:#18271f;border:1px solid #405749;border-radius:12px;max-height:640px;overflow:auto;padding:12px}.pip-shortlist>button{display:grid;gap:7px;text-align:left;width:100%;background:transparent;color:#edf4eb;border:0;border-bottom:1px solid #344c3d;padding:14px 12px;cursor:pointer;border-radius:6px}.pip-shortlist>button[aria-pressed=true]{background:#2c4c36;box-shadow:inset 3px 0 #95f29a}.pip-shortlist small{color:#f093bf}.pip-shortlist span{font-size:12px;color:#bbd3c1}.pip-focus-main{min-width:0;background:#1a2b21;border:1px solid #405749;border-radius:12px;padding:20px}.focus-heading{display:grid;gap:6px;margin-bottom:14px}.focus-heading span{color:#f093bf;font-size:13px}.focus-heading strong{font-size:22px}.focus-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #405749;padding-bottom:12px;margin-bottom:16px}.focus-tabs button{background:transparent;color:#d2e3d5;border:1px solid transparent;padding:8px 12px;border-radius:6px;cursor:pointer}.focus-tabs button[aria-pressed=true]{background:#95f29a;color:#16291c}.focus-paper{background:#f7f8f3;color:#1c3022;padding:24px;border-radius:8px;max-height:600px;overflow:auto}.focus-paper .posting-description{font-size:15px}.focus-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.pip-focus-main>.scout-card{box-shadow:none!important;padding:20px!important}.pip-focus-main>.scout-card .scout-card-actions{display:none}.pip-focus-main>.note{font-size:12px;margin-top:12px}.pip-pending:empty{display:none}
@media(prefers-reduced-motion:reduce){.demo-sequence>section{animation:none;display:none}.demo-sequence>section:first-child{display:block;opacity:1;visibility:visible}.product-demo>.text-button{display:none}}
@media(max-width:850px){.preview-hero{grid-template-columns:1fr;padding:32px 22px}.preview-pet{display:none}.pip-focus-desk{grid-template-columns:1fr}.pip-shortlist{max-height:210px}.focus-actions{flex-wrap:wrap}body.art-pass.lagoon-pass .product-workspace .job-browser{display:flex;height:auto;min-height:0}body.art-pass.lagoon-pass .product-workspace .job-results{max-height:36vh}body.art-pass.lagoon-pass[data-page=board] .product-workspace .content{padding:14px}.demo-top{flex-wrap:wrap}}
body.art-pass.lagoon-pass .product-workspace .live-job-row:has(.job-result.selected){background:#294b35;border:0;border-bottom:1px solid #3e5145;box-shadow:none}
body.art-pass.lagoon-pass .product-workspace .job-result.selected :is(strong,span,p,b,.saved-marker){color:#eff6ee}
.focus-paper .posting-description{white-space:pre-wrap;overflow-wrap:anywhere}
/* v20: approved landing and habitat. Scoped to avoid document/editor regressions. */
.v20-home{--ink:#173b2a;--pink:#efa5c6;--lime:#c5f48b;background:#10271e;color:#f3f6ec;font-family:OppPlex,Arial,sans-serif;overflow:hidden}.v20-home *{box-sizing:border-box}.v20-home a{color:inherit}.v20-home h1,.v20-home h2{font-family:OppPlex,Arial,sans-serif;font-weight:600;letter-spacing:-.04em;text-transform:none;line-height:1.08;margin:0 0 24px}.v20-home h2{font-size:clamp(34px,4.8vw,68px)}.v20-home p{font-size:18px;line-height:1.65;margin:0 0 22px}.v20-home small{display:block;font-size:12px;line-height:1.6}.v20-home .eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.v20-header{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;color:#f7f7ed}.v20-header .brand{display:flex;align-items:center;gap:8px;font:600 25px OppPlex,Arial,sans-serif;text-decoration:none}.v20-header nav{display:flex;align-items:center;gap:24px}.v20-header nav>a{font-size:14px;text-decoration:none}.v20-header button{background:transparent;border:1px solid #91ad96;border-radius:20px;color:#edf6e9;padding:8px 12px;cursor:pointer}.v20-home .v20-cta,.v20-home .cta{display:inline-flex;gap:25px;background:var(--pink);color:#14271d;border-radius:30px;padding:14px 25px;font-weight:600;text-decoration:none}.v20-home .hero{position:relative;min-height:92svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:140px 6vw 70px;isolation:isolate}.v20-home .hero-desk{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.v20-home .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b241aec,transparent 85%);z-index:-1}.v20-home .hero h1{font-size:clamp(40px,5vw,70px);color:#f0abc9}.v20-home .live-copy{max-width:500px}.v20-home .hero-art{margin:50px 0 0;min-width:0;position:relative}.v20-home .hero-art img{width:100%;max-height:620px;object-fit:contain;animation:v20-breathe 6s ease-in-out infinite;filter:drop-shadow(0 20px 20px #00160a66)}.v20-home .hero-art figcaption{font-size:13px;text-align:center;color:#d6e7cd}.v20-home .scroll{display:inline-block;margin-top:20px;font-size:13px}.v20-home .crew{padding:70px 6vw;background:#dfe9d4;color:var(--ink)}.v20-home .crew-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.v20-home .planned{margin-top:15px;border-top:1px solid #8ca48a;padding-top:12px;font-weight:600}.v20-home .specimens{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:15px;margin:35px 0}.v20-home .specimens figure{margin:0;min-width:0;text-align:center}.v20-home .specimens img{width:100%;height:210px;object-fit:contain}.v20-home .specimens figure:nth-child(1) img{height:95px}.v20-home .specimens figure:nth-child(2) img{height:125px}.v20-home .specimens figure:nth-child(3) img{height:165px}.v20-home .specimens figcaption span{display:block;font-size:12px;margin-top:7px}.v20-home .rewardline{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #afc1a7;padding-top:20px}.v20-home .art-section{position:relative;min-height:650px;isolation:isolate;overflow:hidden}.v20-home .art-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.v20-home .archive:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09261ae6,transparent 75%);z-index:-1}.v20-home .art-copy{max-width:540px;padding:80px 0 90px 6vw}.v20-home .art-copy em{color:var(--pink);font-style:normal}.v20-home .source-list{font-size:14px;line-height:1.8;border-top:1px solid #6d8a76;padding-top:20px}.v20-home .archive-label{position:absolute;bottom:25px;left:6vw;font-size:10px;letter-spacing:.12em}.v20-home #follow{background:#dfe9d4;color:var(--ink)}.v20-home .follow-heading{padding:60px 6vw 25px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.v20-home .correspondence{min-height:460px}.v20-home .sequence{display:flex;position:absolute;bottom:0;left:0;right:0;background:#10271edf;color:#f1f7e8;padding:20px 6vw;justify-content:space-between;gap:20px}.v20-home .sequence span,.v20-home .sequence strong{display:block}.v20-home .sequence span{font-size:11px;color:#c5eea1;margin-bottom:5px}.v20-home .sequence strong{font-size:14px}.v20-home .landing-employers{padding:50px 0;background:#edf1e5;color:var(--ink)}.v20-home .jobs-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 6vw}.v20-home .jobs-top h2{font-size:36px}.v20-home .jobs-top p{max-width:400px;font-size:16px}.v20-home .logos{overflow:hidden;padding:25px 0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);pointer-events:none}.v20-home .logo-track{display:flex;width:max-content;animation:v20-marquee 35s linear infinite}.v20-home .logo-group{display:flex;gap:65px;align-items:center;padding-right:65px}.v20-home .logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.v20-home .logo img{width:34px;height:34px;object-fit:contain}.v20-home .logo.added img{width:110px;height:45px}.v20-home .logo span{font-size:24px;font-weight:600}.v20-home .landing-employers small{padding:10px 6vw 0}.v20-home .ending{text-align:center;padding:85px 7vw;background:radial-gradient(ellipse at bottom,#376044,#10271e 75%)}.v20-home .ending p{max-width:600px;margin:20px auto;font-size:14px}.v20-home .ending h2 em{color:var(--pink);font-style:normal}.v20-home footer{padding:25px 6vw;font-size:12px}.v20-home .motion-paused *, .v20-home.motion-paused *{animation-play-state:paused!important}.v20-home :is(a,button):focus-visible{outline:3px solid var(--lime);outline-offset:5px}@keyframes v20-marquee{to{transform:translateX(-50%)}}@keyframes v20-breathe{50%{transform:translateY(-10px) rotate(1deg)}}
body.art-pass.lagoon-pass[data-page=room] .lagoon-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:24px;align-items:start}.lagoon-habitat{min-width:0}body.art-pass.lagoon-pass[data-page=room] .lagoon-workspace .room-scene{height:calc(100svh - 220px)!important;min-height:520px!important;max-height:850px;border-radius:16px;box-shadow:none;background:#21452c}body.art-pass.lagoon-pass[data-page=room] .room-bg{object-fit:cover;width:100%;height:100%;border-radius:0;opacity:1}.lagoon-workspace .pip-queue{padding:0;margin-top:0}.lagoon-workspace .pip-focus-desk{display:flex;flex-direction:column;gap:12px}.lagoon-workspace .pip-focus-main{width:100%;background:#fafbf6;color:#183b2b;border:1px solid #dce3d5;padding:20px}.lagoon-workspace .pip-picker{width:100%;color:#e5f1df}.pip-picker>summary{cursor:pointer;padding:10px 0;font-size:14px}.lagoon-workspace .pip-shortlist{max-height:250px}.lagoon-workspace .focus-tabs{border-color:#dce3d5}.lagoon-workspace .focus-tabs button{color:#34573f}.lagoon-workspace .focus-tabs button[aria-pressed=true]{background:#e6f2d3;box-shadow:inset 0 -3px #a7df72}.lagoon-workspace .focus-paper{background:#fff;max-height:52vh;padding:16px;font-size:16px;line-height:1.7}.lagoon-workspace .pip-focus-main>.scout-card{background:#f6f8f0!important;color:#193f2b!important;border:0!important}.lagoon-workspace .pip-focus-main>.scout-card :is(h3,h4,p,li){color:#193f2b!important}.lagoon-workspace .pip-focus-main>.note{color:#496452}.lagoon-workspace .focus-actions .green{background:#f0abc9!important;color:#172d20!important}.lagoon-workspace .room-caption{font-size:12px}.lagoon-workspace .lagoon-landmark{background:#163721e6!important;border:1px solid #accf99!important;border-radius:20px!important;width:auto!important;height:auto!important;padding:10px 15px!important;bottom:16px!important;top:auto!important;transform:none!important}.lagoon-workspace .lagoon-landmark .lagoon-ornament{display:none}.lagoon-workspace .wardrobe-cove{left:12px!important}.lagoon-workspace .star-island{left:auto!important;right:12px!important}.lagoon-workspace .lagoon-landmark span{position:static!important;transform:none!important;color:#eff7e8!important}.lagoon-workspace .room-toolbar{gap:8px;flex-wrap:wrap}.lagoon-workspace .room-toolbar .btn{font-size:12px;padding:8px}.lagoon-workspace .lagoon-play{margin-top:15px}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .live-job-search{grid-template-columns:minmax(190px,1.3fr) minmax(150px,1fr) auto auto;align-items:end;padding:0}body.art-pass.lagoon-pass[data-page=board] .product-workspace .live-job-search input:not([type=checkbox]){min-height:40px;padding:9px 12px}body.art-pass.lagoon-pass[data-page=board] .product-workspace .board-filter-panel{grid-column:1/-1;font-size:13px}body.art-pass.lagoon-pass[data-page=board] .product-workspace .board-source-controls{gap:8px}body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-browser{grid-template-columns:minmax(260px,31%) minmax(0,69%);height:calc(100dvh - 245px)}body.art-pass.lagoon-pass .product-workspace .job-detail-body{font-size:16px;line-height:1.75;background:#fff;color:#203b2a}body.art-pass.lagoon-pass .product-workspace .job-detail-body :is(p,li){line-height:1.75}.v20-home img{max-width:100%}
@media(prefers-reduced-motion:reduce){.v20-home *{animation:none!important}.v20-home .logo-track{width:auto}.v20-home .logo-group{flex-wrap:wrap;justify-content:center;padding:0 25px;gap:25px}.v20-home .logo-group[aria-hidden]{display:none}}
@media(max-width:1000px){body.art-pass.lagoon-pass[data-page=room] .lagoon-workspace{grid-template-columns:1fr}body.art-pass.lagoon-pass[data-page=room] .lagoon-workspace .room-scene{height:52vh!important;min-height:360px!important}.lagoon-workspace .pip-focus-main{width:100%}.v20-home .hero{padding-top:125px}.v20-home .hero h1{font-size:46px}.v20-home .art-copy{max-width:48%;padding-left:5vw}.v20-home .art-copy p{font-size:16px}}
@media(max-width:650px){.v20-header{padding:15px 5vw}.v20-header .brand{font-size:20px}.v20-header nav{gap:10px}.v20-header nav>.v20-cta{display:none}.v20-header button{font-size:11px}.v20-home .hero{grid-template-columns:1fr;padding:120px 6vw 35px}.v20-home .hero h1{font-size:43px}.v20-home .hero-art{max-width:330px;margin:10px auto 0}.v20-home .hero:after{background:linear-gradient(#09251ae6,transparent)}.v20-home .crew{padding:45px 6vw}.v20-home .crew-head,.v20-home .follow-heading{grid-template-columns:1fr;gap:10px}.v20-home .specimens{gap:5px}.v20-home .specimens img{height:110px}.v20-home .specimens figure:nth-child(1) img{height:50px}.v20-home .specimens figure:nth-child(2) img{height:65px}.v20-home .specimens figure:nth-child(3) img{height:85px}.v20-home .specimens figcaption span{font-size:10px}.v20-home .rewardline{display:block}.v20-home .rewardline small{margin-top:10px}.v20-home .art-copy{max-width:none;padding:40px 6vw 300px}.v20-home .archive:after{background:linear-gradient(#09261afa 30%,transparent 75%)}.v20-home .archive>img{object-position:65% bottom}.v20-home .art-section{min-height:660px}.v20-home .correspondence{min-height:400px}.v20-home .sequence{display:none}.v20-home .jobs-top{display:block}.v20-home .ending{padding:55px 6vw}body.art-pass.lagoon-pass[data-page=board] .product-workspace .live-job-search{grid-template-columns:1fr 1fr}body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-browser{height:auto}.lagoon-workspace .focus-actions{flex-wrap:wrap}.lagoon-workspace .focus-actions .btn{font-size:13px}}
.lagoon-grown-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 12px #17371a44)}body.art-pass.lagoon-pass[data-page=room] .lagoon-workspace #creature{width:clamp(160px,24vw,310px)!important;height:clamp(160px,24vw,310px)!important;z-index:3}.lagoon-workspace .room-scene:after{pointer-events:none;content:'';position:absolute;inset:45% 0 0;background:repeating-radial-gradient(ellipse at 50% 80%,transparent 0 24px,#dcffc212 25px 27px,transparent 28px 65px);opacity:.35;animation:v20-water 9s ease-in-out infinite alternate;z-index:2}@keyframes v20-water{to{transform:translateY(8px) scale(1.06);opacity:.15}}@media(prefers-reduced-motion:reduce){.lagoon-workspace .room-scene:after{animation:none}}
.lagoon-habitat:has([data-motion-toggle][aria-pressed=true]) .room-scene:after{animation-play-state:paused}
/* v21: readable results, full-width review, and shared adult sprite. */
.v20-home .hero-art{display:block;align-self:center;inset:auto;transform:none;height:auto}.v20-home #landing-companion{position:relative;width:100%;height:auto;inset:auto;transform:none}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-results{background:#fff;border-color:#d7e1d9;gap:0}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .live-job-row{background:#fff;color:#203b2a;border:0;border-bottom:1px solid #d7e1d9;box-shadow:none}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .live-job-row:is(.is-selected,:has(.selected)){background:#e3f3dc;border:0;border-bottom:1px solid #c3d7bd;box-shadow:inset 4px 0 #71af56}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-result{background:transparent;color:#233d2c;padding:16px;min-height:0;text-align:left}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-result.selected{background:transparent;box-shadow:none}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-result :is(strong,span,p,b,.saved-marker){color:#425649}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-result strong{color:#173c29;font-size:16px;line-height:1.35}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-result b{color:#2f642e;font-size:13px}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-result>p{display:none}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .live-job-row>.note{color:#526658;margin:0 16px 10px;font-size:11px}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .company-initials{background:#e4edde;color:#36543a}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-detail-head{background:#fff;color:#233d2c;padding:20px 28px;border-bottom:1px solid #dce5d9}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-detail-head h1{font-size:25px;color:#173c29;margin:8px 0;line-height:1.25}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-detail-head>p{margin:5px 0;font-size:14px;color:#405346}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-detail-head>.company-mark{float:right;width:44px;height:44px;margin:0 0 12px 16px}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-detail-head .note{font-size:11px;color:#526658}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .board-actions{margin:12px 0 6px;gap:8px}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-detail-body{background:#fff;color:#213d2b;padding:24px 28px}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .posting-description{color:#213d2b;font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-width:80ch}
.board-fit-details{margin-bottom:18px;font-size:13px}.board-fit-details>summary{cursor:pointer;color:#396744}.board-fit-details .board-fit{padding:12px 0}.listing-facts{font-size:12px;gap:16px}
body.art-pass.lagoon-pass[data-page=room] .lagoon-workspace{display:flex;flex-direction:column;gap:20px}.lagoon-workspace>.lagoon-habitat,.lagoon-workspace>.pip-queue{width:100%;min-width:0}
body.art-pass.lagoon-pass[data-page=room] .lagoon-workspace .room-scene{height:300px!important;min-height:260px!important;max-height:340px!important;border-radius:14px}
body.art-pass.lagoon-pass[data-page=room] .lagoon-workspace #creature{width:190px!important;height:190px!important}
.lagoon-workspace .room-bg{object-position:50% 58%}.lagoon-workspace .pip-queue .scout-heading{gap:12px;align-items:center;flex-wrap:wrap}.lagoon-workspace .scout-heading h2{font-size:24px;margin:0 0 4px}.lagoon-workspace .scout-heading p{font-size:13px;margin:4px 0}.lagoon-workspace .scout-heading .eyebrow{display:none}.pip-queue>p[role=status]{font-size:13px;margin:8px 0}.pip-schedule{font-size:12px;margin:8px 0}.pip-schedule>summary{cursor:pointer}.lagoon-workspace .pip-focus-desk{margin-top:12px}.lagoon-workspace .focus-heading span{color:#596b52}.lagoon-workspace .focus-heading strong{color:#193c2b}.lagoon-workspace .focus-paper{max-height:65vh}.lagoon-workspace .focus-match{padding:8px 0}.focus-match li{line-height:1.65;margin-bottom:8px}.lagoon-workspace .focus-actions{position:sticky;bottom:0;background:#fafbf6;padding:12px 0;margin:8px 0 0;z-index:1;border-top:1px solid #dce3d5}
.pip-sprite{width:100%;height:100%;position:relative;pointer-events:none;animation:pip-float 4s ease-in-out infinite}.pip-sprite-frame{display:block;width:100%;height:100%;background:url('/art/v21/pip-adult.webp') 0 0/400% 300% no-repeat;animation:pip-idle 5s step-end infinite}.pip-sprite[data-motion=swim] .pip-sprite-frame{animation:pip-swim .8s step-end infinite}.pip-sprite[data-motion=feed] .pip-sprite-frame{animation:pip-feed 1.6s step-end 1}.lagoon-tank .pip-sprite{position:absolute;width:160px;height:160px;left:50%;top:40px;margin-left:-80px;z-index:2}
@keyframes pip-float{50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes pip-idle{0%,60%,100%{background-position:0 0}65%{background-position:33.333% 0}88%{background-position:66.666% 0}91%{background-position:100% 0}}
@keyframes pip-swim{0%{background-position:0 50%}25%{background-position:33.333% 50%}50%{background-position:66.666% 50%}75%{background-position:100% 50%}}
@keyframes pip-feed{0%{background-position:0 100%}25%{background-position:33.333% 100%}50%{background-position:66.666% 100%}75%,100%{background-position:100% 100%}}
.pip-motion-paused .pip-sprite,.pip-motion-paused .pip-sprite-frame{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.pip-sprite,.pip-sprite-frame{animation:none!important;background-position:0 0!important}}
@media(max-width:850px){body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-browser{display:flex;flex-direction:column;height:auto}.job-detail-head,.job-detail-body{padding:18px!important}body.art-pass.lagoon-pass[data-page=room] .lagoon-workspace .room-scene{height:240px!important;min-height:240px!important}body.art-pass.lagoon-pass[data-page=room] .lagoon-workspace #creature{width:160px!important;height:160px!important}}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .live-job-row a{color:#386246}body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-detail-head>.text-button{color:#386246}
/* V22: stable character motion, bounded tank and compact navigation utilities. */
.v20-home .landing-employers,.v20-home .jobs-sticky,.v20-home .logos{width:100%;max-width:none;min-width:0}.v20-home .jobs-sticky{position:static;margin:0;padding:0}.v20-home .logos{display:block;height:auto;overflow:hidden}.v20-home .logo-track{display:flex!important;width:max-content!important;max-width:none!important;gap:0;animation:v20-marquee 35s linear infinite}.v20-home .logo-group{flex:0 0 auto;min-width:100vw;justify-content:space-around;gap:65px}.v20-home .landing-employers .eyebrow{color:#476952}.landing-traveler{position:fixed;z-index:6;pointer-events:none;object-fit:contain;max-width:none;filter:drop-shadow(0 12px 14px #10271e33)}.landing-traveler[hidden]{display:none}
.pip-facing{display:block;width:100%;height:100%;transform:scaleX(1)}.pip-sprite[data-facing=left] .pip-facing{transform:scaleX(-1)}
.pip-sprite .pip-sprite-frame{background:url('/art/v20/stage5.webp') center/contain no-repeat;animation:none}
.pip-sprite[data-motion=swim] .pip-sprite-frame{animation:pip-glide .65s ease-in-out infinite alternate}
.pip-sprite[data-motion=feed] .pip-sprite-frame{animation:pip-nom .4s ease-in-out 4}
@keyframes pip-glide{from{transform:rotate(-3deg) translateY(2px)}to{transform:rotate(3deg) translateY(-2px)}}
@keyframes pip-nom{50%{transform:translateY(-4px) scale(1.035,.98)}}
body.art-pass.lagoon-pass .product-workspace .sidebar-tank .tank-glass{height:240px;min-height:240px;overflow:hidden;position:relative}
body.art-pass.lagoon-pass .product-workspace .lagoon-tank .pip-sprite{width:calc(100% - 32px);height:170px;left:16px;top:45px;margin:0}
body.art-pass.lagoon-pass .product-workspace .sidebar-tank .pip-live{max-width:100%;max-height:180px;top:45px}
body.art-pass.lagoon-pass .product-workspace .side-nav a.active{background:#efa5c6!important;color:#172c21!important;border-color:#efa5c6!important;box-shadow:none!important}
body.art-pass.lagoon-pass .product-workspace .sidebar-tools{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px 6px;border-top:1px solid #395444;margin-top:12px}
.sidebar-tools .demo-label{display:block!important}.sidebar-tools button{width:36px!important;height:36px!important;min-width:36px!important;padding:6px!important;border-radius:50%!important;font-size:0!important;overflow:hidden}.sidebar-tools button:before{font-size:18px;line-height:24px}.sidebar-tools [data-action=cloud-feedback]:before{content:'✎'}.sidebar-tools .cloud-status:before{content:'☁'}.sidebar-tools .avatar:before{content:'●'}
.sidebar-tools .cloud-status{background:#253c2e;color:#d3e6d0}.sidebar-tools .cloud-status[title*="conflict"],.sidebar-tools .cloud-status[title*="Not synced"],.sidebar-tools .cloud-status[title*="unavailable"]{outline:2px solid #efa5c6}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .topbar{display:none}
body.art-pass.lagoon-pass .product-workspace.nav-collapsed .sidebar-tools{flex-direction:column}
.lagoon-workspace .room-scene:after{inset:0;opacity:.4;background:repeating-radial-gradient(ellipse at 40% 65%,transparent 0 22px,#defac823 23px 25px,transparent 26px 56px);animation:v22-water 7s ease-in-out infinite alternate;mix-blend-mode:soft-light}
@keyframes v22-water{from{transform:translate(-8px,-3px) scale(1.03)}to{transform:translate(8px,3px) scale(1.08)}}
.workspace-loading-art{background-image:url('/art/v22/quiet-lagoon.webp')!important;background-position:center!important;background-size:cover!important}
.lagoon-workspace .focus-actions{flex-wrap:wrap;justify-content:flex-start}.lagoon-workspace .focus-actions>.green{margin-left:auto}
@media(prefers-reduced-motion:reduce){.pip-sprite[data-motion] .pip-sprite-frame,.lagoon-workspace .room-scene:after{animation:none!important}.landing-traveler{display:none!important}.v20-home .logo-group{min-width:0}.v20-home .logo-track{width:100%!important}}
@media(max-height:800px){body.art-pass.lagoon-pass .product-workspace .sidebar{overflow-y:auto}body.art-pass.lagoon-pass .product-workspace .sidebar-tank .tank-glass{height:210px;min-height:210px}body.art-pass.lagoon-pass .product-workspace .lagoon-tank .pip-sprite{height:145px}}
@media(min-width:700px){.v20-home .hero-art img{animation:none}}

/* V23: isolate the employer strip from the application's two-column .jobs grid. */
.v20-home .landing-employers{display:block;width:100%;max-width:none}
.v20-home .v20-header .landing-sign-in{display:inline-flex;align-items:center;justify-content:center;background:#f7faef;color:#183b2b;border:2px solid #f7faef;border-radius:30px;padding:12px 24px;font-weight:700;min-height:46px;text-shadow:none}
.v20-home .v20-header .landing-sign-in:hover{background:#d9f6c0;border-color:#d9f6c0}
.v20-home .specimens figure:nth-child(-n+4) img{animation:v23-bob 3.6s ease-in-out infinite;transform-origin:50% 85%}
.v20-home .specimens figure:nth-child(2) img{animation-delay:-.9s}.v20-home .specimens figure:nth-child(3) img{animation-delay:-1.8s}.v20-home .specimens figure:nth-child(4) img{animation-delay:-2.7s}
@keyframes v23-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.v20-home .specimens figure:nth-child(-n+4) img{animation:none}}

/* Every evolution uses the same lightweight illustration renderer. */
.pip-sprite[data-sprite-stage=tiny] .pip-sprite-frame{background-image:url('/art/v20/prototype-2.webp')}
.pip-sprite[data-sprite-stage=young] .pip-sprite-frame{background-image:url('/art/v20/prototype-3.webp')}
.pip-sprite[data-sprite-stage=grown] .pip-sprite-frame{background-image:url('/art/v20/prototype-4.webp')}
.pip-sprite[data-sprite-stage=adolescent] .pip-sprite-frame{background-image:url('/art/v20/stage4.webp')}
.pip-sprite[data-sprite-stage=adult] .pip-sprite-frame{background-image:url('/art/v20/stage5.webp')}
/* V25: tracker sequences and the final shared navigation cleanup. */
body.art-pass.lagoon-pass .product-workspace .topbar{display:none}
body.art-pass.lagoon-pass .product-workspace .side-nav a.active{background:#f58ac2!important;border-color:#f58ac2!important;color:#19281f!important}
body.art-pass.lagoon-pass .workspace-lab-tabs.lab-unified{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 0;margin:0 0 16px;border-bottom:1px solid #425548}.lab-unified>.btn{font-size:13px!important;min-height:36px!important;padding:8px 12px!important}.lab-unified>.btn:first-of-type{margin-left:auto}
.priority-tabs{display:flex;gap:22px;border-bottom:1px solid #44614b;margin-bottom:18px}.priority-tabs button{padding:12px 4px;color:#d6e6d4;font-weight:700;border-bottom:3px solid transparent}.priority-tabs button[aria-selected=true]{color:#ff9ad0;border-color:#ff9ad0}
.priority-layout{display:grid;grid-template-columns:minmax(210px,27%) minmax(0,1fr);gap:20px;margin-top:20px}.priority-list{display:grid;align-content:start;gap:8px}.priority-list button{display:grid;gap:6px;text-align:left;border:1px solid #46634d;border-radius:10px;padding:16px;background:#1c3023;color:#ecf3e8}.priority-list button[aria-pressed=true]{border-color:#f58ac2;box-shadow:inset 3px 0 #f58ac2}.priority-list span,.priority-list small{font-size:13px}.priority-detail{background:#fafbf6;color:#183b2a;border-radius:12px;padding:24px;min-width:0}.priority-detail h2{font-size:25px;line-height:1.25;margin:6px 0 16px}.priority-detail .note{color:#526653;margin:14px 0}.priority-stages{padding:0;list-style:none;display:grid;gap:8px}.priority-stages li{border:1px solid #d0dfc9;border-radius:8px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:16px}.priority-stages li.current{border-left:4px solid #db73ab;background:#f8edf4}.priority-stages li p{font-size:12px;margin:5px 0;color:#51654c}.priority-stages li>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.priority-detail .btn.quiet{color:#244930;background:#e8efdf}.priority-editor .field{margin:12px 0}.priority-contact{display:grid;grid-template-columns:1fr 1fr;gap:12px}.priority-editor textarea.priority-body{min-height:260px}.priority-editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}#priority-message{margin-top:12px;font-size:13px}.priority-editor :is(input,textarea,select){width:100%}
@media(max-width:800px){.priority-layout{grid-template-columns:1fr}.priority-list{max-height:220px;overflow:auto}.priority-stages li{align-items:flex-start;flex-direction:column}.priority-contact{grid-template-columns:1fr}}
/* v26: contact research follows existing white document panels and pink controls. */
.priority-research{margin:18px 0;padding:18px;background:#fffdf9;color:#23382d;border:1px solid #b9cabc;border-radius:12px}
.priority-research h3{margin:0 0 10px}.priority-person{display:grid;gap:6px;padding:14px 0;border-top:1px solid #d8e0d8;overflow-wrap:anywhere}.priority-person>span,.priority-person>small{display:block}.priority-person a{color:#285f46;text-decoration:underline}.priority-person .btn{justify-self:start}.priority-research-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}

/* V27 compact Prime import; keep the experience document readable. */
.art-pass.lagoon-pass .prime-input-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:16px;align-items:center;margin:12px 0}
.art-pass.lagoon-pass .prime-input-bar .editor-label{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.art-pass.lagoon-pass .prime-input-bar .upload-box{margin:0;padding:10px 12px;min-height:0;border-radius:8px}
.art-pass.lagoon-pass .prime-input-bar .upload-box label{font-size:13px;margin:0 0 5px;display:block}
.art-pass.lagoon-pass .prime-input-bar .upload-box input{max-width:100%;font-size:12px}
.art-pass.lagoon-pass .prime-input-bar .upload-box p{font-size:11px;line-height:1.35;margin:5px 0 0}
@media(max-width:850px){.art-pass.lagoon-pass .prime-input-bar{grid-template-columns:minmax(0,1fr)}}

/* v29: compact scrolling listings only. Detail pane and palette unchanged. */
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-results .job-result{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;row-gap:3px;padding:12px 14px;align-items:start;width:100%}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-results .job-result>.company-mark{grid-column:1;grid-row:1 / span 4;width:34px;height:34px;margin:0}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-results .job-result>:not(.company-mark){grid-column:2;margin:0;min-width:0;overflow-wrap:anywhere}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-results .job-result>strong{font-size:14px;line-height:1.3}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-results .job-result>span{font-size:12px;line-height:1.35}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-results .job-result>b{font-size:12px;line-height:1.35;margin-top:3px}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-results .live-job-row>.note{display:block;font-size:10px;line-height:1.3;margin:0;padding:0 14px 8px 58px}

.document-templates{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.document-templates .chip{font-size:12px}.onboarding-banner{display:flex;justify-content:flex-end;gap:8px;padding:8px 18px;background:#1d2d22}.onboarding-steps{display:grid;gap:10px}
/* v39 landing: public content first, biome chapters and persistent entry points. */
body:has(#app:not(:empty)) #landing-static{display:none}
body:has(#landing-static:not([hidden])):has(#app:empty) #legacy-root[data-loading=true]{display:none}
.v20-home .v20-header{position:fixed;inset:0 0 auto;z-index:100;padding:14px 5vw;background:#101c20e8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff24}
.v20-home .v20-header nav{display:flex;align-items:center;gap:14px}
.v20-home .v20-header .landing-sign-in{color:#fff6ed;border:1px solid #ffffff50;border-radius:9px;padding:10px 14px}
.v20-home .v20-header nav>.v20-cta{display:inline-flex}
.v20-home .live-copy p{max-width:510px}
.v20-home .crew-head strong{display:block;margin-top:16px;color:#744259}
.v20-home :is(.biome-sky,.biome-desert,.biome-forest){position:relative;isolation:isolate;overflow:hidden}
.v20-home .biome-sky{background:#111a2c;min-height:650px}
.v20-home .biome-sky:after{background:linear-gradient(90deg,#101b30fa 5%,#101b30ee 45%,#101b3011 100%)}
.v20-home .biome-sky .art-copy{position:relative;z-index:3;max-width:58%;padding:85px 6vw;color:#f2f6ff}
.v20-home .biome-sky .art-copy h2 em{color:#ff919e}
.v20-home .biome-sky .art-copy h2{font-size:clamp(32px,4vw,60px);line-height:1.08}
.v20-home .biome-companion{position:absolute;right:4%;bottom:8%;width:36%;z-index:2;animation:v20-breathe 7s ease-in-out infinite}
.v20-home .biome-companion .companion-atlas{max-height:none}
.v20-home #follow.biome-desert{background:#231a2d;color:#fff9e9}
.v20-home .biome-desert .follow-heading{padding:70px 6vw 40px}
.v20-home .biome-desert .follow-heading h2{color:#f5d76f}
.v20-home .biome-desert .follow-heading p{margin-bottom:16px}
.v20-home .biome-desert .follow-heading small{display:block;color:#ddcce9;line-height:1.5;margin-top:16px}
.v20-home .biome-desert .correspondence{min-height:450px}
.v20-home .biome-desert .sequence{flex-direction:column;left:6%;right:auto;width:43%;z-index:3;background:#251a32ed;color:#fff9e9;border:1px solid #c6a1f155;border-radius:18px;padding:24px}
.v20-home .biome-desert .sequence span{color:#f5d76f}
.v20-home .biome-forest{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;padding:95px 7vw;background:linear-gradient(90deg,#102828fa,#102828dd),url('/art/v37/mushroom-forest.webp') center/cover;color:#fff6e9}
.v20-home .extension-pitch h2{font-size:clamp(34px,4vw,60px);line-height:1.1;margin:20px 0}
.v20-home .extension-pitch p{font-size:18px;line-height:1.7;max-width:540px}
.v20-home .extension-pitch strong{display:block;margin:22px 0;color:#ffbb90}
.v20-home .extension-pitch .v20-cta{margin-top:10px;background:#ffbb90;color:#35241d}
.v20-home .extension-preview{background:#183d3a;border:1px solid #7cd9cc66;border-radius:20px;max-width:400px;box-shadow:0 20px 60px #0005;padding:22px}
.v20-home .extension-preview-head{display:flex;justify-content:space-between;gap:12px;font-weight:700}.v20-home .extension-preview-head span{font-size:12px;color:#badad3}
.v20-home .extension-preview-pet{margin:18px auto;width:240px;max-width:100%;background:#102828;border-radius:12px;padding:16px}
.v20-home .extension-preview-pet .companion-atlas{max-height:none}
.v20-home .extension-preview-tabs{display:flex;justify-content:space-around;padding:12px 0;border-bottom:1px solid #7cd9cc55;color:#a5e2d6}
.v20-home .extension-preview-action{background:#ffbb90;color:#35241d;padding:14px;border-radius:9px;margin:18px 0;font-weight:700;text-align:center}
.v20-home .extension-preview>p{font-size:13px;text-align:center}
.v20-home .ending{background:radial-gradient(ellipse at bottom,#29423d,#101c20 75%)}
@media(max-width:700px){.v20-home .v20-header{padding:10px 16px}.v20-home .v20-header .brand{font-size:18px;gap:5px}.v20-home .v20-header .brand img{width:30px;height:30px}.v20-home .v20-header nav{gap:7px}.v20-home .v20-header nav a{font-size:12px;padding:9px 10px}.v20-home .biome-sky .art-copy{max-width:100%;padding:55px 6vw 310px}.v20-home .biome-sky:after{background:linear-gradient(#101b30fa 45%,#101b3033)}.v20-home .biome-sky .biome-companion{width:65%;right:15%;bottom:4%}.v20-home .biome-desert .correspondence{min-height:320px}.v20-home .biome-desert .biome-companion{width:60%;right:20%}.v20-home .biome-forest{grid-template-columns:1fr;padding:60px 6vw}.v20-home .extension-preview{width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){.v20-home .biome-companion{animation:none}}
/* v40: alternating creature-led product scenes. */
.v20-home .v20-header .landing-sign-in{background:#fff1f7!important;color:#24352e!important;border-color:#eeb0cc!important}
.v20-home .v40-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5vw;padding:85px 6vw;min-height:720px;overflow:hidden;isolation:isolate}
.v20-home .v40-resume{background:linear-gradient(90deg,#251a35aa,#251a35f2 60%),url('/art/v37/isopod-desert.webp') center/cover;color:#fff6e7}
.v20-home .v40-follow{background:linear-gradient(90deg,#102c2df5,#102c2d88),url('/art/v37/mushroom-forest.webp') center/cover;color:#fff6e7}
.v20-home .v40-copy h2{font-size:clamp(34px,4.1vw,62px);line-height:1.08}.v20-home .v40-copy h2 em{font-style:normal;color:#f7d86a}.v20-home .v40-follow h2 em{color:#ffb694}.v20-home .v40-copy strong{display:block;margin-top:22px}.v20-home .v40-copy small{margin-top:22px;max-width:470px;color:#dfd8d2}
.v20-home .v40-scene{position:relative;min-height:520px;min-width:0;--paper-progress:1}
.v20-home .v40-paper-train{position:absolute;inset:20px 2% auto 25%;height:340px;transform:translateX(calc((1 - var(--paper-progress)) * 180px)) rotate(calc((1 - var(--paper-progress)) * 8deg));will-change:transform}
.v20-home .v40-sheet{position:absolute;background:#fff4fa;color:#332e3b;border-radius:7px;padding:24px;box-shadow:0 18px 45px #100b2344;width:82%;min-height:300px;border:1px solid #dfcdd5}.v20-home .v40-sheet small{font-size:11px;color:#725775;margin-bottom:14px}.v20-home .v40-sheet b{font-size:20px;line-height:1.25}.v20-home .v40-sheet i{display:block;height:5px;background:#e3d3dd;width:95%;margin:13px 0}.v20-home .v40-sheet i:nth-of-type(2){width:70%}.v20-home .sheet-back{transform:rotate(11deg);left:20%;top:0}.v20-home .sheet-front{transform:rotate(-5deg);top:30px;left:0}
.v20-home .v40-cas{position:absolute;left:0;bottom:5%;width:58%;transform:translateX(calc((1 - var(--paper-progress)) * 100px));filter:drop-shadow(0 16px 20px #20103466)}
.v20-home .demo-skill-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.v20-home .demo-skill-tags span{background:#efe2ec;color:#603c67;border-radius:6px;padding:6px 8px;font-size:11px}
.v20-home .v40-demo-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#eee0dc}
.v20-home .v40-monitor{position:absolute;width:78%;right:0;top:0;padding:12px;background:#183d39;border:9px solid #303b3e;border-bottom-width:22px;border-radius:16px;box-shadow:0 20px 40px #081a1d66;color:#fff4fa;transform:rotate(2deg)}
.v20-home .mini-app-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;padding-bottom:13px;border-bottom:1px solid #a3b7aa44}.v20-home .mini-app-head small{font-size:10px}.v20-home .mini-sequence{display:flex;gap:6px;margin:14px 0;flex-wrap:wrap}.v20-home .mini-sequence span{font-size:10px;padding:6px 9px;border:1px solid #9ccbbb55;border-radius:5px}.v20-home .mini-sequence .mini-current{background:#ffb694;color:#372e2c}
.v20-home .mini-message{background:#fff3f8;color:#303d38;border-radius:8px;padding:17px}.v20-home .mini-message small{color:#6e5865;margin-bottom:10px}.v20-home .mini-message b{font-size:17px}.v20-home .mini-message p{font-size:12px;line-height:1.6;margin:12px 0}.v20-home .mini-review{display:inline-block;padding:8px;background:#eed0e0;border-radius:5px;font-size:11px}
.v20-home .v40-desk{position:absolute;top:330px;left:15%;right:0;height:18px;border-radius:6px;background:#55535d;box-shadow:0 20px 0 -7px #34333d}.v20-home .v40-zar{position:absolute;bottom:15px;left:0;width:64%;filter:drop-shadow(0 15px 15px #081f2066);animation:v20-breathe 7s ease-in-out infinite}.v20-home .v40-envelope{position:absolute;right:6%;top:260px;font-size:38px;color:#ffb694;animation:v40-draft 7s ease-in-out infinite}
.v20-home .v40-match-demo{max-width:880px;margin:30px auto;padding:20px;background:#18382a;color:#fff4f8;border:1px solid #578067;border-radius:14px;box-shadow:0 12px 35px #173b2a20}.v20-home .v40-match-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;margin-top:14px}.v20-home .mini-job{padding:16px;background:#fff3f8;color:#203a2e;border-radius:7px;margin-bottom:8px}.v20-home .mini-job b,.v20-home .mini-job span{display:block;font-size:13px}.v20-home .mini-job span{font-size:11px;margin-top:7px}.v20-home .mini-job.active{border-left:4px solid #eea5c7;animation:v40-job 8s ease-in-out infinite}.v20-home .mini-job-description{padding:18px;background:#fff3f8;color:#203a2e;border-radius:8px}.v20-home .mini-job-description h3{font-size:20px;margin:10px 0}.v20-home .mini-job-description p{font-size:13px;line-height:1.55;margin-bottom:12px}.v20-home .mini-evidence{font-size:11px;color:#365842}
.v20-home .v40-extension{background:linear-gradient(90deg,#111d32ee,#111d32c9),url('/art/v37/bat-sky.webp') center/cover}
.v20-home .v40-ending{position:relative;display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2.2fr) minmax(120px,1fr);align-items:center;gap:10px;padding:90px 3vw;background:linear-gradient(#271e37da,#271e37e8),url('/art/v37/isopod-desert.webp') center/cover}.v20-home .ending-copy{position:relative;z-index:2}.v20-home .ending-copy h2{font-size:clamp(30px,4vw,60px)}.v20-home .ending-creature{width:100%;animation:v20-breathe 8s ease-in-out infinite}.v20-home .ending-right{animation-delay:-4s}.v20-home .jobs-top{justify-content:center}.v20-home .jobs-top h2{margin-bottom:12px}
@keyframes v40-draft{0%,20%,100%{transform:translate(0,0);opacity:0}35%,70%{transform:translate(-10px,-40px);opacity:1}85%{transform:translate(-10px,-45px);opacity:0}}
@keyframes v40-job{0%,20%,100%{transform:translateX(0)}40%,65%{transform:translateX(7px)}}
@media(max-width:850px){.v20-home .v40-chapter{grid-template-columns:1fr;padding:55px 6vw;gap:25px}.v20-home .v40-resume .v40-copy{grid-row:1}.v20-home .v40-scene{width:100%;max-width:520px;min-height:490px;margin:auto}.v20-home .v40-ending{grid-template-columns:1fr 1fr;padding:55px 6vw}.v20-home .ending-copy{grid-column:1/-1;grid-row:1}.v20-home .ending-creature{width:80%;max-width:240px;justify-self:center}.v20-home .v40-match-columns{grid-template-columns:1fr}.v20-home .mini-job-list .mini-job:not(.active){display:none}}
@media(prefers-reduced-motion:reduce){.v20-home :is(.v40-paper-train,.v40-cas){transform:none;will-change:auto}.v20-home :is(.v40-zar,.v40-envelope,.ending-creature,.mini-job.active){animation:none}.v20-home .v40-envelope{opacity:1}}
/* v41: approved desk pose, longer Cas entrance and extension tab demo. */
.v20-home .v40-paper-train{transform:translateX(calc(260px - var(--paper-progress) * 290px)) rotate(calc((1 - var(--paper-progress)) * 8deg))}
.v20-home .v40-cas{transform:translateX(calc(170px - var(--paper-progress) * 195px))}
.v20-home .v41-computer-scene{position:relative;min-width:0;isolation:isolate}
.v20-home .v41-computer-scene>img{display:block;width:100%;height:auto;animation:v41-work 5s ease-in-out infinite;transform-origin:50% 85%;filter:drop-shadow(0 16px 22px #001b2055)}
.v20-home .v41-computer-scene>small{text-align:center;margin-top:14px;color:#eddbd0}
.v20-home .v41-screen-glow{pointer-events:none;position:absolute;left:22%;top:28%;width:13%;height:19%;background:#b0fff02b;filter:blur(18px);border-radius:50%;animation:v41-glow 5s ease-in-out infinite}
.v20-home .extension-preview-tabs span{flex:1;text-align:center;padding:10px 5px;border-radius:7px;animation:v41-tab 9s linear infinite;background:transparent;color:#a5e2d6}
.v20-home .extension-preview-tabs span:nth-child(2){animation-delay:-6s}
.v20-home .extension-preview-tabs span:nth-child(3){animation-delay:-3s}
.v20-home .extension-preview-action{animation:v41-save 9s ease-in-out infinite}
.v20-home .ending-right .companion-atlas{transform:scaleX(-1);max-height:none}
/* Include adult fin above original atlas seam, mask the adjacent stage's tail. */
.v20-home .ray-full-fin{clip-path:polygon(0 6%,82% 6%,82% 0,100% 0,100% 100%,0 100%)}
.v20-home .ending-creature{padding:8px;box-sizing:border-box;overflow:visible}
.v20-home .ending-left{width:83%;justify-self:center}
@keyframes v41-tab{0%,29%{background:#ffbb90;color:#35241d;box-shadow:0 0 18px #ffbb9030}33%,96%{background:transparent;color:#a5e2d6;box-shadow:none}100%{background:#ffbb90;color:#35241d}}
@keyframes v41-save{0%,75%,100%{box-shadow:none}82%,92%{box-shadow:0 0 0 3px #fff3f866,0 0 20px #ffbb9050}}
@keyframes v41-work{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-2px) rotate(-.3deg)}65%{transform:translateY(-1px) rotate(.2deg)}}
@keyframes v41-glow{0%,100%{opacity:.25}50%{opacity:.8}}
@media(max-width:850px){.v20-home .v41-computer-scene{max-width:570px;margin:auto}}
@media(prefers-reduced-motion:reduce){.v20-home :is(.v40-paper-train,.v40-cas){transform:none}.v20-home :is(.v41-computer-scene>img,.v41-screen-glow,.extension-preview-tabs span,.extension-preview-action){animation:none}.v20-home .extension-preview-tabs span:first-child{background:#ffbb90;color:#35241d}}
/* v42: feature walkthrough, early Pip refresh, readable computer motion. */
.v20-home .v40-cas{transform:translateX(calc(170px - var(--paper-progress) * 207px))}
.v20-home .v40-paper-train{transform:translateX(calc(260px - var(--paper-progress) * 302px)) rotate(calc((1 - var(--paper-progress)) * 8deg))}
.v20-home .specimens .pip-early{width:100%;max-height:none;animation:v20-breathe 6s ease-in-out infinite}
.v20-home .specimens .pip-early img{height:100%!important;max-height:none;animation:none;object-fit:fill}
.v20-home .v42-match-demo{max-width:920px;margin:32px auto;background:#fff3f8;border:1px solid #d9bfcf;border-radius:15px;padding:26px;color:#233d2f;box-shadow:0 15px 35px #173b2a18}
.v20-home .v42-match-heading small{color:#526558}.v20-home .v42-match-heading h3{font-size:27px;margin:8px 0 22px}
.v20-home .v42-demo-tabs{display:flex;gap:8px;border-bottom:1px solid #d6d7ce;padding-bottom:14px;flex-wrap:wrap}.v20-home .v42-demo-tabs button{font:inherit;font-size:15px;padding:12px 16px;border:0;background:transparent;color:#233d2f;border-radius:8px;cursor:pointer;transition:background .25s}.v20-home .v42-demo-tabs button[aria-selected=true]{background:#9bf09c;color:#183722}.v20-home .v42-demo-tabs button:focus-visible{outline:3px solid #8c4770;outline-offset:2px}
.v20-home .v42-demo-panels{min-height:245px;padding-top:20px}.v20-home .v42-demo-panels h4{font-size:22px;margin:0 0 12px}.v20-home .v42-demo-panels p{font-size:16px;max-width:720px;margin-bottom:16px}.v20-home .v42-demo-panels ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.v20-home .v42-demo-panels li{background:#f7dfe9;border-radius:8px;padding:10px 12px;font-size:13px}
.v20-home .v41-computer-scene>img:not(.v42-typing-hands){animation:none}
.v20-home .v41-screen-glow{left:21%;top:26%;width:18%;height:23%;background:#8fffe877;filter:blur(12px);mix-blend-mode:screen;animation:v42-screen 2.6s ease-in-out infinite}
@keyframes v42-screen{0%,100%{opacity:.35}50%{opacity:.95}}
@media(max-width:600px){.v20-home .v42-match-demo{padding:18px}.v20-home .v42-demo-tabs{gap:3px}.v20-home .v42-demo-tabs button{padding:10px 8px;font-size:12px}.v20-home .v42-demo-panels{min-height:310px}}
@media(prefers-reduced-motion:reduce){.v20-home :is(.v40-cas,.v40-paper-train){transform:none}.v20-home :is(.specimens .pip-early,.v42-typing-hands,.v41-screen-glow,.v42-screen-lines i){animation:none!important}.v20-home .v42-typing-hands{display:none}.v20-home .v41-screen-glow{opacity:.35}}
/* v43: one sizing system for the evolution row; independent, seam-free hand taps. */
.v20-home .specimens{align-items:end;gap:clamp(8px,1.5vw,24px)}
.v20-home .specimens figure{display:grid;grid-template-rows:auto 52px;align-items:end;justify-items:center;min-width:0;margin:0;--evolution-size:68%}
.v20-home .specimens figure:nth-child(2){--evolution-size:76%}.v20-home .specimens figure:nth-child(3){--evolution-size:84%}.v20-home .specimens figure:nth-child(4){--evolution-size:92%}.v20-home .specimens figure:nth-child(5){--evolution-size:100%}
.v20-home .specimens .evolution-art{display:block;width:var(--evolution-size);aspect-ratio:1;position:relative;align-self:end;margin-bottom:14px}
.v20-home .specimens .evolution-art>img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain}
.v20-home .specimens .evolution-art>.companion-atlas{width:100%;height:100%;max-height:none}
.v20-home .specimens figcaption{align-self:start;text-align:center;width:100%}
.v20-home .typing-filters{position:absolute;overflow:hidden;pointer-events:none}
.v20-home .v41-computer-scene>img{animation:none!important;filter:url(#zar-typing)}
.v20-home .v41-screen-glow{left:22%;top:29%;width:14%;height:17%;background:#8cebdc33;filter:blur(16px);animation:v43-glow 3.8s ease-in-out infinite}
@keyframes v43-glow{0%,100%{opacity:.2}50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.v20-home .v41-computer-scene>img{filter:none!important}.v20-home .v41-screen-glow{animation:none;opacity:.25}}

/* v44: centered employer note. */
.v20-home .landing-employers .jobs-sticky>small{display:block;width:100%;box-sizing:border-box;text-align:center;margin-inline:auto}
