/* Local DeJob-inspired trial. Baseline: git tag design-before-dejob-20261011. */
:root{--ink:#202634;--muted:#778092;--accent:#2869ec;--border:#e3e9f2;--green:#eef4ff;--ease:cubic-bezier(.16,1,.3,1)}
body.design-trial{background:#f5f8fc;color:var(--ink)}
.header{position:relative;top:0;margin:0;width:100%;max-width:none;height:88px;min-height:88px;padding:0 max(32px,calc((100vw - 1200px)/2));border:0;border-radius:0;box-shadow:none;backdrop-filter:none;background:#0e1422;display:flex;gap:60px;color:white}
.header .brand{display:flex;align-items:center;gap:11px;font-size:21px;color:white;letter-spacing:0}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:12px 12px 3px 12px;background:#fff;color:#101b30;font-size:25px;font-weight:800}
.header nav{gap:32px}.header nav button{color:#aeb7c9;font-size:14px}.header nav button.selected{color:#fff}.header nav button.selected:after{background:#fff;bottom:17px;height:2px}.header #savedCount{color:#aeb7c9}.header .account-button{background:#2869ec;border-color:#2869ec;color:white;border-radius:8px;font-size:13px;padding:11px 20px}
.discovery-band{margin:0;padding:0;background:radial-gradient(ellipse at 0 0,#173449 0,transparent 59%),radial-gradient(ellipse at 60% 100%,#191932 0,transparent 60%),#0e1422;color:#fff}
.discovery-inner{width:100%;max-width:1264px;min-height:0;margin:auto;padding:52px 32px 62px;display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left}
.hero-kicker{color:#a5b8d8;font-size:12px;letter-spacing:2px;margin-bottom:18px}.discovery-inner h1{font-size:48px;line-height:1.3;letter-spacing:-1.5px;font-weight:650;max-width:none;margin:0 0 13px}.discovery-inner p{font-size:15px;line-height:1.7;color:#aeb7c9;margin:0;max-width:none}
.discovery-search{display:flex;align-items:center;gap:18px;width:100%;max-width:none;height:66px;margin:29px 0 22px;padding:0 0 0 24px;background:white;border:1px solid #fff;border-radius:9px;box-shadow:0 10px 35px #00000010;overflow:hidden}.search-scope{color:#293344;font-size:14px;border-right:1px solid #e3e9f2;padding-right:24px;white-space:nowrap}.search-icon{width:20px;height:20px;color:#8590a1}.discovery-search input{height:64px;font-size:16px;color:#202634;min-width:0;background:white}.discovery-search input::placeholder{color:#98a1b0}.discovery-search button{height:66px;min-width:106px;border:0;border-radius:0;background:#2869ec;color:#fff;font-size:15px}
.category-tabs{position:relative;display:flex;justify-content:flex-start;gap:10px;padding:0;margin:0;height:auto;background:none;border:0;overflow:visible}.category-tabs button{height:34px;min-height:34px;border:1px solid #ffffff18;border-radius:5px;background:#ffffff0e;padding:0 14px;font-size:12px;color:#b7c1d4}.category-tabs button.active{color:white;background:#ffffff26;border-color:#ffffff40;font-weight:500}.category-tabs button.active:after{display:none}
main{position:relative;width:100%;max-width:none;margin:-16px 0 0;padding:34px max(32px,calc((100vw - 1200px)/2)) 56px;border-radius:22px 22px 0 0;background:linear-gradient(#f1f8fc,#f8faff 640px);min-height:60vh}.board-heading{text-align:center;margin:0 0 28px}.board-heading>span{font-size:23px;font-weight:650;letter-spacing:-.4px}.board-heading p{font-size:13px;color:var(--muted);margin:9px 0 0}
.workspace,.workspace.discussion-view{display:flex;flex-direction:column;gap:20px;scroll-margin-top:24px}.workspace>*{width:100%;min-width:0}.community-rail{order:-2;padding:0;border-radius:0;background:transparent;display:block}.career-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0;background:none}.community-rail h2{font-size:14px;font-weight:600;margin:0 auto 0 0;color:#536178}.community-rail p,.recruiter-tools{display:none}.career-panel :is(.requests-entry,.career-action){width:auto;margin:0;padding:9px 15px;border:1px solid #dfe7f4;background:transparent;color:#536178;font-size:12px;min-height:36px;border-radius:7px}.career-panel #rechargeNav{color:#2462d5;background:#e9f0ff;border-color:#d9e6ff}.career-panel .account-counter{background:#e9f0ff;color:#2462d5}
.filter-rail{order:-1;border:0;padding:0;background:none;border-radius:0}.filter-rail>h2{display:none}.filter-body{padding:0}#filterPanel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.filter-field{margin:0;font-size:11px;gap:7px;color:#778092}.filter-field select{height:41px;background:#eaf1fa;border:1px solid transparent;border-radius:6px;color:#45546d;font-size:13px;padding:0 10px}.filter-field select:hover{border-color:#c4d4eb}.filter-field select:focus-visible{outline:2px solid #487fec}.filter-rail #reset{margin:12px 0 0;font-size:12px;color:#2869ec}
.results{padding:0;background:transparent;border:0;border-radius:0}.list-toolbar{padding:0 0 16px;min-height:52px;border:0}.list-toolbar h2{font-size:16px;letter-spacing:0}.list-toolbar>div{gap:12px}.list-toolbar #resultSummary{font-size:12px;color:#7e899b}.sort select{border:0;background:transparent;border-radius:5px;color:#778092;width:118px}.job-grid{gap:10px}
.opportunity-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 228px;grid-template-rows:auto auto auto;column-gap:18px;row-gap:9px;padding:23px 24px;background:#fff;border:1px solid #e5ebf4;border-radius:10px;box-shadow:0 2px 8px #19294a02;cursor:pointer;transition:background .2s,border-color .2s,transform .3s var(--ease)}.opportunity-card:hover{background:#fff;border-color:#a5bfeb;box-shadow:0 4px 18px #15345a07}.job-glyph{grid-column:1;grid-row:1/4;display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#eef3fc;color:#4f6eaa;font-size:13px;font-weight:650;align-self:start;margin-top:3px}.opportunity-card:nth-child(3n+2) .job-glyph{background:#f0edf9;color:#75649b}.opportunity-card:nth-child(3n) .job-glyph{background:#edf4f6;color:#4c7789}.opportunity-card h3{grid-column:2;grid-row:1;font-size:17px;line-height:1.5;font-weight:650;letter-spacing:0;margin:0;color:#202634;align-self:start}.job-title:hover{color:#2869ec}.card-topline{grid-column:3;grid-row:1/3;display:flex;flex-direction:column-reverse;justify-content:flex-end;align-items:flex-end;gap:9px;margin:0;line-height:1.5}.card-topline time{font-size:11px;color:#8b94a3}.card-salary{font-size:16px;color:#2869ec;font-weight:600;max-width:100%;text-align:right}.opportunity-meta{grid-column:2;grid-row:2;font-size:12px;line-height:1.6;color:#7a8597}.opportunity-description{display:none}.skill-tags{grid-column:2;grid-row:3;gap:6px;margin:0;align-self:center}.skill-tags span{padding:3px 8px;border:0;border-radius:4px;background:#f3f6fa;color:#778092;font-size:11px;max-width:190px}.opportunity-footer{grid-column:3;grid-row:3;margin:0;align-self:center}.opportunity-footer>div{gap:16px}.save{font-size:11px;color:#7f8a9a}.save.saved{color:#2869ec}.save.saved svg{fill:#dce8ff}.view-opportunity{font-size:12px;padding:7px 11px;border:0;border-radius:5px;background:#edf3ff;color:#3569c6}.view-opportunity:hover{background:#e2edff}.view-opportunity:after{width:5px;height:5px;margin-left:7px}
footer{max-width:1200px;margin:0 auto;padding:32px 0 38px;background:none;border-color:#e3e9f2;color:#7b879b;flex-wrap:wrap}footer .brand{color:#25334d}.primary{background:#2869ec;border-color:#2869ec;color:white;border-radius:9px}.secondary{color:#486084;border-color:#dce4ef;border-radius:9px;background:#fff}.primary:hover{background:#205ddd}.secondary:hover{background:#f2f6fd}.text-button{color:#476ca8}
dialog{background:#fff;border:1px solid #e0e7f1;border-radius:18px;box-shadow:0 24px 100px #07142733;color:#26334b}dialog h2{color:#25334b}dialog p,dialog li{color:#748095}dialog::backdrop{background:#0d193047}#detail::backdrop{background:#0d19302b}.dialog-top{background:#fff}.icon-button{background:#f0f4fa;color:#6d7e97}.detail-tags span,.points-card,.recharge-contact,#rechargeMessage{background:#f0f5fc;color:#56729b}.job-salary{color:#2869ec}.auth-tabs{background:#f1f5fc}.auth-tabs button.active{background:#fff;color:#2869ec}.plan-card{border-color:#e1e7f1;border-radius:12px}.plan-card.selected,.plan-card[aria-pressed=true]{border-color:#2869ec;background:#f0f5ff}.plan-card strong{color:#253b60}.plan-card span{color:#6c7d95}.success-check{color:#2869ec}#toast.success-notice{border-color:#dce6f5;color:#263b5f}
@media(prefers-reduced-motion:no-preference){.discovery-inner h1,.discovery-inner p,.discovery-search,.category-tabs{animation-duration:.8s;animation-delay:0s}.discovery-search{animation-delay:.08s}.category-tabs{animation-delay:.12s}.opportunity-card.reveal-item{transition:opacity .7s var(--ease),transform .7s var(--ease),border-color .2s}}
@media(max-width:1000px){.header{padding:0 24px;gap:30px}.discovery-inner{padding:40px 24px 52px}main{padding:30px 24px 40px}.discovery-inner h1{font-size:40px}#filterPanel{grid-template-columns:repeat(3,minmax(0,1fr))}.opportunity-card{grid-template-columns:42px minmax(0,1fr) 190px;padding:20px;column-gap:14px}.job-glyph{width:42px;height:42px}.skill-tags span{max-width:140px}footer{margin:0 24px}}
@media(max-width:760px){.header{display:grid;grid-template-columns:1fr auto;height:auto;min-height:100px;padding:16px 20px 0;gap:10px;width:100%;margin:0;top:0;border-radius:0}.header .brand{font-size:17px;gap:8px}.brand-symbol{width:28px;height:28px;font-size:20px;border-radius:9px 9px 2px 9px}.header nav{grid-column:1/-1;grid-row:2;height:34px;gap:28px}.header nav button{font-size:12px}.header nav button.selected:after{bottom:0}.header .account-button{font-size:11px;padding:8px 12px;max-width:120px}.discovery-band{margin:0;padding:0}.discovery-inner{padding:30px 20px 40px;min-height:0;text-align:left}.hero-kicker{font-size:10px;letter-spacing:1px;margin-bottom:12px}.discovery-inner h1{font-size:30px;letter-spacing:-1px;margin-bottom:11px;line-height:1.35}.discovery-inner p{font-size:12px;max-width:none;margin:0;line-height:1.8}.discovery-search{height:54px;margin:22px 0 16px;padding-left:14px;gap:10px;border-radius:7px}.search-scope{display:none}.search-icon{width:18px;height:18px;flex:none}.discovery-search input{height:52px;font-size:16px}.discovery-search button{height:54px;min-width:64px;font-size:13px;border-radius:0}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;height:auto}.category-tabs button{height:30px;min-height:30px;font-size:11px;padding:0 11px}main{padding:25px 14px 30px;margin-top:-14px;border-radius:18px 18px 0 0}.board-heading{margin-bottom:22px}.board-heading>span{font-size:20px}.board-heading p{font-size:11px}.workspace{gap:16px}.community-rail{padding:0;order:-2}.career-panel{gap:8px}.community-rail h2{width:100%;font-size:12px;margin-bottom:2px}.career-panel :is(.requests-entry,.career-action){flex:1;padding:8px 4px;font-size:10px;white-space:nowrap;min-height:34px}.filter-rail{background:transparent;padding:0;border-radius:8px}.mobile-filter-toggle{display:flex;width:100%;background:#eaf1fa;color:#4a607f;border:1px solid #dde6f3;border-radius:7px;padding:12px 14px;font-size:12px}.filter-body{padding:14px 0 0}#filterPanel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter-field{font-size:11px}.filter-field select{font-size:16px;height:40px}.results{padding:0;border:0;background:none}.list-toolbar{padding:0 0 12px;min-height:46px}.list-toolbar>div{display:flex;gap:8px}.list-toolbar h2{font-size:15px;margin:0}.list-toolbar #resultSummary{font-size:10px}.sort select{font-size:12px;height:36px;width:112px}.opportunity-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;padding:17px 15px;column-gap:11px;row-gap:9px;border-radius:10px}.job-glyph{width:36px;height:36px;border-radius:10px;font-size:10px;grid-column:1;grid-row:1/3;margin-top:1px}.opportunity-card h3{grid-column:2;grid-row:1;font-size:15px;line-height:1.65}.opportunity-meta{grid-column:2;grid-row:2;font-size:11px}.card-topline{grid-column:1/-1;grid-row:3;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-top:4px;gap:12px}.card-topline time{font-size:10px}.card-salary{font-size:14px;max-width:65%;text-align:left}.skill-tags{grid-column:1/-1;grid-row:4;gap:5px}.skill-tags span{font-size:10px;max-width:calc(50% - 3px);padding:4px 7px}.opportunity-footer{grid-column:1/-1;grid-row:5;margin-top:3px;border-top:1px solid #f0f3f8;padding-top:11px}.opportunity-footer>div{gap:18px}.save,.view-opportunity{font-size:11px}.view-opportunity{padding:6px 10px}footer{margin:0 20px;padding:25px 0;gap:15px;font-size:10px}footer .brand{font-size:16px}footer>span:first-of-type{width:100%;order:1}dialog{padding:22px 20px;border-radius:17px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}dialog h2{font-size:23px}dialog p,dialog li{font-size:14px}.plan-grid{gap:10px}.plan-card{padding:15px 12px}.recharge-contact{padding:13px;font-size:13px}.recharge-contact p{font-size:13px}}
.header .account-actions{margin-left:auto}
@media(min-width:761px){.discovery-inner{padding-top:32px;padding-bottom:40px}.discovery-inner h1{font-size:42px}.hero-kicker{margin-bottom:12px}.discovery-search{margin-top:23px;margin-bottom:18px}.board-heading{margin-bottom:22px}main{padding-top:28px}.board-heading p{margin-top:7px}}
#rechargeDialog .plan-option{border-color:#e1e7f1;border-radius:12px;background:#fff;color:#526680}#rechargeDialog .plan-option[aria-pressed=true]{border-color:#2869ec;background:#f0f5ff}#rechargeDialog .plan-price{color:#263f66}#rechargeDialog .recharge-contact{background:#f0f5fc}#rechargeDialog .recharge-contact p,#rechargeDialog .recharge-contact strong{color:#526680}#rechargeDialog .wechat-instructions #rechargeMessage{background:#f0f5fc;color:#526680}.primary:hover{border-color:#205ddd}
.header .publish-button{display:inline-flex;align-items:center;gap:8px;background:#1596f5;border-color:#1596f5;border-radius:7px;padding:10px 18px;color:#fff;font-size:14px;white-space:nowrap}.publish-button>span{font-size:21px;line-height:1}.header .account-actions{gap:18px;align-items:center}.header .account-button{background:transparent;border-color:transparent;padding-right:0;color:#fff}.site-footer{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:start;max-width:1200px;padding:50px 0 26px;border-top:0;background:transparent;font-size:13px}.footer-intro p{font-size:13px;color:#8590a0;margin:14px 0}.site-footer .brand{font-size:22px}.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.footer-columns h2{font-size:14px;font-weight:500;color:#323c4b;margin:0 0 20px}.footer-columns button{display:block;font-size:13px;line-height:1.8;color:#8590a0;border:0;background:none;padding:3px 0;text-align:left}.footer-columns button:hover{color:#2869ec}.footer-bottom{grid-column:1/-1;text-align:center;border-top:1px solid #e0e6ee;padding-top:22px;color:#8590a0;font-size:11px}#publishDialog .checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7}#postConsent{width:18px;height:18px;flex:none;margin-top:3px;accent-color:#2869ec}
@media(max-width:1000px){.site-footer{margin:0 24px}.header{gap:25px}.header .account-actions{gap:10px}}
@media(max-width:760px){.header{padding:14px 16px 0;column-gap:8px}.header .brand{font-size:15px;gap:6px}.brand-symbol{width:25px;height:25px;font-size:17px}.header .publish-button{font-size:11px;padding:7px 10px;gap:4px}.publish-button>span{font-size:15px}.header .account-actions{gap:8px}.header .account-button{font-size:10px;max-width:96px;padding:7px 0}.site-footer{display:block;margin:0 20px;padding:28px 0 24px}.footer-intro{margin-bottom:28px}.footer-columns{gap:16px}.footer-columns h2{font-size:12px;margin-bottom:13px}.footer-columns button{font-size:11px;padding:3px 0}.footer-bottom{margin-top:27px}.site-footer .brand{font-size:18px}}
@media(max-width:360px){.header .brand{font-size:13px}.header .account-button{max-width:70px}.header .account-actions{gap:5px}}

/* Supplied LiNuo brand artwork, shared by header, footer and tab icon. */
.brand-logo{display:block;width:44px;height:36px;object-fit:contain;flex:none;border-radius:6px;background:#fff}.site-footer .brand{display:flex;align-items:center;gap:10px}@media(max-width:760px){.header .brand-logo{width:31px;height:26px}.site-footer .brand-logo{width:40px;height:33px}}
/* A dedicated operational workspace shares the protected admin endpoints. */
.admin-page{background:#f5f7fb!important}.admin-page>.header,.admin-page>.discovery-band,.admin-page>main,.admin-page>.site-footer{display:none}.admin-page-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1100px)/2));background:#fff;border-bottom:1px solid #e3e9f2}.admin-page-bar .brand{display:flex;align-items:center;gap:12px;font-size:19px}.admin-page-bar>div{display:flex;align-items:center;gap:18px}.admin-page-bar a,.admin-page-bar button{color:#465773;font-size:13px;text-decoration:none}.admin-page #adminDialog{position:relative;inset:auto;display:block;width:calc(100% - 48px);max-width:1100px;max-height:none;overflow:visible;margin:28px auto;padding:30px;border:1px solid #e3e9f2;border-radius:16px;box-shadow:0 4px 24px #16305208;animation:none;transform:none;will-change:auto}.admin-page #adminDialog .dialog-top{position:static;padding:0;background:none;backdrop-filter:none}.admin-page #adminDialog [data-close]{display:none}.admin-page #adminLogin{max-width:420px;margin:35px auto}.admin-page #adminWorkspace .admin-tabs{display:flex;gap:10px;padding:8px;background:#f3f6fb;border-radius:10px;margin:25px 0}.admin-page .admin-tabs button{flex:1;border-radius:7px;padding:14px 12px}.admin-page .admin-tabs button.active{background:#fff;color:#2869ec;box-shadow:0 2px 8px #1630520a}.admin-page .admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-page .admin-record{margin:0;padding:17px;border-radius:10px;background:#fff;border:1px solid #e3e9f2;text-align:left}.admin-page #deliveryForm,.admin-page #rechargeForm,.admin-page #adminForm{margin-top:24px;padding:24px;background:#f8faff;border:1px solid #e3e9f2;border-radius:12px}.admin-page #adminLogin[hidden],.admin-page #adminWorkspace[hidden],.admin-page section[hidden],.admin-page form[hidden]{display:none!important}
/* Keep feedback on compositor-friendly transforms, without animating layout. */
@media(prefers-reduced-motion:no-preference){dialog[open]:not(#adminDialog){animation:fluid-sheet-in .24s cubic-bezier(.2,.8,.2,1)}dialog[open]::backdrop{animation:none}#rechargeDialog[open] :is(.plan-grid,.wechat-instructions){animation:none}.modal-page-locked .reveal-item{animation-play-state:paused}.icon-button,.primary,.secondary{touch-action:manipulation}}
@keyframes fluid-sheet-in{from{transform:translate3d(0,8px,0) scale(.995)}to{transform:none}}
@media(max-width:760px){.admin-page-bar{padding:16px;flex-wrap:wrap;gap:12px}.admin-page-bar .brand{font-size:16px}.admin-page-bar>div{gap:20px}.admin-page #adminDialog{width:calc(100% - 24px);margin:16px auto;padding:18px}.admin-page .admin-list{grid-template-columns:1fr}.admin-page .admin-tabs button{font-size:12px;padding:12px 4px}.admin-page #deliveryForm,.admin-page #rechargeForm,.admin-page #adminForm{padding:16px}.admin-page #adminDialog h2{font-size:23px}}
.admin-page-bar button{appearance:none;border:1px solid #dfe6f0;background:#fff;border-radius:7px;padding:8px 12px;cursor:pointer}.admin-page .admin-tabs button{border:0;background:transparent;cursor:pointer}.admin-page .admin-record:hover{border-color:#9bbaf4;background:#f7faff}
.customer-note{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5fb;border-radius:9px;padding:14px}.customer-note strong{color:#25354d}.admin-page #deliveryForm .secondary{margin-top:12px}

/* Entrance preview: a short, spatial sequence. Content remains usable throughout. */
@media (prefers-reduced-motion:no-preference){
 body:not(.admin-page) .header .brand-logo{animation:rino-brand-arrive .85s cubic-bezier(.16,1,.3,1) both}
 body:not(.admin-page) .discovery-inner>div:first-child{animation:rino-heading-arrive 1s cubic-bezier(.16,1,.3,1) both}
 body:not(.admin-page) .discovery-search{animation:rino-controls-arrive 1s .06s cubic-bezier(.16,1,.3,1) both}
 body:not(.admin-page) .category-tabs{animation:rino-controls-arrive 1s .12s cubic-bezier(.16,1,.3,1) both}
 body:not(.admin-page) .board-heading{animation:rino-controls-arrive 1s .18s cubic-bezier(.16,1,.3,1) both}
}
@keyframes rino-brand-arrive{from{transform:translate3d(0,5px,0) scale(.92)}to{transform:translate3d(0,0,0) scale(1)}}
@keyframes rino-heading-arrive{from{transform:translate3d(0,20px,0)}to{transform:translate3d(0,0,0)}}
@keyframes rino-controls-arrive{from{transform:translate3d(0,12px,0)}to{transform:translate3d(0,0,0)}}

/* Keep the modal backdrop anchored to the viewport after its entrance settles. */
dialog[open]:not(#adminDialog){will-change:auto;transform:none}
dialog::backdrop{position:fixed;inset:0;border-radius:0;transform:none}
#requestsDialog .dialog-top{position:sticky;top:-22px;margin-top:-22px;padding:16px 0 10px;z-index:5;background:#fff}
.request-record{min-width:0}.request-record h3{overflow-wrap:anywhere}
.request-record [data-copy-delivery]{display:block;max-width:100%;margin:12px 0 0}
.request-timestamps{display:grid;gap:6px;margin-top:16px}
.request-timestamps time{display:block;min-width:0;overflow-wrap:anywhere}

/* A brand introduction, followed by the existing functional discovery workspace. */
html{scroll-behavior:smooth;scroll-padding-top:24px}
.welcome-section{background:#0e1422;color:#fff;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:30px;min-height:580px;padding:70px max(32px,calc((100vw - 1200px)/2)) 88px;overflow:hidden}
.welcome-copy{position:relative;z-index:1}.welcome-copy h1{font-size:clamp(42px,4.4vw,68px);font-weight:650;line-height:1.35;letter-spacing:-2.8px;margin:0 0 26px;color:#fff}.welcome-copy p{font-size:19px;line-height:1.9;color:#b8c5da;margin:0}.welcome-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.welcome-actions a{display:flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none;font-size:15px;font-weight:500;min-height:54px;padding:0 23px;border-radius:9px;transition:transform .22s ease,background .22s ease}.welcome-primary{background:#2869ec;color:white}.welcome-secondary{border:1px solid #61728c;color:#edf3ff}.welcome-actions a:hover{transform:translateY(-2px)}.welcome-primary:hover{background:#3676f5}.welcome-secondary:hover{background:#18243a}.welcome-actions a:active{transform:scale(.98)}
.opportunity-orbit{position:relative;aspect-ratio:1;width:100%;max-width:500px;justify-self:end}.orbit-ring{position:absolute;border:1px solid #233451;border-radius:50%;inset:0}.ring-one{inset:3%;border-color:#3679ee}.ring-two{inset:12%}.ring-three{inset:22%;border-color:#6d86b6}.ring-four{inset:37%;border-color:#275098}.orbit-center{position:absolute;inset:49%;background:#3c87ff;border-radius:50%;box-shadow:0 0 34px #3c87ff66}.orbit-traveller{position:absolute;inset:3%;border-radius:50%;pointer-events:none}.orbit-traveller i{position:absolute;top:50%;left:-3px;width:7px;height:7px;background:#579bff;border-radius:50%}.orbit-label{position:absolute;border:0;background:#0e1422;color:#d6e2f7;padding:7px 10px;font-size:15px;cursor:pointer;transition:color .2s ease,transform .2s ease}.orbit-label:hover{color:#77adff;transform:translateY(-2px)}.orbit-edit{top:6%;left:7%}.orbit-design{top:11%;right:0}.orbit-code{right:-1%;top:55%}.orbit-content{bottom:12%;left:6%}.orbit-product{bottom:0;right:27%}
.welcome-guide{background:#fff;padding:64px max(32px,calc((100vw - 1200px)/2)) 72px;color:#101b2e}.welcome-guide h2{text-align:center;font-size:34px;line-height:1.5;letter-spacing:-1px;margin:0 0 42px}.welcome-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;list-style:none;margin:0;padding:0}.welcome-steps li{border-top:1px solid #dce4f0;padding-top:22px}.step-number{font-size:16px;color:#2869ec;display:block;margin-bottom:19px}.welcome-steps h3{font-size:19px;margin:0 0 12px;font-weight:600}.welcome-steps p{font-size:14px;line-height:1.9;color:#66758b;margin:0;max-width:320px}.design-trial .discovery-band{background:#f5f7fb}.design-trial .discovery-inner{min-height:0;padding-top:50px;padding-bottom:50px;text-align:center}.discovery-inner h2{font-size:30px;line-height:1.4;letter-spacing:-1px;color:#23334e;margin:0 0 12px}.design-trial .discovery-inner p{color:#718098}.admin-page>.welcome-section,.admin-page>.welcome-guide{display:none}
@media(prefers-reduced-motion:no-preference){.welcome-copy{animation:welcome-rise .8s cubic-bezier(.16,1,.3,1)}.opportunity-orbit{animation:welcome-rise 1s cubic-bezier(.16,1,.3,1)}.orbit-traveller{animation:orbit-turn 36s linear infinite}.modal-page-locked .orbit-traveller{animation-play-state:paused}}
@keyframes welcome-rise{from{transform:translateY(18px)}to{transform:none}}@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.welcome-section{grid-template-columns:1fr;gap:28px;padding:36px 22px 40px;min-height:0}.welcome-copy h1{font-size:clamp(32px,8.6vw,42px);letter-spacing:-1.4px;margin-bottom:20px;line-height:1.42}.welcome-copy p{font-size:14px;line-height:1.9}.welcome-actions{gap:10px;margin-top:23px}.welcome-actions a{font-size:12px;padding:0 16px;min-height:46px;gap:14px}.opportunity-orbit{width:240px;max-width:75vw;justify-self:center}.orbit-label{font-size:12px;padding:5px 7px}.welcome-guide{padding:36px 22px 40px}.welcome-guide h2{text-align:left;font-size:23px;letter-spacing:-.6px;margin-bottom:26px}.welcome-steps{grid-template-columns:1fr;gap:22px}.welcome-steps li{padding-top:18px;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:14px}.step-number{grid-row:1/3;margin:1px 0 0;font-size:13px}.welcome-steps h3{font-size:17px;margin-bottom:7px}.welcome-steps p{grid-column:2;font-size:13px;max-width:none}.design-trial .discovery-inner{padding:30px 20px;text-align:left}.discovery-inner h2{font-size:24px}.design-trial .discovery-inner p{font-size:13px}html{scroll-padding-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.welcome-copy,.opportunity-orbit,.orbit-traveller{animation:none}}
/* Unified mobile introduction and lightweight, one-time scroll choreography. */
@media(prefers-reduced-motion:no-preference){
.welcome-copy,.opportunity-orbit{animation:none}
.welcome-copy h1{animation:welcome-rise 1.15s cubic-bezier(.16,1,.3,1)}
.welcome-copy>p{animation:welcome-rise 1.3s cubic-bezier(.16,1,.3,1)}
.welcome-actions{animation:welcome-rise 1.45s cubic-bezier(.16,1,.3,1)}
.orbit-ring{animation:orbit-unfold 1.6s cubic-bezier(.16,1,.3,1)}
.ring-two{animation-duration:1.8s}.ring-three{animation-duration:2s}.ring-four{animation-duration:2.2s}
.intro-reveal{transform:translateY(24px);transition:transform .95s cubic-bezier(.16,1,.3,1)}
.intro-reveal.is-visible{transform:none}
}
@keyframes orbit-unfold{from{transform:scale(.75) rotate(-12deg)}to{transform:none}}
@media(max-width:760px){
.welcome-section{display:block;position:relative;isolation:isolate;min-height:390px;padding:42px 22px 42px}
.welcome-copy{z-index:2}.welcome-copy h1{max-width:100%}.welcome-copy p{max-width:320px}
.opportunity-orbit{position:absolute;width:340px;max-width:none;right:-150px;top:85px;z-index:-1;opacity:.28;pointer-events:none}
.opportunity-orbit .orbit-label{display:none}
.welcome-guide{background:#0e1422;color:#eef3fd;padding-top:0;padding-bottom:44px}
.welcome-guide h2{font-size:22px;line-height:1.5;padding-top:30px;border-top:1px solid #26344a}
.welcome-steps li{border-color:#26344a}.welcome-steps h3{color:#edf3ff}.welcome-steps p{color:#a9b8cf}.step-number{color:#77a6ff}
}
/* User-supplied monochrome brand mark. */
.brand-logo,.site-footer .brand-logo{width:40px;height:40px;background:#000;object-fit:contain;border-radius:8px}
@media(max-width:760px){.header .brand-logo{width:30px;height:30px}}
/* Deliberate first-load entrance: staggered motion without hiding content. */
@media(prefers-reduced-motion:no-preference){
.welcome-copy h1{animation:welcome-rise 2s cubic-bezier(.16,1,.3,1) backwards}
.welcome-copy>p{animation:welcome-rise 2.1s .12s cubic-bezier(.16,1,.3,1) backwards}
.welcome-actions{animation:welcome-rise 2.2s .24s cubic-bezier(.16,1,.3,1) backwards}
.orbit-ring{animation:orbit-unfold 2.6s .08s cubic-bezier(.16,1,.3,1) backwards}
.ring-two{animation-duration:2.9s;animation-delay:.16s}.ring-three{animation-duration:3.2s;animation-delay:.24s}.ring-four{animation-duration:3.5s;animation-delay:.32s}
}
/* White introduction trial and readable category selection. */
.design-trial .header,.welcome-section,.welcome-guide{background:#fff;color:#18243a}
.design-trial .header .brand,.design-trial .header nav button,.design-trial .header .account-button{color:#25334b}
.design-trial .header nav button.selected:after{background:#2869ec}
.welcome-copy h1{color:#14213a}.welcome-copy p{color:#687891}
.welcome-secondary{color:#253a60;border-color:#c9d5e6}.welcome-secondary:hover{background:#f1f5fc}
.orbit-label{background:#fff;color:#526987}.orbit-ring{border-color:#d9e4f2}.ring-one{border-color:#7ca6ef}.ring-three{border-color:#98b0d2}.ring-four{border-color:#b2c9ee}
.design-trial .category-tabs button{background:#fff;color:#526783;border:1px solid #d7e1ef;box-shadow:none}
.design-trial .category-tabs button.active,.design-trial .category-tabs button[aria-pressed=true]{background:#2869ec;color:#fff;border-color:#2869ec}
@media(max-width:760px){.welcome-guide{background:#fff;color:#17243b}.welcome-guide h2,.welcome-steps li{border-color:#dce5f2}.welcome-steps h3{color:#23334c}.welcome-steps p{color:#697c95}.step-number{color:#2869ec}.opportunity-orbit{opacity:.36}}
/* Contact sheets fade gently in and out while keeping the background locked. */
@media(prefers-reduced-motion:no-preference){
dialog[open]:not(#adminDialog){animation:contact-sheet-in .65s cubic-bezier(.16,1,.3,1)}
dialog[open].is-closing:not(#adminDialog){animation:contact-sheet-out .42s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}
dialog[open].is-closing::backdrop{animation:contact-backdrop-out .42s ease forwards}
}
@keyframes contact-sheet-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes contact-sheet-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)}}
@keyframes contact-backdrop-out{to{background:transparent}}
/* Independent introduction and job hall. */
.design-trial.landing-home .discovery-band,.design-trial.landing-home>main{display:none}
.design-trial.job-hall .welcome-section,.design-trial.job-hall .welcome-guide,.design-trial.job-hall .home-invitation{display:none}
.home-invitation{padding:100px 24px 120px;text-align:center;background:#fff;border-top:1px solid #edf0f4;color:#18243a}
.home-invitation h2{font-size:clamp(40px,6vw,72px);line-height:1.13;letter-spacing:-.04em;margin:0 0 24px}
.home-invitation p{color:#6c778b;margin:0 0 32px}.home-invitation .welcome-primary{display:inline-flex}
.brand-opening{position:fixed;inset:0;z-index:10000;background:#fff;display:grid;place-items:center;overflow:hidden;transition:opacity .85s ease,visibility .85s;pointer-events:auto;color:#18243a}
.brand-opening[hidden]{display:none}.opening-finished{opacity:0;visibility:hidden;pointer-events:none}.opening-active{overflow:hidden}
#skipOpening{position:absolute;right:28px;top:28px;z-index:2;background:transparent;border:1px solid #dce1e8;border-radius:30px;padding:12px 20px;color:#657185;font-size:14px;cursor:pointer}
.opening-brand{position:relative;text-align:center;animation:brand-arrive 2.4s cubic-bezier(.16,1,.3,1) both}
.opening-brand img{border-radius:30px;width:160px;height:160px;box-shadow:0 30px 70px #18243a18}
.opening-brand h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;margin:28px 0 12px;animation:opening-copy 1.8s .5s both}.opening-brand p{font-size:20px;color:#778297;animation:opening-copy 1.8s .8s both}
.opening-orbits{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.opening-orbits i{position:absolute;width:64vmax;height:64vmax;border:1px solid #dfe5ed;border-radius:50%;animation:opening-wave 4.2s cubic-bezier(.16,1,.3,1) both}.opening-orbits i:nth-child(2){width:90vmax;height:90vmax;animation-delay:.15s}.opening-orbits i:nth-child(3){width:116vmax;height:116vmax;animation-delay:.3s}
.opening-caption{position:absolute;bottom:38px;font-size:13px;letter-spacing:.16em;color:#8792a3;animation:opening-copy 2s 1s both}
@keyframes brand-arrive{from{opacity:0;transform:translateY(50px) scale(.68)}to{opacity:1;transform:none}}
@keyframes opening-wave{from{opacity:0;transform:scale(.1)}40%{opacity:1}to{opacity:.65;transform:scale(1)}}
@keyframes opening-copy{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:700px){.design-trial.landing-home .welcome-section{min-height:540px;padding:70px 24px 60px}.design-trial.landing-home .welcome-copy h1{font-size:42px}.design-trial.landing-home .opportunity-orbit{opacity:.14;right:-200px;top:190px}.home-invitation{padding:72px 24px 90px}.opening-brand img{width:130px;height:130px}.opening-caption{letter-spacing:.05em;font-size:12px}#skipOpening{right:18px;top:18px}}
@media(prefers-reduced-motion:reduce){.brand-opening{display:none}.opening-active{overflow:auto}}
/* Keep the opening on small compositor layers; decode the mark before revealing it. */
.brand-opening{transition:opacity .65s ease,visibility .65s;contain:layout paint}
.opening-brand{animation:none;transform:none}
.opening-brand img{box-shadow:none;opacity:0;transform:translate3d(0,12px,0);will-change:transform,opacity;backface-visibility:hidden}
.opening-brand h2,.opening-brand p,.opening-caption{animation:none;opacity:0;transform:translate3d(0,10px,0)}
.opening-orbits i{animation:none;width:70vmin;height:70vmin;opacity:0;will-change:transform,opacity}
.opening-orbits i:nth-child(2){width:96vmin;height:96vmin}.opening-orbits i:nth-child(3){display:none}
.opening-ready .opening-brand img{animation:mark-reveal 1.8s cubic-bezier(.22,1,.36,1) forwards}
.opening-ready .opening-brand h2{animation:mark-reveal 1.5s .2s cubic-bezier(.22,1,.36,1) forwards}
.opening-ready .opening-brand p{animation:mark-reveal 1.5s .35s cubic-bezier(.22,1,.36,1) forwards}
.opening-ready .opening-caption{animation:mark-reveal 1.5s .5s cubic-bezier(.22,1,.36,1) forwards}
.opening-ready .opening-orbits i{animation:ring-reveal 2.8s ease-out forwards}.opening-ready .opening-orbits i:nth-child(2){animation-delay:.15s}
@keyframes mark-reveal{to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes ring-reveal{from{opacity:0;transform:scale(.9)}to{opacity:.7;transform:scale(1)}}
.opening-active .welcome-copy h1,.opening-active .welcome-copy>p,.opening-active .welcome-actions,.opening-active .orbit-ring,.opening-active .orbit-traveller{animation:none}
@media(max-width:760px){
.design-trial.landing-home .welcome-section{min-height:0;padding:50px 24px 44px}
.design-trial.landing-home .welcome-copy h1{font-size:clamp(32px,8.7vw,40px);line-height:1.4;letter-spacing:-1.4px}
.design-trial.landing-home .welcome-guide{padding:12px 24px 16px}
.design-trial.landing-home .welcome-guide h2{padding-top:28px;font-size:22px;border:0;margin-bottom:30px}
.design-trial.landing-home .welcome-steps{gap:0;position:relative}
.design-trial.landing-home .welcome-steps li{border:0;padding:0 0 30px;grid-template-columns:32px 1fr;gap:8px 16px;position:relative}
.design-trial.landing-home .welcome-steps li:not(:last-child):before{content:'';position:absolute;left:15px;top:35px;bottom:8px;width:1px;background:#e2e8f1}
.design-trial.landing-home .step-number{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f0f5ff;font-size:12px;margin:0}
.design-trial.landing-home .welcome-steps h3{margin:4px 0 0}.design-trial.landing-home .welcome-steps p{line-height:1.8}
.design-trial.landing-home .home-invitation{padding:6px 24px 46px;border:0;text-align:left}
.design-trial.landing-home .home-invitation h2,.design-trial.landing-home .home-invitation p{display:none}
.design-trial.landing-home .home-invitation .welcome-primary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 20px;border-radius:9px;font-size:15px;text-decoration:none}
.design-trial.landing-home .site-footer{padding-top:30px;border-top:1px solid #edf0f4}
.design-trial.landing-home .opportunity-orbit{animation:none}.design-trial.landing-home .orbit-ring,.design-trial.landing-home .orbit-traveller{animation:none}
}
/* Calm entrances with gradual acceleration and deceleration. */
.brand-opening{transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility .9s}
.opening-ready .opening-brand img{animation:mark-reveal 2.1s cubic-bezier(.4,0,.2,1) forwards}
.opening-ready .opening-brand h2{animation:mark-reveal 1.9s .15s cubic-bezier(.4,0,.2,1) forwards}
.opening-ready .opening-brand p{animation:mark-reveal 1.9s .3s cubic-bezier(.4,0,.2,1) forwards}
.opening-ready .opening-caption{animation:mark-reveal 1.9s .45s cubic-bezier(.4,0,.2,1) forwards}
.opening-ready .opening-orbits i{animation:ring-reveal 3.1s cubic-bezier(.4,0,.2,1) forwards}
.welcome-steps li{min-height:90px}.welcome-steps h3{margin-bottom:0}
@media(max-width:760px){.design-trial.landing-home .welcome-steps li{min-height:78px;padding-bottom:30px;align-items:start}.design-trial.landing-home .welcome-steps li:not(:last-child):before{top:36px;bottom:9px}.design-trial.landing-home .welcome-guide{padding-bottom:0}.design-trial.landing-home .home-invitation{padding-top:0}}
@media(prefers-reduced-motion:no-preference){.intro-reveal{transform:translateY(12px);transition:transform 1.15s cubic-bezier(.4,0,.2,1)}}

/* A single primary job-hall entrance on mobile. */
@media(max-width:760px){.design-trial.landing-home .home-invitation{display:none}.design-trial.landing-home .welcome-guide{padding-bottom:28px}}

/* Compact, account-bound application confirmation. */
.design-trial #claimDialog{width:calc(100% - 40px);max-width:460px;padding:28px;border:1px solid #e7ebf1;border-radius:24px;box-shadow:0 24px 90px #14213a24;color:#1b263b}
.design-trial #claimDialog .dialog-top{position:static;margin:0 0 24px;padding:0;background:transparent;backdrop-filter:none;display:flex;align-items:center;justify-content:space-between;gap:16px}
.design-trial #claimDialog .dialog-top h2{margin:0;font-size:23px;line-height:1.3;letter-spacing:-.5px;font-weight:600}
.design-trial #claimDialog .icon-button{width:34px;height:34px;min-width:34px;background:#f4f6f8;color:#8490a1;font-size:24px}
.design-trial #claimTitle{font-size:16px;font-weight:500;line-height:1.6;margin:0 0 26px;color:#435068;overflow-wrap:anywhere}
.claim-cost{display:flex;align-items:center;justify-content:space-between;padding:0 0 24px;border-bottom:1px solid #e9edf2;gap:16px}
.claim-cost>span{font-size:14px;color:#748095}.claim-cost strong{font-family:inherit;font-size:36px;letter-spacing:-1.3px;font-weight:600;line-height:1}.claim-cost small{font-size:14px;letter-spacing:0;font-weight:400;margin-left:4px;color:#738096}
.claim-account{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:22px 0 8px;font-size:13px;color:#8791a2}.claim-account #claimAccount{color:#455169;text-align:right;overflow-wrap:anywhere;min-width:0}
.design-trial #claimBalance{font-size:13px;color:#8a94a4;margin:0 0 24px;text-align:right}
.design-trial #claimForm .checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#7b8799;line-height:1.8;margin:0 0 20px;font-weight:400}
.design-trial #claimForm .checkbox-label input{flex:0 0 17px;width:17px;height:17px;margin:2px 0 0;accent-color:#253b60}
.design-trial #claimForm>.primary{min-height:50px;border-radius:12px;font-size:15px;font-weight:500;background:#233957;box-shadow:none}
.design-trial #claimForm>.primary:hover{background:#304c71}
.claim-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:#9099a8;font-size:11px}.design-trial .claim-bottom .text-button{font-size:12px;padding:0;color:#687d9d;text-decoration:none}
#claimDialog::backdrop{background:#15213965}
@media(max-width:480px){.design-trial #claimDialog{padding:24px;width:calc(100% - 32px);border-radius:22px}.design-trial #claimDialog .dialog-top{margin-bottom:22px}.design-trial #claimTitle{font-size:15px;margin-bottom:22px}.claim-account{gap:12px}.claim-bottom{font-size:10px}}

/* Keep recharge in the account area, outside the job-hall quick actions. */
.design-trial #rechargeNav[hidden]{display:none!important}